linkmore-design 1.0.63 → 1.0.67
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/README.md +1 -1
- package/dist/Approval/demos/basic.d.ts +2 -0
- package/dist/Approval/index.d.ts +4 -0
- package/dist/Approval/style/index.d.ts +1 -0
- package/dist/Approval/type.d.ts +24 -0
- package/dist/Form/index.d.ts +1 -1
- package/dist/LmEditTable/EditTable.d.ts +2 -1
- package/dist/LmFilter/customFilter/drawer.d.ts +4 -0
- package/dist/LmFilter/customFilter/saveModal.d.ts +4 -0
- package/dist/LmFilter/customFilter/valueDrawer.d.ts +4 -0
- package/dist/LmFilter/filterFns/index.d.ts +9 -1
- package/dist/LmTable/demos/musort.d.ts +2 -0
- package/dist/LmUpload/LmUpload.d.ts +3 -0
- package/dist/LmUpload/UploadList/ItemPicture.d.ts +4 -0
- package/dist/LmUpload/UploadList/ItemPictureCard.d.ts +5 -0
- package/dist/LmUpload/UploadList/ItemText.d.ts +4 -0
- package/dist/LmUpload/UploadList/RenderItem.d.ts +6 -0
- package/dist/LmUpload/UploadList/index.d.ts +4 -0
- package/dist/LmUpload/body/UploadCore.d.ts +4 -0
- package/dist/LmUpload/body/UploadDrag.d.ts +4 -0
- package/dist/LmUpload/body/UploadPicture.d.ts +4 -0
- package/dist/LmUpload/components/card.d.ts +2 -0
- package/dist/LmUpload/demos/basic.d.ts +2 -0
- package/dist/LmUpload/fns/index.d.ts +13 -0
- package/dist/LmUpload/index.d.ts +2 -0
- package/dist/LmUpload/style/index.d.ts +1 -0
- package/dist/LmUpload/utils.d.ts +4 -0
- package/dist/LmUpload/view/index.d.ts +4 -0
- package/dist/LmUpload/wrapper/Upload.d.ts +4 -0
- package/dist/LmUpload/wrapper/UploadContainer.d.ts +4 -0
- package/dist/LmUpload/wrapper/UploadRoot.d.ts +3 -0
- package/dist/LmUpload/wrapper/UploadWrapper.d.ts +4 -0
- package/dist/LmUpload/wrapper/reducer.d.ts +8 -0
- package/dist/Mentions/demos/basic.d.ts +2 -0
- package/dist/Mentions/index.d.ts +3 -0
- package/dist/Mentions/style/index.d.ts +1 -0
- package/dist/Rate/demos/basic.d.ts +2 -0
- package/dist/Rate/index.d.ts +3 -0
- package/dist/Rate/style/index.d.ts +1 -0
- package/dist/Steps/demos/basic.d.ts +2 -0
- package/dist/Steps/index.d.ts +3 -0
- package/dist/Steps/style/index.d.ts +1 -0
- package/dist/index.umd.js +211 -66
- package/dist/index.umd.min.js +1 -1
- package/es/Approval/index.d.ts +4 -0
- package/es/Approval/index.js +303 -0
- package/es/Approval/style/index.css +658 -0
- package/es/Approval/style/index.d.ts +1 -0
- package/es/Approval/style/index.js +1 -0
- package/es/Approval/type.d.ts +24 -0
- package/es/Approval/type.js +1 -0
- package/es/CustomTableOption/index.js +6 -6
- package/es/EditTable/README.md.old +66 -0
- package/es/Form/container.js +17 -1
- package/es/Form/index.d.ts +1 -1
- package/es/Form/index.js +5 -2
- package/es/Form/style/index.css +18 -3
- package/es/LmEditTable/DragHandle.js +2 -1
- package/es/LmEditTable/EditTable.d.ts +2 -1
- package/es/LmEditTable/EditTable.js +155 -46
- package/es/LmEditTable/style/index.css +6 -0
- package/es/LmFilter/LmFilter.js +2 -0
- package/es/LmFilter/complexFilter/drawer.js +2 -5
- package/es/LmFilter/components/CustomSelectFilter.js +18 -7
- package/es/LmFilter/components/SelectFilter.js +14 -5
- package/es/LmFilter/components/index.js +9 -2
- package/es/LmFilter/customFilter/drawer.js +427 -0
- package/es/LmFilter/customFilter/index.js +47 -15
- package/es/LmFilter/customFilter/saveModal.js +187 -0
- package/es/LmFilter/customFilter/valueDrawer.js +238 -0
- package/es/LmFilter/filterFns/index.js +152 -20
- package/es/LmFilter/style/{style.css → index.css} +19 -8
- package/es/LmFilter/style/index.js +1 -1
- package/es/LmFilter/wrapper/Filter.js +3 -2
- package/es/LmFilter/wrapper/FilterRoot.js +48 -2
- package/es/LmSelect/NormalSelect.js +5 -1
- package/es/LmSelect/style/index.css +2 -1
- package/es/LmSelect/useCheckboxOptions.js +2 -1
- package/es/LmTable/Table.js +16 -7
- package/es/LmUpload/LmUpload.d.ts +3 -0
- package/es/LmUpload/LmUpload.js +34 -0
- package/es/LmUpload/UploadList/ItemPicture.d.ts +4 -0
- package/es/LmUpload/UploadList/ItemPicture.js +25 -0
- package/es/LmUpload/UploadList/ItemPictureCard.d.ts +5 -0
- package/es/LmUpload/UploadList/ItemPictureCard.js +69 -0
- package/es/LmUpload/UploadList/ItemText.d.ts +4 -0
- package/es/LmUpload/UploadList/ItemText.js +25 -0
- package/es/LmUpload/UploadList/RenderItem.d.ts +6 -0
- package/es/LmUpload/UploadList/RenderItem.js +31 -0
- package/es/LmUpload/UploadList/index.d.ts +4 -0
- package/es/LmUpload/UploadList/index.js +21 -0
- package/es/LmUpload/body/UploadCore.d.ts +4 -0
- package/es/LmUpload/body/UploadCore.js +46 -0
- package/es/LmUpload/body/UploadDrag.d.ts +4 -0
- package/es/LmUpload/body/UploadDrag.js +10 -0
- package/es/LmUpload/body/UploadPicture.d.ts +4 -0
- package/es/LmUpload/body/UploadPicture.js +27 -0
- package/es/LmUpload/components/card.d.ts +2 -0
- package/es/LmUpload/components/card.js +9 -0
- package/es/LmUpload/fns/index.d.ts +13 -0
- package/es/LmUpload/fns/index.js +74 -0
- package/es/LmUpload/index.d.ts +2 -0
- package/es/LmUpload/index.js +2 -0
- package/es/LmUpload/style/index.css +188 -0
- package/es/LmUpload/style/index.js +3 -0
- package/es/LmUpload/utils.d.ts +4 -0
- package/es/LmUpload/utils.js +20 -0
- package/es/LmUpload/view/index.d.ts +4 -0
- package/es/LmUpload/view/index.js +10 -0
- package/es/LmUpload/wrapper/Upload.d.ts +4 -0
- package/es/LmUpload/wrapper/Upload.js +12 -0
- package/es/LmUpload/wrapper/UploadContainer.d.ts +4 -0
- package/es/LmUpload/wrapper/UploadContainer.js +12 -0
- package/es/LmUpload/wrapper/UploadRoot.d.ts +3 -0
- package/es/LmUpload/wrapper/UploadRoot.js +41 -0
- package/es/LmUpload/wrapper/UploadWrapper.d.ts +4 -0
- package/es/LmUpload/wrapper/UploadWrapper.js +21 -0
- package/es/LmUpload/wrapper/reducer.d.ts +8 -0
- package/es/LmUpload/wrapper/reducer.js +26 -0
- package/es/Mentions/index.d.ts +3 -0
- package/es/Mentions/index.js +3 -0
- package/es/Mentions/style/index.css +505 -0
- package/es/Mentions/style/index.d.ts +1 -0
- package/es/Mentions/style/index.js +1 -0
- package/es/Rate/index.d.ts +3 -0
- package/es/Rate/index.js +3 -0
- package/es/Rate/style/index.css +505 -0
- package/es/Rate/style/index.d.ts +1 -0
- package/es/Rate/style/index.js +1 -0
- package/es/Steps/index.d.ts +3 -0
- package/es/Steps/index.js +3 -0
- package/es/Steps/style/index.css +505 -0
- package/es/Steps/style/index.d.ts +1 -0
- package/es/Steps/style/index.js +1 -0
- package/lib/Approval/index.d.ts +4 -0
- package/lib/Approval/index.js +316 -0
- package/lib/Approval/style/index.css +658 -0
- package/lib/Approval/style/index.d.ts +1 -0
- package/lib/Approval/style/index.js +3 -0
- package/lib/Approval/type.d.ts +24 -0
- package/lib/Approval/type.js +5 -0
- package/lib/CustomTableOption/index.js +6 -6
- package/lib/EditTable/README.md.old +66 -0
- package/lib/Form/container.js +17 -1
- package/lib/Form/index.d.ts +1 -1
- package/lib/Form/index.js +5 -2
- package/lib/Form/style/index.css +18 -3
- package/lib/LmEditTable/DragHandle.js +2 -1
- package/lib/LmEditTable/EditTable.d.ts +2 -1
- package/lib/LmEditTable/EditTable.js +155 -46
- package/lib/LmEditTable/style/index.css +6 -0
- package/lib/LmFilter/LmFilter.js +2 -0
- package/lib/LmFilter/complexFilter/drawer.js +2 -5
- package/lib/LmFilter/components/CustomSelectFilter.js +18 -7
- package/lib/LmFilter/components/SelectFilter.js +14 -5
- package/lib/LmFilter/components/index.js +9 -2
- package/lib/LmFilter/customFilter/drawer.js +427 -0
- package/lib/LmFilter/customFilter/index.js +47 -15
- package/lib/LmFilter/customFilter/saveModal.js +187 -0
- package/lib/LmFilter/customFilter/valueDrawer.js +238 -0
- package/lib/LmFilter/filterFns/index.js +152 -20
- package/lib/LmFilter/style/{style.css → index.css} +19 -8
- package/lib/LmFilter/style/index.js +1 -1
- package/lib/LmFilter/wrapper/Filter.js +3 -2
- package/lib/LmFilter/wrapper/FilterRoot.js +48 -2
- package/lib/LmSelect/NormalSelect.js +5 -1
- package/lib/LmSelect/style/index.css +2 -1
- package/lib/LmSelect/useCheckboxOptions.js +2 -1
- package/lib/LmTable/Table.js +16 -7
- package/lib/LmUpload/LmUpload.d.ts +3 -0
- package/lib/LmUpload/LmUpload.js +48 -0
- package/lib/LmUpload/UploadList/ItemPicture.d.ts +4 -0
- package/lib/LmUpload/UploadList/ItemPicture.js +37 -0
- package/lib/LmUpload/UploadList/ItemPictureCard.d.ts +5 -0
- package/lib/LmUpload/UploadList/ItemPictureCard.js +85 -0
- package/lib/LmUpload/UploadList/ItemText.d.ts +4 -0
- package/lib/LmUpload/UploadList/ItemText.js +36 -0
- package/lib/LmUpload/UploadList/RenderItem.d.ts +6 -0
- package/lib/LmUpload/UploadList/RenderItem.js +44 -0
- package/lib/LmUpload/UploadList/index.d.ts +4 -0
- package/lib/LmUpload/UploadList/index.js +32 -0
- package/lib/LmUpload/body/UploadCore.d.ts +4 -0
- package/lib/LmUpload/body/UploadCore.js +60 -0
- package/lib/LmUpload/body/UploadDrag.d.ts +4 -0
- package/lib/LmUpload/body/UploadDrag.js +21 -0
- package/lib/LmUpload/body/UploadPicture.d.ts +4 -0
- package/lib/LmUpload/body/UploadPicture.js +39 -0
- package/lib/LmUpload/components/card.d.ts +2 -0
- package/lib/LmUpload/components/card.js +19 -0
- package/lib/LmUpload/fns/index.d.ts +13 -0
- package/lib/LmUpload/fns/index.js +85 -0
- package/lib/LmUpload/index.d.ts +2 -0
- package/lib/LmUpload/index.js +13 -0
- package/lib/LmUpload/style/index.css +188 -0
- package/lib/LmUpload/style/index.js +3 -0
- package/lib/LmUpload/utils.d.ts +4 -0
- package/lib/LmUpload/utils.js +39 -0
- package/lib/LmUpload/view/index.d.ts +4 -0
- package/lib/LmUpload/view/index.js +20 -0
- package/lib/LmUpload/wrapper/Upload.d.ts +4 -0
- package/lib/LmUpload/wrapper/Upload.js +25 -0
- package/lib/LmUpload/wrapper/UploadContainer.d.ts +4 -0
- package/lib/LmUpload/wrapper/UploadContainer.js +25 -0
- package/lib/LmUpload/wrapper/UploadRoot.d.ts +3 -0
- package/lib/LmUpload/wrapper/UploadRoot.js +58 -0
- package/lib/LmUpload/wrapper/UploadWrapper.d.ts +4 -0
- package/lib/LmUpload/wrapper/UploadWrapper.js +36 -0
- package/lib/LmUpload/wrapper/reducer.d.ts +8 -0
- package/lib/LmUpload/wrapper/reducer.js +39 -0
- package/lib/Mentions/index.d.ts +3 -0
- package/lib/Mentions/index.js +15 -0
- package/lib/Mentions/style/index.css +505 -0
- package/lib/Mentions/style/index.d.ts +1 -0
- package/lib/Mentions/style/index.js +3 -0
- package/lib/Rate/index.d.ts +3 -0
- package/lib/Rate/index.js +15 -0
- package/lib/Rate/style/index.css +505 -0
- package/lib/Rate/style/index.d.ts +1 -0
- package/lib/Rate/style/index.js +3 -0
- package/lib/Steps/index.d.ts +3 -0
- package/lib/Steps/index.js +15 -0
- package/lib/Steps/style/index.css +505 -0
- package/lib/Steps/style/index.d.ts +1 -0
- package/lib/Steps/style/index.js +3 -0
- package/package.json +2 -2
|
@@ -33,7 +33,7 @@ var optionsWithDisabled = [{
|
|
|
33
33
|
}];
|
|
34
34
|
var prefixCls = 'lm_custom-table-option';
|
|
35
35
|
var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
36
|
-
var _a;
|
|
36
|
+
var _a, _b, _c;
|
|
37
37
|
|
|
38
38
|
var className = props.className,
|
|
39
39
|
_props$tooltip = props.tooltip,
|
|
@@ -113,7 +113,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
113
113
|
})
|
|
114
114
|
})), /*#__PURE__*/React.createElement(Drawer, {
|
|
115
115
|
className: classNames(className, prefixCls),
|
|
116
|
-
title: "\
|
|
116
|
+
title: "\u4E2A\u6027\u5316\u8BBE\u7F6E",
|
|
117
117
|
visible: visible,
|
|
118
118
|
extra: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
|
|
119
119
|
size: "small",
|
|
@@ -130,21 +130,21 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
130
130
|
}
|
|
131
131
|
}, /*#__PURE__*/React.createElement(Tabs, {
|
|
132
132
|
defaultActiveKey: "1"
|
|
133
|
-
}, /*#__PURE__*/React.createElement(TabPane, {
|
|
134
|
-
tab: "\
|
|
133
|
+
}, ((_a = lmOptions.filter) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement(TabPane, {
|
|
134
|
+
tab: "\u7B5B\u9009\u8BBE\u7F6E",
|
|
135
135
|
key: "1",
|
|
136
136
|
forceRender: true
|
|
137
137
|
}, /*#__PURE__*/React.createElement(FilterSort, {
|
|
138
138
|
ref: filterRef,
|
|
139
139
|
filter: lmOptions.filter
|
|
140
|
-
})), /*#__PURE__*/React.createElement(TabPane, {
|
|
140
|
+
})), ((_b = lmOptions.columns) === null || _b === void 0 ? void 0 : _b.length) && /*#__PURE__*/React.createElement(TabPane, {
|
|
141
141
|
tab: "\u5217\u8868\u5B57\u6BB5\u8BBE\u7F6E",
|
|
142
142
|
key: "2",
|
|
143
143
|
forceRender: true
|
|
144
144
|
}, /*#__PURE__*/React.createElement(ColumnsSort, {
|
|
145
145
|
ref: columnsRef,
|
|
146
146
|
columns: lmOptions.columns
|
|
147
|
-
})), ((
|
|
147
|
+
})), ((_c = lmOptions.card) === null || _c === void 0 ? void 0 : _c.length) && /*#__PURE__*/React.createElement(TabPane, {
|
|
148
148
|
tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
|
|
149
149
|
key: "4",
|
|
150
150
|
forceRender: true
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
---
|
|
2
|
+
nav:
|
|
3
|
+
title: 组件
|
|
4
|
+
path: /components
|
|
5
|
+
group:
|
|
6
|
+
title: 组件
|
|
7
|
+
path: /basic
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
## EditTable 表格
|
|
11
|
+
|
|
12
|
+
> 原有表格增加:
|
|
13
|
+
>
|
|
14
|
+
> isEdit: 是否为编辑状态
|
|
15
|
+
> isAdd: 是否展示底部新增按钮
|
|
16
|
+
|
|
17
|
+
### 示例
|
|
18
|
+
|
|
19
|
+
<code src="./demos/basic.jsx" background="#fff" />
|
|
20
|
+
|
|
21
|
+
<code src="./demos/Editbasic.jsx" background="#fff" />
|
|
22
|
+
|
|
23
|
+
<code src="./demos/hoverEdit.jsx" background="#fff" />
|
|
24
|
+
|
|
25
|
+
<code src="./demos/formEditTable.jsx" background="#fff" />
|
|
26
|
+
|
|
27
|
+
### EditTable
|
|
28
|
+
|
|
29
|
+
| 参数 | 说明 | 类型 | 可选 | 默认值 |
|
|
30
|
+
| -------- | -------------------------------------------------- | ------------------------- | ------- | ------ |
|
|
31
|
+
| isEdit | 是否为编辑状态 | Boolean | | false |
|
|
32
|
+
| isHoverEdit | 是否为划过编辑状态,开启后将覆盖 isEdit 行为 | Boolean | | false |
|
|
33
|
+
| isAdd | 表格底部是否出现新增按钮 | Boolean | | true |
|
|
34
|
+
| value | 默认数据源(对应 antd 中 table 的 dataSource) | object[] | | true |
|
|
35
|
+
| onChange | 当 isEdit 为 true, 或 isAdd 为 True 时,操作时触发 | (dataSource: T[]) => void | | |
|
|
36
|
+
| columns | 列定义 | (dataSource: T[]) => void | Columns | |
|
|
37
|
+
| rowKey | 添加到 dataSource 中的 key | String | | \_ID |
|
|
38
|
+
|
|
39
|
+
### Columns
|
|
40
|
+
|
|
41
|
+
| 参数 | 说明 | 类型 | 可选 | 默认值 |
|
|
42
|
+
| --------- | ---------------------------------- | ----------------- | ------------ | ------ | --- |
|
|
43
|
+
| title | 标题 | String | JSX | | |
|
|
44
|
+
| dataIndex | 键值 | String | | |
|
|
45
|
+
| width | 宽度 | Number | | |
|
|
46
|
+
| ellipsis | 是否溢出省略 | Boolean | | |
|
|
47
|
+
| editable | 编辑类型 | String | editableType | |
|
|
48
|
+
| editEnum | 枚举,下拉框时为数组,否则为配置项 | Array \|\| Object | | |
|
|
49
|
+
| valueType | 下拉框时使用,配置项 | Object | | |
|
|
50
|
+
|
|
51
|
+
- **editEnum: 当 editable 为'select'时需传入数组项,非'select'时为配置项,请传入对象,会作用于对应组件配置**
|
|
52
|
+
- 数组指定接收: id,value,label
|
|
53
|
+
|
|
54
|
+
#### editableType
|
|
55
|
+
|
|
56
|
+
| 参数 | 说明 | 类型 | 可选 | 默认值 |
|
|
57
|
+
| ---------- | ---------- | ---- | ---- | ------ |
|
|
58
|
+
| input | 输入框 | | | |
|
|
59
|
+
| inputRange | 输入区间框 | | | |
|
|
60
|
+
| number | 数字框 | | | |
|
|
61
|
+
| select | 下拉框 | | | |
|
|
62
|
+
| multiple | 下拉多选 | | | |
|
|
63
|
+
| date | 日期选择 | | | |
|
|
64
|
+
| checkbox | 复选框 | | | |
|
|
65
|
+
| radio | 单选 | | | |
|
|
66
|
+
| upload | 上传 | | | |
|
package/es/Form/container.js
CHANGED
|
@@ -51,7 +51,6 @@ var LMContainer = function LMContainer(props) {
|
|
|
51
51
|
|
|
52
52
|
var classes = classNames(className, prefixCls, responsiveCls, lm_col);
|
|
53
53
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
54
|
-
ref: containerWrapRef,
|
|
55
54
|
className: classes
|
|
56
55
|
}, others, {
|
|
57
56
|
style: {
|
|
@@ -64,6 +63,23 @@ var LMContainer = function LMContainer(props) {
|
|
|
64
63
|
var changeSize = function changeSize() {
|
|
65
64
|
var _a;
|
|
66
65
|
|
|
66
|
+
var index = 1;
|
|
67
|
+
containerWrapRef.current.querySelectorAll('.ant-form-item').forEach(function (el) {
|
|
68
|
+
if (el.classList.contains('ant-form-item-responsive')) {
|
|
69
|
+
if (index % 3 === 0) {
|
|
70
|
+
el.classList.add('nth-three');
|
|
71
|
+
} else if (index % 4 === 0) {
|
|
72
|
+
el.classList.add('nth-four');
|
|
73
|
+
} else if (index % 5 === 0) {
|
|
74
|
+
el.classList.add('nth-five');
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
index++;
|
|
78
|
+
} else {
|
|
79
|
+
index = 1;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
|
|
67
83
|
var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
|
|
68
84
|
_ref$width = _ref.width,
|
|
69
85
|
width = _ref$width === void 0 ? '100%' : _ref$width;
|
package/es/Form/index.d.ts
CHANGED
|
@@ -7,8 +7,8 @@ export interface LmFormProps extends FormProps {
|
|
|
7
7
|
responsive?: Boolean;
|
|
8
8
|
}
|
|
9
9
|
export interface LmFormItemProps extends FormItemProps {
|
|
10
|
-
useStatus?: any;
|
|
11
10
|
errorPlacement?: string;
|
|
11
|
+
responsive?: boolean;
|
|
12
12
|
}
|
|
13
13
|
declare const Reform: <Values = any>(props: FormProps<Values> & {
|
|
14
14
|
children?: React.ReactNode;
|
package/es/Form/index.js
CHANGED
|
@@ -53,12 +53,15 @@ var Reform = /*#__PURE__*/React.forwardRef(LMForm);
|
|
|
53
53
|
var LMFormItem = function LMFormItem(props) {
|
|
54
54
|
var children = props.children,
|
|
55
55
|
className = props.className,
|
|
56
|
+
_props$responsive = props.responsive,
|
|
57
|
+
responsive = _props$responsive === void 0 ? false : _props$responsive,
|
|
56
58
|
_props$errorPlacement = props.errorPlacement,
|
|
57
59
|
errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
|
|
58
|
-
restProps = __rest(props, ["children", "className", "errorPlacement"]);
|
|
60
|
+
restProps = __rest(props, ["children", "className", "responsive", "errorPlacement"]);
|
|
59
61
|
|
|
60
62
|
var tipClassName = errorPlacement === 'default' ? '' : "lm_form-item-tip-error lm_form-item-tip-error-".concat(errorPlacement);
|
|
61
|
-
var
|
|
63
|
+
var resCls = responsive ? 'ant-form-item-responsive' : '';
|
|
64
|
+
var classes = classnames(className, tipClassName, resCls);
|
|
62
65
|
return /*#__PURE__*/React.createElement(_Form.Item, Object.assign({
|
|
63
66
|
className: classes
|
|
64
67
|
}, restProps), children);
|
package/es/Form/style/index.css
CHANGED
|
@@ -550,21 +550,36 @@ html {
|
|
|
550
550
|
width: 100%;
|
|
551
551
|
}
|
|
552
552
|
.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
|
|
553
|
+
width: 100%;
|
|
554
|
+
margin-right: 0;
|
|
555
|
+
}
|
|
556
|
+
.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive {
|
|
553
557
|
width: calc(33.3333% - 16px);
|
|
558
|
+
margin-right: 24px;
|
|
554
559
|
}
|
|
555
|
-
.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item
|
|
560
|
+
.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive.nth-three {
|
|
556
561
|
margin-right: 0;
|
|
557
562
|
}
|
|
558
563
|
.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
|
|
564
|
+
width: 100%;
|
|
565
|
+
margin-right: 0;
|
|
566
|
+
}
|
|
567
|
+
.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive {
|
|
559
568
|
width: calc(25% - 18px);
|
|
569
|
+
margin-right: 24px;
|
|
560
570
|
}
|
|
561
|
-
.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item
|
|
571
|
+
.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive.nth-four {
|
|
562
572
|
margin-right: 0;
|
|
563
573
|
}
|
|
564
574
|
.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
|
|
575
|
+
width: 100%;
|
|
576
|
+
margin-right: 0;
|
|
577
|
+
}
|
|
578
|
+
.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive {
|
|
565
579
|
width: calc(20% - 96px / 5);
|
|
580
|
+
margin-right: 24px;
|
|
566
581
|
}
|
|
567
|
-
.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item
|
|
582
|
+
.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive.nth-five {
|
|
568
583
|
margin-right: 0;
|
|
569
584
|
}
|
|
570
585
|
.lm_form-item-tip-error .ant-form-item-explain {
|
|
@@ -8,7 +8,7 @@ interface ILmEditTable extends TableProps<any> {
|
|
|
8
8
|
rowHoverEdit?: boolean;
|
|
9
9
|
isUseForm?: boolean;
|
|
10
10
|
isHoverEdit?: boolean;
|
|
11
|
-
useQuickOpetate?: boolean;
|
|
11
|
+
useQuickOpetate?: boolean | string[];
|
|
12
12
|
sortOpen?: boolean;
|
|
13
13
|
size?: TableProps<any>['size'];
|
|
14
14
|
colSortOpen?: boolean;
|
|
@@ -21,6 +21,7 @@ interface ILmColumns extends TableColumnType<any> {
|
|
|
21
21
|
editEnum?: any;
|
|
22
22
|
valueType?: any;
|
|
23
23
|
order?: number;
|
|
24
|
+
componentProps?: Record<string, any>;
|
|
24
25
|
}
|
|
25
26
|
export declare type TLmEditTable = {
|
|
26
27
|
onChange?: (data: any[]) => void;
|
|
@@ -180,8 +180,16 @@ var Opetate = function Opetate(_ref) {
|
|
|
180
180
|
var record = _ref.record,
|
|
181
181
|
rowKey = _ref.rowKey,
|
|
182
182
|
handleAdd = _ref.handleAdd,
|
|
183
|
-
handleDelete = _ref.handleDelete
|
|
184
|
-
|
|
183
|
+
handleDelete = _ref.handleDelete,
|
|
184
|
+
_ref$options = _ref.options,
|
|
185
|
+
options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options;
|
|
186
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
187
|
+
style: {
|
|
188
|
+
display: 'flex',
|
|
189
|
+
alignItems: 'center',
|
|
190
|
+
justifyContent: 'center'
|
|
191
|
+
}
|
|
192
|
+
}, options.includes('add') && /*#__PURE__*/React.createElement(Button, {
|
|
185
193
|
type: "link",
|
|
186
194
|
size: "small",
|
|
187
195
|
icon: /*#__PURE__*/React.createElement(IconFont, {
|
|
@@ -193,7 +201,7 @@ var Opetate = function Opetate(_ref) {
|
|
|
193
201
|
onClick: function onClick() {
|
|
194
202
|
return handleDelete(record[rowKey]);
|
|
195
203
|
}
|
|
196
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
204
|
+
}), options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
|
|
197
205
|
type: "link",
|
|
198
206
|
size: "small",
|
|
199
207
|
icon: /*#__PURE__*/React.createElement(IconFont, {
|
|
@@ -252,7 +260,25 @@ var EditableCell = function EditableCell(props) {
|
|
|
252
260
|
|
|
253
261
|
var _col$componentProps = col.componentProps,
|
|
254
262
|
componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
|
|
255
|
-
dataIndex = col.dataIndex;
|
|
263
|
+
dataIndex = col.dataIndex;
|
|
264
|
+
/** 是否正在编辑中 */
|
|
265
|
+
|
|
266
|
+
var _useState = useState(false),
|
|
267
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
268
|
+
editing = _useState2[0],
|
|
269
|
+
setEditing = _useState2[1];
|
|
270
|
+
|
|
271
|
+
var inputRef = useRef(null);
|
|
272
|
+
var form = useContext(EditableContext);
|
|
273
|
+
useEffect(function () {
|
|
274
|
+
if (editing) {
|
|
275
|
+
inputRef.current.focus();
|
|
276
|
+
}
|
|
277
|
+
}, [editing]);
|
|
278
|
+
|
|
279
|
+
var toggleEdit = function toggleEdit() {
|
|
280
|
+
setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
|
|
281
|
+
}; // const checkCellRef = useRef(null)
|
|
256
282
|
// const focusCapturedRef = useRef(false);
|
|
257
283
|
// const curValue = useMemo(() => {
|
|
258
284
|
// return record?.dataIndex
|
|
@@ -260,6 +286,7 @@ var EditableCell = function EditableCell(props) {
|
|
|
260
286
|
// const curValueIsValid = isValidValue(curValue);
|
|
261
287
|
// 校验保存
|
|
262
288
|
|
|
289
|
+
|
|
263
290
|
var save = function save(row) {
|
|
264
291
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
265
292
|
var values;
|
|
@@ -303,19 +330,29 @@ var EditableCell = function EditableCell(props) {
|
|
|
303
330
|
return form.validateFields();
|
|
304
331
|
|
|
305
332
|
case 10:
|
|
306
|
-
|
|
333
|
+
if (col === null || col === void 0 ? void 0 : col.hoverEdit) {
|
|
334
|
+
toggleEdit();
|
|
335
|
+
} // // 清空异常校验
|
|
336
|
+
// setValid((old) => {
|
|
337
|
+
// const obj = { ...old }
|
|
338
|
+
// delete obj[record[rowKey]]
|
|
339
|
+
// return obj
|
|
340
|
+
// })
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
_context.next = 15;
|
|
307
344
|
break;
|
|
308
345
|
|
|
309
|
-
case
|
|
310
|
-
_context.prev =
|
|
346
|
+
case 13:
|
|
347
|
+
_context.prev = 13;
|
|
311
348
|
_context.t1 = _context["catch"](0);
|
|
312
349
|
|
|
313
|
-
case
|
|
350
|
+
case 15:
|
|
314
351
|
case "end":
|
|
315
352
|
return _context.stop();
|
|
316
353
|
}
|
|
317
354
|
}
|
|
318
|
-
}, _callee, null, [[0,
|
|
355
|
+
}, _callee, null, [[0, 13]]);
|
|
319
356
|
}));
|
|
320
357
|
}; // 触发保存
|
|
321
358
|
|
|
@@ -334,7 +371,6 @@ var EditableCell = function EditableCell(props) {
|
|
|
334
371
|
|
|
335
372
|
var copyKey = function copyKey(e) {
|
|
336
373
|
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
337
|
-
console.log(rowKey, record[rowKey], 'fff');
|
|
338
374
|
var dataIndex = col.dataIndex;
|
|
339
375
|
handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
|
|
340
376
|
};
|
|
@@ -345,7 +381,7 @@ var EditableCell = function EditableCell(props) {
|
|
|
345
381
|
return /*#__PURE__*/React.createElement(Input, Object.assign({
|
|
346
382
|
onPressEnter: handleFormItemChange,
|
|
347
383
|
onBlur: handleFormItemChange,
|
|
348
|
-
|
|
384
|
+
ref: inputRef,
|
|
349
385
|
placeholder: "\u8BF7\u8F93\u5165"
|
|
350
386
|
}, componentProps, {
|
|
351
387
|
addonBefore: componentProps.addonBefore ? /*#__PURE__*/React.createElement(Form.Item, {
|
|
@@ -360,7 +396,9 @@ var EditableCell = function EditableCell(props) {
|
|
|
360
396
|
}, /*#__PURE__*/React.cloneElement(componentProps.addonAfter, {
|
|
361
397
|
onChange: handleFormItemChange
|
|
362
398
|
})) : null,
|
|
363
|
-
suffix: componentProps.quickcopy ? /*#__PURE__*/React.createElement("span",
|
|
399
|
+
suffix: componentProps.quickcopy ? /*#__PURE__*/React.createElement("span", {
|
|
400
|
+
className: 'lm_table_quickcopy'
|
|
401
|
+
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
364
402
|
onClick: copyKey,
|
|
365
403
|
type: 'lmweb-icon_m_brush'
|
|
366
404
|
})) : null
|
|
@@ -368,7 +406,8 @@ var EditableCell = function EditableCell(props) {
|
|
|
368
406
|
|
|
369
407
|
case 'inputRange':
|
|
370
408
|
return /*#__PURE__*/React.createElement(InputRange, Object.assign({
|
|
371
|
-
onChange: handleFormItemChange
|
|
409
|
+
onChange: handleFormItemChange,
|
|
410
|
+
ref: inputRef
|
|
372
411
|
}, componentProps));
|
|
373
412
|
|
|
374
413
|
case 'number':
|
|
@@ -378,7 +417,8 @@ var EditableCell = function EditableCell(props) {
|
|
|
378
417
|
style: {
|
|
379
418
|
width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
|
|
380
419
|
},
|
|
381
|
-
placeholder: "\u8BF7\u8F93\u5165"
|
|
420
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
|
421
|
+
ref: inputRef
|
|
382
422
|
}, componentProps));
|
|
383
423
|
|
|
384
424
|
case 'date':
|
|
@@ -392,13 +432,14 @@ var EditableCell = function EditableCell(props) {
|
|
|
392
432
|
showSearch: true,
|
|
393
433
|
allowClear: true,
|
|
394
434
|
placeholder: "\u8BF7\u9009\u62E9",
|
|
395
|
-
|
|
435
|
+
ref: inputRef,
|
|
396
436
|
filterOption: function filterOption(input, option) {
|
|
397
437
|
var _a, _b;
|
|
398
438
|
|
|
399
439
|
return ((_b = (_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf(input.toLowerCase())) >= 0;
|
|
400
440
|
}
|
|
401
441
|
}, componentProps, {
|
|
442
|
+
// open={true}
|
|
402
443
|
onChange: handleFormItemChange
|
|
403
444
|
}));
|
|
404
445
|
|
|
@@ -408,7 +449,7 @@ var EditableCell = function EditableCell(props) {
|
|
|
408
449
|
showSearch: true,
|
|
409
450
|
allowClear: true,
|
|
410
451
|
placeholder: "\u8BF7\u9009\u62E9",
|
|
411
|
-
|
|
452
|
+
ref: inputRef,
|
|
412
453
|
filterOption: function filterOption(input, option) {
|
|
413
454
|
var _a;
|
|
414
455
|
|
|
@@ -420,12 +461,14 @@ var EditableCell = function EditableCell(props) {
|
|
|
420
461
|
|
|
421
462
|
case 'checkbox':
|
|
422
463
|
return /*#__PURE__*/React.createElement(Checkbox.Group, Object.assign({
|
|
423
|
-
onChange: handleFormItemChange
|
|
464
|
+
onChange: handleFormItemChange,
|
|
465
|
+
ref: inputRef
|
|
424
466
|
}, componentProps));
|
|
425
467
|
|
|
426
468
|
case 'radio':
|
|
427
469
|
return /*#__PURE__*/React.createElement(Radio.Group, Object.assign({
|
|
428
|
-
onChange: handleFormItemChange
|
|
470
|
+
onChange: handleFormItemChange,
|
|
471
|
+
ref: inputRef
|
|
429
472
|
}, componentProps));
|
|
430
473
|
|
|
431
474
|
case 'switch':
|
|
@@ -436,7 +479,7 @@ var EditableCell = function EditableCell(props) {
|
|
|
436
479
|
case 'upload':
|
|
437
480
|
return /*#__PURE__*/React.createElement(UploadSingle, {
|
|
438
481
|
editEnum: componentProps,
|
|
439
|
-
|
|
482
|
+
ref: inputRef,
|
|
440
483
|
onChange: handleFormItemChange
|
|
441
484
|
});
|
|
442
485
|
|
|
@@ -445,7 +488,7 @@ var EditableCell = function EditableCell(props) {
|
|
|
445
488
|
return /*#__PURE__*/React.createElement(Opetate, Object.assign({
|
|
446
489
|
record: record,
|
|
447
490
|
rowKey: rowKey,
|
|
448
|
-
|
|
491
|
+
ref: inputRef,
|
|
449
492
|
handleAdd: handleTableRowAdd,
|
|
450
493
|
handleDelete: handleTableRowDelete,
|
|
451
494
|
getLength: getLength
|
|
@@ -462,7 +505,8 @@ var EditableCell = function EditableCell(props) {
|
|
|
462
505
|
default:
|
|
463
506
|
return /*#__PURE__*/React.createElement(Input, Object.assign({
|
|
464
507
|
onPressEnter: handleFormItemChange,
|
|
465
|
-
onBlur: handleFormItemChange
|
|
508
|
+
onBlur: handleFormItemChange,
|
|
509
|
+
ref: inputRef
|
|
466
510
|
}, componentProps));
|
|
467
511
|
}
|
|
468
512
|
};
|
|
@@ -471,10 +515,19 @@ var EditableCell = function EditableCell(props) {
|
|
|
471
515
|
var editable = col.editable,
|
|
472
516
|
dataIndex = col.dataIndex,
|
|
473
517
|
formProps = col.formProps,
|
|
474
|
-
componentProps = col.componentProps
|
|
518
|
+
componentProps = col.componentProps,
|
|
519
|
+
hoverEdit = col.hoverEdit;
|
|
475
520
|
var childNode = children;
|
|
476
521
|
|
|
477
|
-
if (
|
|
522
|
+
if (hoverEdit && !editing) {
|
|
523
|
+
childNode = /*#__PURE__*/React.createElement("div", {
|
|
524
|
+
className: "editable-cell-value-wrap",
|
|
525
|
+
style: {
|
|
526
|
+
minHeight: '22px'
|
|
527
|
+
},
|
|
528
|
+
onClick: toggleEdit
|
|
529
|
+
}, childNode);
|
|
530
|
+
} else if (isEdit && editable) {
|
|
478
531
|
childNode = /*#__PURE__*/React.createElement(Form.Item, Object.assign({
|
|
479
532
|
errorPlacement: "right",
|
|
480
533
|
valuePropName: editable === 'switch' ? 'checked' : 'value',
|
|
@@ -498,9 +551,8 @@ var EditableCell = function EditableCell(props) {
|
|
|
498
551
|
}
|
|
499
552
|
|
|
500
553
|
return childNode;
|
|
501
|
-
}, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
|
|
502
|
-
|
|
503
|
-
var form = useContext(EditableContext); // 出现死循环找我
|
|
554
|
+
}, [col, isEdit, editing]); // const [childNode, setChildNode] = useState(getMemoChildNode);
|
|
555
|
+
// 出现死循环找我
|
|
504
556
|
|
|
505
557
|
useEffect(function () {
|
|
506
558
|
var editable = col.editable,
|
|
@@ -573,26 +625,26 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
573
625
|
size = _props$size === void 0 ? 'small' : _props$size,
|
|
574
626
|
resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size"]);
|
|
575
627
|
|
|
576
|
-
var
|
|
577
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
578
|
-
dataSource = _useState2[0],
|
|
579
|
-
setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
var _useState3 = useState({}),
|
|
628
|
+
var _useState3 = useState([]),
|
|
583
629
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
584
|
-
|
|
585
|
-
|
|
630
|
+
dataSource = _useState4[0],
|
|
631
|
+
setDataSource = _useState4[1]; // const [count, setCount] = useState(0);
|
|
586
632
|
|
|
587
|
-
|
|
633
|
+
|
|
634
|
+
var _useState5 = useState({}),
|
|
588
635
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
589
|
-
|
|
590
|
-
|
|
636
|
+
_valid = _useState6[0],
|
|
637
|
+
setValid = _useState6[1];
|
|
591
638
|
|
|
592
639
|
var _useState7 = useState([]),
|
|
593
640
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
594
|
-
|
|
595
|
-
|
|
641
|
+
localRowSelectList = _useState8[0],
|
|
642
|
+
setLocalRowSelectList = _useState8[1];
|
|
643
|
+
|
|
644
|
+
var _useState9 = useState([]),
|
|
645
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
646
|
+
sortEditTable = _useState10[0],
|
|
647
|
+
setCallBackFalg = _useState10[1];
|
|
596
648
|
|
|
597
649
|
var dataSourceRef = useRef([]);
|
|
598
650
|
var sortDataSorceRef = useRef([]);
|
|
@@ -798,8 +850,60 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
798
850
|
setDataSource(res);
|
|
799
851
|
}
|
|
800
852
|
};
|
|
853
|
+
/** 判断columne中有没有带optionOnly参数 */
|
|
854
|
+
|
|
855
|
+
|
|
856
|
+
var hasDisableOptions = useMemo(function () {
|
|
857
|
+
var hasOnlyOptionsDatas = columns.filter(function (item) {
|
|
858
|
+
var _a;
|
|
859
|
+
|
|
860
|
+
return (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.optionOnly;
|
|
861
|
+
});
|
|
862
|
+
|
|
863
|
+
if (hasOnlyOptionsDatas.length) {
|
|
864
|
+
return hasOnlyOptionsDatas.map(function (item) {
|
|
865
|
+
return item.dataIndex;
|
|
866
|
+
});
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
return false;
|
|
870
|
+
}, [columns]);
|
|
871
|
+
/** 动态获取disabled的props数据源 */
|
|
872
|
+
|
|
873
|
+
var DisableOptions = useMemo(function () {
|
|
874
|
+
var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
|
|
875
|
+
var _ref3 = item.componentProps || {},
|
|
876
|
+
optionOnly = _ref3.optionOnly,
|
|
877
|
+
options = _ref3.options;
|
|
878
|
+
|
|
879
|
+
if (optionOnly && options) {
|
|
880
|
+
var dataIndex = item.dataIndex;
|
|
881
|
+
var dataIndexData = dataSource.map(function (d) {
|
|
882
|
+
return d[dataIndex];
|
|
883
|
+
});
|
|
884
|
+
var newOptions = options.map(function (o) {
|
|
885
|
+
return Object.assign(Object.assign({}, o), {
|
|
886
|
+
disabled: dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value) ? true : false
|
|
887
|
+
});
|
|
888
|
+
});
|
|
889
|
+
return Object.assign(Object.assign({}, item), {
|
|
890
|
+
componentProps: Object.assign(Object.assign({}, item.componentProps), {
|
|
891
|
+
options: newOptions
|
|
892
|
+
})
|
|
893
|
+
});
|
|
894
|
+
} else {
|
|
895
|
+
return item;
|
|
896
|
+
}
|
|
897
|
+
});
|
|
898
|
+
return newColumns;
|
|
899
|
+
}, [columns, dataSource]);
|
|
900
|
+
var memoOptions = useMemo(function () {
|
|
901
|
+
return hasDisableOptions ? [DisableOptions] : [];
|
|
902
|
+
}, [hasDisableOptions, DisableOptions]);
|
|
903
|
+
/** 组装之后的最终columns */
|
|
801
904
|
|
|
802
905
|
var resultColumns = useMemo(function () {
|
|
906
|
+
var rColumns = hasDisableOptions ? DisableOptions : columns;
|
|
803
907
|
var localColumns = [sortOpen ? {
|
|
804
908
|
title: '',
|
|
805
909
|
dataIndex: 'sort',
|
|
@@ -810,12 +914,15 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
810
914
|
id: record[_rowKey] || record.id
|
|
811
915
|
});
|
|
812
916
|
}
|
|
813
|
-
} : null].concat(_toConsumableArray(
|
|
917
|
+
} : null].concat(_toConsumableArray(rColumns), [useQuickOpetate ? {
|
|
814
918
|
title: '操作',
|
|
815
919
|
dataIndex: 'lm_edit_opetate',
|
|
816
920
|
width: 68,
|
|
817
921
|
fixed: 'right',
|
|
818
|
-
editable: 'lm_edit_opetate'
|
|
922
|
+
editable: 'lm_edit_opetate',
|
|
923
|
+
componentProps: {
|
|
924
|
+
options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
|
|
925
|
+
}
|
|
819
926
|
} : null]).filter(function (item) {
|
|
820
927
|
return item;
|
|
821
928
|
});
|
|
@@ -846,9 +953,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
846
953
|
|
|
847
954
|
return Object.assign(Object.assign({}, col), {
|
|
848
955
|
shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
|
|
956
|
+
var _a;
|
|
957
|
+
|
|
849
958
|
var dataIndex = col.dataIndex;
|
|
850
959
|
|
|
851
|
-
if (col === null || col === void 0 ? void 0 : col.fixed) {
|
|
960
|
+
if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options)) {
|
|
852
961
|
return true;
|
|
853
962
|
}
|
|
854
963
|
|
|
@@ -882,7 +991,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
882
991
|
});
|
|
883
992
|
});
|
|
884
993
|
return res;
|
|
885
|
-
}, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable]);
|
|
994
|
+
}, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, _toConsumableArray(memoOptions)]);
|
|
886
995
|
var DraggableContainer = useCallback(function (_a) {
|
|
887
996
|
var _b;
|
|
888
997
|
|
|
@@ -1025,8 +1134,8 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1025
1134
|
style: {
|
|
1026
1135
|
marginTop: 8
|
|
1027
1136
|
}
|
|
1028
|
-
}, /*#__PURE__*/React.createElement(
|
|
1029
|
-
|
|
1137
|
+
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
1138
|
+
type: "lmweb-plus"
|
|
1030
1139
|
}), "\u65B0\u589E"));
|
|
1031
1140
|
});
|
|
1032
1141
|
export default /*#__PURE__*/memo(EditTable);
|
|
@@ -512,6 +512,9 @@ html {
|
|
|
512
512
|
line-height: 1;
|
|
513
513
|
gap: 8px;
|
|
514
514
|
}
|
|
515
|
+
.lm_editTable_warpper .ant-table-cell {
|
|
516
|
+
border-right: 0px !important;
|
|
517
|
+
}
|
|
515
518
|
.lm_editTable_warpper .ant-table-cell:empty::before {
|
|
516
519
|
content: '-';
|
|
517
520
|
}
|
|
@@ -547,6 +550,9 @@ html {
|
|
|
547
550
|
.lm_editTable_warpper .ant-form-item-explain-error {
|
|
548
551
|
font-size: 12px;
|
|
549
552
|
}
|
|
553
|
+
.lm_editTable_warpper .lm_table_quickcopy .anticon {
|
|
554
|
+
color: var(--text-color);
|
|
555
|
+
}
|
|
550
556
|
.lm_editTable_warpper .ant-picker {
|
|
551
557
|
height: 24px !important;
|
|
552
558
|
padding: 2px 8px;
|