linkmore-design 1.1.13-alpha.1 → 1.1.13-alpha.3
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 +45 -0
- package/dist/ConfigProvider/context.d.ts +1 -0
- package/dist/Form/FormWrapper.d.ts +3 -0
- package/dist/Form/WrapperItem.d.ts +4 -0
- package/dist/Form/demos/disabled.d.ts +2 -0
- package/dist/Form/demos/responsive.d.ts +0 -1
- package/dist/Form/index.d.ts +2 -0
- package/dist/Form/interface.d.ts +12 -0
- package/dist/IconFont/demos/ConfigProvider.d.ts +2 -0
- package/dist/IconFont/index.d.ts +1 -2
- package/dist/LmEditTable/EditTable.d.ts +1 -0
- package/dist/LmFilter/LmFilter.d.ts +2 -6
- package/dist/LmTable/demos/summuy.d.ts +2 -0
- package/dist/LmTable/expression.d.ts +1 -0
- package/dist/LmTable/hooks/useGroupDataSource.d.ts +7 -0
- package/dist/TreeSelect/demos/treedata.d.ts +3 -0
- package/dist/index.umd.js +1405 -1065
- package/dist/index.umd.min.js +17 -17
- package/dist/variables.css +153 -95
- package/es/Cascader/index.js +16 -2
- package/es/Cascader/style/index.css +1 -0
- package/es/Cascader/style/variables.css +1 -0
- package/es/ConfigProvider/context.d.ts +1 -0
- package/es/ConfigProvider/index.js +5 -3
- package/es/Form/Form.js +13 -4
- package/es/Form/FormItem/ItemHolder.js +1 -10
- package/es/Form/FormWrapper.d.ts +3 -0
- package/es/Form/FormWrapper.js +22 -0
- package/es/Form/WrapperItem.d.ts +4 -0
- package/es/Form/WrapperItem.js +217 -0
- package/es/Form/container.js +1 -13
- package/es/Form/images/icon_collapse.svg +1 -0
- package/es/Form/index.d.ts +2 -0
- package/es/Form/index.js +2 -0
- package/es/Form/interface.d.ts +12 -0
- package/es/Form/style/index.css +34 -41
- package/es/Form/style/variables.css +34 -41
- package/es/IconFont/index.d.ts +1 -2
- package/es/IconFont/index.js +18 -4
- package/es/ImageViewer/components/Operate.js +4 -7
- package/es/Input/index.js +21 -9
- package/es/InputNumber/index.js +9 -2
- package/es/InputNumber/style/index.css +4 -0
- package/es/InputNumber/style/variables.css +4 -0
- package/es/LmEditTable/EditTable.d.ts +1 -0
- package/es/LmEditTable/EditTable.js +36 -9
- package/es/LmEditTable/sortableItemCol.js +8 -5
- package/es/LmEditTable/util.js +13 -4
- package/es/LmFilter/LmFilter.js +6 -6
- package/es/LmFilter/components/CheckboxFilter.js +9 -4
- package/es/LmFilter/components/DropdownFIlter.js +167 -113
- package/es/LmFilter/components/SelectFilter.js +4 -3
- package/es/LmFilter/filterFns/index.js +4 -6
- package/es/LmFilter/index.js +0 -3
- package/es/LmFilter/style/index.css +73 -54
- package/es/LmFilter/style/variables.css +73 -54
- package/es/LmFilter/utils.js +6 -6
- package/es/LmSelect/style/index.css +1 -0
- package/es/LmSelect/style/variables.css +1 -0
- package/es/LmTable/Table.js +10 -7
- package/es/LmTable/expression.d.ts +1 -0
- package/es/LmTable/expression.js +31 -0
- package/es/LmTable/hooks/useGroupDataSource.js +50 -0
- package/es/LmTable/style/index.css +39 -0
- package/es/LmTable/style/variables.css +39 -0
- package/es/LmUpload/UploadList/ItemText.js +5 -1
- package/es/LmUpload/fns/index.js +8 -3
- package/es/Select/index.js +17 -7
- package/es/Select/style/index.css +1 -0
- package/es/Select/style/variables.css +1 -0
- package/es/styles/variables.css +153 -95
- package/lib/Cascader/index.js +16 -2
- package/lib/Cascader/style/index.css +1 -0
- package/lib/Cascader/style/variables.css +1 -0
- package/lib/ConfigProvider/context.d.ts +1 -0
- package/lib/ConfigProvider/index.js +5 -3
- package/lib/Form/Form.js +13 -4
- package/lib/Form/FormItem/ItemHolder.js +1 -10
- package/lib/Form/FormWrapper.d.ts +3 -0
- package/lib/Form/FormWrapper.js +34 -0
- package/lib/Form/WrapperItem.d.ts +4 -0
- package/lib/Form/WrapperItem.js +235 -0
- package/lib/Form/container.js +1 -13
- package/lib/Form/images/icon_collapse.svg +1 -0
- package/lib/Form/index.d.ts +2 -0
- package/lib/Form/index.js +3 -0
- package/lib/Form/interface.d.ts +12 -0
- package/lib/Form/style/index.css +34 -41
- package/lib/Form/style/variables.css +34 -41
- package/lib/IconFont/index.d.ts +1 -2
- package/lib/IconFont/index.js +25 -4
- package/lib/ImageViewer/components/Operate.js +4 -8
- package/lib/Input/index.js +24 -9
- package/lib/InputNumber/index.js +11 -2
- package/lib/InputNumber/style/index.css +4 -0
- package/lib/InputNumber/style/variables.css +4 -0
- package/lib/LmEditTable/EditTable.d.ts +1 -0
- package/lib/LmEditTable/EditTable.js +35 -8
- package/lib/LmEditTable/sortableItemCol.js +8 -5
- package/lib/LmEditTable/util.js +13 -4
- package/lib/LmFilter/LmFilter.js +6 -6
- package/lib/LmFilter/components/CheckboxFilter.js +9 -4
- package/lib/LmFilter/components/DropdownFIlter.js +167 -113
- package/lib/LmFilter/components/SelectFilter.js +4 -3
- package/lib/LmFilter/filterFns/index.js +4 -6
- package/lib/LmFilter/index.js +0 -3
- package/lib/LmFilter/style/index.css +73 -54
- package/lib/LmFilter/style/variables.css +73 -54
- package/lib/LmFilter/utils.js +6 -6
- package/lib/LmSelect/style/index.css +1 -0
- package/lib/LmSelect/style/variables.css +1 -0
- package/lib/LmTable/Table.js +10 -7
- package/lib/LmTable/expression.d.ts +1 -0
- package/lib/LmTable/expression.js +41 -0
- package/lib/LmTable/hooks/useGroupDataSource.js +50 -0
- package/lib/LmTable/style/index.css +39 -0
- package/lib/LmTable/style/variables.css +39 -0
- package/lib/LmUpload/UploadList/ItemText.js +5 -1
- package/lib/LmUpload/fns/index.js +8 -3
- package/lib/Select/index.js +19 -7
- package/lib/Select/style/index.css +1 -0
- package/lib/Select/style/variables.css +1 -0
- package/lib/styles/variables.css +153 -95
- package/package.json +1 -1
package/lib/IconFont/index.js
CHANGED
|
@@ -1,16 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
|
|
3
7
|
Object.defineProperty(exports, "__esModule", {
|
|
4
8
|
value: true
|
|
5
9
|
});
|
|
6
10
|
exports.default = void 0;
|
|
7
11
|
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
+
|
|
8
16
|
var _icons = require("@ant-design/icons");
|
|
9
17
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
18
|
+
var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
|
|
19
|
+
|
|
20
|
+
var ConfigContext = _ConfigProvider.default.ConfigContext;
|
|
21
|
+
|
|
22
|
+
var IconFont = function IconFont(props) {
|
|
23
|
+
var _React$useContext = _react.default.useContext(ConfigContext),
|
|
24
|
+
iconUrl = _React$useContext.iconUrl;
|
|
25
|
+
|
|
26
|
+
var resetUrl = (0, _react.useMemo)(function () {
|
|
27
|
+
if (!iconUrl) return [];
|
|
28
|
+
return Array.isArray(iconUrl) ? iconUrl : [iconUrl];
|
|
29
|
+
}, [iconUrl]);
|
|
30
|
+
var Component = (0, _icons.createFromIconfontCN)({
|
|
31
|
+
scriptUrl: ['//at.alicdn.com/t/c/font_2966019_ac9pzkeuo0e.js'].concat((0, _toConsumableArray2.default)(resetUrl))
|
|
32
|
+
});
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(Component, Object.assign({}, props));
|
|
34
|
+
};
|
|
13
35
|
|
|
14
|
-
});
|
|
15
36
|
var _default = IconFont;
|
|
16
37
|
exports.default = _default;
|
|
@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _linkmoreDesign = require("linkmore-design");
|
|
13
13
|
|
|
14
|
-
var _icons = require("@ant-design/icons");
|
|
15
|
-
|
|
16
14
|
var Operate = function Operate(_ref) {
|
|
17
15
|
var instance = _ref.instance;
|
|
18
16
|
var setTransform = instance.setTransform;
|
|
@@ -31,20 +29,18 @@ var Operate = function Operate(_ref) {
|
|
|
31
29
|
onClick: function onClick(e) {
|
|
32
30
|
return handleTranform(e, 'zoomIn');
|
|
33
31
|
}
|
|
34
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
32
|
+
}), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
33
|
+
type: "lmweb-icon_m_narrow",
|
|
35
34
|
onClick: function onClick(e) {
|
|
36
35
|
return handleTranform(e, 'zoomOut');
|
|
37
|
-
},
|
|
38
|
-
style: {
|
|
39
|
-
fontSize: 22
|
|
40
36
|
}
|
|
41
37
|
}), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
42
|
-
type: "lmweb-
|
|
38
|
+
type: "lmweb-icon_m_turnleft-01",
|
|
43
39
|
onClick: function onClick(e) {
|
|
44
40
|
return handleTranform(e, 'rotateLeft');
|
|
45
41
|
}
|
|
46
42
|
}), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
47
|
-
type: "lmweb-
|
|
43
|
+
type: "lmweb-reload",
|
|
48
44
|
onClick: function onClick(e) {
|
|
49
45
|
return handleTranform(e, 'rotateRight');
|
|
50
46
|
}
|
package/lib/Input/index.js
CHANGED
|
@@ -17,8 +17,12 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
17
17
|
|
|
18
18
|
var _IconFont = _interopRequireDefault(require("../IconFont"));
|
|
19
19
|
|
|
20
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
+
|
|
20
22
|
var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
|
|
21
23
|
|
|
24
|
+
var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
|
|
25
|
+
|
|
22
26
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
23
27
|
var t = {};
|
|
24
28
|
|
|
@@ -33,15 +37,24 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
33
37
|
};
|
|
34
38
|
|
|
35
39
|
var LmInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
36
|
-
var
|
|
40
|
+
var className = props.className,
|
|
41
|
+
customSize = props.size,
|
|
42
|
+
customDisabled = props.disabled,
|
|
43
|
+
_props$allowClear = props.allowClear,
|
|
37
44
|
allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
|
|
38
|
-
|
|
39
|
-
|
|
45
|
+
rest = __rest(props // ===================== Size =====================
|
|
46
|
+
, ["className", "size", "disabled", "allowClear"]); // ===================== Size =====================
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
var size = customSize || _react.default.useContext(_SizeContext.default) || 'middle'; // ===================== Disabled =====================
|
|
50
|
+
|
|
51
|
+
var disabled = _react.default.useContext(_DisabledContext.default);
|
|
40
52
|
|
|
41
|
-
var
|
|
53
|
+
var mergedDisabled = customDisabled || disabled;
|
|
42
54
|
return /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
|
|
43
55
|
ref: ref,
|
|
44
|
-
className:
|
|
56
|
+
className: (0, _classnames.default)('lm_input', className),
|
|
57
|
+
disabled: mergedDisabled || undefined,
|
|
45
58
|
size: size
|
|
46
59
|
}, rest, {
|
|
47
60
|
allowClear: allowClear
|
|
@@ -51,7 +64,8 @@ LmInput.Group = _input.default.Group;
|
|
|
51
64
|
LmInput.Search = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
52
65
|
var _props$allowClear2 = props.allowClear,
|
|
53
66
|
allowClear = _props$allowClear2 === void 0 ? true : _props$allowClear2,
|
|
54
|
-
|
|
67
|
+
className = props.className,
|
|
68
|
+
rest = __rest(props, ["allowClear", "className"]);
|
|
55
69
|
|
|
56
70
|
return /*#__PURE__*/_react.default.createElement(_input.default.Search, Object.assign({
|
|
57
71
|
enterButton: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
|
|
@@ -60,7 +74,7 @@ LmInput.Search = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
60
74
|
}, rest, {
|
|
61
75
|
ref: ref,
|
|
62
76
|
allowClear: allowClear,
|
|
63
|
-
className:
|
|
77
|
+
className: (0, _classnames.default)('lm_input_search', className)
|
|
64
78
|
}));
|
|
65
79
|
});
|
|
66
80
|
LmInput.TextArea = _input.default.TextArea;
|
|
@@ -68,10 +82,11 @@ LmInput.TextArea = _input.default.TextArea;
|
|
|
68
82
|
LmInput.Password = function (props) {
|
|
69
83
|
var _props$allowClear3 = props.allowClear,
|
|
70
84
|
allowClear = _props$allowClear3 === void 0 ? true : _props$allowClear3,
|
|
71
|
-
|
|
85
|
+
className = props.className,
|
|
86
|
+
rest = __rest(props, ["allowClear", "className"]);
|
|
72
87
|
|
|
73
88
|
return /*#__PURE__*/_react.default.createElement(_input.default.Password, Object.assign({
|
|
74
|
-
className:
|
|
89
|
+
className: (0, _classnames.default)('lm_input_password', className),
|
|
75
90
|
iconRender: function iconRender(visible) {
|
|
76
91
|
return visible ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
|
|
77
92
|
type: "lmweb-eye"
|
package/lib/InputNumber/index.js
CHANGED
|
@@ -15,6 +15,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
15
15
|
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
|
|
18
|
+
var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
|
|
19
|
+
|
|
18
20
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
19
21
|
var t = {};
|
|
20
22
|
|
|
@@ -33,12 +35,19 @@ var prefixCls = 'lm_input-number';
|
|
|
33
35
|
var LMInputNumber = function LMInputNumber(props) {
|
|
34
36
|
var children = props.children,
|
|
35
37
|
className = props.className,
|
|
36
|
-
|
|
38
|
+
customDisabled = props.disabled,
|
|
39
|
+
rest = __rest(props // ===================== Disabled =====================
|
|
40
|
+
, ["children", "className", "disabled"]); // ===================== Disabled =====================
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
var disabled = _react.default.useContext(_DisabledContext.default);
|
|
37
44
|
|
|
45
|
+
var mergedDisabled = customDisabled || disabled;
|
|
38
46
|
return /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({
|
|
39
47
|
className: (0, _classnames.default)(className, prefixCls),
|
|
48
|
+
disabled: mergedDisabled,
|
|
40
49
|
placeholder: "\u8BF7\u8F93\u5165"
|
|
41
|
-
},
|
|
50
|
+
}, rest));
|
|
42
51
|
};
|
|
43
52
|
|
|
44
53
|
var CInputNumber = LMInputNumber;
|
|
@@ -510,8 +510,12 @@ html {
|
|
|
510
510
|
p {
|
|
511
511
|
margin-bottom: 0;
|
|
512
512
|
}
|
|
513
|
+
.lm_input-number {
|
|
514
|
+
width: 100%;
|
|
515
|
+
}
|
|
513
516
|
.lm_input-number.ant-input-number {
|
|
514
517
|
border: 1px solid var(--color-15);
|
|
518
|
+
width: 100%;
|
|
515
519
|
}
|
|
516
520
|
.lm_input-number .ant-input-number-handler-wrap {
|
|
517
521
|
width: 28px;
|
|
@@ -13,6 +13,7 @@ interface ILmEditTable extends TableProps<any> {
|
|
|
13
13
|
sortOpen?: boolean;
|
|
14
14
|
size?: TableProps<any>['size'];
|
|
15
15
|
colSortOpen?: boolean;
|
|
16
|
+
indexCol?: boolean | Record<string, any>;
|
|
16
17
|
filterChange?: (data: TableProps<any>['columns']) => void;
|
|
17
18
|
recordCreatorProps?: {
|
|
18
19
|
creatorButtonText?: string;
|
|
@@ -323,7 +323,7 @@ var Opetate = function Opetate(_ref) {
|
|
|
323
323
|
fontSize: 16
|
|
324
324
|
}
|
|
325
325
|
})
|
|
326
|
-
})) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
326
|
+
})) : (options === null || options === void 0 ? void 0 : options.includes('add')) || (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
327
327
|
type: "link",
|
|
328
328
|
size: "small",
|
|
329
329
|
icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
@@ -335,7 +335,7 @@ var Opetate = function Opetate(_ref) {
|
|
|
335
335
|
onClick: function onClick() {
|
|
336
336
|
return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
|
|
337
337
|
}
|
|
338
|
-
}));
|
|
338
|
+
}) : null);
|
|
339
339
|
};
|
|
340
340
|
/*
|
|
341
341
|
表格单元格
|
|
@@ -628,7 +628,7 @@ var EditableCell = function EditableCell(props) {
|
|
|
628
628
|
var fromData = form.getFieldsValue();
|
|
629
629
|
return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !(0, _util.isObjEmpty)(fromData) ? Object.assign(Object.assign({}, record), (0, _defineProperty2.default)({}, dataIndex, fromData[dataIndex])) : record), {
|
|
630
630
|
onChange: save
|
|
631
|
-
}));
|
|
631
|
+
}), rowIndex);
|
|
632
632
|
}
|
|
633
633
|
|
|
634
634
|
default:
|
|
@@ -763,6 +763,8 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
763
763
|
virtual = props.virtual,
|
|
764
764
|
sortOpen = props.sortOpen,
|
|
765
765
|
colSortOpen = props.colSortOpen,
|
|
766
|
+
_props$indexCol = props.indexCol,
|
|
767
|
+
indexCol = _props$indexCol === void 0 ? false : _props$indexCol,
|
|
766
768
|
filterChange = props.filterChange,
|
|
767
769
|
_props$size = props.size,
|
|
768
770
|
size = _props$size === void 0 ? 'small' : _props$size,
|
|
@@ -770,7 +772,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
770
772
|
_props$shouldUpdate = props.shouldUpdate,
|
|
771
773
|
shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
|
|
772
774
|
resetProps = __rest(props // const [dataSource, setDataSource] = useState([]);
|
|
773
|
-
, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "virtual", "sortOpen", "colSortOpen", "filterChange", "size", "recordCreatorProps", "shouldUpdate"]); // const [dataSource, setDataSource] = useState([]);
|
|
775
|
+
, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "quickOpetateClearAll", "rowSelection", "virtual", "sortOpen", "colSortOpen", "indexCol", "filterChange", "size", "recordCreatorProps", "shouldUpdate"]); // const [dataSource, setDataSource] = useState([]);
|
|
774
776
|
|
|
775
777
|
|
|
776
778
|
var _useControllableValue = (0, _ahooks.useControllableValue)({
|
|
@@ -1115,7 +1117,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1115
1117
|
var rColumns = hasDisableOptions ? DisableOptions : columns;
|
|
1116
1118
|
var localColumns = [sortOpen ? {
|
|
1117
1119
|
title: '排序',
|
|
1118
|
-
dataIndex: '
|
|
1120
|
+
dataIndex: '_sort',
|
|
1119
1121
|
width: 48,
|
|
1120
1122
|
maxWidth: 48,
|
|
1121
1123
|
className: 'drag-visible',
|
|
@@ -1125,7 +1127,25 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1125
1127
|
id: record[_rowKey] || record.id
|
|
1126
1128
|
});
|
|
1127
1129
|
}
|
|
1128
|
-
} : null
|
|
1130
|
+
} : null, indexCol ? (0, _lodash.isBoolean)(indexCol) ? {
|
|
1131
|
+
title: '',
|
|
1132
|
+
dataIndex: '_index',
|
|
1133
|
+
width: 48,
|
|
1134
|
+
maxWidth: 48,
|
|
1135
|
+
fixed: 'left',
|
|
1136
|
+
render: function render(_, record, index) {
|
|
1137
|
+
return "".concat(index + 1);
|
|
1138
|
+
}
|
|
1139
|
+
} : Object.assign({
|
|
1140
|
+
title: '',
|
|
1141
|
+
dataIndex: '_index',
|
|
1142
|
+
width: 48,
|
|
1143
|
+
maxWidth: 48,
|
|
1144
|
+
fixed: 'left',
|
|
1145
|
+
render: function render(_, record, index) {
|
|
1146
|
+
return "".concat(index + 1);
|
|
1147
|
+
}
|
|
1148
|
+
}, indexCol || {}) : null].concat((0, _toConsumableArray2.default)(rColumns), [useQuickOpetate ? {
|
|
1129
1149
|
title: '操作',
|
|
1130
1150
|
dataIndex: 'lm_edit_opetate',
|
|
1131
1151
|
width: 68,
|
|
@@ -1163,8 +1183,15 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
1163
1183
|
var mapColumns = function mapColumns(col, index) {
|
|
1164
1184
|
var _a, _b;
|
|
1165
1185
|
|
|
1166
|
-
if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
1167
|
-
|
|
1186
|
+
if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length) && (col === null || col === void 0 ? void 0 : col.dataIndex) === '_sort') {
|
|
1187
|
+
var fn = col === null || col === void 0 ? void 0 : col.render;
|
|
1188
|
+
return Object.assign(Object.assign({}, col), {
|
|
1189
|
+
render: function render(text, record, i) {
|
|
1190
|
+
var _a;
|
|
1191
|
+
|
|
1192
|
+
return fn === null || fn === void 0 ? void 0 : fn((_a = dataSource[i]) === null || _a === void 0 ? void 0 : _a[col.dataIndex], dataSource[i], i);
|
|
1193
|
+
}
|
|
1194
|
+
});
|
|
1168
1195
|
}
|
|
1169
1196
|
|
|
1170
1197
|
var newCol = Object.assign(Object.assign({}, col), {
|
|
@@ -27,14 +27,15 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
|
|
30
|
-
var _b;
|
|
31
|
-
|
|
32
30
|
var children = _a.children,
|
|
33
31
|
props = __rest(_a, ["children"]);
|
|
34
32
|
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, props, {
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, props, children.props, {
|
|
36
34
|
ref: ref
|
|
37
|
-
})
|
|
35
|
+
})); // <th {...props} ref={ref as any}>
|
|
36
|
+
// {/* {(children as any)?.props?.children || children} */}
|
|
37
|
+
// { children }
|
|
38
|
+
// </th>
|
|
38
39
|
});
|
|
39
40
|
|
|
40
41
|
function SortableItem(props) {
|
|
@@ -49,7 +50,9 @@ function SortableItem(props) {
|
|
|
49
50
|
|
|
50
51
|
var style = {
|
|
51
52
|
position: 'relative',
|
|
52
|
-
transform: _utilities.CSS.Translate.toString(transform),
|
|
53
|
+
transform: _utilities.CSS.Translate.toString(transform ? Object.assign(Object.assign({}, transform), {
|
|
54
|
+
y: 0
|
|
55
|
+
}) : transform),
|
|
53
56
|
transition: transition,
|
|
54
57
|
touchAction: 'none',
|
|
55
58
|
height: '40px',
|
package/lib/LmEditTable/util.js
CHANGED
|
@@ -84,7 +84,7 @@ function getExpandStatus(children) {
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
function checkMemoShouldUploadSpecialFun(prev, next) {
|
|
87
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
87
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
88
88
|
|
|
89
89
|
var checkExpandStatus = getExpandStatus(prev.children) === getExpandStatus(next.children);
|
|
90
90
|
|
|
@@ -94,12 +94,21 @@ function checkMemoShouldUploadSpecialFun(prev, next) {
|
|
|
94
94
|
|
|
95
95
|
var prevCol = prev === null || prev === void 0 ? void 0 : prev.col;
|
|
96
96
|
var nextCol = next === null || next === void 0 ? void 0 : next.col;
|
|
97
|
+
/** TODO: 使用了自定义render, 是否要判断rowIndex? 这样排序之后,渲染的性能就会变差 */
|
|
98
|
+
|
|
99
|
+
if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.render) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.render)) && !(0, _lodash.isEqual)((0, _lodash.pick)(prev, ['colIndex', 'record', 'children']), (0, _lodash.pick)(next, ['colIndex', 'record', 'children']))) {
|
|
100
|
+
return false;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.editable) === 'render' || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.editable) === 'render') && (((_a = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _a === void 0 ? void 0 : _a.render) || ((_b = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _b === void 0 ? void 0 : _b.render)) && !(0, _lodash.isEqual)((0, _lodash.pick)(prev, ['colIndex', 'record', 'rowIndex']), (0, _lodash.pick)(next, ['colIndex', 'record', 'rowIndex']))) {
|
|
104
|
+
return false;
|
|
105
|
+
}
|
|
97
106
|
|
|
98
107
|
if (((prevCol === null || prevCol === void 0 ? void 0 : prevCol.fixed) || (nextCol === null || nextCol === void 0 ? void 0 : nextCol.fixed)) && !(0, _lodash.isEqual)(prev === null || prev === void 0 ? void 0 : prev.style, next === null || next === void 0 ? void 0 : next.style)) {
|
|
99
108
|
return false;
|
|
100
109
|
}
|
|
101
110
|
|
|
102
|
-
if ((((
|
|
111
|
+
if ((((_c = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _c === void 0 ? void 0 : _c.optionOnly) || ((_d = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _d === void 0 ? void 0 : _d.optionOnly)) && !(0, _lodash.isEqual)((_e = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _e === void 0 ? void 0 : _e.options, (_f = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _f === void 0 ? void 0 : _f.options)) {
|
|
103
112
|
// return isEqual(prevCol?.componentProps?.options, nextCol?.componentProps?.options)
|
|
104
113
|
return false;
|
|
105
114
|
}
|
|
@@ -110,12 +119,12 @@ function checkMemoShouldUploadSpecialFun(prev, next) {
|
|
|
110
119
|
}
|
|
111
120
|
|
|
112
121
|
if (next.className.indexOf('ant-table-selection-column') > -1) {
|
|
113
|
-
return (0, _lodash.isEqual)((
|
|
122
|
+
return (0, _lodash.isEqual)((_h = (_g = prev.children) === null || _g === void 0 ? void 0 : _g[1]) === null || _h === void 0 ? void 0 : _h.props, (_k = (_j = next.children) === null || _j === void 0 ? void 0 : _j[1]) === null || _k === void 0 ? void 0 : _k.props);
|
|
114
123
|
}
|
|
115
124
|
/** 如果启用了快速复制功能,需要实时判断rowIndex与getLength */
|
|
116
125
|
|
|
117
126
|
|
|
118
|
-
if (((
|
|
127
|
+
if (((_l = prevCol === null || prevCol === void 0 ? void 0 : prevCol.componentProps) === null || _l === void 0 ? void 0 : _l.quickcopy) || ((_m = nextCol === null || nextCol === void 0 ? void 0 : nextCol.componentProps) === null || _m === void 0 ? void 0 : _m.quickcopy)) {
|
|
119
128
|
var pickProps = ['record', 'colIndex', 'rowIndex', 'getLength'];
|
|
120
129
|
var p = (0, _lodash.pick)(prev, pickProps);
|
|
121
130
|
var n = (0, _lodash.pick)(next, pickProps);
|
package/lib/LmFilter/LmFilter.js
CHANGED
|
@@ -21,9 +21,10 @@ var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
|
|
|
21
21
|
|
|
22
22
|
var _localization = require("./localization");
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _components = _interopRequireDefault(require("./components"));
|
|
25
25
|
|
|
26
|
-
var
|
|
26
|
+
var _excluded = ["searchConfig", "localization"];
|
|
27
|
+
var LmFilter = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
27
28
|
var _ref$searchConfig = _ref.searchConfig,
|
|
28
29
|
searchConfig = _ref$searchConfig === void 0 ? {} : _ref$searchConfig,
|
|
29
30
|
_ref$localization = _ref.localization,
|
|
@@ -64,8 +65,7 @@ var LmFilter = function LmFilter(_ref, ref) {
|
|
|
64
65
|
return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
|
|
65
66
|
ref: ref || defaultRef
|
|
66
67
|
}, defaultProps, resetProps));
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
var _default =
|
|
70
|
-
|
|
68
|
+
});
|
|
69
|
+
LmFilter.FilterControl = _components.default;
|
|
70
|
+
var _default = LmFilter;
|
|
71
71
|
exports.default = _default;
|
|
@@ -43,7 +43,9 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
|
|
|
43
43
|
visible = instance.visible,
|
|
44
44
|
setVisible = instance.setVisible;
|
|
45
45
|
var _itemProps$data = itemProps.data,
|
|
46
|
-
filters = _itemProps$data === void 0 ? [] : _itemProps$data
|
|
46
|
+
filters = _itemProps$data === void 0 ? [] : _itemProps$data,
|
|
47
|
+
showSearch = itemProps.showSearch,
|
|
48
|
+
showAllChecked = itemProps.showAllChecked;
|
|
47
49
|
var inputRef = (0, _react.useRef)(); // 选中的数据项: [key, key, ...];
|
|
48
50
|
|
|
49
51
|
var _useState = (0, _react.useState)(filterValue),
|
|
@@ -62,8 +64,11 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
|
|
|
62
64
|
var delayedFn = (0, _hooks.useDelayedFn)(); // 是否存在搜索, 当数据大于8时存在搜索
|
|
63
65
|
|
|
64
66
|
var isSearch = (0, _react.useMemo)(function () {
|
|
65
|
-
return filters.length > 8;
|
|
66
|
-
}, [filters.length]);
|
|
67
|
+
return filters.length > 8 && !!(showSearch !== null && showSearch !== void 0 ? showSearch : true);
|
|
68
|
+
}, [filters.length, showSearch]);
|
|
69
|
+
var isAllCheck = (0, _react.useMemo)(function () {
|
|
70
|
+
return !!(showAllChecked !== null && showAllChecked !== void 0 ? showAllChecked : true);
|
|
71
|
+
}, [showAllChecked]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
|
|
67
72
|
|
|
68
73
|
var checkAll = (0, _react.useMemo)(function () {
|
|
69
74
|
var isAll = checkedValues.length >= options.length;
|
|
@@ -145,7 +150,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
|
|
|
145
150
|
ref: inputRef,
|
|
146
151
|
onSearch: handleFilter,
|
|
147
152
|
onChange: handleFilter
|
|
148
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
153
|
+
}), isAllCheck && /*#__PURE__*/_react.default.createElement("div", {
|
|
149
154
|
className: "filter_header_operate"
|
|
150
155
|
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
|
|
151
156
|
indeterminate: indeterminate,
|