@weitutech/by-components 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weitutech/by-components",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "private": false,
5
5
  "main": "src/index",
6
6
  "sideEffects": [
@@ -1,7 +0,0 @@
1
- {
2
- "recommendations": [
3
- "dbaeumer.vscode-eslint",
4
- "octref.vetur",
5
- "esbenp.prettier-vscode"
6
- ]
7
- }
@@ -1,27 +0,0 @@
1
- {
2
- "editor.formatOnSave": true,
3
- "editor.defaultFormatter": null,
4
- "editor.codeActionsOnSave": {
5
- "source.fixAll.eslint": "explicit"
6
- },
7
- "[javascript]": {
8
- "editor.defaultFormatter": "esbenp.prettier-vscode"
9
- },
10
- "[vue]": {
11
- "editor.defaultFormatter": "esbenp.prettier-vscode"
12
- },
13
- "[json]": {
14
- "editor.defaultFormatter": "esbenp.prettier-vscode"
15
- },
16
- "[html]": {
17
- "editor.defaultFormatter": "esbenp.prettier-vscode"
18
- },
19
- "[css]": {
20
- "editor.defaultFormatter": "esbenp.prettier-vscode"
21
- },
22
- "eslint.validate": [
23
- "javascript",
24
- "javascriptreact",
25
- "vue"
26
- ]
27
- }
package/CHANGELOG.md DELETED
@@ -1,58 +0,0 @@
1
- # 1.1.0 (2025-05-20)
2
-
3
- ### feat
4
-
5
- - 增加table表格列宽缓存功能
6
- - 增加table表格行高自适应功能
7
- - 增加form表单按钮区域(重置、搜索按钮)
8
-
9
- # 1.0.31 (2025-05-14)
10
-
11
- ### feat
12
-
13
- - 自定义时间组件,支持绑定开始时间和结束时间
14
-
15
- # 1.0.30 (2025-04-17)
16
-
17
- ### feat
18
-
19
- - 增加表格列表的保存
20
-
21
- # 1.0.27 (2024-12-04)
22
-
23
- ### 🍏 Perf
24
-
25
- - 多级表头分组之间增加间隔
26
-
27
- # 1.0.26 (2024-12-04)
28
-
29
- ### 🐞 Bug fixes
30
-
31
- - 修复自定义列中,没有列设置 fixed 时的报错
32
-
33
- # 1.0.25 (2024-12-04)
34
-
35
- ### 🍏 Perf
36
-
37
- - 自定义列支持多级表头展示
38
-
39
- # 1.0.24 (2024-11-30)
40
-
41
- ### 🐞 Bug fixes
42
-
43
- - 修复表单中通过插槽的组件数据被清空问题导致卡顿问题
44
-
45
- ### 🍏 Perf
46
-
47
- - 优化选择器组件移除 input 事件、防止选择器选择的时候执行两次
48
-
49
- # 1.0.23 (2024-11-25)
50
-
51
- ### 🐞 Bug fixes
52
-
53
- - 修复日期选择器组件在 form 表格组件中使用时对多个不同的时间配置设置初始时间没有生效问题
54
-
55
- ### 🍏 Perf
56
-
57
- - 优化日期选择器手动设置自定义值的时候自动匹配高亮出现有的时间选项
58
- - 优化表格组件中对最大宽度和最小宽度的设置
package/docs/extension.md DELETED
@@ -1,15 +0,0 @@
1
- ### 如需要扩展
2
-
3
- 1. 应从 vex-table 第三方组件库查看是否有相应的功能
4
-
5
- 2. 如需要加入通用实用的表单元素、应该先考虑在组件form中加入、其次是以custom插槽的形式插入
6
-
7
- ### 第三方插件
8
-
9
- [element-ui](https://element.eleme.cn/#/zh-CN)
10
-
11
- [vuedraggable](https://www.npmjs.com/package/vuedraggable)
12
-
13
- [vxe-table](https://vxetable.cn/pluginDocs/table3/#/demo/list)
14
-
15
- [moment](https://momentjs.cn/)
package/docs/form.md DELETED
@@ -1,93 +0,0 @@
1
- ### 类型(没有注册看 Element 的组件使用方法)
2
-
3
- ```
4
- | 'input'
5
- | 'inputNumber'
6
- | 'select'
7
- | 'treeSelect'
8
- | 'datepicker'
9
- | 'cascader'
10
- | 'switch'
11
- | 'checkbox'
12
- | 'radio'
13
- | 'upload'
14
- | 'customDatePicker' // 自定义的时间选择器
15
- | 'search' // 搜索按钮区域
16
- | 'formButtons' // 表单按钮区域
17
- | 'custom' // 自定义
18
- ```
19
-
20
- #### Event
21
-
22
- | 事件 | 参数 |
23
- | ------------- | ------------------- |
24
- | change | context: IFormItems |
25
- | queryBtnClick | 无 |
26
-
27
- 完整案列见 [表单 by-form](../README.md)
28
-
29
- #### 表单按钮区域(重置、搜索按钮)
30
-
31
- - formItem使用'formButtons'类型
32
- - @submit 触发搜索事件
33
- - @reset 触发重置事件 (内部已实现重置逻辑,如无需其他逻辑,可不实现)
34
-
35
- ```
36
- // 示例:
37
- //formItems中使用示例:
38
- {
39
- //重置、搜索 按钮
40
- type: 'formButtons',
41
- labelWidth: '10px',
42
- otherOptions: {
43
- submit: true, // 是否显示搜索按钮,默认显示
44
- reset: false, // 是否显示重置按钮,默认显示
45
- submitText: '搜索', // 搜索按钮文字
46
- resetText: '重置' // 重置按钮文字
47
- showSubmitIcon: true, // 是否显示搜索按钮图标,默认显示
48
- }
49
- }
50
-
51
- //form使用示例:(by-form & by-page-search组件使用示例)
52
- <by-form
53
- ref="BFormRef"
54
- v-model="formData"
55
- v-bind="formConfig"
56
- @submit="handleSubmit"
57
- @reset="handleReset"
58
- ></by-form>
59
-
60
- <by-page-search
61
- v-model="searchQuery"
62
- :search-form-config="formConfig"
63
- @change="handleFormChange"
64
- @submit="handleSubmit"
65
- @reset="handleReset"
66
- ></by-page-search>
67
- ```
68
-
69
- ### 特殊说明
70
-
71
- #### 自定义时间选中器'customDatePicker'特别说明
72
-
73
- 自定义时间选中器同时支持时间段方式绑定值 和 单独时间方式绑定值
74
-
75
- ```
76
- // 时间段方式绑定值
77
- {
78
- type: 'customDatePicker',
79
- field: 'report_time',
80
- label: '报表时间'
81
- }
82
- ```
83
-
84
- ```
85
- // 单独时间方式绑定值
86
- {
87
- type: 'customDatePicker',
88
- field: 'report_time', // 仍然保留原来的字段,保证兼容性
89
- startTimeField: 'start_time', // 新增开始时间字段
90
- endTimeField: 'end_time', // 新增结束时间字段
91
- label: '报表时间'
92
- }
93
- ```
package/docs/table.md DELETED
@@ -1,43 +0,0 @@
1
- ### table
2
-
3
- #### 列宽缓存
4
-
5
- - 列宽缓存会根据 name 属性进行缓存; 所以如果业务中表格需要缓存列宽,请务必给table组件设置name属性(类型为String)
6
-
7
- - name属性值不能重复,最好根据当前业务场景进行命名(如: name='adManage_headline2_account'),能保证不重名即可
8
-
9
- - 当新增列、删除列时,会实时更新列宽缓存
10
-
11
- - 注意📢: 一个项目中的name属性千万不能重名、一个项目中的name属性千万不能重名、一个项目中的name属性千万不能重名
12
-
13
- #### 行高自适应
14
-
15
- - 如果需要行高自适应,请设置属性::auto-height="true"
16
-
17
- - 如果某个单元格的内容超出单元格显示,会自动撑高单元格
18
-
19
- #### 自定义列
20
-
21
- 给table组件设置以下对象
22
- customColumnConfig: { // 自定义列
23
- showCustomColumn: true, // 是否显示自定义列
24
- infoMethod: getCustomTableList, // 回显用的接口
25
- infoMethodParams: {}, // 回显用的接口参数
26
- submitMethod: setCustomTableList, // 保存用的接口
27
- submitMethodParams: {}, // 保存用的接口参数
28
- slots: ["source_material_count"] // 需要使用插槽的字段集合
29
- }
30
- 并通过事件Event @setColumn="handleSetColumn" 实现对列的设置
31
- const handleSetColumn = (columns) => {
32
- this.gridOptions.columns = [
33
- { type: "checkbox", width: 50, fixed: "left" },
34
- { type: "seq", width: 50, fixed: "left", title: "序号" },
35
- ...columns,
36
- { title: "操作", width: 80, fixed: "right", slots: { default: "operate" }}
37
- ]
38
- }
39
-
40
- #### Event
41
-
42
- 见[第三方插件vxe-table](./extension.md)
43
- 完整案列见 [表格 by-table](../README.md)