ft-comps-1

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

开发流程

在 src-packages 下创建目录，开发新的控件

包含一个 index.js 文件和 src 目录，index.js 负责添加 install 方法，格式固定， src 目录下负责开发

在 src-packages-index 中添加新建的控件，批量添加 install 方法

修改 package.json 中的 version 版本号

README.md 添加控件信息

yarn lib 打包命令

npm publish 发布版本

控件信息

selectCheckbox

使用

<ft-select-checkbox :list='[]' :filterList='[]' @change='handleChange'></ft-select-checkbox>
<!-- list: 展示的数组， filterList： 选中的数组， change 参数(filterList: 选中的数组)  -->

ft-nav 单层侧边导航

使用

<ft-nav :list='navList' :defaultActive="defaultActive" @change="handleChange"/>
<!-- list: 导航数组， defaultActive 当前导航， change 参数(val: 选中的导航)  -->
格式:
list = [
    {
        lable:'',
        value:'',
        icon:'',
    }
]
defaultActive：String

ft-multinav 二层侧边导航 [1.1.xxx]

使用

<ft-multinav :list='navList' :defaultActive="defaultActive" @change="handleChange" :width="width" :left_width="left_width"/>
<!-- list: 导航数组， defaultActive 当前导航id， change 参数(val: 选中的导航)，width 导航总宽度，left_width 导航左侧一级导航宽度（右侧宽度为width-left_width）  -->
格式:
list = [
    {
        lable:'',
        value:'',
        icon:'',
        children: [
            { label: "", routeId: "" },
          ]
    }
]
defaultActive：String
width：Number
left_width：Number

版本更新信息

1.0.xxx 
    selectCheckbox          -- 下拉多选框
    ft-nav                  -- 左侧单层导航
1.1.xxx 
    ft-multinav             -- 左侧二层导航