linkmore-design 1.1.27 → 1.1.28-alpha.5

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.
Files changed (141) hide show
  1. package/dist/LmEditTable/DndContainer.d.ts +6 -3
  2. package/dist/LmEditTable/EditTable.d.ts +15 -5
  3. package/dist/LmEditTable/components/DraggableContainer.d.ts +10 -0
  4. package/dist/LmEditTable/components/QuickOpetate.d.ts +12 -0
  5. package/dist/LmEditTable/components/bottomOpetateComponent.d.ts +13 -0
  6. package/dist/LmEditTable/components/customRenderEmpty.d.ts +2 -0
  7. package/dist/LmEditTable/components/index.d.ts +17 -0
  8. package/dist/LmEditTable/hooks/useForkRef.d.ts +2 -0
  9. package/dist/LmEditTable/rowSort/DndContainerRow.d.ts +10 -0
  10. package/dist/LmEditTable/sortableItem.d.ts +3 -2
  11. package/dist/LmEditTable/util.d.ts +10 -0
  12. package/dist/LmEditTable/virtual/VirtualRow.d.ts +7 -0
  13. package/dist/LmEditTable/virtual/VirtualRow2.d.ts +7 -0
  14. package/dist/LmEditTable/virtual/VirtualTable.d.ts +3 -0
  15. package/dist/LmEditTable/virtual/VirtualWrapper.d.ts +3 -0
  16. package/dist/LmEditTable/virtual/context.d.ts +13 -0
  17. package/dist/LmEditTable/virtual/index.d.ts +4 -0
  18. package/dist/LmTable/virTual/VirtualRow.d.ts +1 -1
  19. package/dist/index.d.ts +1 -2
  20. package/dist/index.umd.js +1907 -677
  21. package/dist/index.umd.min.js +21 -21
  22. package/dist/variables.css +115 -2
  23. package/es/CardTable/style/index.css +3 -2
  24. package/es/CardTable/style/variables.css +3 -2
  25. package/es/CustomTableOption/columnsSort.js +41 -18
  26. package/es/CustomTableOption/filterSort.js +14 -6
  27. package/es/CustomTableOption/style/index.css +3 -0
  28. package/es/CustomTableOption/style/variables.css +3 -0
  29. package/es/Form/FormItem/index.js +5 -1
  30. package/es/InputNumber/index.js +7 -9
  31. package/es/LmEditTable/DndContainer.d.ts +6 -3
  32. package/es/LmEditTable/DndContainer.js +70 -10
  33. package/es/LmEditTable/DragHandle.js +1 -1
  34. package/es/LmEditTable/EditTable.d.ts +15 -5
  35. package/es/LmEditTable/EditTable.js +696 -361
  36. package/es/LmEditTable/components/DraggableContainer.d.ts +10 -0
  37. package/es/LmEditTable/components/DraggableContainer.js +39 -0
  38. package/es/LmEditTable/components/QuickOpetate.d.ts +12 -0
  39. package/es/LmEditTable/components/QuickOpetate.js +82 -0
  40. package/es/LmEditTable/components/bottomOpetateComponent.d.ts +13 -0
  41. package/es/LmEditTable/components/bottomOpetateComponent.js +23 -0
  42. package/es/LmEditTable/components/customRenderEmpty.d.ts +2 -0
  43. package/es/LmEditTable/components/customRenderEmpty.js +20 -0
  44. package/es/LmEditTable/components/index.d.ts +17 -0
  45. package/es/LmEditTable/components/index.js +8 -0
  46. package/es/LmEditTable/hooks/useForkRef.d.ts +2 -0
  47. package/es/LmEditTable/hooks/useForkRef.js +22 -0
  48. package/es/LmEditTable/rowSort/DndContainerRow.d.ts +10 -0
  49. package/es/LmEditTable/rowSort/DndContainerRow.js +83 -0
  50. package/es/LmEditTable/sortableItem.d.ts +3 -2
  51. package/es/LmEditTable/sortableItem.js +16 -4
  52. package/es/LmEditTable/sortableItemCol.js +40 -10
  53. package/es/LmEditTable/style/index.css +109 -0
  54. package/es/LmEditTable/style/variables.css +109 -0
  55. package/es/LmEditTable/util.d.ts +10 -0
  56. package/es/LmEditTable/util.js +156 -7
  57. package/es/LmEditTable/virtual/VirtualRow.d.ts +7 -0
  58. package/es/LmEditTable/virtual/VirtualRow.js +148 -0
  59. package/es/LmEditTable/virtual/VirtualRow2.d.ts +7 -0
  60. package/es/LmEditTable/virtual/VirtualRow2.js +62 -0
  61. package/es/LmEditTable/virtual/VirtualTable.d.ts +3 -0
  62. package/es/LmEditTable/virtual/VirtualTable.js +64 -0
  63. package/es/LmEditTable/virtual/VirtualWrapper.d.ts +3 -0
  64. package/es/LmEditTable/virtual/VirtualWrapper.js +60 -0
  65. package/es/LmEditTable/virtual/context.d.ts +13 -0
  66. package/es/LmEditTable/virtual/context.js +66 -0
  67. package/es/LmEditTable/virtual/index.d.ts +4 -0
  68. package/es/LmEditTable/virtual/index.js +4 -0
  69. package/es/LmFilter/baseFilter/index.js +3 -2
  70. package/es/LmFilter/filterFns/index.js +4 -2
  71. package/es/LmTable/virTual/VirtualRow.d.ts +1 -1
  72. package/es/LmTable/virTual/VirtualRow.js +82 -48
  73. package/es/LmTable/virTual/VirtualTable.js +17 -9
  74. package/es/LmTable/virTual/context.js +14 -2
  75. package/es/LmUpload/body/UploadCore.js +1 -1
  76. package/es/LmUpload/fns/index.js +1 -1
  77. package/es/Radio/index.js +9 -1
  78. package/es/Switch/index.js +7 -2
  79. package/es/hooks/useEvent/index.js +1 -1
  80. package/es/index.d.ts +1 -2
  81. package/es/styles/variables.css +115 -2
  82. package/lib/CardTable/style/index.css +3 -2
  83. package/lib/CardTable/style/variables.css +3 -2
  84. package/lib/CustomTableOption/columnsSort.js +48 -22
  85. package/lib/CustomTableOption/filterSort.js +19 -10
  86. package/lib/CustomTableOption/style/index.css +3 -0
  87. package/lib/CustomTableOption/style/variables.css +3 -0
  88. package/lib/Form/FormItem/index.js +5 -1
  89. package/lib/InputNumber/index.js +9 -9
  90. package/lib/LmEditTable/DndContainer.d.ts +6 -3
  91. package/lib/LmEditTable/DndContainer.js +74 -9
  92. package/lib/LmEditTable/DragHandle.js +1 -1
  93. package/lib/LmEditTable/EditTable.d.ts +15 -5
  94. package/lib/LmEditTable/EditTable.js +694 -358
  95. package/lib/LmEditTable/components/DraggableContainer.d.ts +10 -0
  96. package/lib/LmEditTable/components/DraggableContainer.js +52 -0
  97. package/lib/LmEditTable/components/QuickOpetate.d.ts +12 -0
  98. package/lib/LmEditTable/components/QuickOpetate.js +96 -0
  99. package/lib/LmEditTable/components/bottomOpetateComponent.d.ts +13 -0
  100. package/lib/LmEditTable/components/bottomOpetateComponent.js +34 -0
  101. package/lib/LmEditTable/components/customRenderEmpty.d.ts +2 -0
  102. package/lib/LmEditTable/components/customRenderEmpty.js +32 -0
  103. package/lib/LmEditTable/components/index.d.ts +17 -0
  104. package/lib/LmEditTable/components/index.js +45 -0
  105. package/lib/LmEditTable/hooks/useForkRef.d.ts +2 -0
  106. package/lib/LmEditTable/hooks/useForkRef.js +29 -0
  107. package/lib/LmEditTable/rowSort/DndContainerRow.d.ts +10 -0
  108. package/lib/LmEditTable/rowSort/DndContainerRow.js +100 -0
  109. package/lib/LmEditTable/sortableItem.d.ts +3 -2
  110. package/lib/LmEditTable/sortableItem.js +19 -5
  111. package/lib/LmEditTable/sortableItemCol.js +37 -8
  112. package/lib/LmEditTable/style/index.css +109 -0
  113. package/lib/LmEditTable/style/variables.css +109 -0
  114. package/lib/LmEditTable/util.d.ts +10 -0
  115. package/lib/LmEditTable/util.js +165 -6
  116. package/lib/LmEditTable/virtual/VirtualRow.d.ts +7 -0
  117. package/lib/LmEditTable/virtual/VirtualRow.js +164 -0
  118. package/lib/LmEditTable/virtual/VirtualRow2.d.ts +7 -0
  119. package/lib/LmEditTable/virtual/VirtualRow2.js +78 -0
  120. package/lib/LmEditTable/virtual/VirtualTable.d.ts +3 -0
  121. package/lib/LmEditTable/virtual/VirtualTable.js +81 -0
  122. package/lib/LmEditTable/virtual/VirtualWrapper.d.ts +3 -0
  123. package/lib/LmEditTable/virtual/VirtualWrapper.js +73 -0
  124. package/lib/LmEditTable/virtual/context.d.ts +13 -0
  125. package/lib/LmEditTable/virtual/context.js +76 -0
  126. package/lib/LmEditTable/virtual/index.d.ts +4 -0
  127. package/lib/LmEditTable/virtual/index.js +31 -0
  128. package/lib/LmFilter/baseFilter/index.js +3 -2
  129. package/lib/LmFilter/filterFns/index.js +4 -2
  130. package/lib/LmTable/virTual/VirtualRow.d.ts +1 -1
  131. package/lib/LmTable/virTual/VirtualRow.js +81 -48
  132. package/lib/LmTable/virTual/VirtualTable.js +16 -8
  133. package/lib/LmTable/virTual/context.js +14 -2
  134. package/lib/LmUpload/body/UploadCore.js +1 -1
  135. package/lib/LmUpload/fns/index.js +1 -1
  136. package/lib/Radio/index.js +9 -1
  137. package/lib/Switch/index.js +9 -2
  138. package/lib/hooks/useEvent/index.js +1 -1
  139. package/lib/index.d.ts +1 -2
  140. package/lib/styles/variables.css +115 -2
  141. package/package.json +7 -9
