linkmore-design 1.1.25 → 1.1.27-alpha.0

package/dist/variables.css

@@ -9738,6 +9738,9 @@ p {
   width: 32px;
   padding: 0 8px;
 }
+.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 {
+  height: 100%;
+}
 .lm_editTable_warpper .lm_editTable_cell {
   cursor: pointer;
   height: 40px;
@@ -9749,6 +9752,21 @@ p {
   letter-spacing: 0px;
   color: var(--color-85);
 }
+.lm_editTable_warpper .lm_custom_cell_td {
+  position: relative;
+}
+.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append .ant-table-row-expand-icon {
+  margin-right: 8px;
+  flex: none;
+}
+.lm_editTable_warpper .lm_custom_cell_td > .ant-form-item {
+  flex: 1 1 auto;
+}
 .lm_editTable_warpper .lm_custom_cell_td .ant-form-item-control-input-content {
   display: flex;
   flex-direction: row;
@@ -9760,6 +9778,32 @@ p {
 .lm_editTable_warpper .lm_custom_cell_td .ant-table-row-expand-icon {
   margin-top: 6px;
 }
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp {
+  font-size: 8px;
+  position: absolute;
+  left: calc(50% - 10px);
+  z-index: 100;
+  width: 20px;
+  height: 10px;
+  background-color: var(--color-6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #D8D8D8;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp:hover {
+  cursor: pointer;
+  background-color: var(--primary-color);
+  color: #fff;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_up {
+  top: -4px;
+  left: calc(50% - 10px);
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_down {
+  bottom: -6px;
+  left: calc(50% - 10px);
+}
 .lm_editTable_warpper .lm_editTable_cell_edit {
   height: 40px;
   padding: 8px 8px !important;
@@ -9771,6 +9815,9 @@ p {
 .lm_editTable_warpper .lm_table_quickcopy .anticon {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table-body {
+  scroll-behavior: smooth;
+}
 .lm_editTable_warpper .icon_drag {
   color: var(--tip-text-color);
 }
@@ -9787,6 +9834,9 @@ p {
 .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 {
   background-color: rgba(0, 0, 0, 0.06) !important;
 }
+.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 {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;
@@ -9830,6 +9880,21 @@ p {
 .lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
   background-color: var(--color-15);
 }
+.lm_edittable_col_sort_item {
+  overflow: hidden;
+}
+.lm_editable_col_drag {
+  background-color: #fff;
+  font-size: 12px;
+  display: flex;
+  box-sizing: border-box;
+  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
+  transform-origin: 0 0;
+  touch-action: manipulation;
+  scale: 1.05;
+  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);
+  padding: 8px;
+}
 .lm_filter_wrapper .lm_filter_container .lm_filter {
   display: flex;
   flex-wrap: wrap;

package/es/Input/index.js

@@ -47,19 +47,44 @@ LmInput.Search = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$allowClear2 = props.allowClear,
       allowClear = _props$allowClear2 === void 0 ? true : _props$allowClear2,
       className = props.className,
-      rest = __rest(props, ["allowClear", "className"]);
+      customSize = props.size,
+      customDisabled = props.disabled,
+      rest = __rest(props // ===================== Size =====================
+  , ["allowClear", "className", "size", "disabled"]); // ===================== Size =====================
+
 
+  var size = customSize || React.useContext(SizeContext) || 'middle'; // ===================== Disabled =====================
+
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled || disabled;
   return /*#__PURE__*/React.createElement(_Input.Search, Object.assign({
     enterButton: /*#__PURE__*/React.createElement(IconFont, {
       type: "lmweb-search"
     })
   }, rest, {
     ref: ref,
+    disabled: mergedDisabled || undefined,
     allowClear: allowClear,
+    size: size,
     className: cn('lm_input_search', className)
   }));
 });
-LmInput.TextArea = _Input.TextArea;
+LmInput.TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      rest = __rest(props // ===================== Size =====================
+  , ["size", "disabled"]); // ===================== Size =====================
+
+
+  var size = customSize || React.useContext(SizeContext) || 'middle'; // ===================== Disabled =====================
+
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled || disabled;
+  return /*#__PURE__*/React.createElement(_Input.TextArea, Object.assign({
+    size: size,
+    disabled: mergedDisabled || undefined
+  }, rest));
+});
 
 LmInput.Password = function (props) {
   var _props$allowClear3 = props.allowClear,

package/es/InputNumber/index.js

@@ -15,12 +15,11 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import classNames from 'classnames';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import DisabledContext from '../ConfigProvider/DisabledContext';
 import SizeContext from '../ConfigProvider/SizeContext';
 var prefixCls = 'lm_input-number';
-
-var LMInputNumber = function LMInputNumber(props) {
+var LMInputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       className = props.className,
       customDisabled = props.disabled,
@@ -35,23 +34,22 @@ var LMInputNumber = function LMInputNumber(props) {
   var size = React.useContext(SizeContext);
   var mergeSize = customizeSize || size;
   return /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
+    ref: ref,
     className: classNames(className, prefixCls),
     placeholder: "\u8BF7\u8F93\u5165"
   }, rest, {
     size: mergeSize,
     disabled: mergedDisabled
   }));
-};
-
+});
 var CInputNumber = LMInputNumber;
-
-CInputNumber.Price = function (props) {
+CInputNumber.Price = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
     prefix: "\uFFE5",
+    ref: ref,
     formatter: function formatter(value) {
       return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     }
   }, props));
-};
-
+});
 export default CInputNumber;

package/es/LmEditTable/DndContainer.d.ts

@@ -1,5 +1,8 @@
-declare const DndContainer: ({ children, move }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ children, move, options, rowKey }: {
     children: any;
     move: any;
-}) => JSX.Element;
-export default DndContainer;
+    options: any;
+    rowKey: any;
+}) => JSX.Element>;
+export default _default;

package/es/LmEditTable/DndContainer.js

@@ -1,18 +1,61 @@
-import React from 'react';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { memo } from 'react';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, DragOverlay } from '@dnd-kit/core';
 import { restrictToParentElement } from '@dnd-kit/modifiers';
-import { sortableKeyboardCoordinates } from '@dnd-kit/sortable'; // 可拖拽容器
+import { sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+var DragOver = /*#__PURE__*/React.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.createElement(DragOverlay, {
+    adjustScale: false
+  }, isDragging ? /*#__PURE__*/React.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.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isDragging = _React$useState2[0],
+      setIsDragging = _React$useState2[1]; // 是否拖拽中
+
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      activeId = _React$useState4[0],
+      setActiveId = _React$useState4[1]; // 是否拖拽中
+
 
-var DndContainer = function DndContainer(_ref) {
-  var children = _ref.children,
-      move = _ref.move;
   var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
     coordinateGetter: 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;
@@ -24,12 +67,29 @@ 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.createElement(DndContext, {
     sensors: sensors,
     collisionDetection: closestCenter,
+    onDragStart: handleDragStart,
     onDragEnd: handleDragEnd,
+    onDragCancel: function onDragCancel() {
+      return setActiveId(null);
+    },
     modifiers: [restrictToParentElement]
-  }, children);
+  }, children, /*#__PURE__*/React.createElement(DragOver, {
+    instance: instance
+  }));
 };
 
-export default DndContainer;
+export default /*#__PURE__*/memo(DndContainer);

package/es/LmEditTable/DragHandle.js

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

package/es/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;