linkmore-design 1.0.49 → 1.0.50

package/lib/LmEditTable/DndContainer.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@dnd-kit/core");
+
+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 sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  })); // 拖拽结束
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over; // 未移入时触发
+
+    if (!(over === null || over === void 0 ? void 0 : over.id)) {
+      return;
+    } // 移入时触发更新数据
+
+
+    if (active.id !== over.id) {
+      move(active.id, over.id);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    collisionDetection: _core.closestCenter,
+    onDragEnd: handleDragEnd,
+    modifiers: [_modifiers.restrictToParentElement]
+  }, children);
+};
+
+var _default = DndContainer;
+exports.default = _default;

package/lib/LmEditTable/DragHandle.d.ts

@@ -0,0 +1,4 @@
+export declare const Dragger: ({ id }: {
+    id: any;
+}) => JSX.Element;
+export default Dragger;

package/lib/LmEditTable/DragHandle.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Dragger = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var Dragger = function Dragger(_ref) {
+  var id = _ref.id;
+
+  var _useSortable = (0, _sortable.useSortable)({
+    id: id
+  }),
+      listeners = _useSortable.listeners,
+      isDragging = _useSortable.isDragging;
+
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, Object.assign({
+    type: "lmweb-icon-m-receipt"
+  }, listeners, {
+    style: {
+      touchAction: 'none'
+    },
+    className: 'icon_drag' + (isDragging ? 'bing' : '')
+  }));
+};
+
+exports.Dragger = Dragger;
+var _default = Dragger;
+exports.default = _default;

package/lib/LmEditTable/EditTable.d.ts

@@ -0,0 +1,31 @@
+import type { TableProps, TableColumnType } from 'antd';
+import React from 'react';
+interface ILmEditTable extends TableProps<any> {
+    value: TableProps<any>['dataSource'];
+    isEdit?: boolean;
+    isAdd?: boolean;
+    rowKey?: string;
+    rowHoverEdit?: boolean;
+    isUseForm?: boolean;
+    isHoverEdit?: boolean;
+    useQuickOpetate?: boolean;
+    sortOpen?: boolean;
+    size?: TableProps<any>['size'];
+}
+interface ILmColumns extends TableColumnType<any> {
+    editable?: 'input' | 'number' | 'inputRange' | 'date' | 'select' | 'multiple' | 'checkbox' | 'radio' | 'switch' | 'upload' | 'operate' | 'lm_edit_opetate' | 'render';
+    dataIndex?: string;
+    itemProps?: Record<string, any>;
+    editEnum?: any;
+    valueType?: any;
+    order?: number;
+}
+export declare type TLmEditTable = {
+    onChange?: (data: any[]) => void;
+    columns: ILmColumns[];
+} & ILmEditTable;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    onChange?: (data: any[]) => void;
+    columns: ILmColumns[];
+} & ILmEditTable & React.RefAttributes<unknown>>>;
+export default _default;