@@ -0,0 +1,10 @@
1
+ declare const DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
2
+ [x: string]: any;
3
+ keys: any;
4
+ onSortEnd: any;
5
+ virtual: any;
6
+ rowKey: any;
7
+ options: any;
8
+ tableWidth: any;
9
+ }) => JSX.Element;
10
+ export default DraggableContainer;
@@ -0,0 +1,39 @@
1
+ var __rest = this && this.__rest || function (s, e) {
2
+ var t = {};
3
+
4
+ for (var p in s) {
5
+ if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
6
+ }
7
+
8
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+
14
+ import React from 'react';
15
+ import DndContainer from '../rowSort/DndContainerRow';
16
+ import SortableBox from '../sortableBox';
17
+ import { VirtualWrapper } from '../virtual';
18
+
19
+ var DraggableContainer = function DraggableContainer(_a) {
20
+ var keys = _a.keys,
21
+ onSortEnd = _a.onSortEnd,
22
+ virtual = _a.virtual,
23
+ rowKey = _a.rowKey,
24
+ options = _a.options,
25
+ tableWidth = _a.tableWidth,
26
+ props = __rest(_a, ["keys", "onSortEnd", "virtual", "rowKey", "options", "tableWidth"]);
27
+
28
+ return /*#__PURE__*/React.createElement(DndContainer, {
29
+ move: onSortEnd,
30
+ items: keys,
31
+ rowKey: rowKey,
32
+ options: options,
33
+ tableWidth: tableWidth
34
+ }, /*#__PURE__*/React.createElement(SortableBox, {
35
+ items: keys
36
+ }, virtual ? /*#__PURE__*/React.createElement(VirtualWrapper, Object.assign({}, props)) : /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
37
+ };
38
+
39
+ export default DraggableContainer;
@@ -0,0 +1,12 @@
1
+ import { FC } from 'react';
2
+ interface IOpetateProps {
3
+ record: Record<string, any>;
4
+ rowKey?: string;
5
+ handleAdd?: (row?: any, addInChildren?: boolean) => void;
6
+ handleDelete?: (rowKey?: string) => void;
7
+ options?: string[];
8
+ getLength?: number;
9
+ quickOpetateClearAll?: boolean;
10
+ }
11
+ declare const QuickOpetate: FC<IOpetateProps>;
12
+ export default QuickOpetate;
@@ -0,0 +1,82 @@
1
+ import React from 'react';
2
+ import Button from '../../Button';
3
+ import IconFont from '../../IconFont';
4
+ import Popover from '../../Popover';
5
+ import DisabledContext from '../../ConfigProvider/DisabledContext';
6
+
7
+ var QuickOpetate = function QuickOpetate(_ref) {
8
+ var record = _ref.record,
9
+ rowKey = _ref.rowKey,
10
+ handleAdd = _ref.handleAdd,
11
+ handleDelete = _ref.handleDelete,
12
+ _ref$options = _ref.options,
13
+ options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
14
+ getLength = _ref.getLength,
15
+ quickOpetateClearAll = _ref.quickOpetateClearAll;
16
+ var disabled = React.useContext(DisabledContext) || false;
17
+
18
+ var appendChildren = function appendChildren() {
19
+ handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
20
+ };
21
+
22
+ var appendAdd = function appendAdd() {
23
+ handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
24
+ };
25
+
26
+ return /*#__PURE__*/React.createElement("div", {
27
+ style: {
28
+ display: 'flex',
29
+ alignItems: 'center',
30
+ justifyContent: 'flex-start',
31
+ marginLeft: '-4px'
32
+ }
33
+ }, options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
34
+ type: "link",
35
+ size: "small",
36
+ disabled: !quickOpetateClearAll && getLength < 2 || disabled,
37
+ icon: /*#__PURE__*/React.createElement(IconFont, {
38
+ type: "lmweb-minus-circle",
39
+ style: {
40
+ fontSize: 16
41
+ }
42
+ }),
43
+ onClick: function onClick() {
44
+ return handleDelete(record[rowKey]);
45
+ }
46
+ }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Popover, {
47
+ placement: "bottom",
48
+ overlayClassName: "lm_table_append_add_popover",
49
+ open: open,
50
+ title: null,
51
+ content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
52
+ onClick: appendAdd
53
+ }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React.createElement("li", {
54
+ onClick: appendChildren
55
+ }, "\u6DFB\u52A0\u5B50\u7EA7")),
56
+ trigger: "hover"
57
+ }, /*#__PURE__*/React.createElement(Button, {
58
+ type: "link",
59
+ size: "small",
60
+ icon: /*#__PURE__*/React.createElement(IconFont, {
61
+ type: "lmweb-plus-circle-fill",
62
+ style: {
63
+ fontSize: 16
64
+ }
65
+ })
66
+ })) : (options === null || options === void 0 ? void 0 : options.includes('add')) || (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Button, {
67
+ type: "link",
68
+ size: "small",
69
+ disabled: disabled,
70
+ icon: /*#__PURE__*/React.createElement(IconFont, {
71
+ type: "lmweb-plus-circle-fill",
72
+ style: {
73
+ fontSize: 16
74
+ }
75
+ }),
76
+ onClick: function onClick() {
77
+ return handleAdd(record, !!(options === null || options === void 0 ? void 0 : options.includes('addInChildren')));
78
+ }
79
+ }) : null);
80
+ };
81
+
82
+ export default QuickOpetate;
@@ -0,0 +1,13 @@
1
+ interface IBottomOpetateCompoentProps {
2
+ isShowAddAction?: boolean;
3
+ handleAdd?: () => void;
4
+ recordCreatorProps?: {
5
+ creatorButtonText?: string;
6
+ style?: Record<string, any>;
7
+ initData?: Record<string, any> | (() => Record<string, any>);
8
+ customAddClick?: () => void;
9
+ };
10
+ disabled?: boolean;
11
+ }
12
+ declare const BottomOpetateComponent: (props: IBottomOpetateCompoentProps) => JSX.Element;
13
+ export default BottomOpetateComponent;
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { Button, IconFont } from '../../index';
3
+
4
+ var BottomOpetateComponent = function BottomOpetateComponent(props) {
5
+ var isShowAddAction = props.isShowAddAction,
6
+ recordCreatorProps = props.recordCreatorProps,
7
+ handleAdd = props.handleAdd,
8
+ _props$disabled = props.disabled,
9
+ disabled = _props$disabled === void 0 ? false : _props$disabled;
10
+ return isShowAddAction ? /*#__PURE__*/React.createElement(Button, {
11
+ className: "lm_editTable_add_bar",
12
+ type: "dashed",
13
+ disabled: disabled,
14
+ onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
15
+ style: Object.assign({
16
+ marginTop: 8
17
+ }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
18
+ }, /*#__PURE__*/React.createElement(IconFont, {
19
+ type: "lmweb-plus"
20
+ }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增') : null;
21
+ };
22
+
23
+ export default BottomOpetateComponent;
@@ -0,0 +1,2 @@
1
+ declare const CustomizeRenderEmpty: () => JSX.Element;
2
+ export default CustomizeRenderEmpty;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import ConfigProvider from '../../ConfigProvider';
3
+ var ConfigContext = ConfigProvider.ConfigContext;
4
+
5
+ var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
6
+ var _React$useContext = React.useContext(ConfigContext),
7
+ locale = _React$useContext.locale;
8
+
9
+ return /*#__PURE__*/React.createElement("div", {
10
+ className: "lm_table_empty"
11
+ }, /*#__PURE__*/React.createElement("div", {
12
+ className: "empty_img",
13
+ style: {
14
+ width: '130px',
15
+ height: '80px'
16
+ }
17
+ }), /*#__PURE__*/React.createElement("span", null, (locale === null || locale === void 0 ? void 0 : locale.locale) === 'en' ? 'no Data' : '暂无数据'));
18
+ };
19
+
20
+ export default CustomizeRenderEmpty;
@@ -0,0 +1,17 @@
1
+ import DraggableContainer from './DraggableContainer';
2
+ import BottomOpetateComponent from './bottomOpetateComponent';
3
+ import QuickOpetate from './QuickOpetate';
4
+ import CustomizeRenderEmpty from './customRenderEmpty';
5
+ export { DraggableContainer, BottomOpetateComponent, QuickOpetate, CustomizeRenderEmpty };
6
+ declare const _default: {
7
+ DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
8
+ [x: string]: any;
9
+ keys: any;
10
+ onSortEnd: any;
11
+ virtual: any;
12
+ rowKey: any;
13
+ options: any;
14
+ tableWidth: any;
15
+ }) => JSX.Element;
16
+ };
17
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import DraggableContainer from './DraggableContainer';
2
+ import BottomOpetateComponent from './bottomOpetateComponent';
3
+ import QuickOpetate from './QuickOpetate';
4
+ import CustomizeRenderEmpty from './customRenderEmpty';
5
+ export { DraggableContainer, BottomOpetateComponent, QuickOpetate, CustomizeRenderEmpty };
6
+ export default {
7
+ DraggableContainer: DraggableContainer
8
+ };
@@ -0,0 +1,2 @@
1
+ import { Ref } from 'react';
2
+ export default function useForkRef<InstanceA, InstanceB>(refA: Ref<InstanceA> | null | undefined, refB: Ref<InstanceB> | null | undefined): Ref<InstanceA & InstanceB> | null;
@@ -0,0 +1,22 @@
1
+ import { useMemo } from 'react';
2
+
3
+ function setRef(ref, value) {
4
+ if (typeof ref === 'function') {
5
+ ref(value);
6
+ } else if (ref) {
7
+ ref.current = value;
8
+ }
9
+ }
10
+
11
+ export default function useForkRef(refA, refB) {
12
+ return useMemo(function () {
13
+ if (refA == null && refB == null) {
14
+ return null;
15
+ }
16
+
17
+ return function (refValue) {
18
+ setRef(refA, refValue);
19
+ setRef(refB, refValue);
20
+ };
21
+ }, [refA, refB]);
22
+ }
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<({ children, options, move, rowKey, items, tableWidth }: {
3
+ children: any;
4
+ options: any;
5
+ move: any;
6
+ rowKey: any;
7
+ items: any;
8
+ tableWidth: any;
9
+ }) => JSX.Element>;
10
+ export default _default;
@@ -0,0 +1,83 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+
3
+ /* eslint-disable no-unused-vars */
4
+ import React, { memo } from 'react';
5
+ import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
6
+ import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
7
+ import { sortableKeyboardCoordinates } from '@dnd-kit/sortable'; // 可拖拽容器
8
+
9
+ var DndContainer = function DndContainer(_ref) {
10
+ var children = _ref.children,
11
+ options = _ref.options,
12
+ move = _ref.move,
13
+ rowKey = _ref.rowKey,
14
+ items = _ref.items,
15
+ tableWidth = _ref.tableWidth;
16
+
17
+ var _React$useState = React.useState(false),
18
+ _React$useState2 = _slicedToArray(_React$useState, 2),
19
+ isDragging = _React$useState2[0],
20
+ setIsDragging = _React$useState2[1]; // 是否拖拽中
21
+
22
+
23
+ var _React$useState3 = React.useState(null),
24
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
25
+ activeId = _React$useState4[0],
26
+ setActiveId = _React$useState4[1]; // 是否拖拽中
27
+
28
+
29
+ var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
30
+ coordinateGetter: sortableKeyboardCoordinates
31
+ })); // 开始拖拽
32
+
33
+ var handleDragStart = function handleDragStart(_ref2) {
34
+ var active = _ref2.active;
35
+ setIsDragging(true);
36
+
37
+ if (!active) {
38
+ return;
39
+ }
40
+
41
+ setActiveId(active.id);
42
+ }; // 拖拽结束
43
+
44
+
45
+ var handleDragEnd = function handleDragEnd(event) {
46
+ var active = event.active,
47
+ over = event.over;
48
+ setActiveId(null); // 未移入时触发
49
+
50
+ if (!(over === null || over === void 0 ? void 0 : over.id)) {
51
+ return;
52
+ } // 移入时触发更新数据
53
+
54
+
55
+ if (active.id !== over.id) {
56
+ move(active.id, over.id);
57
+ }
58
+ }; // @ts-ignore
59
+
60
+
61
+ var instance = {
62
+ isDragging: isDragging,
63
+ activeId: activeId,
64
+ options: options,
65
+ rowKey: rowKey,
66
+ children: children,
67
+ move: move,
68
+ items: items,
69
+ tableWidth: tableWidth
70
+ };
71
+ return /*#__PURE__*/React.createElement(DndContext, {
72
+ sensors: sensors,
73
+ onDragStart: handleDragStart,
74
+ onDragCancel: function onDragCancel() {
75
+ return setActiveId(null);
76
+ },
77
+ collisionDetection: closestCenter,
78
+ onDragEnd: handleDragEnd,
79
+ modifiers: [restrictToParentElement, restrictToVerticalAxis]
80
+ }, children);
81
+ };
82
+
83
+ export default /*#__PURE__*/memo(DndContainer);
@@ -1,2 +1,3 @@
1
- declare const SortableItem: (props: any) => JSX.Element;
2
- export default SortableItem;
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
3
+ export default _default;
@@ -11,15 +11,17 @@ var __rest = this && this.__rest || function (s, e) {
11
11
  return t;
12
12
  };
