linkmore-design 1.1.25 → 1.1.27-alpha.0

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

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

package/es/LmEditTable/components/DraggableContainer.js

@@ -0,0 +1,39 @@
+var __rest = this && this.__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;
+};
+
+import React from 'react';
+import DndContainer from '../rowSort/DndContainerRow';
+import SortableBox from '../sortableBox';
+import { VirtualWrapper } from '../virtual';
+
+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"]);
+
+  return /*#__PURE__*/React.createElement(DndContainer, {
+    move: onSortEnd,
+    items: keys,
+    rowKey: rowKey,
+    options: options,
+    tableWidth: tableWidth
+  }, /*#__PURE__*/React.createElement(SortableBox, {
+    items: keys
+  }, virtual ? /*#__PURE__*/React.createElement(VirtualWrapper, Object.assign({}, props)) : /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
+};
+
+export default DraggableContainer;

package/es/LmEditTable/components/QuickOpetate.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+interface IOpetateProps {
+    record: Record<string, any>;
+    rowKey?: string;
+    handleAdd?: (row?: any, addInChildren?: boolean) => void;
+    handleDelete?: (rowKey?: string) => void;
+    options?: string[];
+    getLength?: number;
+    quickOpetateClearAll?: boolean;
+}
+declare const QuickOpetate: FC<IOpetateProps>;
+export default QuickOpetate;

package/es/LmEditTable/components/QuickOpetate.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import Button from '../../Button';
+import IconFont from '../../IconFont';
+import Popover from '../../Popover';
+import DisabledContext from '../../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;
+  var disabled = React.useContext(DisabledContext) || 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.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      marginLeft: '-4px'
+    }
+  }, options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    disabled: !quickOpetateClearAll && getLength < 2 || disabled,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-minus-circle",
+      style: {
+        fontSize: 16
+      }
+    }),
+    onClick: function onClick() {
+      return handleDelete(record[rowKey]);
+    }
+  }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Popover, {
+    placement: "bottom",
+    overlayClassName: "lm_table_append_add_popover",
+    open: open,
+    title: null,
+    content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
+      onClick: appendAdd
+    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React.createElement("li", {
+      onClick: appendChildren
+    }, "\u6DFB\u52A0\u5B50\u7EA7")),
+    trigger: "hover"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-plus-circle-fill",
+      style: {
+        fontSize: 16
+      }
+    })
+  })) : (options === null || options === void 0 ? void 0 : options.includes('add')) || (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    disabled: disabled,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-plus-circle-fill",
+      style: {
+        fontSize: 16
+      }
+    }),
+    onClick: function onClick() {
+      return handleAdd(record, !!(options === null || options === void 0 ? void 0 : options.includes('addInChildren')));
+    }
+  }) : null);
+};
+
+export default QuickOpetate;

package/es/LmEditTable/components/bottomOpetateComponent.d.ts

@@ -0,0 +1,13 @@
+interface IBottomOpetateCompoentProps {
+    isShowAddAction?: boolean;
+    handleAdd?: () => void;
+    recordCreatorProps?: {
+        creatorButtonText?: string;
+        style?: Record<string, any>;
+        initData?: Record<string, any> | (() => Record<string, any>);
+        customAddClick?: () => void;
+    };
+    disabled?: boolean;
+}
+declare const BottomOpetateComponent: (props: IBottomOpetateCompoentProps) => JSX.Element;
+export default BottomOpetateComponent;

