linkmore-design 1.1.32 → 1.1.34

package/lib/LmEditTable/components/DraggableContainer.d.ts

@@ -1,4 +1,4 @@
-declare const DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
+declare const DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, tableHeight, columns, ...props }: {
     [x: string]: any;
     keys: any;
     onSortEnd: any;
@@ -6,5 +6,7 @@ declare const DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options,
     rowKey: any;
     options: any;
     tableWidth: any;
+    tableHeight: any;
+    columns: any;
 }) => JSX.Element;
 export default DraggableContainer;

package/lib/LmEditTable/components/DraggableContainer.js

@@ -1,41 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _DndContainerRow = _interopRequireDefault(require("../rowSort/DndContainerRow"));
+
 var _sortableBox = _interopRequireDefault(require("../sortableBox"));
+
 var _virtual = require("../virtual");
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var DraggableContainer = function DraggableContainer(_a) {
   var keys = _a.keys,
-    onSortEnd = _a.onSortEnd,
-    virtual = _a.virtual,
-    rowKey = _a.rowKey,
-    options = _a.options,
-    tableWidth = _a.tableWidth,
-    props = __rest(_a, ["keys", "onSortEnd", "virtual", "rowKey", "options", "tableWidth"]);
+      onSortEnd = _a.onSortEnd,
+      virtual = _a.virtual,
+      rowKey = _a.rowKey,
+      options = _a.options,
+      tableWidth = _a.tableWidth,
+      tableHeight = _a.tableHeight,
+      columns = _a.columns,
+      props = __rest(_a, ["keys", "onSortEnd", "virtual", "rowKey", "options", "tableWidth", "tableHeight", "columns"]);
+
   return /*#__PURE__*/_react.default.createElement(_DndContainerRow.default, {
     move: onSortEnd,
     items: keys,
     rowKey: rowKey,
     options: options,
-    tableWidth: tableWidth
+    tableWidth: tableWidth,
+    columns: columns,
+    tableHeight: tableHeight
   }, /*#__PURE__*/_react.default.createElement(_sortableBox.default, {
     items: keys
   }, virtual ? /*#__PURE__*/_react.default.createElement(_virtual.VirtualWrapper, Object.assign({}, props)) : /*#__PURE__*/_react.default.createElement("tbody", Object.assign({}, props))));
 };
+
 var _default = DraggableContainer;
 exports.default = _default;

package/lib/LmEditTable/components/QuickOpetate.js

@@ -1,31 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Button = _interopRequireDefault(require("../../Button"));
+
 var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
 var _Popover = _interopRequireDefault(require("../../Popover"));
+
 var _DisabledContext = _interopRequireDefault(require("../../ConfigProvider/DisabledContext"));
+
 var QuickOpetate = function QuickOpetate(_ref) {
   var record = _ref.record,
-    rowKey = _ref.rowKey,
-    handleAdd = _ref.handleAdd,
-    handleDelete = _ref.handleDelete,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
-    getLength = _ref.getLength,
-    quickOpetateClearAll = _ref.quickOpetateClearAll;
+      rowKey = _ref.rowKey,
+      handleAdd = _ref.handleAdd,
+      handleDelete = _ref.handleDelete,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
+      getLength = _ref.getLength,
+      quickOpetateClearAll = _ref.quickOpetateClearAll;
   var disabled = _react.default.useContext(_DisabledContext.default) || false;
+
   var appendChildren = function appendChildren() {
     handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
   };
+
   var appendAdd = function appendAdd() {
     handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: 'flex',
@@ -81,5 +91,6 @@ var QuickOpetate = function QuickOpetate(_ref) {
     }
   }) : null);
 };
+
 var _default = QuickOpetate;
 exports.default = _default;

package/lib/LmEditTable/components/bottomOpetateComponent.js

