# 快速上手

# 相关依赖项安装

建议node14及以上版本(推荐v14.16.1)
npm install node-sass@4.14.1 --save-dev
npm install sass-loader@8.0.0 --save-dev

# node 对应版本可参照下表

node对应版本

# 文件介绍

components文件夹 ---> 存放所有的组件
examples文件夹 ---> 存放组件的demo(组件如何使用)
public文件夹 ---> 存放组件的静态资源

# 发布流程

 todo: 更新 readeMe.md、package.json版本号   
 1. npm run lib   
 2. npm get registry 
 3. npm login
 4. npm publish --access public

# 如何使用

 1. 安装  
    npm i @mhfwork/yt-ui --save-dev
 
 2. main.js 中注册(选择其中一种方式注册)
    2.1 按需导入(完整的组件列表请看下方[组件列表])
        import ytComp from "@mhfwork/yt-ui/components/ytComp";
        import ytDemo from "@mhfwork/yt-ui/components/ytDemo";
        Vue.use(ytComp)
        Vue.use(ytDemo)
    2.2 全局导入
        import Vue from "vue";
        import ytUi from "@mhfwork/yt-ui/components/index.js";
        Vue.use(ytUi);
 
 3. vue文件中使用
    <yt-comp page-name="pageName"/>
    <yt-demo />

# 组件列表

    ytFileUpload    文件上传通用组件
    ytForm          搜索表单组件
    ytIsShowForm    显示隐藏筛选框组件
    ytRealCanvas    canvas实时展示输入的内容
    ytTableBtn      自定义按钮组

# 开发中...

 1. ytChooseDialog 人员选择器(弹窗形式)
 2. ytNewPage(快速搭建 搜索栏 + 表格 + 分页的页面)