package/es/LmEditTable/components/bottomOpetateComponent.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Button, IconFont } from '../../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;
+  return isShowAddAction ? /*#__PURE__*/React.createElement(Button, {
+    className: "lm_editTable_add_bar",
+    type: "dashed",
+    disabled: disabled,
+    onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
+    style: Object.assign({
+      marginTop: 8
+    }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-plus"
+  }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增') : null;
+};
+
+export default BottomOpetateComponent;

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

@@ -0,0 +1,16 @@
+import DraggableContainer from './DraggableContainer';
+import BottomOpetateComponent from './bottomOpetateComponent';
+import QuickOpetate from './QuickOpetate';
+export { DraggableContainer, BottomOpetateComponent, QuickOpetate };
+declare const _default: {
+    DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
+        [x: string]: any;
+        keys: any;
+        onSortEnd: any;
+        virtual: any;
+        rowKey: any;
+        options: any;
+        tableWidth: any;
+    }) => JSX.Element;
+};
+export default _default;

package/es/LmEditTable/components/index.js

@@ -0,0 +1,7 @@
+import DraggableContainer from './DraggableContainer';
+import BottomOpetateComponent from './bottomOpetateComponent';
+import QuickOpetate from './QuickOpetate';
+export { DraggableContainer, BottomOpetateComponent, QuickOpetate };
+export default {
+  DraggableContainer: DraggableContainer
+};

package/es/LmEditTable/hooks/useForkRef.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'react';
+export default function useForkRef<InstanceA, InstanceB>(refA: Ref<InstanceA> | null | undefined, refB: Ref<InstanceB> | null | undefined): Ref<InstanceA & InstanceB> | null;

package/es/LmEditTable/hooks/useForkRef.js

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+export default function useForkRef(refA, refB) {
+  return useMemo(function () {
+    if (refA == null && refB == null) {
+      return null;
+    }
+
+    return function (refValue) {
+      setRef(refA, refValue);
+      setRef(refB, refValue);
+    };
+  }, [refA, refB]);
+}

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

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

package/es/LmEditTable/rowSort/DndContainerRow.js

@@ -0,0 +1,81 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { memo } from 'react';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { sortableKeyboardCoordinates } from '@dnd-kit/sortable'; // 可拖拽容器
+
+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.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 sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  })); // 开始拖拽
+
+  var handleDragStart = function handleDragStart(_ref2) {
+    var active = _ref2.active;
+    setIsDragging(true);
+
+    if (!active) {
+      return;
+    }
+
+    setActiveId(active.id);
+  }; // 拖拽结束
+
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        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);
+    }
+  };
+
+  var instance = {
+    isDragging: isDragging,
+    activeId: activeId,
+    options: options,
+    rowKey: rowKey,
+    children: children,
+    move: move,
+    items: items,
+    tableWidth: tableWidth
+  };
+  console.log('instance', instance);
+  return /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    onDragStart: handleDragStart,
+    onDragCancel: function onDragCancel() {
+      return setActiveId(null);
+    },
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd,
+    modifiers: [restrictToParentElement, restrictToVerticalAxis]
+  }, children);
+};
+
+export default /*#__PURE__*/memo(DndContainer);

package/es/LmEditTable/sortableItem.d.ts

@@ -1,2 +1,3 @@
-declare const SortableItem: (props: any) => JSX.Element;
-export default SortableItem;
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
+export default _default;

package/es/LmEditTable/sortableItem.js