@@ -1,18 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _index = require("../../index");
+
 var BottomOpetateComponent = function BottomOpetateComponent(props) {
   var isShowAddAction = props.isShowAddAction,
-    recordCreatorProps = props.recordCreatorProps,
-    handleAdd = props.handleAdd,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
+      recordCreatorProps = props.recordCreatorProps,
+      handleAdd = props.handleAdd,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled;
   return isShowAddAction ? /*#__PURE__*/_react.default.createElement(_index.Button, {
     className: "lm_editTable_add_bar",
     type: "dashed",
@@ -25,5 +29,6 @@ var BottomOpetateComponent = function BottomOpetateComponent(props) {
     type: "lmweb-plus"
   }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增') : null;
 };
+
 var _default = BottomOpetateComponent;
 exports.default = _default;

package/lib/LmEditTable/components/customRenderEmpty.js

@@ -1,16 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _ConfigProvider = _interopRequireDefault(require("../../ConfigProvider"));
+
 var ConfigContext = _ConfigProvider.default.ConfigContext;
+
 var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
   var _React$useContext = _react.default.useContext(ConfigContext),
-    locale = _React$useContext.locale;
+      locale = _React$useContext.locale;
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_table_empty"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -21,5 +27,6 @@ var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
     }
   }), /*#__PURE__*/_react.default.createElement("span", null, (locale === null || locale === void 0 ? void 0 : locale.locale) === 'en' ? 'no Data' : '暂无数据'));
 };
+
 var _default = CustomizeRenderEmpty;
 exports.default = _default;

package/lib/LmEditTable/components/index.d.ts

@@ -4,7 +4,7 @@ import QuickOpetate from './QuickOpetate';
 import CustomizeRenderEmpty from './customRenderEmpty';
 export { DraggableContainer, BottomOpetateComponent, QuickOpetate, CustomizeRenderEmpty };
 declare const _default: {
-    DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
+    DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, tableHeight, columns, ...props }: {
         [x: string]: any;
         keys: any;
         onSortEnd: any;
@@ -12,6 +12,8 @@ declare const _default: {
         rowKey: any;
         options: any;
         tableWidth: any;
+        tableHeight: any;
+        columns: any;
     }) => JSX.Element;
 };
 export default _default;

package/lib/LmEditTable/components/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,10 +30,15 @@ Object.defineProperty(exports, "QuickOpetate", {
   }
 });
 exports.default = void 0;
+
 var _DraggableContainer = _interopRequireDefault(require("./DraggableContainer"));
+
 var _bottomOpetateComponent = _interopRequireDefault(require("./bottomOpetateComponent"));
+
 var _QuickOpetate = _interopRequireDefault(require("./QuickOpetate"));
+
 var _customRenderEmpty = _interopRequireDefault(require("./customRenderEmpty"));
+
 var _default = {
   DraggableContainer: _DraggableContainer.default
 };

package/lib/LmEditTable/hooks/useForkRef.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useForkRef;
+
 var _react = require("react");
