linkmore-design 1.1.26 → 1.1.27-alpha.1

package/lib/LmEditTable/DndContainer.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +9,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _core = require("@dnd-kit/core");
 
@@ -15,17 +19,60 @@ var _modifiers = require("@dnd-kit/modifiers");
 
 var _sortable = require("@dnd-kit/sortable");
 
-// 可拖拽容器
-var DndContainer = function DndContainer(_ref) {
-  var children = _ref.children,
-      move = _ref.move;
+var DragOver = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var isDragging = instance.isDragging,
+      activeId = instance.activeId,
+      options = instance.options;
+  var item = activeId && options.find(function (v) {
+    return v.dataIndex === activeId;
+  });
+  return /*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
+    adjustScale: false
+  }, isDragging ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_editable_col_drag"
+  }, item === null || item === void 0 ? void 0 : item.title) : null);
+}); // 可拖拽容器
+
+
+var DndContainer = function DndContainer(_ref2) {
+  var children = _ref2.children,
+      move = _ref2.move,
+      options = _ref2.options,
+      rowKey = _ref2.rowKey;
+
+  var _React$useState = _react.default.useState(false),
+      _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]; // 是否拖拽中
+
+
   var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
     coordinateGetter: _sortable.sortableKeyboardCoordinates
-  })); // 拖拽结束
+  })); // 开始拖拽
+
+  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; // 未移入时触发
+        over = event.over;
+    setActiveId(null); // 未移入时触发
 
     if (!(over === null || over === void 0 ? void 0 : over.id)) {
       return;
@@ -37,13 +84,31 @@ var DndContainer = function DndContainer(_ref) {
     }
   };
 
+  var instance = {
+    isDragging: isDragging,
+    activeId: activeId,
+    options: options,
+    rowKey: rowKey,
+    children: children,
+    move: move,
+    items: options === null || options === void 0 ? void 0 : options.map(function (v) {
+      return v[rowKey];
+    })
+  };
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: sensors,
     collisionDetection: _core.closestCenter,
+    onDragStart: handleDragStart,
     onDragEnd: handleDragEnd,
+    onDragCancel: function onDragCancel() {
+      return setActiveId(null);
+    },
     modifiers: [_modifiers.restrictToParentElement]
-  }, children);
+  }, children, /*#__PURE__*/_react.default.createElement(DragOver, {
+    instance: instance
+  }));
 };
 
-var _default = DndContainer;
+var _default = /*#__PURE__*/(0, _react.memo)(DndContainer);
+
 exports.default = _default;

package/lib/LmEditTable/DragHandle.js

@@ -29,7 +29,7 @@ var Dragger = function Dragger(_ref) {
       touchAction: 'none',
       cursor: 'move'
     },
-    className: 'icon_drag' + (isDragging ? 'bing' : '')
+    className: "icon_drag".concat(isDragging ? 'bing' : '')
   }));
 };
 

package/lib/LmEditTable/EditTable.d.ts

@@ -5,6 +5,7 @@ interface ILmEditTable extends TableProps<any> {
     isEdit?: boolean;
     isAdd?: boolean;
     rowKey?: string;
+    disabled?: boolean;
     rowHoverEdit?: boolean;
     isUseForm?: boolean;
     isHoverEdit?: boolean;
@@ -13,6 +14,7 @@ interface ILmEditTable extends TableProps<any> {
     sortOpen?: boolean;
     size?: TableProps<any>['size'];
     colSortOpen?: boolean;
+    indexCol?: boolean | Record<string, any>;
     filterChange?: (data: TableProps<any>['columns']) => void;
     recordCreatorProps?: {
         creatorButtonText?: string;
@@ -31,7 +33,8 @@ export interface CountdownHandle {
     getCheckboxRecords: () => any[];
     clearSelect: () => void;
     customSetCheckboxRecords: (data: any[]) => void;
-    valid: () => void;
+    deleteRowData: (record: string | Record<string, any>) => void;
+    addRowData: (record: string | Record<string, any>, defaultValue?: Record<string, any> | Record<string, any>[], addInChild?: boolean | 'replace') => void;
 }
 interface ILmColumns extends TableColumnType<any> {
     editable?: 'input' | 'number' | 'inputRange' | 'date' | 'select' | 'multiple' | 'checkbox' | 'radio' | 'switch' | 'upload' | 'operate' | 'lm_edit_opetate' | 'render';
@@ -43,12 +46,14 @@ interface ILmColumns extends TableColumnType<any> {
     componentProps?: Record<string, any>;
     relevanceCols?: boolean;
 }
-export declare type TLmEditTable = ILmEditTable & {
+export declare type TLmEditTable = {
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
-};
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ILmEditTable & {
+    virtual?: boolean;
+} & ILmEditTable;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
-} & React.RefAttributes<CountdownHandle>>>;
+    virtual?: boolean;
+} & ILmEditTable & React.RefAttributes<CountdownHandle>>>;
 export default _default;