13
13
 
14
- import React from 'react';
14
+ import React, { memo } from 'react';
15
15
  import { useSortable } from '@dnd-kit/sortable';
16
16
  import { CSS } from '@dnd-kit/utilities';
17
+ import { VirtualRow } from './virtual';
17
18
 
18
19
  var SortableItem = function SortableItem(props) {
19
20
  var key = props['data-row-key'],
20
21
  children = props.children,
21
22
  className = props.className,
22
- resetField = __rest(props, ['data-row-key', "children", "className"]);
23
+ virtual = props.virtual,
24
+ resetField = __rest(props, ['data-row-key', "children", "className", "virtual"]);
23
25
 
24
26
  var _useSortable = useSortable({
25
27
  id: key
@@ -33,11 +35,21 @@ var SortableItem = function SortableItem(props) {
33
35
  transform: CSS.Transform.toString(transform),
34
36
  transition: transition
35
37
  };
36
- return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetField, {
38
+
39
+ if (!virtual) {
40
+ return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetField, {
41
+ ref: setNodeRef,
42
+ key: key,
43
+ style: style
44
+ }, attributes), children);
45
+ }
46
+
47
+ return /*#__PURE__*/React.createElement(VirtualRow, Object.assign({}, resetField, {
37
48
  ref: setNodeRef,
49
+ pref: setNodeRef,
38
50
  key: key,
39
51
  style: style
40
52
  }, attributes), children);
41
53
  };
42
54
 
43
- export default SortableItem;
55
+ export default /*#__PURE__*/memo(SortableItem);
@@ -12,21 +12,49 @@ var __rest = this && this.__rest || function (s, e) {
12
12
  };
13
13
 
14
14
  import React, { forwardRef } from 'react';
15
- import { useSortable } from '@dnd-kit/sortable';
16
- import { CSS } from '@dnd-kit/utilities';
17
- var Item = /*#__PURE__*/forwardRef(function (_a, ref) {
18
- var _b;
15
+ import { useSortable } from '@dnd-kit/sortable'; // import { omit } from 'lodash'
16
+
17
+ import { CSS } from '@dnd-kit/utilities'; // interface ItemType {
18
+ // children: React.ReactNode
19
+ // }
20
+ // interface ItemInstance {}
21
+ // @ts-ignore
19
22
 
23
+ var Item = /*#__PURE__*/forwardRef(function (_a, ref) {
20
24
  var children = _a.children,
21
- props = __rest(_a, ["children"]);
25
+ props = __rest(_a, ["children"]); // const rProps = omit({ ...props, ...children.props }, [
26
+ // 'isSticky',
27
+ // 'colStart',
28
+ // 'colEnd',
29
+ // 'prefixCls',
30
+ // 'fixLeft',
31
+ // 'fixRight',
32
+ // 'lastFixLeft',
33
+ // 'firstFixRight',
34
+ // 'lastFixRight',
35
+ // 'firstFixLeft',
36
+ // 'isSticky',
37
+ // 'additionalProps',
38
+ // 'rowType',
39
+ // ])
22
40
 
23
- return /*#__PURE__*/React.createElement("th", Object.assign({}, props, {
24
- ref: ref
25
- }), ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) || children);
41
+
42
+ return (
43
+ /*#__PURE__*/
44
+ // <th {...rProps} ref={ref as any} />
45
+ React.createElement("th", Object.assign({}, props, children.props, {
46
+ ref: ref
47
+ })) // <th {...props} ref={ref as any}>
48
+ // {(children as any)?.props?.children || children}
49
+ // </th>
50
+
51
+ );
26
52
  });
27
53
  export default function SortableItem(props) {
54
+ var id = props.id;
55
+
28
56
  var _useSortable = useSortable({
29
- id: props.id
57
+ id: id
30
58
  }),
31
59
  attributes = _useSortable.attributes,
32
60
  listeners = _useSortable.listeners,
@@ -36,7 +64,9 @@ export default function SortableItem(props) {
36
64
 
37
65
  var style = {
38
66
  position: 'relative',
39
- transform: CSS.Translate.toString(transform),
67
+ transform: CSS.Translate.toString(transform ? Object.assign(Object.assign({}, transform), {
68
+ y: 0
69
+ }) : transform),
40
70
  transition: transition,
41
71
  touchAction: 'none',
42
72
  height: '40px',
@@ -510,6 +510,10 @@ html {
510
510
  p {
511
511
  margin-bottom: 0;
512
512
  }
513
+ .lm_editTable_warpper {
514
+ height: 100%;
515
+ width: 100%;
516
+ }
513
517
  .lm_editTable_warpper .ant-picker {
514
518
  width: 100%;
515
519
  }
@@ -538,6 +542,9 @@ p {
538
542
  width: 32px;
539
543
  padding: 0 8px;
540
544
  }
545
+ .lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
546
+ height: 100%;
547
+ }
541
548
  .lm_editTable_warpper .lm_editTable_cell {
542
549
  cursor: pointer;
543
550
  height: 40px;
@@ -549,6 +556,21 @@ p {
549
556
  letter-spacing: 0px;
550
557
  color: var(--color-85);
551
558
  }
559
+ .lm_editTable_warpper .lm_custom_cell_td {
560
+ position: relative;
561
+ }
562
+ .lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append {
563
+ display: flex;
564
+ flex-direction: row;
565
+ flex-wrap: nowrap;
566
+ }
567
+ .lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append .ant-table-row-expand-icon {
568
+ margin-right: 8px;
569
+ flex: none;
570
+ }
571
+ .lm_editTable_warpper .lm_custom_cell_td > .ant-form-item {
572
+ flex: 1 1 auto;
573
+ }
552
574
  .lm_editTable_warpper .lm_custom_cell_td .ant-form-item-control-input-content {
553
575
  display: flex;
554
576
  flex-direction: row;
@@ -560,6 +582,32 @@ p {
560
582
  .lm_editTable_warpper .lm_custom_cell_td .ant-table-row-expand-icon {
561
583
  margin-top: 6px;
562
584
  }
585
+ .lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp {
586
+ font-size: 8px;
587
+ position: absolute;
588
+ left: calc(50% - 10px);
589
+ z-index: 100;
590
+ width: 20px;
591
+ height: 10px;
592
+ background-color: var(--color-6);
593
+ display: flex;
594
+ align-items: center;
595
+ justify-content: center;
596
+ color: #D8D8D8;
597
+ }
598
+ .lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp:hover {
599
+ cursor: pointer;
600
+ background-color: var(--primary-color);
601
+ color: #fff;
602
+ }
603
+ .lm_editTable_warpper .lm_custom_cell_td .quick_copy_up {
604
+ top: -4px;
605
+ left: calc(50% - 10px);
606
+ }
607
+ .lm_editTable_warpper .lm_custom_cell_td .quick_copy_down {
608
+ bottom: -6px;
609
+ left: calc(50% - 10px);
610
+ }
563
611
  .lm_editTable_warpper .lm_editTable_cell_edit {
564
612
  height: 40px;
565
613
  padding: 8px 8px !important;
@@ -571,6 +619,9 @@ p {
571
619
  .lm_editTable_warpper .lm_table_quickcopy .anticon {
572
620
  color: var(--text-color);
573
621
  }
622
+ .lm_editTable_warpper .ant-table-body {
623
+ scroll-behavior: smooth;
624
+ }
574
625
  .lm_editTable_warpper .icon_drag {
575
626
  color: var(--tip-text-color);
576
627
  }
@@ -587,12 +638,55 @@ p {
587
638
  .lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
588
639
  background-color: rgba(0, 0, 0, 0.06) !important;
589
640
  }
641
+ .lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
642
+ background-color: rgba(0, 0, 0, 0.06) !important;
643
+ }
644
+ .lm_editTable_warpper .lm_table_empty {
645
+ display: flex;
646
+ flex-direction: column;
647
+ align-items: center;
648
+ padding: 12px 0;
649
+ font-size: 12px;
650
+ }
651
+ .lm_editTable_warpper .lm_table_empty > img {
652
+ width: 130px;
653
+ height: 80px;
654
+ margin-bottom: 8px;
655
+ }
656
+ .lm_editTable_warpper .lm_table_empty .empty_img {
657
+ margin-bottom: 8px;
658
+ background-image: url('data:image/png;base64,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');
659
+ background-size: cover;
660
+ }
661
+ .lm_editTable_warpper .lm_table_empty > span {
662
+ color: var(--font-color);
663
+ }
664
+ .lm_editTable_warpper .ant-table-empty table {
665
+ height: 100%;
666
+ }
590
667
  .lm_editTable_warpper .ant-picker {
591
668
  height: 24px !important;
592
669
  padding: 2px 8px;
593
670
  padding-left: 7px;
594
671
  box-sizing: border-box;
595
672
  }
673
+ .lm_editTable_warpper .ant-table-bordered > .ant-table-container {
674
+ border: 1px solid #f0f0f0;
675
+ }
676
+ .lm_editTable_warpper.lm_editable_autosize .ant-table-wrapper,
677
+ .lm_editTable_warpper.lm_editable_autosize .ant-spin-nested-loading,
678
+ .lm_editTable_warpper.lm_editable_autosize .ant-spin-container,
679
+ .lm_editTable_warpper.lm_editable_autosize .ant-table,
680
+ .lm_editTable_warpper.lm_editable_autosize .ant-table-container {
681
+ height: 100%;
682
+ }
683
+ .lm_editTable_warpper.lm_editable_autosize .ant-table-wrapper .ant-table-body,
684
+ .lm_editTable_warpper.lm_editable_autosize .ant-spin-nested-loading .ant-table-body,
685
+ .lm_editTable_warpper.lm_editable_autosize .ant-spin-container .ant-table-body,
686
+ .lm_editTable_warpper.lm_editable_autosize .ant-table .ant-table-body,
687
+ .lm_editTable_warpper.lm_editable_autosize .ant-table-container .ant-table-body {
688
+ height: calc(100% - 41px);
689
+ }
596
690
  .lm_editTable_wrapperRange .inputRange {
597
691
  display: inline-flex;
598
692
  align-items: center;
@@ -630,3 +724,18 @@ p {
630
724
  .lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
631
725
  background-color: var(--color-15);
632
726
  }
727
+ .lm_edittable_col_sort_item {
728
+ overflow: hidden;
729
+ }
730
+ .lm_editable_col_drag {
731
+ background-color: #fff;
732
+ font-size: 12px;
733
+ display: flex;
734
+ box-sizing: border-box;
735
+ transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
736
+ transform-origin: 0 0;
737
+ touch-action: manipulation;
738
+ scale: 1.05;
739
+ box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
740
+ padding: 8px;
741
+ }