+
 function setRef(ref, value) {
   if (typeof ref === 'function') {
     ref(value);
@@ -12,11 +14,13 @@ function setRef(ref, value) {
     ref.current = value;
   }
 }
+
 function useForkRef(refA, refB) {
   return (0, _react.useMemo)(function () {
     if (refA == null && refB == null) {
       return null;
     }
+
     return function (refValue) {
       setRef(refA, refValue);
       setRef(refB, refValue);

package/lib/LmEditTable/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _EditTable = _interopRequireDefault(require("./EditTable"));
+
 var _default = _EditTable.default;
 exports.default = _default;

package/lib/LmEditTable/rowSort/DndContainerRow.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<({ children, options, move, rowKey, items, tableWidth }: {
+declare const _default: React.MemoExoticComponent<({ children, options, move, rowKey, items, tableWidth, tableHeight, columns }: {
     children: any;
     options: any;
     move: any;
     rowKey: any;
     items: any;
     tableWidth: any;
+    tableHeight: any;
+    columns: any;
 }) => JSX.Element>;
 export default _default;

package/lib/LmEditTable/rowSort/DndContainerRow.js

@@ -1,61 +1,111 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _core = require("@dnd-kit/core");
+
 var _modifiers = require("@dnd-kit/modifiers");
+
 var _sortable = require("@dnd-kit/sortable");
+
+var _EditTable = _interopRequireDefault(require("../EditTable"));
+
 /* eslint-disable no-unused-vars */
+var DragOver = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var isDragging = instance.isDragging,
+      activeId = instance.activeId,
+      rowKey = instance.rowKey,
+      options = instance.options,
+      columns = instance.columns;
+  var item = activeId && options.find(function (v) {
+    return v[rowKey] === activeId;
+  });
+  return /*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
+    adjustScale: false
+  }, isDragging ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: instance.tableWidth,
+      backgroundColor: '#fff',
+      overflowX: 'hidden'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_EditTable.default, {
+    columns: columns || [],
+    showHeader: false,
+    scroll: {
+      x: '100%'
+    },
+    pagination: false,
+    value: [item]
+  })) : null);
+}); // 可拖拽容器
+
+
+var DndContainer = function DndContainer(_ref2) {
+  var children = _ref2.children,
+      options = _ref2.options,
+      move = _ref2.move,
+      rowKey = _ref2.rowKey,
+      items = _ref2.items,
+      tableWidth = _ref2.tableWidth,
+      tableHeight = _ref2.tableHeight,
+      columns = _ref2.columns;
 
-// 可拖拽容器
-var DndContainer = function DndContainer(_ref) {
-  var children = _ref.children,
-    options = _ref.options,
-    move = _ref.move,
-    rowKey = _ref.rowKey,
-    items = _ref.items,
-    tableWidth = _ref.tableWidth;
   var _React$useState = _react.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isDragging = _React$useState2[0],
-    setIsDragging = _React$useState2[1]; // 是否拖拽中
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      isDragging = _React$useState2[0],
+      setIsDragging = _React$useState2[1]; // 是否拖拽中
+
+
   var _React$useState3 = _react.default.useState(null),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    activeId = _React$useState4[0],
-    setActiveId = _React$useState4[1]; // 是否拖拽中
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      activeId = _React$useState4[0],
+      setActiveId = _React$useState4[1]; // 是否拖拽中
+
+
   var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
     coordinateGetter: _sortable.sortableKeyboardCoordinates
-  }));
-  // 开始拖拽
-  var handleDragStart = function handleDragStart(_ref2) {
-    var active = _ref2.active;
+  })); // 开始拖拽
+
+  var handleDragStart = function handleDragStart(_ref3) {
+    var active = _ref3.active;
     setIsDragging(true);
+
     if (!active) {
       return;
     }
+
     setActiveId(active.id);
-  };
-  // 拖拽结束
+  }; // 拖拽结束
+
+
   var handleDragEnd = function handleDragEnd(event) {
     var active = event.active,
-      over = event.over;
-    setActiveId(null);
-    // 未移入时触发
+        over = event.over;
+    setActiveId(null); // 未移入时触发
+
     if (!(over === null || over === void 0 ? void 0 : over.id)) {
       return;
-    }
-    // 移入时触发更新数据
+    } // 移入时触发更新数据
+
+
     if (active.id !== over.id) {
       move(active.id, over.id);
     }
-  };
-  // @ts-ignore
+  }; // @ts-ignore
+
+
   var instance = {
     isDragging: isDragging,
     activeId: activeId,
@@ -64,7 +114,9 @@ var DndContainer = function DndContainer(_ref) {
     children: children,
     move: move,
     items: items,
-    tableWidth: tableWidth
+    tableWidth: tableWidth,
+    tableHeight: tableHeight,
+    columns: columns
   };
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: sensors,
@@ -75,7 +127,11 @@ var DndContainer = function DndContainer(_ref) {
     collisionDetection: _core.closestCenter,
     onDragEnd: handleDragEnd,
     modifiers: [_modifiers.restrictToParentElement, _modifiers.restrictToVerticalAxis]
-  }, children);
+  }, children, /*#__PURE__*/_react.default.createElement(DragOver, {
+    instance: instance
+  }));
 };
+
 var _default = /*#__PURE__*/(0, _react.memo)(DndContainer);
+
 exports.default = _default;

package/lib/LmEditTable/sortableBox.js

@@ -1,19 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _sortable = require("@dnd-kit/sortable");
+
 var SortableBox = function SortableBox(_ref) {
   var items = _ref.items,
-    children = _ref.children;
+      children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
     items: items,
     strategy: _sortable.verticalListSortingStrategy
   }, children);
 };
+
 var _default = SortableBox;
 exports.default = _default;

package/lib/LmEditTable/sortableBoxCol.js

@@ -1,19 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _sortable = require("@dnd-kit/sortable");
+
 var SortableBox = function SortableBox(_ref) {
   var items = _ref.items,
-    children = _ref.children;
+      children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
     items: items,
     strategy: _sortable.horizontalListSortingStrategy
   }, children);
 };
+
 var _default = SortableBox;
 exports.default = _default;

package/lib/LmEditTable/sortableItem.js

@@ -1,41 +1,53 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _sortable = require("@dnd-kit/sortable");
+
 var _utilities = require("@dnd-kit/utilities");
+
 var _virtual = require("./virtual");
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var SortableItem = function SortableItem(props) {
   var key = props['data-row-key'],
-    children = props.children,
-    className = props.className,
-    virtual = props.virtual,
-    resetField = __rest(props, ['data-row-key', "children", "className", "virtual"]);
+      children = props.children,
+      className = props.className,
+      virtual = props.virtual,
+      resetField = __rest(props, ['data-row-key', "children", "className", "virtual"]);
+
   var _useSortable = (0, _sortable.useSortable)({
-      id: key
-    }),
-    attributes = _useSortable.attributes,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
+    id: key
+  }),
+      attributes = _useSortable.attributes,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
   var style = {
     transform: _utilities.CSS.Transform.toString(transform),
     transition: transition
   };
