linkmore-design 1.1.7 → 1.1.9
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 +1056 -9
- package/dist/Form/FormItem/index.d.ts +7 -1
- package/dist/Form/demos/ruleTime.d.ts +2 -0
- package/dist/LmFilter/utils.d.ts +1 -0
- package/dist/LmTable/hooks/useRowSelectControllableValue.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/fns/index.d.ts +1 -0
- package/dist/LmUpload/wrapper/reducer.d.ts +4 -0
- package/dist/index.umd.js +582 -333
- package/dist/index.umd.min.js +16 -16
- package/dist/variables.css +10 -3
- package/es/Form/FormItem/index.d.ts +7 -1
- package/es/Form/FormItem/index.js +56 -13
- package/es/LmEditTable/EditTable.js +24 -21
- package/es/LmEditTable/style/index.css +3 -0
- package/es/LmEditTable/style/variables.css +3 -0
- package/es/LmEditTable/util.js +4 -4
- package/es/LmFilter/clearFilter/index.js +3 -1
- package/es/LmFilter/complexFilter/index.js +3 -2
- package/es/LmFilter/components/DropdownFIlter.js +8 -6
- package/es/LmFilter/style/index.css +4 -0
- package/es/LmFilter/style/variables.css +4 -0
- package/es/LmFilter/utils.js +18 -0
- package/es/LmFilter/wrapper/Filter.js +6 -2
- package/es/LmTable/Table.js +90 -84
- package/es/LmTable/hooks/useRowSelectControllableValue.js +67 -0
- package/es/LmTable/style/index.css +3 -3
- package/es/LmTable/style/variables.css +3 -3
- 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 +19 -5
- package/es/LmUpload/UploadList/index.js +13 -9
- package/es/LmUpload/components/Preview.d.ts +5 -0
- package/es/LmUpload/components/Preview.js +43 -0
- package/es/LmUpload/fns/index.d.ts +1 -0
- package/es/LmUpload/fns/index.js +22 -3
- 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 +10 -3
- package/lib/Form/FormItem/index.d.ts +7 -1
- package/lib/Form/FormItem/index.js +58 -14
- package/lib/LmEditTable/EditTable.js +24 -21
- package/lib/LmEditTable/style/index.css +3 -0
- package/lib/LmEditTable/style/variables.css +3 -0
- package/lib/LmEditTable/util.js +4 -4
- package/lib/LmFilter/clearFilter/index.js +3 -1
- package/lib/LmFilter/complexFilter/index.js +3 -2
- package/lib/LmFilter/components/DropdownFIlter.js +8 -6
- package/lib/LmFilter/style/index.css +4 -0
- package/lib/LmFilter/style/variables.css +4 -0
- package/lib/LmFilter/utils.js +18 -0
- package/lib/LmFilter/wrapper/Filter.js +6 -2
- package/lib/LmTable/Table.js +90 -84
- package/lib/LmTable/hooks/useRowSelectControllableValue.js +67 -0
- package/lib/LmTable/style/index.css +3 -3
- package/lib/LmTable/style/variables.css +3 -3
- 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 +19 -5
- package/lib/LmUpload/UploadList/index.js +15 -9
- package/lib/LmUpload/components/Preview.d.ts +5 -0
- package/lib/LmUpload/components/Preview.js +55 -0
- package/lib/LmUpload/fns/index.d.ts +1 -0
- package/lib/LmUpload/fns/index.js +22 -3
- 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 +10 -3
- package/package.json +15 -3
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { ImageViewer } from 'linkmore-design';
|
|
3
|
+
|
|
4
|
+
var Preview = function Preview(_ref) {
|
|
5
|
+
var instance = _ref.instance;
|
|
6
|
+
var enabledPreview = instance.enabledPreview,
|
|
7
|
+
state = instance.state,
|
|
8
|
+
dispatch = instance.dispatch,
|
|
9
|
+
getFileList = instance.getFileList;
|
|
10
|
+
if (!enabledPreview) return null; // 与展示顺序保持一致
|
|
11
|
+
|
|
12
|
+
var fileList = useMemo(function () {
|
|
13
|
+
var _a;
|
|
14
|
+
|
|
15
|
+
return (_a = getFileList()) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
|
|
16
|
+
return a.seq - b.seq;
|
|
17
|
+
});
|
|
18
|
+
}, [getFileList]);
|
|
19
|
+
var config = useMemo(function () {
|
|
20
|
+
var _state$preview = state.preview,
|
|
21
|
+
index = _state$preview.index,
|
|
22
|
+
visible = _state$preview.visible;
|
|
23
|
+
return {
|
|
24
|
+
urlList: fileList === null || fileList === void 0 ? void 0 : fileList.map(function (_ref2) {
|
|
25
|
+
var url = _ref2.url;
|
|
26
|
+
return url;
|
|
27
|
+
}),
|
|
28
|
+
initialIndex: index,
|
|
29
|
+
visible: visible,
|
|
30
|
+
close: function close() {
|
|
31
|
+
dispatch({
|
|
32
|
+
type: 'changePreview',
|
|
33
|
+
preview: {
|
|
34
|
+
visible: false
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
}, [fileList, state.preview]);
|
|
40
|
+
return /*#__PURE__*/React.createElement(ImageViewer, Object.assign({}, config));
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export default /*#__PURE__*/React.memo(Preview);
|
|
@@ -5,6 +5,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
|
|
|
5
5
|
}) => {
|
|
6
6
|
CoreMethods: {
|
|
7
7
|
getIsMaxCount: () => boolean;
|
|
8
|
+
getFileHasValue: (obj: any) => string;
|
|
8
9
|
getFileFields: (fileParams: any) => {};
|
|
9
10
|
beforeUpload: (e: any) => Promise<void>;
|
|
10
11
|
checkOver: (file: any) => Promise<void>;
|
package/es/LmUpload/fns/index.js
CHANGED
|
@@ -49,7 +49,25 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
49
49
|
fileAreaSize = props.fileAreaSize,
|
|
50
50
|
enabledOss = props.enabledOss,
|
|
51
51
|
enableCrop = props.enableCrop,
|
|
52
|
-
ossConfig = props.ossConfig; //
|
|
52
|
+
ossConfig = props.ossConfig; // 获取两个对象是否存在指定值相等
|
|
53
|
+
|
|
54
|
+
var getHasEqual = useCallback(function (obj1, obj2) {
|
|
55
|
+
var extend = [uid, 'fileName'];
|
|
56
|
+
var flag = false;
|
|
57
|
+
extend.forEach(function (v) {
|
|
58
|
+
if (!flag) flag = obj1[v] === obj2[v];
|
|
59
|
+
});
|
|
60
|
+
return flag;
|
|
61
|
+
}, []); // 从对象中读取存在的指定属性
|
|
62
|
+
|
|
63
|
+
var getFileHasValue = useCallback(function (obj) {
|
|
64
|
+
var extend = [uid, 'fileName'];
|
|
65
|
+
var val = '';
|
|
66
|
+
extend.forEach(function (v) {
|
|
67
|
+
if (!val) val = obj[v];
|
|
68
|
+
});
|
|
69
|
+
return val;
|
|
70
|
+
}, [uid]); // 获取当前的文件列表
|
|
53
71
|
|
|
54
72
|
var getFileList = useCallback(function () {
|
|
55
73
|
return props.fileList || state.fileList;
|
|
@@ -416,7 +434,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
416
434
|
|
|
417
435
|
if (res) {
|
|
418
436
|
fileList = (_b = getFileList()) === null || _b === void 0 ? void 0 : _b.filter(function (v) {
|
|
419
|
-
return v
|
|
437
|
+
return !getHasEqual(v, file);
|
|
420
438
|
});
|
|
421
439
|
dispatch({
|
|
422
440
|
type: 'changeFileList',
|
|
@@ -435,7 +453,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
435
453
|
}
|
|
436
454
|
}, _callee4);
|
|
437
455
|
}));
|
|
438
|
-
}, [props.onRemove, getFileList, onChange, dispatch,
|
|
456
|
+
}, [props.onRemove, getFileList, onChange, dispatch, getHasEqual]); // 点击文件链接或预览图标时的回调
|
|
439
457
|
|
|
440
458
|
var preview = useCallback(function (file) {
|
|
441
459
|
var _a;
|
|
@@ -450,6 +468,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
|
|
|
450
468
|
}, [props.onDownload]);
|
|
451
469
|
var CoreMethods = {
|
|
452
470
|
getIsMaxCount: getIsMaxCount,
|
|
471
|
+
getFileHasValue: getFileHasValue,
|
|
453
472
|
getFileFields: getFileFields,
|
|
454
473
|
beforeUpload: beforeUpload,
|
|
455
474
|
checkOver: checkOver,
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import LmUploadContainer from './UploadContainer';
|
|
4
4
|
import LmUploadView from '../view';
|
|
5
5
|
import Crop from '../components/Crop';
|
|
6
|
+
import Preview from '../components/Preview';
|
|
6
7
|
|
|
7
8
|
var LmUploadWrapper = function LmUploadWrapper(_ref) {
|
|
8
9
|
var instance = _ref.instance;
|
|
@@ -14,6 +15,8 @@ var LmUploadWrapper = function LmUploadWrapper(_ref) {
|
|
|
14
15
|
instance: instance
|
|
15
16
|
}), /*#__PURE__*/React.createElement(Crop, {
|
|
16
17
|
instance: instance
|
|
18
|
+
}), /*#__PURE__*/React.createElement(Preview, {
|
|
19
|
+
instance: instance
|
|
17
20
|
}));
|
|
18
21
|
};
|
|
19
22
|
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
export var reducer = function reducer(state, action) {
|
|
3
3
|
var fileList = action.fileList,
|
|
4
4
|
percent = action.percent,
|
|
5
|
-
cropFile = action.cropFile
|
|
5
|
+
cropFile = action.cropFile,
|
|
6
|
+
preview = action.preview;
|
|
6
7
|
|
|
7
8
|
switch (action.type) {
|
|
8
9
|
case 'changeFileList':
|
|
@@ -20,6 +21,11 @@ export var reducer = function reducer(state, action) {
|
|
|
20
21
|
cropFile: cropFile
|
|
21
22
|
});
|
|
22
23
|
|
|
24
|
+
case 'changePreview':
|
|
25
|
+
return Object.assign(Object.assign({}, state), {
|
|
26
|
+
preview: Object.assign(Object.assign({}, state.preview), preview)
|
|
27
|
+
});
|
|
28
|
+
|
|
23
29
|
default:
|
|
24
30
|
throw new Error();
|
|
25
31
|
}
|
|
@@ -33,8 +39,11 @@ export var initialState = function initialState(props) {
|
|
|
33
39
|
process: 0,
|
|
34
40
|
status: 'done',
|
|
35
41
|
fileList: defaultFileList,
|
|
36
|
-
cropFile: null
|
|
37
|
-
|
|
42
|
+
cropFile: null,
|
|
43
|
+
preview: {
|
|
44
|
+
index: 0,
|
|
45
|
+
visible: false
|
|
46
|
+
}
|
|
38
47
|
};
|
|
39
48
|
};
|
|
40
49
|
export default reducer;
|
package/es/styles/variables.css
CHANGED
|
@@ -9764,6 +9764,9 @@ p {
|
|
|
9764
9764
|
.lm_editTable_warpper .icon_drag:hover {
|
|
9765
9765
|
color: var(--text-color);
|
|
9766
9766
|
}
|
|
9767
|
+
.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
|
|
9768
|
+
padding: 0 !important;
|
|
9769
|
+
}
|
|
9767
9770
|
.lm_editTable_warpper .ant-picker {
|
|
9768
9771
|
height: 24px !important;
|
|
9769
9772
|
padding: 2px 8px;
|
|
@@ -9844,11 +9847,15 @@ p {
|
|
|
9844
9847
|
background-color: var(--background-color-hover);
|
|
9845
9848
|
}
|
|
9846
9849
|
.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
|
|
9850
|
+
width: 140px;
|
|
9847
9851
|
max-width: 140px;
|
|
9848
9852
|
}
|
|
9849
9853
|
.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
|
|
9850
9854
|
display: inline-flex;
|
|
9851
9855
|
}
|
|
9856
|
+
.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
|
|
9857
|
+
height: 24px;
|
|
9858
|
+
}
|
|
9852
9859
|
.lm_filter_basic_item {
|
|
9853
9860
|
font-size: 12px;
|
|
9854
9861
|
display: inline-flex;
|
|
@@ -11259,6 +11266,9 @@ p {
|
|
|
11259
11266
|
height: 48px;
|
|
11260
11267
|
font-size: 12px;
|
|
11261
11268
|
}
|
|
11269
|
+
#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
|
|
11270
|
+
padding: 0 !important;
|
|
11271
|
+
}
|
|
11262
11272
|
.row-dragging {
|
|
11263
11273
|
display: flex;
|
|
11264
11274
|
align-items: center;
|
|
@@ -11611,9 +11621,6 @@ button.ant-table-row-expand-icon::before,
|
|
|
11611
11621
|
button.ant-table-row-expand-icon::after {
|
|
11612
11622
|
color: #bfbfbf;
|
|
11613
11623
|
}
|
|
11614
|
-
.ant-table-tbody > tr.ant-table-measure-row > td {
|
|
11615
|
-
padding: 0 !important;
|
|
11616
|
-
}
|
|
11617
11624
|
.react-resizable-handle {
|
|
11618
11625
|
position: absolute;
|
|
11619
11626
|
right: -5px;
|
|
@@ -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
|
}
|
|
@@ -9,15 +9,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
9
9
|
});
|
|
10
10
|
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
|
-
|
|
14
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
13
|
|
|
16
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
15
|
|
|
16
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
17
|
+
|
|
18
|
+
var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
|
|
19
|
+
|
|
18
20
|
var _rcFieldForm = require("rc-field-form");
|
|
19
21
|
|
|
20
|
-
var
|
|
22
|
+
var _useState7 = _interopRequireDefault(require("rc-util/lib/hooks/useState"));
|
|
21
23
|
|
|
22
24
|
var _ref2 = require("rc-util/lib/ref");
|
|
23
25
|
|
|
@@ -70,6 +72,31 @@ function genEmptyMeta() {
|
|
|
70
72
|
};
|
|
71
73
|
}
|
|
72
74
|
|
|
75
|
+
function getRuleTime(rules) {
|
|
76
|
+
if (!rules) {
|
|
77
|
+
return 0;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
var _iterator = (0, _createForOfIteratorHelper2.default)(rules),
|
|
81
|
+
_step;
|
|
82
|
+
|
|
83
|
+
try {
|
|
84
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
85
|
+
var rule = _step.value;
|
|
86
|
+
|
|
87
|
+
if (rule && (0, _typeof2.default)(rule) === 'object' && rule.time) {
|
|
88
|
+
return rule.time;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
} catch (err) {
|
|
92
|
+
_iterator.e(err);
|
|
93
|
+
} finally {
|
|
94
|
+
_iterator.f();
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return 0;
|
|
98
|
+
}
|
|
99
|
+
|
|
73
100
|
function InternalFormItem(props) {
|
|
74
101
|
var name = props.name,
|
|
75
102
|
noStyle = props.noStyle,
|
|
@@ -85,6 +112,17 @@ function InternalFormItem(props) {
|
|
|
85
112
|
trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
|
|
86
113
|
validateTrigger = props.validateTrigger,
|
|
87
114
|
hidden = props.hidden;
|
|
115
|
+
var timerRef = (0, React.useRef)(null);
|
|
116
|
+
|
|
117
|
+
var _useState = (0, _useState7.default)([]),
|
|
118
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
119
|
+
mergedErrors = _useState2[0],
|
|
120
|
+
setMergedErrors = _useState2[1];
|
|
121
|
+
|
|
122
|
+
var _useState3 = (0, _useState7.default)([]),
|
|
123
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
124
|
+
mergedWarnings = _useState4[0],
|
|
125
|
+
setMergedWarnings = _useState4[1];
|
|
88
126
|
|
|
89
127
|
var _useContext = (0, React.useContext)(_ConfigProvider.ConfigContext),
|
|
90
128
|
getPrefixCls = _useContext.getPrefixCls;
|
|
@@ -113,12 +151,12 @@ function InternalFormItem(props) {
|
|
|
113
151
|
setSubFieldErrors = _useFrameState2[1]; // >>>>> Current field errors
|
|
114
152
|
|
|
115
153
|
|
|
116
|
-
var
|
|
154
|
+
var _useState5 = (0, _useState7.default)(function () {
|
|
117
155
|
return genEmptyMeta();
|
|
118
156
|
}),
|
|
119
|
-
|
|
120
|
-
meta =
|
|
121
|
-
setMeta =
|
|
157
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
158
|
+
meta = _useState6[0],
|
|
159
|
+
setMeta = _useState6[1];
|
|
122
160
|
|
|
123
161
|
var onMetaChange = function onMetaChange(nextMeta) {
|
|
124
162
|
// This keyInfo is not correct when field is removed
|
|
@@ -171,19 +209,25 @@ function InternalFormItem(props) {
|
|
|
171
209
|
}; // >>>>> Get merged errors
|
|
172
210
|
|
|
173
211
|
|
|
174
|
-
|
|
212
|
+
(0, React.useEffect)(function () {
|
|
175
213
|
var errorList = (0, _toConsumableArray2.default)(meta.errors);
|
|
176
214
|
var warningList = (0, _toConsumableArray2.default)(meta.warnings);
|
|
177
215
|
Object.values(subFieldErrors).forEach(function (subFieldError) {
|
|
178
216
|
errorList.push.apply(errorList, (0, _toConsumableArray2.default)(subFieldError.errors || []));
|
|
179
217
|
warningList.push.apply(warningList, (0, _toConsumableArray2.default)(subFieldError.warnings || []));
|
|
180
218
|
});
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
219
|
+
setMergedErrors(errorList);
|
|
220
|
+
setMergedWarnings(warningList);
|
|
221
|
+
var time = getRuleTime(rules);
|
|
222
|
+
|
|
223
|
+
if (time) {
|
|
224
|
+
clearTimeout(timerRef.current);
|
|
225
|
+
timerRef.current = setTimeout(function () {
|
|
226
|
+
setMergedErrors([]);
|
|
227
|
+
setMergedWarnings([]);
|
|
228
|
+
}, time);
|
|
229
|
+
}
|
|
230
|
+
}, [subFieldErrors, meta.errors, meta.warnings]); // ===================== Children Ref =====================
|
|
187
231
|
|
|
188
232
|
var getItemRef = (0, _useItemRef.default)(); // ======================== Render ========================
|
|
189
233
|
|
|
@@ -766,13 +766,15 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
766
766
|
};
|
|
767
767
|
|
|
768
768
|
var onColSortEnd = function onColSortEnd(active, over) {
|
|
769
|
+
var _a;
|
|
770
|
+
|
|
769
771
|
var oldIndex = columns.findIndex(function (item) {
|
|
770
772
|
return item.dataIndex === active;
|
|
771
773
|
});
|
|
772
774
|
var newIndex = columns.findIndex(function (item) {
|
|
773
775
|
return item.dataIndex === over;
|
|
774
776
|
});
|
|
775
|
-
filterChange === null || filterChange === void 0 ? void 0 : filterChange((0, _sortable.arrayMove)(columns, oldIndex, newIndex).map(function (item, index) {
|
|
777
|
+
filterChange === null || filterChange === void 0 ? void 0 : filterChange((_a = (0, _sortable.arrayMove)(columns, oldIndex, newIndex)) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
|
|
776
778
|
return Object.assign(Object.assign({}, item), {
|
|
777
779
|
order: index
|
|
778
780
|
});
|
|
@@ -806,7 +808,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
806
808
|
dataSourceRef.current = dataSource;
|
|
807
809
|
|
|
808
810
|
if (sortOpen) {
|
|
809
|
-
var dataSourceKeys = dataSource.map(function (item) {
|
|
811
|
+
var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
810
812
|
return item[_rowKey];
|
|
811
813
|
}).join(',');
|
|
812
814
|
var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
|
|
@@ -850,12 +852,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
850
852
|
|
|
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])) {
|
|
857
859
|
if (item[_rowKey] === row[_rowKey]) {
|
|
858
|
-
children.forEach(function (c) {
|
|
860
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (c) {
|
|
859
861
|
c[key] = value;
|
|
860
862
|
});
|
|
861
863
|
(_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
|
|
@@ -870,7 +872,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
870
872
|
|
|
871
873
|
deeps(draft);
|
|
872
874
|
} else {
|
|
873
|
-
draft.forEach(function (item, index) {
|
|
875
|
+
draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
|
|
874
876
|
if (row[_rowKey] === item[_rowKey]) {
|
|
875
877
|
draft[index] = row;
|
|
876
878
|
} else {
|
|
@@ -881,7 +883,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
881
883
|
} else {
|
|
882
884
|
if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
|
|
883
885
|
var _deeps = function _deeps(children) {
|
|
884
|
-
children.forEach(function (item) {
|
|
886
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item) {
|
|
885
887
|
var _a;
|
|
886
888
|
|
|
887
889
|
if (preKeys.includes(item[_rowKey])) {
|
|
@@ -918,7 +920,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
918
920
|
|
|
919
921
|
var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
|
|
920
922
|
setDataSource(function (prevDataSource) {
|
|
921
|
-
return prevDataSource.map(function (item) {
|
|
923
|
+
return prevDataSource === null || prevDataSource === void 0 ? void 0 : prevDataSource.map(function (item) {
|
|
922
924
|
if ((0, _lodash.get)(item, rowKey) === rowValue) {
|
|
923
925
|
(0, _lodash.set)(item, dataIndex, nextValue);
|
|
924
926
|
}
|
|
@@ -937,10 +939,10 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
937
939
|
if (preKeys.length > 1) {
|
|
938
940
|
/** 说明删除的是children中的数据 */
|
|
939
941
|
var filter = function filter(data, key) {
|
|
940
|
-
var newData = data.filter(function (x) {
|
|
942
|
+
var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
|
|
941
943
|
return x[_rowKey] !== key;
|
|
942
944
|
});
|
|
943
|
-
newData.forEach(function (x) {
|
|
945
|
+
newData === null || newData === void 0 ? void 0 : newData.forEach(function (x) {
|
|
944
946
|
if (x.children) {
|
|
945
947
|
var c = filter(x.children, key);
|
|
946
948
|
x.children = c;
|
|
@@ -988,13 +990,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
988
990
|
var handleTableRowAdd = function handleTableRowAdd(record) {
|
|
989
991
|
var _a, _b;
|
|
990
992
|
|
|
991
|
-
console.log(record, '-rrrrr');
|
|
992
993
|
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;
|
|
993
994
|
var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
|
|
994
995
|
if (preKeys.length > 1) {
|
|
995
996
|
var deeps = function deeps(children) {
|
|
996
|
-
children.forEach(function (item, index) {
|
|
997
|
-
if (preKeys.includes(item[_rowKey])) {
|
|
997
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
|
|
998
|
+
if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
|
|
998
999
|
if (item[_rowKey] === record[_rowKey]) {
|
|
999
1000
|
children.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
|
|
1000
1001
|
} else if (item.children) {
|
|
@@ -1025,7 +1026,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1025
1026
|
|
|
1026
1027
|
var handleCopy = function handleCopy(key, value) {
|
|
1027
1028
|
var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
|
|
1028
|
-
draft.forEach(function (item) {
|
|
1029
|
+
draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
|
|
1029
1030
|
return item[key] = value;
|
|
1030
1031
|
});
|
|
1031
1032
|
});
|
|
@@ -1047,7 +1048,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1047
1048
|
});
|
|
1048
1049
|
|
|
1049
1050
|
if (hasOnlyOptionsDatas.length) {
|
|
1050
|
-
return hasOnlyOptionsDatas.map(function (item) {
|
|
1051
|
+
return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
|
|
1051
1052
|
return item.dataIndex;
|
|
1052
1053
|
});
|
|
1053
1054
|
}
|
|
@@ -1064,10 +1065,10 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1064
1065
|
|
|
1065
1066
|
if (optionOnly && options) {
|
|
1066
1067
|
var dataIndex = item.dataIndex;
|
|
1067
|
-
var dataIndexData = dataSource.map(function (d) {
|
|
1068
|
+
var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
|
|
1068
1069
|
return d[dataIndex];
|
|
1069
1070
|
});
|
|
1070
|
-
var newOptions = options.map(function (o) {
|
|
1071
|
+
var newOptions = options === null || options === void 0 ? void 0 : options.map(function (o) {
|
|
1071
1072
|
return Object.assign(Object.assign({}, o), {
|
|
1072
1073
|
disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
|
|
1073
1074
|
});
|
|
@@ -1123,7 +1124,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1123
1124
|
var leftColumns = [];
|
|
1124
1125
|
var mainColumns = [];
|
|
1125
1126
|
var rightColumns = [];
|
|
1126
|
-
localColumns.forEach(function (item) {
|
|
1127
|
+
localColumns === null || localColumns === void 0 ? void 0 : localColumns.forEach(function (item) {
|
|
1127
1128
|
if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
|
|
1128
1129
|
leftColumns.push(item);
|
|
1129
1130
|
} else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
|
|
@@ -1136,7 +1137,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1136
1137
|
/** 为了支持colums中的分组之后,进行递归处理 */
|
|
1137
1138
|
|
|
1138
1139
|
var mapColumns = function mapColumns(col, index) {
|
|
1139
|
-
var _a;
|
|
1140
|
+
var _a, _b;
|
|
1140
1141
|
|
|
1141
1142
|
if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
1142
1143
|
return col;
|
|
@@ -1185,7 +1186,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1185
1186
|
});
|
|
1186
1187
|
|
|
1187
1188
|
if (col === null || col === void 0 ? void 0 : col.children) {
|
|
1188
|
-
newCol.children = col.children.map(mapColumns);
|
|
1189
|
+
newCol.children = (_b = col.children) === null || _b === void 0 ? void 0 : _b.map(mapColumns);
|
|
1189
1190
|
}
|
|
1190
1191
|
|
|
1191
1192
|
return newCol;
|
|
@@ -1210,9 +1211,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1210
1211
|
}, /*#__PURE__*/_react.default.createElement("tbody", Object.assign({}, props))));
|
|
1211
1212
|
}, [sortEditTable]);
|
|
1212
1213
|
var colDraggableContainer = (0, _react.useCallback)(function (_a) {
|
|
1214
|
+
var _b;
|
|
1215
|
+
|
|
1213
1216
|
var props = __rest(_a, []);
|
|
1214
1217
|
|
|
1215
|
-
return /*#__PURE__*/_react.default.createElement("tr", null, _react.default.Children.map(props.children, function (child) {
|
|
1218
|
+
return /*#__PURE__*/_react.default.createElement("tr", null, (_b = _react.default.Children) === null || _b === void 0 ? void 0 : _b.map(props.children, function (child) {
|
|
1216
1219
|
var _a, _b;
|
|
1217
1220
|
|
|
1218
1221
|
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) {
|
|
@@ -1353,7 +1356,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1353
1356
|
fixed: true,
|
|
1354
1357
|
type: 'checkbox',
|
|
1355
1358
|
columnWidth: 36,
|
|
1356
|
-
selectedRowKeys: localRowSelectList.map(function (v) {
|
|
1359
|
+
selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
|
|
1357
1360
|
return v[_rowKey];
|
|
1358
1361
|
}),
|
|
1359
1362
|
onChange: function onChange(selectedRowKeys, selectedRows) {
|
|
@@ -576,6 +576,9 @@ p {
|
|
|
576
576
|
.lm_editTable_warpper .icon_drag:hover {
|
|
577
577
|
color: var(--text-color);
|
|
578
578
|
}
|
|
579
|
+
.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
|
|
580
|
+
padding: 0 !important;
|
|
581
|
+
}
|
|
579
582
|
.lm_editTable_warpper .ant-picker {
|
|
580
583
|
height: 24px !important;
|
|
581
584
|
padding: 2px 8px;
|
|
@@ -65,6 +65,9 @@
|
|
|
65
65
|
.lm_editTable_warpper .icon_drag:hover {
|
|
66
66
|
color: var(--text-color);
|
|
67
67
|
}
|
|
68
|
+
.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
|
|
69
|
+
padding: 0 !important;
|
|
70
|
+
}
|
|
68
71
|
.lm_editTable_warpper .ant-picker {
|
|
69
72
|
height: 24px !important;
|
|
70
73
|
padding: 2px 8px;
|
package/lib/LmEditTable/util.js
CHANGED
|
@@ -24,13 +24,13 @@ function deepDataSourcePreKeys(dataSource, rowKey) {
|
|
|
24
24
|
var deepDataSource = [];
|
|
25
25
|
|
|
26
26
|
var eachChildren = function eachChildren(children, preKeys) {
|
|
27
|
-
children.forEach(function (item) {
|
|
27
|
+
children === null || children === void 0 ? void 0 : children.forEach(function (item) {
|
|
28
28
|
deepDataSource.push(Object.assign(Object.assign({}, item), {
|
|
29
|
-
preKeys: [].concat((0, _toConsumableArray2.default)(preKeys), [item[rowKey]])
|
|
29
|
+
preKeys: [].concat((0, _toConsumableArray2.default)(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])
|
|
30
30
|
}));
|
|
31
31
|
|
|
32
|
-
if (item.children) {
|
|
33
|
-
eachChildren(item.children, [].concat((0, _toConsumableArray2.default)(preKeys), [item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
|
|
32
|
+
if (item === null || item === void 0 ? void 0 : item.children) {
|
|
33
|
+
eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat((0, _toConsumableArray2.default)(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
};
|
|
@@ -14,7 +14,8 @@ var _linkmoreDesign = require("linkmore-design");
|
|
|
14
14
|
var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
15
15
|
var instance = _ref.instance;
|
|
16
16
|
var onClearChange = instance.onClearChange,
|
|
17
|
-
getHasFilter = instance.getHasFilter
|
|
17
|
+
getHasFilter = instance.getHasFilter,
|
|
18
|
+
size = instance.size;
|
|
18
19
|
if (!getHasFilter()) return null;
|
|
19
20
|
|
|
20
21
|
var handleClear = function handleClear() {
|
|
@@ -25,6 +26,7 @@ var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
25
26
|
className: "lm_filter_clear"
|
|
26
27
|
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
27
28
|
type: "link",
|
|
29
|
+
size: size,
|
|
28
30
|
onClick: handleClear
|
|
29
31
|
}, "\u4E00\u952E\u6E05\u7A7A"));
|
|
30
32
|
});
|
|
@@ -24,7 +24,8 @@ var _utils = require("../utils");
|
|
|
24
24
|
var LmFilterComplex = function LmFilterComplex(_ref) {
|
|
25
25
|
var instance = _ref.instance;
|
|
26
26
|
var state = instance.state,
|
|
27
|
-
dispatch = instance.dispatch
|
|
27
|
+
dispatch = instance.dispatch,
|
|
28
|
+
size = instance.size;
|
|
28
29
|
var expand = (0, _react.useMemo)(function () {
|
|
29
30
|
return state.complexDrawer.visible;
|
|
30
31
|
}, [state.complexDrawer.visible]);
|
|
@@ -44,7 +45,7 @@ var LmFilterComplex = function LmFilterComplex(_ref) {
|
|
|
44
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
46
|
className: "lm_filter_complex"
|
|
46
47
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
-
className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', {
|
|
48
|
+
className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', size, {
|
|
48
49
|
expand: expand,
|
|
49
50
|
active: active
|
|
50
51
|
}),
|
|
@@ -98,7 +98,8 @@ var getPlacehodler = function getPlacehodler(props) {
|
|
|
98
98
|
}; // 根据不同的类型展示文本内容
|
|
99
99
|
|
|
100
100
|
|
|
101
|
-
var getLabel = function getLabel(
|
|
101
|
+
var getLabel = function getLabel(resetInstance, item) {
|
|
102
|
+
var filterValue = resetInstance.filterValue;
|
|
102
103
|
var type = item.type,
|
|
103
104
|
data = item.data; // 不存在筛选时
|
|
104
105
|
|
|
@@ -151,7 +152,7 @@ var getLabel = function getLabel(filterValue, item) {
|
|
|
151
152
|
|
|
152
153
|
|
|
153
154
|
var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
|
|
154
|
-
return
|
|
155
|
+
return (0, _utils.toStringIsEqual)(v.value, filterValue, 'includes');
|
|
155
156
|
})) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
|
|
156
157
|
return v.label;
|
|
157
158
|
});
|
|
@@ -180,7 +181,7 @@ var getLabel = function getLabel(filterValue, item) {
|
|
|
180
181
|
|
|
181
182
|
|
|
182
183
|
var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
|
|
183
|
-
return (v === null || v === void 0 ? void 0 : v.value
|
|
184
|
+
return (0, _utils.toStringIsEqual)(v === null || v === void 0 ? void 0 : v.value, filterValue);
|
|
184
185
|
})) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
|
|
185
186
|
return label;
|
|
186
187
|
} catch (error) {
|
|
@@ -203,7 +204,8 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
|
|
|
203
204
|
visible = _useState2[0],
|
|
204
205
|
setVisible = _useState2[1];
|
|
205
206
|
|
|
206
|
-
var filterValue = instance.filterValue
|
|
207
|
+
var filterValue = instance.filterValue,
|
|
208
|
+
size = instance.size; // 触发查询时关闭下拉框
|
|
207
209
|
|
|
208
210
|
var setFilterValue = function setFilterValue(obj) {
|
|
209
211
|
instance.setFilterValue(obj);
|
|
@@ -244,7 +246,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
|
|
|
244
246
|
,
|
|
245
247
|
destroyPopupOnHide: true
|
|
246
248
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
247
|
-
className: (0, _classnames.default)('lm_filter_basic_item', {
|
|
249
|
+
className: (0, _classnames.default)('lm_filter_basic_item', size, {
|
|
248
250
|
expand: visible,
|
|
249
251
|
active: active
|
|
250
252
|
})
|
|
@@ -252,7 +254,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
|
|
|
252
254
|
className: "filter_item_label"
|
|
253
255
|
}, item === null || item === void 0 ? void 0 : item.title, ":"), /*#__PURE__*/_react.default.createElement("div", {
|
|
254
256
|
className: "filter_item_value"
|
|
255
|
-
}, getLabel(
|
|
257
|
+
}, getLabel(resetInstance, item)), /*#__PURE__*/_react.default.createElement("div", {
|
|
256
258
|
className: "filter_item_icon addon_after"
|
|
257
259
|
}, item.type !== 'date' || active ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
258
260
|
type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
|