xc-workflow-ui

开发说明

路径别名

具体信息请参考 jsconfig.json webpack配置

⚠️注意事项

1. 如果在vue文件中无法得到智能提示，请将packages单独作为项目打开
2. style标签内使用相对地址请加上 ~

样式文件开发

入口 packages/style

公用样式放在common 组件专用样式以 [filename].scss 进行命名

开发说明

组件属性

props

使用工具类来生成对应的props定义

name

业务组件使用Xc开头进行拼接

provide / inject

主要在WorkflowCollect、WorkflowDetail组件中进行使用，函数类型数据或者顶级配置数据使用该项来传递

组件参数解析

collect

util

detail

util

引用说明

按需引用

从全局引用修改为按需引用后，需要重新启动项目，不然页面可能样式加载会出现问题

1. 安装插件

 npm i -D babel-plugin-component 

2. 配置babel(babel.config.js | .babelrc)

{
  plugins: [
    [
      "component",
      {
        libraryName: "xc-workflow-ui",
        styleLibrary: {
          // same with styleLibraryName
          name: "style", 
          // if theme package has a base.css
          base: false, 
        },
        // 文件名称是否转换为折线式
        camel2Dash: false,
      },
    ],
  ],
}

全局引用

⚠️组件库内部已引用vant全局样式，请删除原项目vant样式引用，避免打包体积过大
如果不使用插件 babel-plugin-component 则需要引入全局css

import "xc-workflow-ui/lib/style/index.css";

删除已有的vant样式

import "vant/lib/index.less";

todo

1. 测试采集、详情页面功能是否正常
   1. 采集 7.27
   2. 详情 7.27
2. 恢复音频功能
   1. 采集
   2. 详情
3. eslint
   1. js
   2. vue
4. banner 暴露为插槽
5. dataLoadApis 8.2
6. cascader 迁移 8.2
7. 派遣按钮功能实现 8.5
8. 采集 定位 center 8.3
9. types

打包相关

参考链接

提交说明

1. 本地commit修改记录
2. generate changelog
3. publish