+
   if (!virtual) {
     return /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, resetField, {
       ref: setNodeRef,
@@ -43,6 +55,7 @@ var SortableItem = function SortableItem(props) {
       style: style
     }, attributes), children);
   }
+
   return /*#__PURE__*/_react.default.createElement(_virtual.VirtualRow, Object.assign({}, resetField, {
     ref: setNodeRef,
     pref: setNodeRef,
@@ -50,5 +63,7 @@ var SortableItem = function SortableItem(props) {
     style: style
   }, attributes), children);
 };
+
 var _default = /*#__PURE__*/(0, _react.memo)(SortableItem);
+
 exports.default = _default;

package/lib/LmEditTable/sortableItemCol.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function SortableItem(props: any): JSX.Element;

package/lib/LmEditTable/sortableItemCol.js

@@ -1,23 +1,31 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SortableItem;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _sortable = require("@dnd-kit/sortable");
+
 var _utilities = require("@dnd-kit/utilities");
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 // interface ItemType {
 //   children: React.ReactNode
 // }
@@ -25,8 +33,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 // @ts-ignore
 var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var children = _a.children,
-    props = __rest(_a, ["children"]);
-  // const rProps = omit({ ...props, ...children.props }, [
+      props = __rest(_a, ["children"]); // const rProps = omit({ ...props, ...children.props }, [
   //   'isSticky',
   //   'colStart',
   //   'colEnd',
@@ -41,28 +48,32 @@ var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   //   'additionalProps',
   //   'rowType',
   // ])
+
+
   return (
     /*#__PURE__*/
     // <th {...rProps} ref={ref as any} />
     _react.default.createElement("th", Object.assign({}, props, children.props, {
       ref: ref
-    }))
-    // <th {...props} ref={ref as any}>
+    })) // <th {...props} ref={ref as any}>
     //   {(children as any)?.props?.children || children}
     // </th>
+
   );
 });
 
 function SortableItem(props) {
   var id = props.id;
+
   var _useSortable = (0, _sortable.useSortable)({
-      id: id
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
+    id: id
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
   var style = {
     position: 'relative',
     transform: _utilities.CSS.Translate.toString(transform ? Object.assign(Object.assign({}, transform), {