linkmore-design 1.1.23 → 1.1.25
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/CHANGELOG.md +73 -0
- package/dist/index.umd.js +52 -12
- package/dist/index.umd.min.js +2 -2
- package/dist/variables.css +20 -0
- package/es/LmEditTable/EditTable.js +30 -5
- package/es/LmEditTable/style/index.css +3 -0
- package/es/LmEditTable/style/variables.css +3 -0
- package/es/LmUpload/UploadList/ItemPicture.js +2 -1
- package/es/LmUpload/UploadList/ItemPictureCard.js +11 -2
- package/es/LmUpload/UploadList/ItemText.js +2 -1
- package/es/LmUpload/UploadList/index.js +2 -1
- package/es/LmUpload/body/UploadCore.js +4 -1
- package/es/LmUpload/style/index.css +17 -0
- package/es/LmUpload/style/variables.css +17 -0
- package/es/TreeSelect/index.js +2 -1
- package/es/styles/variables.css +20 -0
- package/lib/LmEditTable/EditTable.js +30 -5
- package/lib/LmEditTable/style/index.css +3 -0
- package/lib/LmEditTable/style/variables.css +3 -0
- package/lib/LmUpload/UploadList/ItemPicture.js +2 -1
- package/lib/LmUpload/UploadList/ItemPictureCard.js +11 -2
- package/lib/LmUpload/UploadList/ItemText.js +2 -1
- package/lib/LmUpload/UploadList/index.js +2 -1
- package/lib/LmUpload/body/UploadCore.js +5 -1
- package/lib/LmUpload/style/index.css +17 -0
- package/lib/LmUpload/style/variables.css +17 -0
- package/lib/TreeSelect/index.js +2 -1
- package/lib/styles/variables.css +20 -0
- package/package.json +1 -1
package/dist/variables.css
CHANGED
|
@@ -9784,6 +9784,9 @@ p {
|
|
|
9784
9784
|
padding-left: 8px;
|
|
9785
9785
|
padding-right: 8px;
|
|
9786
9786
|
}
|
|
9787
|
+
.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
9788
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
|
9789
|
+
}
|
|
9787
9790
|
.lm_editTable_warpper .ant-picker {
|
|
9788
9791
|
height: 24px !important;
|
|
9789
9792
|
padding: 2px 8px;
|
|
@@ -11877,6 +11880,7 @@ button.ant-table-row-expand-icon::after {
|
|
|
11877
11880
|
gap: 8px;
|
|
11878
11881
|
}
|
|
11879
11882
|
.lm_upload_wrapper .lm_upload_core {
|
|
11883
|
+
position: relative;
|
|
11880
11884
|
display: inline-flex;
|
|
11881
11885
|
vertical-align: middle;
|
|
11882
11886
|
}
|
|
@@ -11891,6 +11895,12 @@ button.ant-table-row-expand-icon::after {
|
|
|
11891
11895
|
cursor: pointer;
|
|
11892
11896
|
transition: all 0.3s;
|
|
11893
11897
|
}
|
|
11898
|
+
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
|
|
11899
|
+
position: absolute;
|
|
11900
|
+
background-color: var(--disabled-bg-color);
|
|
11901
|
+
cursor: not-allowed;
|
|
11902
|
+
inset: 0;
|
|
11903
|
+
}
|
|
11894
11904
|
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
|
|
11895
11905
|
border-color: var(--primary-color);
|
|
11896
11906
|
}
|
|
@@ -11906,6 +11916,16 @@ button.ant-table-row-expand-icon::after {
|
|
|
11906
11916
|
margin-top: var(--gap);
|
|
11907
11917
|
color: var(--color-45);
|
|
11908
11918
|
}
|
|
11919
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
|
|
11920
|
+
border-color: var(--disabled-border-color);
|
|
11921
|
+
}
|
|
11922
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
|
|
11923
|
+
content: '';
|
|
11924
|
+
}
|
|
11925
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
|
|
11926
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
|
|
11927
|
+
color: var(--disabled-font-color);
|
|
11928
|
+
}
|
|
11909
11929
|
.lm_upload_wrapper .lm_upload_progress {
|
|
11910
11930
|
width: 100%;
|
|
11911
11931
|
height: 2px;
|
|
@@ -465,7 +465,17 @@ var EditableCell = function EditableCell(props) {
|
|
|
465
465
|
};
|
|
466
466
|
|
|
467
467
|
var Control = function Control(con) {
|
|
468
|
+
var _a; // const resultComponentProps = isFunction(componentProps) ? componentProps?.(record, col) : componentProps
|
|
469
|
+
|
|
470
|
+
|
|
468
471
|
var resultComponentProps = isFunction(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
|
|
472
|
+
|
|
473
|
+
if (isFunction(componentProps) && ((_a = col === null || col === void 0 ? void 0 : col.newOptions) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
474
|
+
resultComponentProps = Object.assign(Object.assign({}, resultComponentProps), {
|
|
475
|
+
options: col === null || col === void 0 ? void 0 : col.newOptions
|
|
476
|
+
});
|
|
477
|
+
}
|
|
478
|
+
|
|
469
479
|
var clearAttrComponentProps = omit(resultComponentProps, ['optionOnly', 'isOnlyValue']);
|
|
470
480
|
|
|
471
481
|
switch (con) {
|
|
@@ -601,7 +611,8 @@ var EditableCell = function EditableCell(props) {
|
|
|
601
611
|
|
|
602
612
|
case 'render':
|
|
603
613
|
{
|
|
604
|
-
var
|
|
614
|
+
var _resultComponentProps = resultComponentProps,
|
|
615
|
+
render = _resultComponentProps.render;
|
|
605
616
|
var fromData = form.getFieldsValue();
|
|
606
617
|
return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !isObjEmpty(fromData) ? Object.assign(Object.assign({}, record), _defineProperty({}, dataIndex, fromData[dataIndex])) : record), {
|
|
607
618
|
onChange: save
|
|
@@ -1049,10 +1060,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1049
1060
|
|
|
1050
1061
|
|
|
1051
1062
|
var hasDisableOptions = useMemo(function () {
|
|
1063
|
+
// const hasOnlyOptionsDatas = columns.filter(item => item?.['componentProps']?.optionOnly)
|
|
1052
1064
|
var hasOnlyOptionsDatas = columns.filter(function (item) {
|
|
1053
1065
|
var _a;
|
|
1054
1066
|
|
|
1055
|
-
|
|
1067
|
+
var resultComponentProps = isFunction(item === null || item === void 0 ? void 0 : item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
|
|
1068
|
+
return resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.optionOnly;
|
|
1056
1069
|
});
|
|
1057
1070
|
|
|
1058
1071
|
if (hasOnlyOptionsDatas.length) {
|
|
@@ -1067,9 +1080,14 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1067
1080
|
|
|
1068
1081
|
var DisableOptions = useMemo(function () {
|
|
1069
1082
|
var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
|
|
1070
|
-
var
|
|
1083
|
+
var _a;
|
|
1084
|
+
|
|
1085
|
+
var resultComponentProps = isFunction(item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
|
|
1086
|
+
|
|
1087
|
+
var _ref5 = resultComponentProps || {},
|
|
1071
1088
|
optionOnly = _ref5.optionOnly,
|
|
1072
|
-
options = _ref5.options;
|
|
1089
|
+
options = _ref5.options; // const { optionOnly, options } = item['componentProps'] || {}
|
|
1090
|
+
|
|
1073
1091
|
|
|
1074
1092
|
if (optionOnly && options) {
|
|
1075
1093
|
var dataIndex = item.dataIndex;
|
|
@@ -1081,6 +1099,13 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1081
1099
|
disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
|
|
1082
1100
|
});
|
|
1083
1101
|
});
|
|
1102
|
+
|
|
1103
|
+
if (isFunction(item.componentProps)) {
|
|
1104
|
+
return Object.assign(Object.assign({}, item), {
|
|
1105
|
+
newOptions: newOptions
|
|
1106
|
+
});
|
|
1107
|
+
}
|
|
1108
|
+
|
|
1084
1109
|
return Object.assign(Object.assign({}, item), {
|
|
1085
1110
|
componentProps: Object.assign(Object.assign({}, item['componentProps']), {
|
|
1086
1111
|
options: newOptions
|
|
@@ -1121,7 +1146,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1121
1146
|
options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
|
|
1122
1147
|
}
|
|
1123
1148
|
} : null]).filter(function (item) {
|
|
1124
|
-
return item;
|
|
1149
|
+
return item && item.show !== false;
|
|
1125
1150
|
});
|
|
1126
1151
|
localColumns = localColumns.map(function (item, index) {
|
|
1127
1152
|
return Object.assign(Object.assign({}, item), {
|
|
@@ -584,6 +584,9 @@ p {
|
|
|
584
584
|
padding-left: 8px;
|
|
585
585
|
padding-right: 8px;
|
|
586
586
|
}
|
|
587
|
+
.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
588
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
|
589
|
+
}
|
|
587
590
|
.lm_editTable_warpper .ant-picker {
|
|
588
591
|
height: 24px !important;
|
|
589
592
|
padding: 2px 8px;
|
|
@@ -72,6 +72,9 @@
|
|
|
72
72
|
padding-left: 8px;
|
|
73
73
|
padding-right: 8px;
|
|
74
74
|
}
|
|
75
|
+
.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
76
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
|
77
|
+
}
|
|
75
78
|
.lm_editTable_warpper .ant-picker {
|
|
76
79
|
height: 24px !important;
|
|
77
80
|
padding: 2px 8px;
|
|
@@ -6,6 +6,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
6
6
|
var file = _ref.file,
|
|
7
7
|
instance = _ref.instance;
|
|
8
8
|
var readOnly = instance.readOnly,
|
|
9
|
+
disabled = instance.disabled,
|
|
9
10
|
remove = instance.remove,
|
|
10
11
|
preview = instance.preview,
|
|
11
12
|
download = instance.download,
|
|
@@ -27,7 +28,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
27
28
|
onClick: function onClick() {
|
|
28
29
|
return download(file);
|
|
29
30
|
}
|
|
30
|
-
}, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
|
|
31
|
+
}, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
|
|
31
32
|
className: "picture_right lm_upload_item_action"
|
|
32
33
|
}, /*#__PURE__*/React.createElement("div", {
|
|
33
34
|
className: "action_delete",
|
|
@@ -67,6 +67,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
67
67
|
instance = _ref.instance,
|
|
68
68
|
listeners = _ref.listeners;
|
|
69
69
|
var dispatch = instance.dispatch,
|
|
70
|
+
disabled = instance.disabled,
|
|
70
71
|
readOnly = instance.readOnly,
|
|
71
72
|
size = instance.size,
|
|
72
73
|
remove = instance.remove,
|
|
@@ -140,7 +141,15 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
140
141
|
})), /*#__PURE__*/React.createElement("div", {
|
|
141
142
|
className: "lm_upload_item_mask"
|
|
142
143
|
}, /*#__PURE__*/React.createElement("div", {
|
|
143
|
-
className: "lm_upload_item_action"
|
|
144
|
+
className: "lm_upload_item_action",
|
|
145
|
+
onKeyDown: function onKeyDown(e) {
|
|
146
|
+
e.stopPropagation();
|
|
147
|
+
e.preventDefault();
|
|
148
|
+
},
|
|
149
|
+
onPointerDown: function onPointerDown(e) {
|
|
150
|
+
e.stopPropagation();
|
|
151
|
+
e.preventDefault();
|
|
152
|
+
}
|
|
144
153
|
}, /*#__PURE__*/React.createElement("div", {
|
|
145
154
|
className: "action_preview",
|
|
146
155
|
onClick: handlePreview
|
|
@@ -149,7 +158,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
149
158
|
style: {
|
|
150
159
|
fontSize: resetSize.fontSize
|
|
151
160
|
}
|
|
152
|
-
})), !readOnly && /*#__PURE__*/React.createElement("div", {
|
|
161
|
+
})), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
|
|
153
162
|
className: "action_delete",
|
|
154
163
|
onClick: function onClick() {
|
|
155
164
|
return remove(file);
|
|
@@ -6,6 +6,7 @@ var TextItem = function TextItem(_ref) {
|
|
|
6
6
|
var file = _ref.file,
|
|
7
7
|
instance = _ref.instance;
|
|
8
8
|
var readOnly = instance.readOnly,
|
|
9
|
+
disabled = instance.disabled,
|
|
9
10
|
remove = instance.remove,
|
|
10
11
|
download = instance.download,
|
|
11
12
|
fileNames = instance.fileNames;
|
|
@@ -22,7 +23,7 @@ var TextItem = function TextItem(_ref) {
|
|
|
22
23
|
onClick: function onClick() {
|
|
23
24
|
return download(file);
|
|
24
25
|
}
|
|
25
|
-
}, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
|
|
26
|
+
}, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
|
|
26
27
|
className: "text_right lm_upload_item_text_action"
|
|
27
28
|
}, /*#__PURE__*/React.createElement("div", {
|
|
28
29
|
className: "action_delete",
|
|
@@ -11,6 +11,7 @@ var LmUploadList = function LmUploadList(_ref) {
|
|
|
11
11
|
itemRender = instance.itemRender,
|
|
12
12
|
listType = instance.listType,
|
|
13
13
|
showUploadList = instance.showUploadList,
|
|
14
|
+
disabled = instance.disabled,
|
|
14
15
|
enableDrag = instance.enableDrag,
|
|
15
16
|
fileNames = instance.fileNames,
|
|
16
17
|
move = instance.move;
|
|
@@ -46,7 +47,7 @@ var LmUploadList = function LmUploadList(_ref) {
|
|
|
46
47
|
}
|
|
47
48
|
};
|
|
48
49
|
|
|
49
|
-
if (enableDrag) {
|
|
50
|
+
if (!disabled && enableDrag) {
|
|
50
51
|
return /*#__PURE__*/React.createElement(LmDrag, {
|
|
51
52
|
options: fileList,
|
|
52
53
|
rowKey: uid,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
|
+
import cn from 'classnames';
|
|
2
3
|
import UploadPicture from './UploadPicture'; // 上传核心
|
|
3
4
|
// 渲染上传区域样式, 仅用于触发上传事件
|
|
4
5
|
// type: 'card' 图片 | 'drag' 拖拽
|
|
@@ -10,6 +11,7 @@ var UploadCore = function UploadCore(_ref) {
|
|
|
10
11
|
|
|
11
12
|
var inputRef = React.useRef(null);
|
|
12
13
|
var accept = instance.accept,
|
|
14
|
+
disabled = instance.disabled,
|
|
13
15
|
children = instance.children,
|
|
14
16
|
beforeUpload = instance.beforeUpload,
|
|
15
17
|
getUploadStatus = instance.getUploadStatus,
|
|
@@ -18,6 +20,7 @@ var UploadCore = function UploadCore(_ref) {
|
|
|
18
20
|
var handleClick = useCallback(function () {
|
|
19
21
|
var _a;
|
|
20
22
|
|
|
23
|
+
if (disabled) return;
|
|
21
24
|
var isUploading = getUploadStatus().uploading;
|
|
22
25
|
if (isUploading) return;
|
|
23
26
|
(_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
@@ -43,7 +46,7 @@ var UploadCore = function UploadCore(_ref) {
|
|
|
43
46
|
};
|
|
44
47
|
return !getIsMaxCount() && /*#__PURE__*/React.createElement("div", {
|
|
45
48
|
onClick: handleClick,
|
|
46
|
-
className:
|
|
49
|
+
className: cn('lm_upload_core', disabled && 'disabled')
|
|
47
50
|
}, children || /*#__PURE__*/React.createElement(UploadPicture, {
|
|
48
51
|
instance: instance
|
|
49
52
|
}), /*#__PURE__*/React.createElement("input", Object.assign({
|
|
@@ -122,6 +122,7 @@
|
|
|
122
122
|
gap: 8px;
|
|
123
123
|
}
|
|
124
124
|
.lm_upload_wrapper .lm_upload_core {
|
|
125
|
+
position: relative;
|
|
125
126
|
display: inline-flex;
|
|
126
127
|
vertical-align: middle;
|
|
127
128
|
}
|
|
@@ -136,6 +137,12 @@
|
|
|
136
137
|
cursor: pointer;
|
|
137
138
|
transition: all 0.3s;
|
|
138
139
|
}
|
|
140
|
+
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
|
|
141
|
+
position: absolute;
|
|
142
|
+
background-color: var(--disabled-bg-color);
|
|
143
|
+
cursor: not-allowed;
|
|
144
|
+
inset: 0;
|
|
145
|
+
}
|
|
139
146
|
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
|
|
140
147
|
border-color: var(--primary-color);
|
|
141
148
|
}
|
|
@@ -151,6 +158,16 @@
|
|
|
151
158
|
margin-top: var(--gap);
|
|
152
159
|
color: var(--color-45);
|
|
153
160
|
}
|
|
161
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
|
|
162
|
+
border-color: var(--disabled-border-color);
|
|
163
|
+
}
|
|
164
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
|
|
165
|
+
content: '';
|
|
166
|
+
}
|
|
167
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
|
|
168
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
|
|
169
|
+
color: var(--disabled-font-color);
|
|
170
|
+
}
|
|
154
171
|
.lm_upload_wrapper .lm_upload_progress {
|
|
155
172
|
width: 100%;
|
|
156
173
|
height: 2px;
|
|
@@ -122,6 +122,7 @@
|
|
|
122
122
|
gap: 8px;
|
|
123
123
|
}
|
|
124
124
|
.lm_upload_wrapper .lm_upload_core {
|
|
125
|
+
position: relative;
|
|
125
126
|
display: inline-flex;
|
|
126
127
|
vertical-align: middle;
|
|
127
128
|
}
|
|
@@ -136,6 +137,12 @@
|
|
|
136
137
|
cursor: pointer;
|
|
137
138
|
transition: all 0.3s;
|
|
138
139
|
}
|
|
140
|
+
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
|
|
141
|
+
position: absolute;
|
|
142
|
+
background-color: var(--disabled-bg-color);
|
|
143
|
+
cursor: not-allowed;
|
|
144
|
+
inset: 0;
|
|
145
|
+
}
|
|
139
146
|
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
|
|
140
147
|
border-color: var(--primary-color);
|
|
141
148
|
}
|
|
@@ -151,6 +158,16 @@
|
|
|
151
158
|
margin-top: var(--gap);
|
|
152
159
|
color: var(--color-45);
|
|
153
160
|
}
|
|
161
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
|
|
162
|
+
border-color: var(--disabled-border-color);
|
|
163
|
+
}
|
|
164
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
|
|
165
|
+
content: '';
|
|
166
|
+
}
|
|
167
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
|
|
168
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
|
|
169
|
+
color: var(--disabled-font-color);
|
|
170
|
+
}
|
|
154
171
|
.lm_upload_wrapper .lm_upload_progress {
|
|
155
172
|
width: 100%;
|
|
156
173
|
height: 2px;
|
package/es/TreeSelect/index.js
CHANGED
|
@@ -82,7 +82,8 @@ var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
82
82
|
className: 'lm_tree_select',
|
|
83
83
|
value: resetValue,
|
|
84
84
|
size: mergeSize,
|
|
85
|
-
disabled: mergedDisabled
|
|
85
|
+
disabled: mergedDisabled,
|
|
86
|
+
treeData: treeData
|
|
86
87
|
}, resetProps), children);
|
|
87
88
|
});
|
|
88
89
|
var LMTreeSelect = CLMTreeSelect;
|
package/es/styles/variables.css
CHANGED
|
@@ -9784,6 +9784,9 @@ p {
|
|
|
9784
9784
|
padding-left: 8px;
|
|
9785
9785
|
padding-right: 8px;
|
|
9786
9786
|
}
|
|
9787
|
+
.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
9788
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
|
9789
|
+
}
|
|
9787
9790
|
.lm_editTable_warpper .ant-picker {
|
|
9788
9791
|
height: 24px !important;
|
|
9789
9792
|
padding: 2px 8px;
|
|
@@ -11877,6 +11880,7 @@ button.ant-table-row-expand-icon::after {
|
|
|
11877
11880
|
gap: 8px;
|
|
11878
11881
|
}
|
|
11879
11882
|
.lm_upload_wrapper .lm_upload_core {
|
|
11883
|
+
position: relative;
|
|
11880
11884
|
display: inline-flex;
|
|
11881
11885
|
vertical-align: middle;
|
|
11882
11886
|
}
|
|
@@ -11891,6 +11895,12 @@ button.ant-table-row-expand-icon::after {
|
|
|
11891
11895
|
cursor: pointer;
|
|
11892
11896
|
transition: all 0.3s;
|
|
11893
11897
|
}
|
|
11898
|
+
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
|
|
11899
|
+
position: absolute;
|
|
11900
|
+
background-color: var(--disabled-bg-color);
|
|
11901
|
+
cursor: not-allowed;
|
|
11902
|
+
inset: 0;
|
|
11903
|
+
}
|
|
11894
11904
|
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
|
|
11895
11905
|
border-color: var(--primary-color);
|
|
11896
11906
|
}
|
|
@@ -11906,6 +11916,16 @@ button.ant-table-row-expand-icon::after {
|
|
|
11906
11916
|
margin-top: var(--gap);
|
|
11907
11917
|
color: var(--color-45);
|
|
11908
11918
|
}
|
|
11919
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
|
|
11920
|
+
border-color: var(--disabled-border-color);
|
|
11921
|
+
}
|
|
11922
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
|
|
11923
|
+
content: '';
|
|
11924
|
+
}
|
|
11925
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
|
|
11926
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
|
|
11927
|
+
color: var(--disabled-font-color);
|
|
11928
|
+
}
|
|
11909
11929
|
.lm_upload_wrapper .lm_upload_progress {
|
|
11910
11930
|
width: 100%;
|
|
11911
11931
|
height: 2px;
|
|
@@ -498,7 +498,17 @@ var EditableCell = function EditableCell(props) {
|
|
|
498
498
|
};
|
|
499
499
|
|
|
500
500
|
var Control = function Control(con) {
|
|
501
|
+
var _a; // const resultComponentProps = isFunction(componentProps) ? componentProps?.(record, col) : componentProps
|
|
502
|
+
|
|
503
|
+
|
|
501
504
|
var resultComponentProps = (0, _lodash.isFunction)(componentProps) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps(record, col) : componentProps;
|
|
505
|
+
|
|
506
|
+
if ((0, _lodash.isFunction)(componentProps) && ((_a = col === null || col === void 0 ? void 0 : col.newOptions) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
507
|
+
resultComponentProps = Object.assign(Object.assign({}, resultComponentProps), {
|
|
508
|
+
options: col === null || col === void 0 ? void 0 : col.newOptions
|
|
509
|
+
});
|
|
510
|
+
}
|
|
511
|
+
|
|
502
512
|
var clearAttrComponentProps = (0, _lodash.omit)(resultComponentProps, ['optionOnly', 'isOnlyValue']);
|
|
503
513
|
|
|
504
514
|
switch (con) {
|
|
@@ -634,7 +644,8 @@ var EditableCell = function EditableCell(props) {
|
|
|
634
644
|
|
|
635
645
|
case 'render':
|
|
636
646
|
{
|
|
637
|
-
var
|
|
647
|
+
var _resultComponentProps = resultComponentProps,
|
|
648
|
+
render = _resultComponentProps.render;
|
|
638
649
|
var fromData = form.getFieldsValue();
|
|
639
650
|
return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !(0, _util.isObjEmpty)(fromData) ? Object.assign(Object.assign({}, record), (0, _defineProperty2.default)({}, dataIndex, fromData[dataIndex])) : record), {
|
|
640
651
|
onChange: save
|
|
@@ -1081,10 +1092,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1081
1092
|
|
|
1082
1093
|
|
|
1083
1094
|
var hasDisableOptions = (0, _react.useMemo)(function () {
|
|
1095
|
+
// const hasOnlyOptionsDatas = columns.filter(item => item?.['componentProps']?.optionOnly)
|
|
1084
1096
|
var hasOnlyOptionsDatas = columns.filter(function (item) {
|
|
1085
1097
|
var _a;
|
|
1086
1098
|
|
|
1087
|
-
|
|
1099
|
+
var resultComponentProps = (0, _lodash.isFunction)(item === null || item === void 0 ? void 0 : item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
|
|
1100
|
+
return resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.optionOnly;
|
|
1088
1101
|
});
|
|
1089
1102
|
|
|
1090
1103
|
if (hasOnlyOptionsDatas.length) {
|
|
@@ -1099,9 +1112,14 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1099
1112
|
|
|
1100
1113
|
var DisableOptions = (0, _react.useMemo)(function () {
|
|
1101
1114
|
var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
|
|
1102
|
-
var
|
|
1115
|
+
var _a;
|
|
1116
|
+
|
|
1117
|
+
var resultComponentProps = (0, _lodash.isFunction)(item.componentProps) ? (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.call(item, {}, item) : item === null || item === void 0 ? void 0 : item.componentProps;
|
|
1118
|
+
|
|
1119
|
+
var _ref5 = resultComponentProps || {},
|
|
1103
1120
|
optionOnly = _ref5.optionOnly,
|
|
1104
|
-
options = _ref5.options;
|
|
1121
|
+
options = _ref5.options; // const { optionOnly, options } = item['componentProps'] || {}
|
|
1122
|
+
|
|
1105
1123
|
|
|
1106
1124
|
if (optionOnly && options) {
|
|
1107
1125
|
var dataIndex = item.dataIndex;
|
|
@@ -1113,6 +1131,13 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1113
1131
|
disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
|
|
1114
1132
|
});
|
|
1115
1133
|
});
|
|
1134
|
+
|
|
1135
|
+
if ((0, _lodash.isFunction)(item.componentProps)) {
|
|
1136
|
+
return Object.assign(Object.assign({}, item), {
|
|
1137
|
+
newOptions: newOptions
|
|
1138
|
+
});
|
|
1139
|
+
}
|
|
1140
|
+
|
|
1116
1141
|
return Object.assign(Object.assign({}, item), {
|
|
1117
1142
|
componentProps: Object.assign(Object.assign({}, item['componentProps']), {
|
|
1118
1143
|
options: newOptions
|
|
@@ -1153,7 +1178,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1153
1178
|
options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
|
|
1154
1179
|
}
|
|
1155
1180
|
} : null]).filter(function (item) {
|
|
1156
|
-
return item;
|
|
1181
|
+
return item && item.show !== false;
|
|
1157
1182
|
});
|
|
1158
1183
|
localColumns = localColumns.map(function (item, index) {
|
|
1159
1184
|
return Object.assign(Object.assign({}, item), {
|
|
@@ -584,6 +584,9 @@ p {
|
|
|
584
584
|
padding-left: 8px;
|
|
585
585
|
padding-right: 8px;
|
|
586
586
|
}
|
|
587
|
+
.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
588
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
|
589
|
+
}
|
|
587
590
|
.lm_editTable_warpper .ant-picker {
|
|
588
591
|
height: 24px !important;
|
|
589
592
|
padding: 2px 8px;
|
|
@@ -72,6 +72,9 @@
|
|
|
72
72
|
padding-left: 8px;
|
|
73
73
|
padding-right: 8px;
|
|
74
74
|
}
|
|
75
|
+
.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
76
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
|
77
|
+
}
|
|
75
78
|
.lm_editTable_warpper .ant-picker {
|
|
76
79
|
height: 24px !important;
|
|
77
80
|
padding: 2px 8px;
|
|
@@ -20,6 +20,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
20
20
|
var file = _ref.file,
|
|
21
21
|
instance = _ref.instance;
|
|
22
22
|
var readOnly = instance.readOnly,
|
|
23
|
+
disabled = instance.disabled,
|
|
23
24
|
remove = instance.remove,
|
|
24
25
|
preview = instance.preview,
|
|
25
26
|
download = instance.download,
|
|
@@ -41,7 +42,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
41
42
|
onClick: function onClick() {
|
|
42
43
|
return download(file);
|
|
43
44
|
}
|
|
44
|
-
}, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
|
|
45
|
+
}, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
|
|
45
46
|
className: "picture_right lm_upload_item_action"
|
|
46
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
47
48
|
className: "action_delete",
|
|
@@ -81,6 +81,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
81
81
|
instance = _ref.instance,
|
|
82
82
|
listeners = _ref.listeners;
|
|
83
83
|
var dispatch = instance.dispatch,
|
|
84
|
+
disabled = instance.disabled,
|
|
84
85
|
readOnly = instance.readOnly,
|
|
85
86
|
size = instance.size,
|
|
86
87
|
remove = instance.remove,
|
|
@@ -154,7 +155,15 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
154
155
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
155
156
|
className: "lm_upload_item_mask"
|
|
156
157
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
157
|
-
className: "lm_upload_item_action"
|
|
158
|
+
className: "lm_upload_item_action",
|
|
159
|
+
onKeyDown: function onKeyDown(e) {
|
|
160
|
+
e.stopPropagation();
|
|
161
|
+
e.preventDefault();
|
|
162
|
+
},
|
|
163
|
+
onPointerDown: function onPointerDown(e) {
|
|
164
|
+
e.stopPropagation();
|
|
165
|
+
e.preventDefault();
|
|
166
|
+
}
|
|
158
167
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
159
168
|
className: "action_preview",
|
|
160
169
|
onClick: handlePreview
|
|
@@ -163,7 +172,7 @@ var PictureItem = function PictureItem(_ref) {
|
|
|
163
172
|
style: {
|
|
164
173
|
fontSize: resetSize.fontSize
|
|
165
174
|
}
|
|
166
|
-
})), !readOnly && /*#__PURE__*/_react.default.createElement("div", {
|
|
175
|
+
})), !readOnly && !disabled && /*#__PURE__*/_react.default.createElement("div", {
|
|
167
176
|
className: "action_delete",
|
|
168
177
|
onClick: function onClick() {
|
|
169
178
|
return remove(file);
|
|
@@ -19,6 +19,7 @@ var TextItem = function TextItem(_ref) {
|
|
|
19
19
|
var file = _ref.file,
|
|
20
20
|
instance = _ref.instance;
|
|
21
21
|
var readOnly = instance.readOnly,
|
|
22
|
+
disabled = instance.disabled,
|
|
22
23
|
remove = instance.remove,
|
|
23
24
|
download = instance.download,
|
|
24
25
|
fileNames = instance.fileNames;
|
|
@@ -35,7 +36,7 @@ var TextItem = function TextItem(_ref) {
|
|
|
35
36
|
onClick: function onClick() {
|
|
36
37
|
return download(file);
|
|
37
38
|
}
|
|
38
|
-
}, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
|
|
39
|
+
}, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
|
|
39
40
|
className: "text_right lm_upload_item_text_action"
|
|
40
41
|
}, /*#__PURE__*/React.createElement("div", {
|
|
41
42
|
className: "action_delete",
|
|
@@ -25,6 +25,7 @@ var LmUploadList = function LmUploadList(_ref) {
|
|
|
25
25
|
itemRender = instance.itemRender,
|
|
26
26
|
listType = instance.listType,
|
|
27
27
|
showUploadList = instance.showUploadList,
|
|
28
|
+
disabled = instance.disabled,
|
|
28
29
|
enableDrag = instance.enableDrag,
|
|
29
30
|
fileNames = instance.fileNames,
|
|
30
31
|
move = instance.move;
|
|
@@ -60,7 +61,7 @@ var LmUploadList = function LmUploadList(_ref) {
|
|
|
60
61
|
}
|
|
61
62
|
};
|
|
62
63
|
|
|
63
|
-
if (enableDrag) {
|
|
64
|
+
if (!disabled && enableDrag) {
|
|
64
65
|
return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.LmDrag, {
|
|
65
66
|
options: fileList,
|
|
66
67
|
rowKey: uid,
|
|
@@ -11,6 +11,8 @@ exports.default = void 0;
|
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
14
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
14
16
|
var _UploadPicture = _interopRequireDefault(require("./UploadPicture"));
|
|
15
17
|
|
|
16
18
|
// 上传核心
|
|
@@ -24,6 +26,7 @@ var UploadCore = function UploadCore(_ref) {
|
|
|
24
26
|
var inputRef = _react.default.useRef(null);
|
|
25
27
|
|
|
26
28
|
var accept = instance.accept,
|
|
29
|
+
disabled = instance.disabled,
|
|
27
30
|
children = instance.children,
|
|
28
31
|
beforeUpload = instance.beforeUpload,
|
|
29
32
|
getUploadStatus = instance.getUploadStatus,
|
|
@@ -32,6 +35,7 @@ var UploadCore = function UploadCore(_ref) {
|
|
|
32
35
|
var handleClick = (0, _react.useCallback)(function () {
|
|
33
36
|
var _a;
|
|
34
37
|
|
|
38
|
+
if (disabled) return;
|
|
35
39
|
var isUploading = getUploadStatus().uploading;
|
|
36
40
|
if (isUploading) return;
|
|
37
41
|
(_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
@@ -57,7 +61,7 @@ var UploadCore = function UploadCore(_ref) {
|
|
|
57
61
|
};
|
|
58
62
|
return !getIsMaxCount() && /*#__PURE__*/_react.default.createElement("div", {
|
|
59
63
|
onClick: handleClick,
|
|
60
|
-
className:
|
|
64
|
+
className: (0, _classnames.default)('lm_upload_core', disabled && 'disabled')
|
|
61
65
|
}, children || /*#__PURE__*/_react.default.createElement(_UploadPicture.default, {
|
|
62
66
|
instance: instance
|
|
63
67
|
}), /*#__PURE__*/_react.default.createElement("input", Object.assign({
|
|
@@ -122,6 +122,7 @@
|
|
|
122
122
|
gap: 8px;
|
|
123
123
|
}
|
|
124
124
|
.lm_upload_wrapper .lm_upload_core {
|
|
125
|
+
position: relative;
|
|
125
126
|
display: inline-flex;
|
|
126
127
|
vertical-align: middle;
|
|
127
128
|
}
|
|
@@ -136,6 +137,12 @@
|
|
|
136
137
|
cursor: pointer;
|
|
137
138
|
transition: all 0.3s;
|
|
138
139
|
}
|
|
140
|
+
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
|
|
141
|
+
position: absolute;
|
|
142
|
+
background-color: var(--disabled-bg-color);
|
|
143
|
+
cursor: not-allowed;
|
|
144
|
+
inset: 0;
|
|
145
|
+
}
|
|
139
146
|
.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
|
|
140
147
|
border-color: var(--primary-color);
|
|
141
148
|
}
|
|
@@ -151,6 +158,16 @@
|
|
|
151
158
|
margin-top: var(--gap);
|
|
152
159
|
color: var(--color-45);
|
|
153
160
|
}
|
|
161
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
|
|
162
|
+
border-color: var(--disabled-border-color);
|
|
163
|
+
}
|
|
164
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
|
|
165
|
+
content: '';
|
|
166
|
+
}
|
|
167
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
|
|
168
|
+
.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
|
|
169
|
+
color: var(--disabled-font-color);
|
|
170
|
+
}
|
|
154
171
|
.lm_upload_wrapper .lm_upload_progress {
|
|
155
172
|
width: 100%;
|
|
156
173
|
height: 2px;
|