@@ -11,15 +11,17 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React from 'react';
+import React, { memo } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
+import { VirtualRow } from './virtual';
 
 var SortableItem = function SortableItem(props) {
   var key = props['data-row-key'],
       children = props.children,
       className = props.className,
-      resetField = __rest(props, ['data-row-key', "children", "className"]);
+      virtual = props.virtual,
+      resetField = __rest(props, ['data-row-key', "children", "className", "virtual"]);
 
   var _useSortable = useSortable({
     id: key
@@ -33,11 +35,21 @@ var SortableItem = function SortableItem(props) {
     transform: CSS.Transform.toString(transform),
     transition: transition
   };
-  return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetField, {
+
+  if (!virtual) {
+    return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetField, {
+      ref: setNodeRef,
+      key: key,
+      style: style
+    }, attributes), children);
+  }
+
+  return /*#__PURE__*/React.createElement(VirtualRow, Object.assign({}, resetField, {
     ref: setNodeRef,
+    pref: setNodeRef,
     key: key,
     style: style
   }, attributes), children);
 };
 
-export default SortableItem;
+export default /*#__PURE__*/memo(SortableItem);

package/es/LmEditTable/sortableItemCol.js

@@ -12,21 +12,49 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React, { forwardRef } from 'react';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-var Item = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b;
+import { useSortable } from '@dnd-kit/sortable'; // import { omit } from 'lodash'
+
+import { CSS } from '@dnd-kit/utilities'; // interface ItemType {
+//   children: React.ReactNode
+// }
+// interface ItemInstance {}
+// @ts-ignore
 
+var Item = /*#__PURE__*/forwardRef(function (_a, ref) {
   var children = _a.children,
-      props = __rest(_a, ["children"]);
+      props = __rest(_a, ["children"]); // const rProps = omit({ ...props, ...children.props }, [
+  //   'isSticky',
+  //   'colStart',
+  //   'colEnd',
+  //   'prefixCls',
+  //   'fixLeft',
+  //   'fixRight',
+  //   'lastFixLeft',
+  //   'firstFixRight',
+  //   'lastFixRight',
+  //   'firstFixLeft',
+  //   'isSticky',
+  //   'additionalProps',
+  //   'rowType',
+  // ])
 
-  return /*#__PURE__*/React.createElement("th", Object.assign({}, props, {
-    ref: ref
-  }), ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) || children);
+
+  return (
+    /*#__PURE__*/
+    // <th {...rProps} ref={ref as any} />
+    React.createElement("th", Object.assign({}, props, children.props, {
+      ref: ref
+    })) // <th {...props} ref={ref as any}>
+    //   {(children as any)?.props?.children || children}
+    // </th>
+
+  );
 });
 export default function SortableItem(props) {
+  var id = props.id;
+
   var _useSortable = useSortable({
-    id: props.id
+    id: id
   }),
       attributes = _useSortable.attributes,
       listeners = _useSortable.listeners,
@@ -36,7 +64,9 @@ export default function SortableItem(props) {
 
   var style = {
     position: 'relative',
-    transform: CSS.Translate.toString(transform),
+    transform: CSS.Translate.toString(transform ? Object.assign(Object.assign({}, transform), {
+      y: 0
+    }) : transform),
     transition: transition,
     touchAction: 'none',
     height: '40px',

package/es/LmEditTable/style/index.css

@@ -538,6 +538,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;
@@ -549,6 +552,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;
@@ -560,6 +578,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;
@@ -571,6 +615,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);
 }
@@ -587,6 +634,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;
@@ -630,3 +680,18 @@ 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;
+}

package/es/LmEditTable/style/variables.css

@@ -26,6 +26,9 @@
   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;
@@ -37,6 +40,21 @@
   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;
@@ -48,6 +66,32 @@
 .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;
@@ -59,6 +103,9 @@
 .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);
 }
@@ -75,6 +122,9 @@
 .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;
@@ -118,3 +168,18 @@
 .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;
+}

package/es/LmEditTable/util.d.ts

@@ -2,6 +2,13 @@ export declare function isObjEmpty(obj: Record<string, any>): boolean;
 export declare function deepDataSourcePreKeys(dataSource: any[], rowKey: string): any;
 export declare function isExpandRow(children: any): boolean;
 export declare function checkRowKeyByDataSource(dataSource: any, rowKey: any): any;
+export declare function getExpandStatus(children: any): any;
+export declare function checkMemoShouldUploadSpecialFun(prev: any, next: any): any;
+export declare function checkExpandIconColumnIndex({ rowSelection, sortOpen, indexCol }: {
+    rowSelection: any;
+    sortOpen: any;
+    indexCol: any;
+}): number;
 declare const _default: {
     isObjEmpty: typeof isObjEmpty;
 };