@weitutech/by-components 1.0.28 → 1.0.31

package/docs/extension.md

@@ -0,0 +1,15 @@
+### 如需要扩展
+
+  1. 应从 vex-table 第三方组件库查看是否有相应的功能
+  
+  2. 如需要加入通用实用的表单元素、应该先考虑在组件form中加入、其次是以custom插槽的形式插入
+
+### 第三方插件
+
+  [element-ui](https://element.eleme.cn/#/zh-CN)
+
+  [vuedraggable](https://www.npmjs.com/package/vuedraggable)
+
+  [vxe-table](https://vxetable.cn/pluginDocs/table3/#/demo/list)
+
+  [moment](https://momentjs.cn/)

package/docs/form.md

@@ -0,0 +1,52 @@
+### 类型(没有注册看 Element 的组件使用方法)
+
+```
+  | 'input'
+  | 'inputNumber'
+  | 'select'
+  | 'treeSelect'
+  | 'datepicker'
+  | 'cascader'
+  | 'switch'
+  | 'checkbox'
+  | 'radio'
+  | 'upload'
+  | 'customDatePicker' // 自定义的时间选择器
+  | 'search' // 搜索按钮区域
+  | 'custom' // 自定义
+```
+
+#### Event
+
+| 事件          | 参数                |
+| ------------- | ------------------- |
+| change        | context: IFormItems |
+| queryBtnClick | 无                  |
+
+完整案列见 [表单 by-form](../README.md)
+
+### 特殊说明
+
+#### 'customDatePicker'特别说明
+
+自定义时间选中器同时支持时间段方式绑定值 和 单独时间方式绑定值
+
+```
+// 时间段方式绑定值
+{
+  type: 'customDatePicker',
+  field: 'report_time',
+  label: '报表时间'
+}
+```
+
+```
+// 单独时间方式绑定值
+{
+  type: 'customDatePicker',
+  field: 'report_time',  // 仍然保留原来的字段，保证兼容性
+  startTimeField: 'start_time',  // 新增开始时间字段
+  endTimeField: 'end_time',  // 新增结束时间字段
+  label: '报表时间'
+}
+```

package/docs/table.md

@@ -0,0 +1,26 @@
+### table
+  #### 自定义列宽
+    注意📢： 一个项目中的name属性千万不能重名、一个项目中的name属性千万不能重名、一个项目中的name属性千万不能重名
+    给table组件设置name值属性、类型为String格式、表格会自动缓存用户拖拽之后的结果
+  #### 自定义列
+    给table组件设置以下对象
+    customColumnConfig: { // 自定义列  
+      showCustomColumn: true, // 是否显示自定义列
+      infoMethod: getCustomTableList,  // 回显用的接口
+      infoMethodParams: {}, // 回显用的接口参数
+      submitMethod: setCustomTableList, // 保存用的接口
+      submitMethodParams: {}, // 保存用的接口参数
+      slots: ["source_material_count"] // 需要使用插槽的字段集合
+    }
+    并通过事件Event @setColumn="handleSetColumn" 实现对列的设置
+    const handleSetColumn = (columns) => {
+      this.gridOptions.columns = [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 50, fixed: "left", title: "序号" },
+        ...columns,
+        { title: "操作", width: 80, fixed: "right", slots: { default: "operate" }}
+      ]
+    }
+  #### Event
+  见[第三方插件vxe-table](./extension.md)
+完整案列见 [表格 by-table](../README.md)