linkmore-design 1.1.24 → 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/dist/index.umd.js +21 -7
- package/dist/index.umd.min.js +2 -2
- package/dist/variables.css +20 -0
- package/es/LmEditTable/EditTable.js +1 -1
- 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/styles/variables.css +20 -0
- package/lib/LmEditTable/EditTable.js +1 -1
- 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/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;
|
|
@@ -1146,7 +1146,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1146
1146
|
options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
|
|
1147
1147
|
}
|
|
1148
1148
|
} : null]).filter(function (item) {
|
|
1149
|
-
return item;
|
|
1149
|
+
return item && item.show !== false;
|
|
1150
1150
|
});
|
|
1151
1151
|
localColumns = localColumns.map(function (item, index) {
|
|
1152
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/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;
|
|
@@ -1178,7 +1178,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1178
1178
|
options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
|
|
1179
1179
|
}
|
|
1180
1180
|
} : null]).filter(function (item) {
|
|
1181
|
-
return item;
|
|
1181
|
+
return item && item.show !== false;
|
|
1182
1182
|
});
|
|
1183
1183
|
localColumns = localColumns.map(function (item, index) {
|
|
1184
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;
|
|
@@ -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/lib/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;
|