linkmore-design 1.1.8 → 1.1.10
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 +1082 -9
- package/dist/Form/FormItem/index.d.ts +7 -1
- package/dist/Form/demos/ruleTime.d.ts +2 -0
- package/dist/LmUpload/UploadList/ItemPictureCard.d.ts +2 -1
- package/dist/LmUpload/components/Preview.d.ts +5 -0
- package/dist/LmUpload/wrapper/reducer.d.ts +4 -0
- package/dist/index.umd.js +292 -158
- package/dist/index.umd.min.js +8 -8
- package/dist/variables.css +121 -0
- package/es/Form/FormItem/index.d.ts +7 -1
- package/es/Form/FormItem/index.js +56 -13
- package/es/ImageViewer/components/Operate.js +5 -2
- package/es/LmEditTable/EditTable.js +24 -21
- package/es/LmEditTable/util.js +4 -4
- package/es/LmTable/Table.js +16 -10
- package/es/LmTable/style/index.css +3 -0
- package/es/LmTable/style/variables.css +3 -0
- package/es/LmTable/util.js +9 -5
- package/es/LmUpload/LmUpload.js +1 -0
- package/es/LmUpload/UploadList/ItemPictureCard.d.ts +2 -1
- package/es/LmUpload/UploadList/ItemPictureCard.js +16 -4
- package/es/LmUpload/UploadList/index.js +11 -7
- package/es/LmUpload/components/Preview.d.ts +5 -0
- package/es/LmUpload/components/Preview.js +43 -0
- package/es/LmUpload/style/index.css +118 -0
- package/es/LmUpload/style/variables.css +118 -0
- package/es/LmUpload/wrapper/UploadWrapper.js +3 -0
- package/es/LmUpload/wrapper/reducer.d.ts +4 -0
- package/es/LmUpload/wrapper/reducer.js +12 -3
- package/es/styles/variables.css +121 -0
- package/lib/Form/FormItem/index.d.ts +7 -1
- package/lib/Form/FormItem/index.js +58 -14
- package/lib/ImageViewer/components/Operate.js +6 -2
- package/lib/LmEditTable/EditTable.js +24 -21
- package/lib/LmEditTable/util.js +4 -4
- package/lib/LmTable/Table.js +16 -10
- package/lib/LmTable/style/index.css +3 -0
- package/lib/LmTable/style/variables.css +3 -0
- package/lib/LmTable/util.js +9 -5
- package/lib/LmUpload/LmUpload.js +1 -0
- package/lib/LmUpload/UploadList/ItemPictureCard.d.ts +2 -1
- package/lib/LmUpload/UploadList/ItemPictureCard.js +16 -4
- package/lib/LmUpload/UploadList/index.js +13 -7
- package/lib/LmUpload/components/Preview.d.ts +5 -0
- package/lib/LmUpload/components/Preview.js +55 -0
- package/lib/LmUpload/style/index.css +118 -0
- package/lib/LmUpload/style/variables.css +118 -0
- package/lib/LmUpload/wrapper/UploadWrapper.js +4 -0
- package/lib/LmUpload/wrapper/reducer.d.ts +4 -0
- package/lib/LmUpload/wrapper/reducer.js +12 -3
- package/lib/styles/variables.css +121 -0
- package/package.json +10 -3
package/dist/variables.css
CHANGED
|
@@ -11266,6 +11266,9 @@ p {
|
|
|
11266
11266
|
height: 48px;
|
|
11267
11267
|
font-size: 12px;
|
|
11268
11268
|
}
|
|
11269
|
+
#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
|
|
11270
|
+
text-align: left;
|
|
11271
|
+
}
|
|
11269
11272
|
#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
|
|
11270
11273
|
padding: 0 !important;
|
|
11271
11274
|
}
|
|
@@ -11647,6 +11650,124 @@ button.ant-table-row-expand-icon::after {
|
|
|
11647
11650
|
.WeChatContactsAvatarTools .rightClickItems:last-child {
|
|
11648
11651
|
border-bottom: 0;
|
|
11649
11652
|
}
|
|
11653
|
+
.lm_image_viewer_wrapper {
|
|
11654
|
+
position: fixed;
|
|
11655
|
+
z-index: 1001;
|
|
11656
|
+
inset: 0;
|
|
11657
|
+
}
|
|
11658
|
+
.lm_image_viewer_wrapper .lm_image_viewer_mask {
|
|
11659
|
+
position: absolute;
|
|
11660
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
11661
|
+
inset: 0;
|
|
11662
|
+
}
|
|
11663
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container {
|
|
11664
|
+
position: relative;
|
|
11665
|
+
z-index: 2;
|
|
11666
|
+
display: flex;
|
|
11667
|
+
flex-flow: column;
|
|
11668
|
+
gap: var(--gap);
|
|
11669
|
+
align-items: center;
|
|
11670
|
+
height: 100vh;
|
|
11671
|
+
padding: 50px 0;
|
|
11672
|
+
}
|
|
11673
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
|
|
11674
|
+
flex: 1;
|
|
11675
|
+
width: 51%;
|
|
11676
|
+
max-height: 100%;
|
|
11677
|
+
overflow: hidden;
|
|
11678
|
+
touch-action: none;
|
|
11679
|
+
}
|
|
11680
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
|
|
11681
|
+
height: 100%;
|
|
11682
|
+
}
|
|
11683
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
|
|
11684
|
+
overflow: hidden;
|
|
11685
|
+
text-align: center;
|
|
11686
|
+
border-radius: 2px;
|
|
11687
|
+
}
|
|
11688
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
|
|
11689
|
+
display: inline-block;
|
|
11690
|
+
width: 100%;
|
|
11691
|
+
height: 100%;
|
|
11692
|
+
object-fit: contain;
|
|
11693
|
+
transition: 0.3s;
|
|
11694
|
+
}
|
|
11695
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
|
|
11696
|
+
display: flex;
|
|
11697
|
+
gap: var(--gap);
|
|
11698
|
+
width: 51%;
|
|
11699
|
+
overflow-x: auto;
|
|
11700
|
+
overflow-y: hidden;
|
|
11701
|
+
}
|
|
11702
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
|
|
11703
|
+
display: inline-flex;
|
|
11704
|
+
align-items: center;
|
|
11705
|
+
justify-content: center;
|
|
11706
|
+
width: 98px;
|
|
11707
|
+
height: 98px;
|
|
11708
|
+
text-align: center;
|
|
11709
|
+
background-color: var(--color-contrast);
|
|
11710
|
+
border: 2px solid transparent;
|
|
11711
|
+
border-radius: 2px;
|
|
11712
|
+
transition: 0.3s;
|
|
11713
|
+
}
|
|
11714
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
|
|
11715
|
+
color: var(--color-45);
|
|
11716
|
+
font-size: 34px;
|
|
11717
|
+
}
|
|
11718
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
|
|
11719
|
+
display: inline-block;
|
|
11720
|
+
width: 94px;
|
|
11721
|
+
height: 94px;
|
|
11722
|
+
object-fit: cover;
|
|
11723
|
+
}
|
|
11724
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
|
|
11725
|
+
border-color: var(--primary-color);
|
|
11726
|
+
}
|
|
11727
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
|
|
11728
|
+
position: absolute;
|
|
11729
|
+
bottom: 50px;
|
|
11730
|
+
left: 50%;
|
|
11731
|
+
display: flex;
|
|
11732
|
+
gap: 24px;
|
|
11733
|
+
align-items: center;
|
|
11734
|
+
justify-content: space-between;
|
|
11735
|
+
padding: 8px 12px;
|
|
11736
|
+
font-size: 24px;
|
|
11737
|
+
background-color: #fff;
|
|
11738
|
+
border-radius: 100px;
|
|
11739
|
+
transform: translateX(-50%);
|
|
11740
|
+
}
|
|
11741
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
|
|
11742
|
+
cursor: pointer;
|
|
11743
|
+
transition: 0.3s;
|
|
11744
|
+
}
|
|
11745
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
|
|
11746
|
+
color: var(--primary-color);
|
|
11747
|
+
}
|
|
11748
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
|
|
11749
|
+
position: absolute;
|
|
11750
|
+
top: 50%;
|
|
11751
|
+
display: flex;
|
|
11752
|
+
align-items: center;
|
|
11753
|
+
justify-content: center;
|
|
11754
|
+
height: 48px;
|
|
11755
|
+
color: var(--color-contrast);
|
|
11756
|
+
font-size: 32px;
|
|
11757
|
+
background-color: var(--text-color);
|
|
11758
|
+
transform: translateY(-50%);
|
|
11759
|
+
cursor: pointer;
|
|
11760
|
+
transition: 0.3s;
|
|
11761
|
+
}
|
|
11762
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
|
|
11763
|
+
left: 40px;
|
|
11764
|
+
}
|
|
11765
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
|
|
11766
|
+
right: 40px;
|
|
11767
|
+
}
|
|
11768
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
|
|
11769
|
+
color: var(--primary-color);
|
|
11770
|
+
}
|
|
11650
11771
|
.lm_upload_wrapper {
|
|
11651
11772
|
display: flex;
|
|
11652
11773
|
flex-wrap: wrap;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { FormInstance } from 'rc-field-form';
|
|
2
2
|
import type { FieldProps } from 'rc-field-form/lib/Field';
|
|
3
|
+
import type { Rule } from 'rc-field-form/lib/interface';
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
import useFormItemStatus from '../hooks/useFormItemStatus';
|
|
5
6
|
import type { FormItemInputProps } from '../FormItemInput';
|
|
@@ -9,7 +10,10 @@ export declare type ValidateStatus = typeof ValidateStatuses[number];
|
|
|
9
10
|
declare type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
|
|
10
11
|
declare type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
|
|
11
12
|
declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
|
|
12
|
-
export
|
|
13
|
+
export declare type LmRule = Rule & {
|
|
14
|
+
time?: number;
|
|
15
|
+
};
|
|
16
|
+
export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, Omit<RcFieldProps<Values>, 'rules'> {
|
|
13
17
|
prefixCls?: string;
|
|
14
18
|
noStyle?: boolean;
|
|
15
19
|
style?: React.CSSProperties;
|
|
@@ -25,6 +29,8 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
|
|
|
25
29
|
tooltip?: LabelTooltipType;
|
|
26
30
|
/** @deprecated No need anymore */
|
|
27
31
|
fieldKey?: React.Key | React.Key[];
|
|
32
|
+
/** 变更 */
|
|
33
|
+
rules?: LmRule[];
|
|
28
34
|
errorPlacement?: string;
|
|
29
35
|
responsive?: boolean;
|
|
30
36
|
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
2
1
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
4
|
+
import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
|
|
4
5
|
import { Field, FieldContext, ListContext } from 'rc-field-form';
|
|
5
6
|
import useState from 'rc-util/lib/hooks/useState';
|
|
6
7
|
import { supportRef } from 'rc-util/lib/ref';
|
|
7
8
|
import * as React from 'react';
|
|
8
|
-
import { useContext } from 'react';
|
|
9
|
+
import { useContext, useEffect, useRef } from 'react';
|
|
9
10
|
import useFormItemStatus from '../hooks/useFormItemStatus';
|
|
10
11
|
import { ConfigContext } from '../../ConfigProvider';
|
|
11
12
|
import { cloneElement, isValidElement } from '../../_util/reactNode';
|
|
@@ -43,6 +44,31 @@ function genEmptyMeta() {
|
|
|
43
44
|
};
|
|
44
45
|
}
|
|
45
46
|
|
|
47
|
+
function getRuleTime(rules) {
|
|
48
|
+
if (!rules) {
|
|
49
|
+
return 0;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
var _iterator = _createForOfIteratorHelper(rules),
|
|
53
|
+
_step;
|
|
54
|
+
|
|
55
|
+
try {
|
|
56
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
57
|
+
var rule = _step.value;
|
|
58
|
+
|
|
59
|
+
if (rule && _typeof(rule) === 'object' && rule.time) {
|
|
60
|
+
return rule.time;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
} catch (err) {
|
|
64
|
+
_iterator.e(err);
|
|
65
|
+
} finally {
|
|
66
|
+
_iterator.f();
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
return 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
46
72
|
function InternalFormItem(props) {
|
|
47
73
|
var name = props.name,
|
|
48
74
|
noStyle = props.noStyle,
|
|
@@ -58,6 +84,17 @@ function InternalFormItem(props) {
|
|
|
58
84
|
trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
|
|
59
85
|
validateTrigger = props.validateTrigger,
|
|
60
86
|
hidden = props.hidden;
|
|
87
|
+
var timerRef = useRef(null);
|
|
88
|
+
|
|
89
|
+
var _useState = useState([]),
|
|
90
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
91
|
+
mergedErrors = _useState2[0],
|
|
92
|
+
setMergedErrors = _useState2[1];
|
|
93
|
+
|
|
94
|
+
var _useState3 = useState([]),
|
|
95
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
96
|
+
mergedWarnings = _useState4[0],
|
|
97
|
+
setMergedWarnings = _useState4[1];
|
|
61
98
|
|
|
62
99
|
var _useContext = useContext(ConfigContext),
|
|
63
100
|
getPrefixCls = _useContext.getPrefixCls;
|
|
@@ -86,12 +123,12 @@ function InternalFormItem(props) {
|
|
|
86
123
|
setSubFieldErrors = _useFrameState2[1]; // >>>>> Current field errors
|
|
87
124
|
|
|
88
125
|
|
|
89
|
-
var
|
|
126
|
+
var _useState5 = useState(function () {
|
|
90
127
|
return genEmptyMeta();
|
|
91
128
|
}),
|
|
92
|
-
|
|
93
|
-
meta =
|
|
94
|
-
setMeta =
|
|
129
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
130
|
+
meta = _useState6[0],
|
|
131
|
+
setMeta = _useState6[1];
|
|
95
132
|
|
|
96
133
|
var onMetaChange = function onMetaChange(nextMeta) {
|
|
97
134
|
// This keyInfo is not correct when field is removed
|
|
@@ -144,7 +181,7 @@ function InternalFormItem(props) {
|
|
|
144
181
|
}; // >>>>> Get merged errors
|
|
145
182
|
|
|
146
183
|
|
|
147
|
-
|
|
184
|
+
useEffect(function () {
|
|
148
185
|
var errorList = _toConsumableArray(meta.errors);
|
|
149
186
|
|
|
150
187
|
var warningList = _toConsumableArray(meta.warnings);
|
|
@@ -153,12 +190,18 @@ function InternalFormItem(props) {
|
|
|
153
190
|
errorList.push.apply(errorList, _toConsumableArray(subFieldError.errors || []));
|
|
154
191
|
warningList.push.apply(warningList, _toConsumableArray(subFieldError.warnings || []));
|
|
155
192
|
});
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
193
|
+
setMergedErrors(errorList);
|
|
194
|
+
setMergedWarnings(warningList);
|
|
195
|
+
var time = getRuleTime(rules);
|
|
196
|
+
|
|
197
|
+
if (time) {
|
|
198
|
+
clearTimeout(timerRef.current);
|
|
199
|
+
timerRef.current = setTimeout(function () {
|
|
200
|
+
setMergedErrors([]);
|
|
201
|
+
setMergedWarnings([]);
|
|
202
|
+
}, time);
|
|
203
|
+
}
|
|
204
|
+
}, [subFieldErrors, meta.errors, meta.warnings]); // ===================== Children Ref =====================
|
|
162
205
|
|
|
163
206
|
var getItemRef = useItemRef(); // ======================== Render ========================
|
|
164
207
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IconFont } from 'linkmore-design';
|
|
3
|
+
import { ZoomOutOutlined } from '@ant-design/icons';
|
|
3
4
|
|
|
4
5
|
var Operate = function Operate(_ref) {
|
|
5
6
|
var instance = _ref.instance;
|
|
@@ -19,10 +20,12 @@ var Operate = function Operate(_ref) {
|
|
|
19
20
|
onClick: function onClick(e) {
|
|
20
21
|
return handleTranform(e, 'zoomIn');
|
|
21
22
|
}
|
|
22
|
-
}), /*#__PURE__*/React.createElement(
|
|
23
|
-
type: "lmweb-a-icon_m_search1",
|
|
23
|
+
}), /*#__PURE__*/React.createElement(ZoomOutOutlined, {
|
|
24
24
|
onClick: function onClick(e) {
|
|
25
25
|
return handleTranform(e, 'zoomOut');
|
|
26
|
+
},
|
|
27
|
+
style: {
|
|
28
|
+
fontSize: 22
|
|
26
29
|
}
|
|
27
30
|
}), /*#__PURE__*/React.createElement(IconFont, {
|
|
28
31
|
type: "lmweb-undo",
|
|
@@ -735,13 +735,15 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
735
735
|
};
|
|
736
736
|
|
|
737
737
|
var onColSortEnd = function onColSortEnd(active, over) {
|
|
738
|
+
var _a;
|
|
739
|
+
|
|
738
740
|
var oldIndex = columns.findIndex(function (item) {
|
|
739
741
|
return item.dataIndex === active;
|
|
740
742
|
});
|
|
741
743
|
var newIndex = columns.findIndex(function (item) {
|
|
742
744
|
return item.dataIndex === over;
|
|
743
745
|
});
|
|
744
|
-
filterChange === null || filterChange === void 0 ? void 0 : filterChange(arrayMove(columns, oldIndex, newIndex).map(function (item, index) {
|
|
746
|
+
filterChange === null || filterChange === void 0 ? void 0 : filterChange((_a = arrayMove(columns, oldIndex, newIndex)) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
|
|
745
747
|
return Object.assign(Object.assign({}, item), {
|
|
746
748
|
order: index
|
|
747
749
|
});
|
|
@@ -775,7 +777,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
775
777
|
dataSourceRef.current = dataSource;
|
|
776
778
|
|
|
777
779
|
if (sortOpen) {
|
|
778
|
-
var dataSourceKeys = dataSource.map(function (item) {
|
|
780
|
+
var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
779
781
|
return item[_rowKey];
|
|
780
782
|
}).join(',');
|
|
781
783
|
var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
|
|
@@ -819,12 +821,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
819
821
|
|
|
820
822
|
if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
|
|
821
823
|
var deeps = function deeps(children) {
|
|
822
|
-
children.forEach(function (item) {
|
|
824
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item) {
|
|
823
825
|
var _a;
|
|
824
826
|
|
|
825
827
|
if (preKeys.includes(item[_rowKey])) {
|
|
826
828
|
if (item[_rowKey] === row[_rowKey]) {
|
|
827
|
-
children.forEach(function (c) {
|
|
829
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (c) {
|
|
828
830
|
c[key] = value;
|
|
829
831
|
});
|
|
830
832
|
(_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
|
|
@@ -839,7 +841,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
839
841
|
|
|
840
842
|
deeps(draft);
|
|
841
843
|
} else {
|
|
842
|
-
draft.forEach(function (item, index) {
|
|
844
|
+
draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
|
|
843
845
|
if (row[_rowKey] === item[_rowKey]) {
|
|
844
846
|
draft[index] = row;
|
|
845
847
|
} else {
|
|
@@ -850,7 +852,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
850
852
|
} else {
|
|
851
853
|
if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
|
|
852
854
|
var _deeps = function _deeps(children) {
|
|
853
|
-
children.forEach(function (item) {
|
|
855
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item) {
|
|
854
856
|
var _a;
|
|
855
857
|
|
|
856
858
|
if (preKeys.includes(item[_rowKey])) {
|
|
@@ -887,7 +889,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
887
889
|
|
|
888
890
|
var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
|
|
889
891
|
setDataSource(function (prevDataSource) {
|
|
890
|
-
return prevDataSource.map(function (item) {
|
|
892
|
+
return prevDataSource === null || prevDataSource === void 0 ? void 0 : prevDataSource.map(function (item) {
|
|
891
893
|
if (get(item, rowKey) === rowValue) {
|
|
892
894
|
set(item, dataIndex, nextValue);
|
|
893
895
|
}
|
|
@@ -906,10 +908,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
906
908
|
if (preKeys.length > 1) {
|
|
907
909
|
/** 说明删除的是children中的数据 */
|
|
908
910
|
var filter = function filter(data, key) {
|
|
909
|
-
var newData = data.filter(function (x) {
|
|
911
|
+
var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
|
|
910
912
|
return x[_rowKey] !== key;
|
|
911
913
|
});
|
|
912
|
-
newData.forEach(function (x) {
|
|
914
|
+
newData === null || newData === void 0 ? void 0 : newData.forEach(function (x) {
|
|
913
915
|
if (x.children) {
|
|
914
916
|
var c = filter(x.children, key);
|
|
915
917
|
x.children = c;
|
|
@@ -957,13 +959,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
957
959
|
var handleTableRowAdd = function handleTableRowAdd(record) {
|
|
958
960
|
var _a, _b;
|
|
959
961
|
|
|
960
|
-
console.log(record, '-rrrrr');
|
|
961
962
|
var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
|
|
962
963
|
var res = produce(dataSourceRef.current, function (draft) {
|
|
963
964
|
if (preKeys.length > 1) {
|
|
964
965
|
var deeps = function deeps(children) {
|
|
965
|
-
children.forEach(function (item, index) {
|
|
966
|
-
if (preKeys.includes(item[_rowKey])) {
|
|
966
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
|
|
967
|
+
if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
|
|
967
968
|
if (item[_rowKey] === record[_rowKey]) {
|
|
968
969
|
children.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
|
|
969
970
|
} else if (item.children) {
|
|
@@ -994,7 +995,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
994
995
|
|
|
995
996
|
var handleCopy = function handleCopy(key, value) {
|
|
996
997
|
var res = produce(dataSourceRef.current, function (draft) {
|
|
997
|
-
draft.forEach(function (item) {
|
|
998
|
+
draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
|
|
998
999
|
return item[key] = value;
|
|
999
1000
|
});
|
|
1000
1001
|
});
|
|
@@ -1016,7 +1017,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1016
1017
|
});
|
|
1017
1018
|
|
|
1018
1019
|
if (hasOnlyOptionsDatas.length) {
|
|
1019
|
-
return hasOnlyOptionsDatas.map(function (item) {
|
|
1020
|
+
return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
|
|
1020
1021
|
return item.dataIndex;
|
|
1021
1022
|
});
|
|
1022
1023
|
}
|
|
@@ -1033,10 +1034,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1033
1034
|
|
|
1034
1035
|
if (optionOnly && options) {
|
|
1035
1036
|
var dataIndex = item.dataIndex;
|
|
1036
|
-
var dataIndexData = dataSource.map(function (d) {
|
|
1037
|
+
var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
|
|
1037
1038
|
return d[dataIndex];
|
|
1038
1039
|
});
|
|
1039
|
-
var newOptions = options.map(function (o) {
|
|
1040
|
+
var newOptions = options === null || options === void 0 ? void 0 : options.map(function (o) {
|
|
1040
1041
|
return Object.assign(Object.assign({}, o), {
|
|
1041
1042
|
disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
|
|
1042
1043
|
});
|
|
@@ -1092,7 +1093,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1092
1093
|
var leftColumns = [];
|
|
1093
1094
|
var mainColumns = [];
|
|
1094
1095
|
var rightColumns = [];
|
|
1095
|
-
localColumns.forEach(function (item) {
|
|
1096
|
+
localColumns === null || localColumns === void 0 ? void 0 : localColumns.forEach(function (item) {
|
|
1096
1097
|
if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
|
|
1097
1098
|
leftColumns.push(item);
|
|
1098
1099
|
} else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
|
|
@@ -1105,7 +1106,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1105
1106
|
/** 为了支持colums中的分组之后,进行递归处理 */
|
|
1106
1107
|
|
|
1107
1108
|
var mapColumns = function mapColumns(col, index) {
|
|
1108
|
-
var _a;
|
|
1109
|
+
var _a, _b;
|
|
1109
1110
|
|
|
1110
1111
|
if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
1111
1112
|
return col;
|
|
@@ -1154,7 +1155,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1154
1155
|
});
|
|
1155
1156
|
|
|
1156
1157
|
if (col === null || col === void 0 ? void 0 : col.children) {
|
|
1157
|
-
newCol.children = col.children.map(mapColumns);
|
|
1158
|
+
newCol.children = (_b = col.children) === null || _b === void 0 ? void 0 : _b.map(mapColumns);
|
|
1158
1159
|
}
|
|
1159
1160
|
|
|
1160
1161
|
return newCol;
|
|
@@ -1179,9 +1180,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1179
1180
|
}, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
|
|
1180
1181
|
}, [sortEditTable]);
|
|
1181
1182
|
var colDraggableContainer = useCallback(function (_a) {
|
|
1183
|
+
var _b;
|
|
1184
|
+
|
|
1182
1185
|
var props = __rest(_a, []);
|
|
1183
1186
|
|
|
1184
|
-
return /*#__PURE__*/React.createElement("tr", null, React.Children.map(props.children, function (child) {
|
|
1187
|
+
return /*#__PURE__*/React.createElement("tr", null, (_b = React.Children) === null || _b === void 0 ? void 0 : _b.map(props.children, function (child) {
|
|
1185
1188
|
var _a, _b;
|
|
1186
1189
|
|
|
1187
1190
|
if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.fixed) {
|
|
@@ -1322,7 +1325,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1322
1325
|
fixed: true,
|
|
1323
1326
|
type: 'checkbox',
|
|
1324
1327
|
columnWidth: 36,
|
|
1325
|
-
selectedRowKeys: localRowSelectList.map(function (v) {
|
|
1328
|
+
selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
|
|
1326
1329
|
return v[_rowKey];
|
|
1327
1330
|
}),
|
|
1328
1331
|
onChange: function onChange(selectedRowKeys, selectedRows) {
|
package/es/LmEditTable/util.js
CHANGED
|
@@ -9,13 +9,13 @@ export function deepDataSourcePreKeys(dataSource, rowKey) {
|
|
|
9
9
|
var deepDataSource = [];
|
|
10
10
|
|
|
11
11
|
var eachChildren = function eachChildren(children, preKeys) {
|
|
12
|
-
children.forEach(function (item) {
|
|
12
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item) {
|
|
13
13
|
deepDataSource.push(Object.assign(Object.assign({}, item), {
|
|
14
|
-
preKeys: [].concat(_toConsumableArray(preKeys), [item[rowKey]])
|
|
14
|
+
preKeys: [].concat(_toConsumableArray(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])
|
|
15
15
|
}));
|
|
16
16
|
|
|
17
|
-
if (item.children) {
|
|
18
|
-
eachChildren(item.children, [].concat(_toConsumableArray(preKeys), [item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
|
|
17
|
+
if (item === null || item === void 0 ? void 0 : item.children) {
|
|
18
|
+
eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat(_toConsumableArray(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
21
|
};
|
package/es/LmTable/Table.js
CHANGED
|
@@ -31,8 +31,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
31
31
|
|
|
32
32
|
var _reactResizable = require("react-resizable");
|
|
33
33
|
|
|
34
|
-
var _ahooks = require("ahooks");
|
|
35
|
-
|
|
36
34
|
var _immer = require("immer");
|
|
37
35
|
|
|
38
36
|
var _reactSortableHoc = require("react-sortable-hoc");
|
|
@@ -310,7 +308,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
310
308
|
var source = [];
|
|
311
309
|
|
|
312
310
|
var deepChildren = function deepChildren(arr) {
|
|
313
|
-
arr.forEach(function (item) {
|
|
311
|
+
arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
|
|
314
312
|
source.push((0, _lodash.omit)(item, 'children')); // 展开
|
|
315
313
|
|
|
316
314
|
if ((item === null || item === void 0 ? void 0 : item.children) && expandedRowKeys.includes(item.key)) {
|
|
@@ -327,7 +325,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
327
325
|
var source = [];
|
|
328
326
|
|
|
329
327
|
var deepChildren = function deepChildren(arr) {
|
|
330
|
-
arr.forEach(function (item) {
|
|
328
|
+
arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
|
|
331
329
|
if (item.children && item.children.length) {
|
|
332
330
|
deepChildren(item.children);
|
|
333
331
|
} else {
|
|
@@ -391,8 +389,14 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
391
389
|
var handleResize = function handleResize(index) {
|
|
392
390
|
return function (e, _ref2) {
|
|
393
391
|
var size = _ref2.size;
|
|
392
|
+
var i = index;
|
|
394
393
|
var nextColumns = (0, _toConsumableArray2.default)(useColumns);
|
|
395
|
-
nextColumns
|
|
394
|
+
nextColumns.forEach(function (item, index) {
|
|
395
|
+
if (index <= i && item.show === false) {
|
|
396
|
+
i += 1;
|
|
397
|
+
}
|
|
398
|
+
});
|
|
399
|
+
nextColumns[i] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[i]), {}, {
|
|
396
400
|
width: size.width
|
|
397
401
|
});
|
|
398
402
|
setColumns(nextColumns);
|
|
@@ -758,6 +762,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
758
762
|
var _shellStatusRef$curre11;
|
|
759
763
|
|
|
760
764
|
if (isEmpty((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing)) {
|
|
765
|
+
var _pasteData;
|
|
766
|
+
|
|
761
767
|
var _shellStatusRef$curre12 = shellStatusRef.current,
|
|
762
768
|
start = _shellStatusRef$curre12.start,
|
|
763
769
|
end = _shellStatusRef$curre12.end;
|
|
@@ -781,8 +787,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
781
787
|
|
|
782
788
|
|
|
783
789
|
var resultEnd = [];
|
|
784
|
-
pasteData.forEach(function (row, i) {
|
|
785
|
-
row.forEach(function (value, j) {
|
|
790
|
+
(_pasteData = pasteData) === null || _pasteData === void 0 ? void 0 : _pasteData.forEach(function (row, i) {
|
|
791
|
+
row === null || row === void 0 ? void 0 : row.forEach(function (value, j) {
|
|
786
792
|
resultEnd.push({
|
|
787
793
|
i: start.i + i,
|
|
788
794
|
j: start.j + j,
|
|
@@ -791,7 +797,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
791
797
|
});
|
|
792
798
|
});
|
|
793
799
|
var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
|
|
794
|
-
resultEnd.forEach(function (item) {
|
|
800
|
+
resultEnd === null || resultEnd === void 0 ? void 0 : resultEnd.forEach(function (item) {
|
|
795
801
|
var _isSelected2;
|
|
796
802
|
|
|
797
803
|
if ((_isSelected2 = isSelected(item.i, item.j)) === null || _isSelected2 === void 0 ? void 0 : _isSelected2.isSelected) {
|
|
@@ -994,7 +1000,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
994
1000
|
var colIndex = 0;
|
|
995
1001
|
|
|
996
1002
|
var traverseColumns = function traverseColumns(columns) {
|
|
997
|
-
columns.forEach(function (col) {
|
|
1003
|
+
columns === null || columns === void 0 ? void 0 : columns.forEach(function (col, index) {
|
|
998
1004
|
if (col.show === false) {
|
|
999
1005
|
return;
|
|
1000
1006
|
}
|
|
@@ -1009,7 +1015,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1009
1015
|
col.onHeaderCell = function (column) {
|
|
1010
1016
|
return resizeable ? {
|
|
1011
1017
|
width: column.width,
|
|
1012
|
-
onResize: handleResize(
|
|
1018
|
+
onResize: handleResize(index),
|
|
1013
1019
|
onResizeStop: endResize
|
|
1014
1020
|
} : {
|
|
1015
1021
|
width: column.width
|
|
@@ -1237,6 +1237,9 @@ p {
|
|
|
1237
1237
|
height: 48px;
|
|
1238
1238
|
font-size: 12px;
|
|
1239
1239
|
}
|
|
1240
|
+
#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
|
|
1241
|
+
text-align: left;
|
|
1242
|
+
}
|
|
1240
1243
|
#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
|
|
1241
1244
|
padding: 0 !important;
|
|
1242
1245
|
}
|
|
@@ -726,6 +726,9 @@
|
|
|
726
726
|
height: 48px;
|
|
727
727
|
font-size: 12px;
|
|
728
728
|
}
|
|
729
|
+
#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
|
|
730
|
+
text-align: left;
|
|
731
|
+
}
|
|
729
732
|
#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
|
|
730
733
|
padding: 0 !important;
|
|
731
734
|
}
|
package/es/LmTable/util.js
CHANGED
|
@@ -50,10 +50,12 @@ exports.range = range;
|
|
|
50
50
|
|
|
51
51
|
function dataGroup(data, key) {
|
|
52
52
|
var result = {};
|
|
53
|
-
data.forEach(function (item) {
|
|
53
|
+
data === null || data === void 0 ? void 0 : data.forEach(function (item) {
|
|
54
54
|
if (item.children) {
|
|
55
|
+
var _Object$keys;
|
|
56
|
+
|
|
55
57
|
var temp = dataGroup(item.children, key);
|
|
56
|
-
Object.keys(temp).forEach(function (k) {
|
|
58
|
+
(_Object$keys = Object.keys(temp)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (k) {
|
|
57
59
|
if (!result[k]) result[k] = [];
|
|
58
60
|
result[k] = result[k].concat(temp[k]);
|
|
59
61
|
});
|
|
@@ -100,7 +102,7 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
|
|
|
100
102
|
// 表头数据的生成,生成新的 dataIndex 值
|
|
101
103
|
// dataIndex最后的i:筛选的值相同需要加索引
|
|
102
104
|
var handledColumns = [];
|
|
103
|
-
source.forEach(function (souItem, i) {
|
|
105
|
+
source === null || source === void 0 ? void 0 : source.forEach(function (souItem, i) {
|
|
104
106
|
handledColumns = handledColumns.concat(columns.filter(function (c) {
|
|
105
107
|
// 过滤掉(表头操作) 使用列分组作为key的项
|
|
106
108
|
return groupColKeysCopy.indexOf(c.dataIndex) === -1;
|
|
@@ -143,9 +145,11 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
|
|
|
143
145
|
|
|
144
146
|
return [].concat((0, _toConsumableArray2.default)(prev), [sItem]);
|
|
145
147
|
} else {
|
|
148
|
+
var _Object$keys2;
|
|
149
|
+
|
|
146
150
|
var str = ''; // 根据筛选条件生成对应的前缀key值,比如[name, age] => 'name_xiaoming_age_18'
|
|
147
151
|
|
|
148
|
-
groupColKeysCopy.forEach(function (dataIndex, i) {
|
|
152
|
+
groupColKeysCopy === null || groupColKeysCopy === void 0 ? void 0 : groupColKeysCopy.forEach(function (dataIndex, i) {
|
|
149
153
|
if (i !== 0) {
|
|
150
154
|
str += '_';
|
|
151
155
|
}
|
|
@@ -153,7 +157,7 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
|
|
|
153
157
|
str += "".concat(dataIndex, "_").concat(sItem[dataIndex]);
|
|
154
158
|
}); // 对dataSource的key值进行更改:例如:'name' => 'name_xiaoming_age_18_address'
|
|
155
159
|
|
|
156
|
-
Object.keys(sItem).forEach(function (key) {
|
|
160
|
+
(_Object$keys2 = Object.keys(sItem)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.forEach(function (key) {
|
|
157
161
|
if (key === '__index') {
|
|
158
162
|
return;
|
|
159
163
|
}
|
package/es/LmUpload/LmUpload.js
CHANGED