@arim-aisdc/public-components 2.0.24 → 2.1.0

package/dist/assets/iconfont/table/iconfont.css

@@ -1,8 +1,6 @@
 @font-face {
-  font-family: "iconfont-table"; /* Project id 4453758 */
-  src: url('iconfont.woff2?t=1727342206392') format('woff2'),
-       url('iconfont.woff?t=1727342206392') format('woff'),
-       url('iconfont.ttf?t=1727342206392') format('truetype');
+  font-family: "iconfont-table"; /* Project id 4386651 */
+  src: url('./iconfont.ttf?t=1729650040389') format('truetype');
 }
 
 .iconfont-table {
@@ -13,35 +11,59 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-table-midu:before {
-  content: "\e87d";
+.icon-table-guanbiqita:before {
+  content: "\e6db";
 }
 
-.icon-table-delete:before {
-  content: "\e87c";
+.icon-table-shuaxinbiaoqian:before {
+  content: "\e6dc";
 }
 
-.icon-table-shuaxin:before {
-  content: "\e87b";
+.icon-table-guanbibiaoqian:before {
+  content: "\e6dd";
 }
 
 .icon-table-upload:before {
-  content: "\e878";
+  content: "\e877";
 }
 
 .icon-table-download:before {
-  content: "\e87a";
+  content: "\e878";
+}
+
+.icon-table-refresh:before {
+  content: "\e7c1";
+}
+
+.icon-table-edit:before {
+  content: "\e7c2";
+}
+
+.icon-table-calendar:before {
+  content: "\e7c3";
+}
+
+.icon-table-reduce:before {
+  content: "\e7c4";
+}
+
+.icon-table-setting:before {
+  content: "\e7bc";
+}
+
+.icon-table-delete:before {
+  content: "\e7bd";
 }
 
-.icon-table-shezhi:before {
-  content: "\e643";
+.icon-table-drag:before {
+  content: "\e7be";
 }
 
-.icon-table-zhexian:before {
-  content: "\e644";
+.icon-table-down:before {
+  content: "\e7bf";
 }
 
-.icon-table-biaoge:before {
-  content: "\e645";
+.icon-table-pin:before {
+  content: "\e7c0";
 }
 

package/dist/components/CacheTabs/CacheTabs.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+export type CacheTabsProps = {
+    useAliveController: any;
+    pathname: string;
+    history: any;
+    nodeList?: any;
+};
+declare const _default: ({ useAliveController, pathname, history, nodeList }: CacheTabsProps) => React.ReactElement;
+export default _default;

package/dist/components/CacheTabs/CacheTabs.js

@@ -0,0 +1,241 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Dropdown, Tabs, Tooltip } from 'antd';
+import React, { useState } from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function (_ref) {
+  var useAliveController = _ref.useAliveController,
+    pathname = _ref.pathname,
+    history = _ref.history,
+    nodeList = _ref.nodeList;
+  // 获取缓存列表
+  var _useAliveController = useAliveController === null || useAliveController === void 0 ? void 0 : useAliveController(),
+    getCachingNodes = _useAliveController.getCachingNodes,
+    dropScope = _useAliveController.dropScope,
+    clear = _useAliveController.clear,
+    refreshScope = _useAliveController.refreshScope;
+  var cachingNodes = ((getCachingNodes === null || getCachingNodes === void 0 ? void 0 : getCachingNodes()) || nodeList).filter(function (item) {
+    return item === null || item === void 0 ? void 0 : item.tabName;
+  });
+  var _useState = useState({
+      path: '',
+      open: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+
+  // 阻止右键事件冒泡
+  var onRightClick = function onRightClick(e, name) {
+    return open.open && open.path === name && e.stopPropagation();
+  };
+
+  // 点击tab，跳转页面
+  var clickTab = function clickTab(path) {
+    history === null || history === void 0 || history.push(path);
+  };
+
+  // 关闭tab，销毁缓存
+  var editTab = function editTab(path) {
+    dropScope === null || dropScope === void 0 || dropScope(path);
+    // 关闭当前页面，需跳转到其他页签
+    if (path === pathname) {
+      var index = cachingNodes.findIndex(function (item) {
+        return item.name === path;
+      });
+      if (index > 0) {
+        history === null || history === void 0 || history.push(cachingNodes[index - 1].name);
+      } else {
+        history === null || history === void 0 || history.push(cachingNodes[1].name);
+      }
+    }
+  };
+
+  // 关闭当前页
+  var onCurrent = function onCurrent(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    dropScope === null || dropScope === void 0 || dropScope(targetKey);
+    // 关闭当前页面，需跳转到其他页签
+    if (targetKey === pathname) {
+      var index = cachingNodes.findIndex(function (item) {
+        return item.name === targetKey;
+      });
+      if (index > 0) {
+        history === null || history === void 0 || history.push(cachingNodes[index - 1].name);
+      } else {
+        history === null || history === void 0 || history.push(cachingNodes[1].name);
+      }
+    }
+  };
+
+  // 关闭其他
+  var onOther = function onOther(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    history === null || history === void 0 || history.push(targetKey);
+    clear === null || clear === void 0 || clear();
+  };
+
+  //关闭左侧
+  var onLeft = function onLeft(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    var lastIndex = cachingNodes.findIndex(function (item) {
+      return item.name === pathname;
+    });
+    var currIndex = cachingNodes.findIndex(function (item) {
+      return item.name === targetKey;
+    });
+    if (currIndex > lastIndex) history === null || history === void 0 || history.push(targetKey);
+    cachingNodes.forEach(function (item, index) {
+      if (index < currIndex) {
+        dropScope === null || dropScope === void 0 || dropScope((item === null || item === void 0 ? void 0 : item.name) || '');
+      }
+    });
+  };
+
+  // 关闭右侧
+  var onRight = function onRight(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    var lastIndex = cachingNodes.findIndex(function (item) {
+      return item.name === pathname;
+    });
+    var currIndex = cachingNodes.findIndex(function (item) {
+      return item.name === targetKey;
+    });
+    if (currIndex < lastIndex) history === null || history === void 0 || history.push(targetKey);
+    cachingNodes.forEach(function (item, index) {
+      if (index > currIndex) {
+        dropScope === null || dropScope === void 0 || dropScope((item === null || item === void 0 ? void 0 : item.name) || '');
+      }
+    });
+  };
+
+  // 关闭全部
+  var onAll = function onAll() {
+    history === null || history === void 0 || history.push('/home');
+    clear === null || clear === void 0 || clear();
+  };
+
+  // 重新加载
+  var onRefresh = function onRefresh(e) {
+    var targetKey = JSON.parse(e === null || e === void 0 ? void 0 : e.key).name;
+    refreshScope === null || refreshScope === void 0 || refreshScope(targetKey);
+  };
+  var labelDropdown = function labelDropdown(name, label) {
+    var lastIndex = cachingNodes.findIndex(function (item) {
+      return item.name === name;
+    });
+    console.log(cachingNodes, lastIndex, 'cachingNodes');
+    return /*#__PURE__*/_jsx("div", {
+      onClick: function onClick(e) {
+        return onRightClick(e, name);
+      },
+      children: /*#__PURE__*/_jsx(Dropdown, {
+        overlayClassName: "cache-tabs-dropdown",
+        trigger: ['contextMenu'],
+        onOpenChange: function onOpenChange(e) {
+          return setOpen({
+            path: name,
+            open: e
+          });
+        },
+        menu: {
+          items: [{
+            icon: /*#__PURE__*/_jsx("i", {
+              className: "iconfont-table icon-table-shuaxinbiaoqian"
+            }),
+            label: '刷新标签',
+            key: JSON.stringify({
+              name: name,
+              key: 'refresh'
+            }),
+            onClick: onRefresh
+          }, {
+            icon: /*#__PURE__*/_jsx("i", {
+              className: "iconfont-table icon-table-guanbibiaoqian"
+            }),
+            label: '关闭标签',
+            key: JSON.stringify({
+              name: name,
+              key: 'current'
+            }),
+            disabled: cachingNodes.length <= 1,
+            onClick: onCurrent
+          }, {
+            icon: /*#__PURE__*/_jsx("i", {
+              className: "iconfont-table icon-table-guanbiqita"
+            }),
+            label: '关闭其他标签页',
+            key: JSON.stringify({
+              name: name,
+              key: 'other'
+            }),
+            disabled: cachingNodes.length <= 1,
+            onClick: onOther
+          }
+          // {
+          //   icon: '',
+          //   label: '关闭左侧',
+          //   key: JSON.stringify({ name, key: 'left' }),
+          //   disabled: lastIndex === 0,
+          //   onClick: onLeft,
+          // },
+          // {
+          //   label: '关闭右侧',
+          //   key: JSON.stringify({ name, key: 'right' }),
+          //   disabled: lastIndex === cachingNodes.length - 1,
+          //   onClick: onRight,
+          // },
+          // {
+          //   label: '重新加载',
+          //   key: JSON.stringify({ name, key: 'refresh' }),
+          //   onClick: onRefresh,
+          // },
+          ]
+        },
+        children: /*#__PURE__*/_jsx(Tooltip, {
+          title: name,
+          color: "var(--globalColor7)",
+          overlayStyle: {
+            border: '1px solid var(--tableColor2)',
+            borderRadius: '6px'
+          },
+          overlayInnerStyle: {
+            padding: '6px 16px',
+            borderRadius: '6px',
+            color: 'var(--globalColor1)',
+            background: 'var(--globalColor1)',
+            fontSize: '14px',
+            lineHeight: '28px'
+          },
+          children: /*#__PURE__*/_jsx("div", {
+            className: cachingNodes.length > 1 ? 'dropdown-label' : '',
+            children: label
+          })
+        }, name)
+      })
+    });
+  };
+  var tabItems = cachingNodes.map(function (item) {
+    return {
+      label: labelDropdown(item.name, item.tabName),
+      key: item.name,
+      closable: cachingNodes.length > 1
+    };
+  });
+  return /*#__PURE__*/_jsx(Tabs, {
+    hideAdd: true,
+    size: "middle",
+    type: "editable-card",
+    className: "cache-tabs",
+    activeKey: pathname,
+    onTabClick: clickTab,
+    onEdit: editTab,
+    items: tabItems,
+    tabBarGutter: 0
+  });
+});

package/dist/components/CacheTabs/index.d.ts

@@ -0,0 +1,3 @@
+import CacheTabs from './CacheTabs';
+export default CacheTabs;
+export type { CacheTabsProps } from './CacheTabs';

package/dist/components/CacheTabs/index.js

@@ -0,0 +1,2 @@
+import CacheTabs from "./CacheTabs";
+export default CacheTabs;

package/dist/components/CacheTabs/index.less

@@ -0,0 +1,107 @@
+// index.less
+ 
+.cache-tabs { 
+  height: 40px;
+  padding-top: 4px;
+  background: @globalColor8;
+
+  .ant-tabs-nav {
+    margin-bottom: 0;
+    height: 100%;
+  }
+
+  &>.ant-tabs-nav .ant-tabs-tab {
+    background: @globalColor8 !important;
+    border: 0 !important;
+    position: relative !important;
+    display: flex;
+    justify-items: center;
+    align-items: center;
+    color: @globalColor2;
+    height: 100% !important;
+    padding: 0 12px !important;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab-active {
+    background: @globalColor7 !important;
+    border-radius: 6px 6px 0 0 !important;
+    border: 0 !important;
+    .ant-tabs-tab-btn {
+      color: @globalColor1 !important;
+    }
+  }
+  &>.ant-tabs-nav::before {
+    z-index: 1;
+    border-bottom: 1px solid @tableColor7;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active)::before{
+    position: absolute !important;
+    left: 0;
+    top: 10px;
+    bottom: 6px;
+    border-left: 1px solid @tableColor7;
+    content: '';
+  }
+  .ant-tabs-tab-active + .ant-tabs-tab::before, .ant-tabs-tab:nth-child(1):before{
+    position: absolute !important;
+    left: 0;
+    top: 10px;
+    bottom: 6px;
+    border-left: none !important;
+    content: '';
+  }
+  .dropdown-label {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 84px;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
+    padding: 0 !important;
+    margin: 0 0 0 4px;
+  }
+  &>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    color: @global-icon-color;
+    font-size: 10px;
+    &:hover {
+      background: @globalColor_14;
+    }
+    svg {
+      margin-top: 3px;
+    }
+  }
+}
+
+.cache-tabs-dropdown {
+  z-index: 9999;
+  .ant-dropdown-menu {
+    padding: 0 !important;
+    border-radius: 6px !important;
+    background: @global-row-hover-background-color;
+    box-shadow: 0px 5px 12px -4px @global-hover-box-shadow-color;
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid @tableColor7;
+   
+  }
+  .ant-dropdown-menu-item {
+    padding: 7px 12px !important;
+    display: flex;
+    align-items: center;
+    line-height: 22px !important;
+    border-radius: 0 !important;
+    color: @globalColor1 !important;
+  }
+  .ant-dropdown-menu-item-active, .ant-dropdown-menu-item:hover {
+    background: @globalColor_14 !important;
+  }
+  .iconfont-table {
+    font-size: 16px !important;
+    line-height: 22px !important;
+    color: @global-icon-color !important;
+    margin-right: 4px;
+    margin-top: 2px;
+  }
+}

package/dist/components/ConfigProvider/context.d.ts

@@ -16,6 +16,8 @@ export interface ConfigConsumerProps {
     root?: string;
     /** 空数据图标组件 */
     renderEmpty?: (theme?: ThemeType) => React.ReactNode;
+    /**request函数 用于下载*/
+    request?: (...params: any[]) => Promise<Blob>;
 }
 export declare const DEFAULT_CONTEXT: {
     theme: string;

package/dist/components/CustomForm/CustomForm.js

@@ -340,6 +340,7 @@ var CustomForm = function CustomForm(_ref, ref) {
           onChange: function onChange(e) {
             return commonChange(e, item);
           },
+          disabled: item === null || item === void 0 ? void 0 : item.disabled,
           children: item.setting.map(function (el, num) {
             return /*#__PURE__*/_jsx(Radio, {
               value: el.value,

package/dist/components/CustomForm/index.less

@@ -45,12 +45,12 @@
   }
 }
 
-.xmTtn {
-  width: 76px;
-  height: 32px;
-  border-radius: 2px;
-  padding: 0 !important;
-}
+// .xmTtn {
+//   width: 76px;
+//   height: 32px;
+//   border-radius: 2px;
+//   padding: 0 !important;
+// }
 
 .xmTtn + .xmTtn {
   margin-left: 16px;

package/dist/components/GlobalTip/MessageTip/MessageTip.d.ts

@@ -1,3 +1,4 @@
+import './index.less';
 import { MessageTipPropType } from './type';
 declare const MessageTip: {
     success: (info: MessageTipPropType) => void;

package/dist/components/GlobalTip/MessageTip/MessageTip.js

@@ -5,13 +5,14 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { message } from 'antd';
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var defaultTipIconMap = {
   success: 'iconfont-theme-dark-four icon-theme-dark-four-successful',
   error: 'iconfont-theme-dark-four icon-theme-dark-four-error',
   info: 'iconfont-theme-dark-four icon-theme-dark-four-information',
   attention: 'iconfont-theme-dark-four icon-theme-dark-four-warning',
-  loading: 'iconfont-theme-dark-four icon-theme-dark-four-loading'
+  loading: 'anticon-loading-spin iconfont-theme-dark-four icon-theme-dark-four-loading'
 };
 var messageConfig = function messageConfig(_ref) {
   var key = _ref.key,
@@ -22,7 +23,7 @@ var messageConfig = function messageConfig(_ref) {
     _ref$tipIconMap = _ref.tipIconMap,
     tipIconMap = _ref$tipIconMap === void 0 ? defaultTipIconMap : _ref$tipIconMap;
   var defaultDuration = tipCode === 'loading' ? 0 : 2;
-  message.success({
+  message.open({
     key: key,
     icon: /*#__PURE__*/_jsx("span", {
       className: "".concat(tipCode, "Icon"),

package/dist/components/GlobalTip/MessageTip/index.less

@@ -0,0 +1,15 @@
+.anticon-loading-spin {
+  display: inline-block;
+  animation: loong 1s infinite linear;
+
+  // &:before {
+  //   display: inline-block;
+  // animation: loong 1s infinite linear;
+  // -webkit-animation: loong 1s infinite linear
+  // }
+}
+@keyframes loong {
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/components/GlobalTip/ModalTip/ModalTip.js

@@ -70,7 +70,8 @@ var updateModal = function updateModal(_ref3) {
     _ref3$duration = _ref3.duration,
     duration = _ref3$duration === void 0 ? 3000 : _ref3$duration,
     afterClose = _ref3.afterClose;
-  console.log('==================', modal);
+  // console.log('==================', modal);
+
   if (modal) {
     modal.update(_objectSpread(_objectSpread({}, config({
       tipCode: tipCode,

package/dist/components/QueryFilter/index.less

@@ -39,13 +39,13 @@
   }
 }
 
-.xmTtn {
-  width: 76px;
-  height: 32px;
-  border-radius: 2px;
-  // margin-bottom: 8px;
-  padding: 0 !important;
-}
+// .xmTtn {
+//   width: 76px;
+//   height: 32px;
+//   border-radius: 2px;
+//   // margin-bottom: 8px;
+//   padding: 0 !important;
+// }
 
 // .xmTtnDefault {
 //     background: rgba(245, 245, 245, 1);

package/dist/components/TableMax/TableBody/Row.d.ts

@@ -1,4 +1,4 @@
-import { OnSelectChangeType } from "../type";
+import { DropSide, OnSelectChangeType } from "../type";
 import { Table } from '@tanstack/react-table';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import './index.less';
@@ -51,6 +51,13 @@ type IRowProps = {
         color: string;
     };
     tableTooltip: boolean;
+    changeHoverRow: (params: {
+        target?: any;
+        origin?: any;
+    }) => void;
+    clearHoverRowIndex: () => void;
+    hoverRowIndex: number;
+    dropSide: DropSide;
 };
-declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

package/dist/components/TableMax/TableBody/Row.js

@@ -10,13 +10,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { DropSide } from "../type";
 import { flexRender } from '@tanstack/react-table';
 import { Tooltip } from 'antd';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import { getEmptyImage } from 'react-dnd-html5-backend';
-import { EditableCell } from "../components/ColumnEdit";
 import { getPinningStyle } from "../TableHeader/utils";
+import { EditableCell } from "../components/ColumnEdit";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -61,19 +62,37 @@ var Row = function Row(_ref) {
     shadowColumnInfo = _ref.shadowColumnInfo,
     onCellContextMenu = _ref.onCellContextMenu,
     getRowHoverTipConfig = _ref.getRowHoverTipConfig,
-    tableTooltip = _ref.tableTooltip;
+    tableTooltip = _ref.tableTooltip,
+    changeHoverRow = _ref.changeHoverRow,
+    clearHoverRowIndex = _ref.clearHoverRowIndex,
+    hoverRowIndex = _ref.hoverRowIndex,
+    dropSide = _ref.dropSide;
+  var dropPreviewLineClassName = useMemo(function () {
+    if (hoverRowIndex === row.index) {
+      return dropSide === DropSide.Top ? 'showTopBorder' : 'showBottomBorder';
+    } else {
+      return '';
+    }
+  }, [hoverRowIndex, dropSide]);
   var timerRef = useRef();
   var _useDrop = useDrop({
       accept: 'TABLE_ROW',
       drop: function drop(formDatas
       //  monitor
       ) {
-        // console.log('drop-row', monitor, row);
+        clearHoverRowIndex();
         return reorderRow === null || reorderRow === void 0 ? void 0 : reorderRow(formDatas, {
           hoverRow: row,
           targetTableId: tableId
         });
-        // return reorderRow?.(draggedRow, { ...row, tableId });
+      },
+      hover: function hover(item, monitor) {
+        if (monitor.isOver() && monitor.canDrop()) {
+          changeHoverRow({
+            target: row,
+            origin: item
+          });
+        }
       }
     }),
     _useDrop2 = _slicedToArray(_useDrop, 2),
@@ -262,6 +281,9 @@ var Row = function Row(_ref) {
     canSelection && !selectRowWhenClick && String(row.id) === String(rowHighLightId) // 多选并且点击行时不选中，高亮状态单独管理
     ;
   }, [row.id, row.getIsSelected(), rowSelectedId, selectRowWhenClick, rowHighLightId, canSelection]);
+
+  // console.log('row render', row.id);
+
   var rowCom = function rowCom() {
     var _row;
     return /*#__PURE__*/_jsx("tr", {
@@ -277,7 +299,7 @@ var Row = function Row(_ref) {
       onClick: rowClickOrDoubleClick,
       onMouseEnter: rowMouseEnter,
       onMouseLeave: rowMouseLeave,
-      className: "tbody-tr ".concat(isHighLight ? 'tbody-tr-selected' : '', " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
+      className: "tbody-tr ".concat(isHighLight ? 'tbody-tr-selected' : '', " ").concat(dropPreviewLineClassName, " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
         return "".concat(item, "-").concat(theme);
       }).join(' ')) || ''),
       children: (_row = row["getVisibleCells"]) === null || _row === void 0 ? void 0 : _row.call(row).map(function (cell) {