venus-design 0.8.5 → 0.8.7

package/dist/Approval/components/SelectRoleAndUser/index.js

@@ -30,10 +30,12 @@ var SelectApprovalUser = function SelectApprovalUser(props) {
       }
     }
   } else {
-    for (var _i = 10; _i < 36; _i++) {
-      children.push( /*#__PURE__*/React.createElement(Option, {
-        key: _i.toString(36) + _i
-      }, _i.toString(36) + _i));
+    if (process.env.DUMI_APP_BUILD_ENV === 'development') {
+      for (var _i = 10; _i < 36; _i++) {
+        children.push( /*#__PURE__*/React.createElement(Option, {
+          key: _i.toString(36) + _i
+        }, _i.toString(36) + _i));
+      }
     }
   }
   var isRole = function isRole(value) {

package/dist/Config/columnFilter.d.ts

@@ -55,7 +55,7 @@ export interface UltimateSearchProps<T> {
 export declare const createUltimateSearchNews: <T extends Record<string, any>>(config: UltimateSearchProps<T>) => ProColumns<T>;
 export declare const createUltimateSearch: <T extends Record<string, any>>(column: ProColumns<T>, dataIndex?: string, title?: string, socketSearch?: boolean, searchType?: 'flat' | 'tree', showHistory?: boolean, theme?: ThemeType) => ProColumns<T>;
 declare const _default: {
-    createUltimateSearch: <T extends Record<string, any>>(column: ProColumns<T>, dataIndex?: string, title?: string | undefined, socketSearch?: boolean, searchType?: "tree" | "flat", showHistory?: boolean, theme?: ThemeType) => ProColumns<T>;
+    createUltimateSearch: <T extends Record<string, any>>(column: ProColumns<T>, dataIndex?: string, title?: string | undefined, socketSearch?: boolean, searchType?: "flat" | "tree", showHistory?: boolean, theme?: ThemeType) => ProColumns<T>;
     createUltimateFilter: ({ dataIndex, title, dataSource, options, showSearch, showHistory, theme }: UltimateFilterProps) => Partial<ColumnType<any>>;
     createUltimateSearchNews: <T_1 extends Record<string, any>>(config: UltimateSearchProps<T_1>) => ProColumns<T_1>;
 };

package/dist/VenusDesignCom/components/Table.js

@@ -50,12 +50,13 @@ var VenusDesignTable = function VenusDesignTable(props) {
                 });
               }
             }
-            _context.next = 4;
+            params = _objectSpread(_objectSpread({}, params), props.params);
+            _context.next = 5;
             return LoadingDesignTableData(params, url.toLowerCase(), props.item.serverUrlId);
-          case 4:
+          case 5:
             res = _context.sent;
             if (!(res && res.success)) {
-              _context.next = 14;
+              _context.next = 15;
               break;
             }
             data = res.data || {};
@@ -64,9 +65,9 @@ var VenusDesignTable = function VenusDesignTable(props) {
             pageData.page = data.current;
             pageData.success = true;
             return _context.abrupt("return", pageData);
-          case 14:
-            return _context.abrupt("return", pageData);
           case 15:
+            return _context.abrupt("return", pageData);
+          case 16:
           case "end":
             return _context.stop();
         }

package/dist/VenusDesignCom/handleVenusDesignFunctions.d.ts

@@ -2,4 +2,4 @@
  * 渲染页面
  * @param item
  */
-export declare const renderFormDesign: (item: [], id: string, type: string, height: any) => any[];
+export declare const renderFormDesign: (item: [], id: string, params: any, type: string, height: any) => any[];

package/dist/VenusDesignCom/handleVenusDesignFunctions.js

@@ -4,14 +4,14 @@ import { VENUS_DESIGN_TYPE } from "./staticAttr";
  * 渲染页面
  * @param item 
  */
-export var renderFormDesign = function renderFormDesign(item, id, type, height) {
+export var renderFormDesign = function renderFormDesign(item, id, params, type, height) {
   var comList = [];
   for (var i = 0; i < item.length; i++) {
     //@ts-ignore
     var handleFormItemType = VENUS_DESIGN_TYPE[item[i].type] || function () {
       return {};
     };
-    var component = handleFormItemType(item[i], {
+    var component = handleFormItemType(item[i], params, {
       id: id || "-1",
       type: type
     }, height);

package/dist/VenusDesignCom/index.d.ts

@@ -4,6 +4,7 @@ interface VenusDesignComType {
     id?: string;
     type?: "view" | "render";
     height?: any;
+    params?: any;
 }
 /**
  * 表单设计渲染

package/dist/VenusDesignCom/index.js

@@ -50,6 +50,6 @@ var VenusDesignCom = function VenusDesignCom(props) {
     style: {
       height: props.height || "100%"
     }
-  }, items.length > 0 ? renderFormDesign(items, props.id || "-1", props.type || "render", props.height || winHeight) : null));
+  }, items.length > 0 ? renderFormDesign(items, props.id || "-1", props.params, props.type || "render", props.height || winHeight) : null));
 };
 export default VenusDesignCom;

package/dist/VenusDesignCom/staticAttr.js

@@ -6,24 +6,27 @@ import VenusDesignDetail from "./components/Detail";
   * 表单项的类型
   */
 export var VENUS_DESIGN_TYPE = {
-  "form": function form(item, conf, height) {
+  "form": function form(item, conf, params, height) {
     return /*#__PURE__*/React.createElement(VenusDesignForm, {
       item: item,
       conf: conf,
+      params: params,
       height: height
     });
   },
-  "grid": function grid(item, conf, height) {
+  "grid": function grid(item, conf, params, height) {
     return /*#__PURE__*/React.createElement(VenusDesignTable, {
       item: item,
       conf: conf,
+      params: params,
       height: height
     });
   },
-  "detail": function detail(item, conf, height) {
+  "detail": function detail(item, conf, params, height) {
     return /*#__PURE__*/React.createElement(VenusDesignDetail, {
       item: item,
       conf: conf,
+      params: params,
       height: height
     });
   }

package/dist/VirtTable/src/Context.d.ts

@@ -127,6 +127,8 @@ export default class Context {
     history: History;
     config: Config;
     drawTime: number;
+    pickedRowIndex: number;
+    placeholderIndex: number;
     constructor(containerOptions: containerElementOptions, options: EVirtTableOptions);
     setConfig(config: Config): void;
     setItemValueByEditor(rowKey: string, key: string, value: any, history?: boolean, reDraw?: boolean, checkReadonly?: boolean): void;

package/dist/VirtTable/src/Context.js

@@ -22,6 +22,7 @@ import Config from "./Config";
 import Icons from "./Icons";
 import EventTable from "./EventTable";
 var Context = /*#__PURE__*/function () {
+  // 空位所在索引
   function Context(containerOptions, options) {
     _classCallCheck(this, Context);
     _defineProperty(this, "eventBus", void 0);
@@ -141,6 +142,9 @@ var Context = /*#__PURE__*/function () {
     _defineProperty(this, "history", void 0);
     _defineProperty(this, "config", void 0);
     _defineProperty(this, "drawTime", 0);
+    _defineProperty(this, "pickedRowIndex", -1);
+    // -1 表示没有抓起
+    _defineProperty(this, "placeholderIndex", -1);
     var containerElement = containerOptions.containerElement,
       stageElement = containerOptions.stageElement,
       canvasElement = containerOptions.canvasElement,

package/dist/VirtTable/src/DragGhost.d.ts

@@ -3,18 +3,23 @@ export default class DragGhost {
     private ctx;
     private dragIndex;
     private ghostEl;
-    private lineEl;
-    private placeholderIndex;
+    private animId;
+    private startTime;
+    private startX;
+    private startY;
+    private targetX;
+    private targetY;
     private flatData;
-    private dragRow;
-    private readonly PLACEHOLDER;
     constructor(ctx: Context);
     private onMouseDown;
     private createGhost;
-    private createLine;
+    private lastMoveTime;
+    private slideTimer;
+    private hasMoved;
     private onMouseMove;
     private onMouseUp;
-    private commitData;
-    private showLineAt;
+    private animateBounce;
+    private easeOutBack;
+    private cleanup;
     private getCellFromEvent;
 }

package/dist/VirtTable/src/DragGhost.js

@@ -1,7 +1,11 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -14,63 +18,114 @@ var DragGhost = /*#__PURE__*/function () {
     _classCallCheck(this, DragGhost);
     _defineProperty(this, "ctx", void 0);
     _defineProperty(this, "dragIndex", -1);
-    // 被拖行的原始索引
     _defineProperty(this, "ghostEl", null);
-    _defineProperty(this, "lineEl", null);
-    /* 空位逻辑 */
-    _defineProperty(this, "placeholderIndex", -1);
-    // -1：无空位
+    /* 动画相关 */
+    _defineProperty(this, "animId", 0);
+    _defineProperty(this, "startTime", 0);
+    _defineProperty(this, "startX", 0);
+    _defineProperty(this, "startY", 0);
+    _defineProperty(this, "targetX", 0);
+    _defineProperty(this, "targetY", 0);
     _defineProperty(this, "flatData", []);
-    // 当前扁平数据（含占位符）
-    _defineProperty(this, "dragRow", null);
-    // 被拖行的副本
-    _defineProperty(this, "PLACEHOLDER", Symbol.for('DRAGGING'));
-    /* ---------- 4. 鼠标移动：空位实时推/顶 ---------- */
+    _defineProperty(this, "lastMoveTime", 0);
+    _defineProperty(this, "slideTimer", 0);
+    _defineProperty(this, "hasMoved", false);
+    // ★ 第一次放行
     _defineProperty(this, "onMouseMove", function (e) {
       if (!_this.ghostEl) return;
       e.preventDefault();
 
-      /* 4.1 幽灵行跟随鼠标 */
-      _this.ghostEl.style.left = "".concat(e.clientX + 10, "px");
-      _this.ghostEl.style.top = "".concat(e.clientY - 10, "px");
+      /* 1. 16ms 节流，但第一次必放行 */
+      var now = performance.now();
+      if (_this.hasMoved && now - _this.lastMoveTime < 16) return;
+      _this.lastMoveTime = now;
+      _this.hasMoved = true;
 
-      /* 4.2 计算插入点 */
-      var canvasY = e.clientY - _this.ctx.containerElement.getBoundingClientRect().top + _this.ctx.scrollY;
-      var insertIndex = _this.flatData.length;
-      for (var i = 0; i < _this.flatData.length; i++) {
-        var _this$ctx$database$ge = _this.ctx.database.getPositionForRowIndex(i),
-          top = _this$ctx$database$ge.top,
-          height = _this$ctx$database$ge.height;
-        if (canvasY < top + height / 2) {
-          insertIndex = i;
-          break;
-        }
-      }
+      /* 2. 幽灵行跟随（不变） */
+      var curX = e.clientX + 12;
+      var curY = e.clientY - 12;
+      _this.ghostEl.style.left = "".concat(curX, "px");
+      _this.ghostEl.style.top = "".concat(curY, "px");
 
-      /* 4.3 空位移到 insertIndex */
-      if (insertIndex !== _this.placeholderIndex) {
-        _this.flatData.splice(_this.placeholderIndex, 1);
-        _this.flatData.splice(insertIndex, 0, _this.PLACEHOLDER);
-        _this.placeholderIndex = insertIndex;
-        _this.commitData(); // 重绘 → 看到“顶/推”动画
+      /* 3. 死区交换逻辑（不变） */
+      var rect = _this.ctx.containerElement.getBoundingClientRect();
+      var mouseY = e.clientY - rect.top + _this.ctx.scrollY;
+      var deadBand = 8;
+      var insertIndex = _this.ctx.placeholderIndex;
+      if (_this.ctx.placeholderIndex < _this.flatData.length - 1) {
+        var next = _this.ctx.database.getPositionForRowIndex(_this.ctx.placeholderIndex + 1);
+        if (mouseY >= next.top + deadBand) insertIndex = _this.ctx.placeholderIndex + 1;
+      }
+      if (_this.ctx.placeholderIndex > 0) {
+        var curr = _this.ctx.database.getPositionForRowIndex(_this.ctx.placeholderIndex);
+        if (mouseY <= curr.top + curr.height - deadBand) insertIndex = _this.ctx.placeholderIndex - 1;
       }
+      var oldIndex = _this.ctx.placeholderIndex;
+      if (insertIndex === oldIndex) return;
+
+      /* 4. 清旧动画 + 滑动（150ms） */
+      if (_this.slideTimer) clearTimeout(_this.slideTimer);
+      var oldRow = _this.ctx.body.renderRows.find(function (r) {
+        return r.rowIndex === oldIndex;
+      });
+      var newRow = _this.ctx.body.renderRows.find(function (r) {
+        return r.rowIndex === insertIndex;
+      });
+      if (!oldRow || !newRow) return;
+      var dy = newRow.y - oldRow.y;
+      oldRow.setSlideOffset(dy);
+      newRow.setSlideOffset(-dy);
+      _this.ctx.emit('draw');
 
-      /* 4.4 蓝线 */
-      _this.showLineAt(canvasY);
+      /* 数据交换 */
+      var _this$flatData$splice = _this.flatData.splice(oldIndex, 1),
+        _this$flatData$splice2 = _slicedToArray(_this$flatData$splice, 1),
+        movedRow = _this$flatData$splice2[0];
+      _this.flatData.splice(insertIndex, 0, movedRow);
+      _this.ctx.placeholderIndex = insertIndex;
+      _this.dragIndex = insertIndex;
+
+      /* ★ 立即更新 renderRows 引用 + 重绘 */
+      _this.ctx.database.setData(_this.flatData);
+      _this.ctx.body.renderRows = _this.ctx.body.renderRows.slice(); // 新引用
+      _this.ctx.emit('draw');
     });
-    /* ---------- 5. 抬起：把占位符换回被拖行 ---------- */
+    /* ---------- 松手 ---------- */
     _defineProperty(this, "onMouseUp", function () {
-      var _this$ghostEl, _this$lineEl;
-      if (_this.placeholderIndex !== -1) {
-        _this.flatData.splice(_this.placeholderIndex, 1, _this.dragRow);
-        _this.commitData();
+      if (!_this.ghostEl) return;
+      var targetRow = _this.ctx.body.renderRows.find(function (r) {
+        return r.rowIndex === _this.ctx.placeholderIndex;
+      });
+      if (!targetRow) {
+        _this.cleanup();
+        return;
+      }
+      var rect = _this.ctx.containerElement.getBoundingClientRect();
+      _this.targetX = rect.left + targetRow.cells[0].drawX;
+      _this.targetY = rect.top + targetRow.cells[0].drawY;
+      var ghost = _this.ghostEl;
+      _this.startX = parseFloat(ghost.style.left);
+      _this.startY = parseFloat(ghost.style.top);
+      _this.startTime = performance.now();
+      _this.animId = requestAnimationFrame(_this.animateBounce);
+    });
+    /* ---------- 回弹动画 ---------- */
+    _defineProperty(this, "animateBounce", function (now) {
+      var duration = 250;
+      var t = Math.min((now - _this.startTime) / duration, 1);
+      var eased = _this.easeOutBack(t);
+      var ghost = _this.ghostEl;
+      var curLeft = _this.startX + (_this.targetX - _this.startX) * eased;
+      var curTop = _this.startY + (_this.targetY - _this.startY) * eased;
+      var scale = 1 - (1 - eased) * 0.15;
+      ghost.style.left = "".concat(curLeft, "px");
+      ghost.style.top = "".concat(curTop, "px");
+      ghost.style.transform = "scale(".concat(scale, ")");
+      if (t < 1) {
+        _this.animId = requestAnimationFrame(_this.animateBounce);
+      } else {
+        _this.cleanup();
       }
-      _this.placeholderIndex = -1;
-      (_this$ghostEl = _this.ghostEl) === null || _this$ghostEl === void 0 || _this$ghostEl.remove();
-      (_this$lineEl = _this.lineEl) === null || _this$lineEl === void 0 || _this$lineEl.remove();
-      _this.ghostEl = null;
-      _this.lineEl = null;
-      document.removeEventListener('mousemove', _this.onMouseMove);
     });
     this.ctx = ctx;
     this.ctx.on('mousedown', function (e) {
@@ -78,11 +133,12 @@ var DragGhost = /*#__PURE__*/function () {
     });
   }
 
-  /* ---------- 1. 启动拖拽 ---------- */
+  /* ---------- 抓起 ---------- */
   _createClass(DragGhost, [{
     key: "onMouseDown",
     value: function onMouseDown(e) {
-      var _this2 = this;
+      var _this2 = this,
+        _row$cells$find;
       if (e.button !== 0) return;
       var cell = this.getCellFromEvent(e);
       if (!cell || cell.type !== 'drag-handle') return;
@@ -92,14 +148,14 @@ var DragGhost = /*#__PURE__*/function () {
         return _this2.ctx.database.getRowKeyByItem(r) === cell.rowKey;
       });
       if (this.dragIndex === -1) return;
-
-      /* 把被拖行拿出来留副本，原位置插入占位符 → 后面行往上顶 */
-      this.dragRow = this.flatData.splice(this.dragIndex, 1)[0];
-      this.flatData.splice(this.dragIndex, 0, this.PLACEHOLDER);
-      this.placeholderIndex = this.dragIndex;
-      this.commitData();
-      this.createGhost(cell, this.dragRow);
-      this.createLine();
+      var row = this.ctx.body.renderRows.find(function (r) {
+        return r.rowIndex === cell.rowIndex;
+      });
+      var nameCell = (_row$cells$find = row === null || row === void 0 ? void 0 : row.cells.find(function (c) {
+        return c.column.key === 'name';
+      })) !== null && _row$cells$find !== void 0 ? _row$cells$find : cell;
+      this.createGhost(nameCell);
+      this.ctx.placeholderIndex = this.dragIndex;
       document.addEventListener('mousemove', this.onMouseMove, {
         passive: false
       });
@@ -108,78 +164,58 @@ var DragGhost = /*#__PURE__*/function () {
       });
     }
 
-    /* ---------- 2. 幽灵行 ---------- */
+    /* ---------- 创建幽灵行 ---------- */
   }, {
     key: "createGhost",
-    value: function createGhost(cell, dragRow) {
+    value: function createGhost(sourceCell) {
       var rect = this.ctx.containerElement.getBoundingClientRect();
       this.ghostEl = document.createElement('div');
-      this.ghostEl.innerText = cell.getText() || ' ';
+      this.ghostEl.innerText = sourceCell.displayText || sourceCell.getText() || ' ';
       Object.assign(this.ghostEl.style, {
         position: 'absolute',
-        left: "".concat(rect.left + cell.drawX, "px"),
-        top: "".concat(rect.top + cell.drawY, "px"),
-        width: "".concat(cell.width, "px"),
-        height: "".concat(cell.height, "px"),
-        background: 'rgba(33,150,243,0.25)',
-        border: '2px solid #2196F3',
-        borderRadius: '4px',
+        left: "".concat(rect.left + sourceCell.drawX, "px"),
+        top: "".concat(rect.top + sourceCell.drawY, "px"),
+        width: "".concat(sourceCell.width, "px"),
+        height: "".concat(sourceCell.height, "px"),
+        background: '#fff',
+        border: '1px solid #e0e0e0',
+        borderRadius: '8px',
+        boxShadow: '0 4px 12px rgba(0,0,0,.15)',
         pointerEvents: 'none',
         zIndex: '2000',
         display: 'flex',
         alignItems: 'center',
-        paddingLeft: '8px',
-        fontSize: '12px',
+        paddingLeft: '12px',
+        fontSize: '14px',
         color: '#333',
-        transition: 'none'
+        transform: 'scale(1)',
+        willChange: 'transform, left, top'
       });
       document.body.appendChild(this.ghostEl);
     }
-
-    /* ---------- 3. 蓝线 ---------- */
-  }, {
-    key: "createLine",
-    value: function createLine() {
-      this.lineEl = document.createElement('div');
-      Object.assign(this.lineEl.style, {
-        position: 'absolute',
-        height: '3px',
-        background: '#2196F3',
-        borderRadius: '2px',
-        zIndex: '2001',
-        pointerEvents: 'none',
-        display: 'none'
-      });
-      document.body.appendChild(this.lineEl);
-    }
   }, {
-    key: "commitData",
-    value: /* ---------- 6. 提交数据 & 重绘 ---------- */
-    function commitData() {
-      var _this3 = this;
-      //@ts-ignore
-      this.ctx.database.data = this.flatData.filter(function (r) {
-        return r !== _this3.PLACEHOLDER;
-      });
-      this.ctx.database.init(false);
-      //@ts-ignore
-      this.ctx.emit('rowOrderChange', this.ctx.database.data);
-      this.ctx.emit('draw');
+    key: "easeOutBack",
+    value: /* 弹性缓动 */
+    function easeOutBack(t) {
+      var c1 = 1.70158,
+        c3 = c1 + 1;
+      return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2);
     }
 
-    /* ---------- 7. 蓝线 ---------- */
+    /* ---------- 清理 ---------- */
   }, {
-    key: "showLineAt",
-    value: function showLineAt(y) {
-      if (!this.lineEl) return;
-      var rect = this.ctx.containerElement.getBoundingClientRect();
-      this.lineEl.style.left = "".concat(rect.left, "px");
-      this.lineEl.style.top = "".concat(rect.top + y - this.ctx.scrollY, "px");
-      this.lineEl.style.width = "".concat(this.ctx.stageWidth, "px");
-      this.lineEl.style.display = 'block';
+    key: "cleanup",
+    value: function cleanup() {
+      var _this$ghostEl;
+      cancelAnimationFrame(this.animId);
+      (_this$ghostEl = this.ghostEl) === null || _this$ghostEl === void 0 || _this$ghostEl.remove();
+      this.ghostEl = null;
+      this.ctx.pickedRowIndex = -1;
+      this.ctx.placeholderIndex = -1;
+      document.removeEventListener('mousemove', this.onMouseMove);
     }
 
-    /* ---------- 8. 工具：根据鼠标坐标拿到单元格 ---------- */
+    /* ---------- 工具 ---------- */
   }, {
     key: "getCellFromEvent",
     value: function getCellFromEvent(e) {
@@ -196,9 +232,7 @@ var DragGhost = /*#__PURE__*/function () {
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               var c = _step2.value;
-              if (offsetX >= c.drawX && offsetX <= c.drawX + c.width && offsetY >= c.drawY && offsetY <= c.drawY + c.height) {
-                return c;
-              }
+              if (offsetX >= c.drawX && offsetX <= c.drawX + c.width && offsetY >= c.drawY && offsetY <= c.drawY + c.height) return c;
             }
           } catch (err) {
             _iterator2.e(err);

package/dist/VirtTable/src/Row.d.ts

@@ -16,6 +16,9 @@ export default class Row {
     rowType: RowType;
     data: any;
     calculatedHeight: number;
+    private slideOffsetY;
+    /** 对外暴露：设置本次动画的偏移量 */
+    setSlideOffset(dy: number): void;
     constructor(ctx: Context, rowIndex: number, x: number | undefined, y: number | undefined, width: number | undefined, height: number | undefined, data: any, rowType?: RowType);
     update(): void;
     updateCalculatedHeight(): void;

package/dist/VirtTable/src/Row.js

@@ -35,6 +35,8 @@ var Row = /*#__PURE__*/function () {
     _defineProperty(this, "rowType", 'body');
     _defineProperty(this, "data", void 0);
     _defineProperty(this, "calculatedHeight", -1);
+    /* Row.ts 新增 */
+    _defineProperty(this, "slideOffsetY", 0);
     this.ctx = ctx;
     this.x = x;
     this.y = y;
@@ -47,6 +49,17 @@ var Row = /*#__PURE__*/function () {
     this.update();
   }
   _createClass(Row, [{
+    key: "setSlideOffset",
+    value:
+    // 像素偏移
+
+    /** 对外暴露：设置本次动画的偏移量 */
+    function setSlideOffset(dy) {
+      this.slideOffsetY = dy;
+      // 标记用途
+      this.data._slideOffset = dy;
+    }
+  }, {
     key: "update",
     value: function update() {
       var _this = this;
@@ -83,16 +96,35 @@ var Row = /*#__PURE__*/function () {
   }, {
     key: "drawCenter",
     value: function drawCenter() {
-      this.noFixedCells.forEach(function (cell) {
-        cell.draw();
+      if (this.slideOffsetY !== 0) this.ctx.paint.save();
+      if (this.slideOffsetY !== 0) this.ctx.paint.translate(0, this.slideOffsetY);
+      this.noFixedCells.forEach(function (c) {
+        return c.draw();
       });
+      if (this.slideOffsetY !== 0) this.ctx.paint.restore();
     }
   }, {
     key: "drawFixed",
     value: function drawFixed() {
-      this.fixedCells.forEach(function (cell) {
-        cell.draw();
-      });
+      /* 抓起动画 */
+      if (this.data._dragging) {
+        this.ctx.paint.drawRect(this.x, this.y - this.ctx.scrollY, this.width, this.height, {
+          fillColor: this.ctx.config.BODY_BG_COLOR,
+          borderColor: this.ctx.config.BORDER_COLOR
+        });
+        return; // 跳过内容
+      }
+      var isPicked = this.ctx.pickedRowIndex === this.rowIndex;
+      if (isPicked) {
+        this.ctx.paint.save();
+        //@ts-ignore
+        this.ctx.paint.scale(0.95, 0.95);
+        this.ctx.paint.translate(0, -2);
+      }
+      // ===== 原有绘制代码 =====
+      if (isPicked) {
+        this.ctx.paint.restore();
+      }
     }
   }, {
     key: "drawContainer",

package/dist/VirtTable/src/style.css

@@ -271,4 +271,33 @@
 .e-virt-table-filter-panel .ev-date-foot {
   margin-top: 8px;
   text-align: right;
-}
+}
+.e-virt-table-row-slide {
+  transition: transform 0.25s ease-out;
+  transform: translateY(var(--slide-dy));
+}
+/* 幽灵行 */
+.drag-ghost {
+  position: fixed;
+  pointer-events: none;
+  z-index: 2000;
+  background: #f0f7ff;
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  box-shadow: 0 4px 12px rgba(0,0,0,.15);
+  display: flex;
+  align-items: center;
+  padding-left: 12px;
+  font-size: 14px;
+  color: #333;
+  transition: none;          /* 跟随鼠标时不插值 */
+}
+.drag-ghost.bounce-out {
+  transition: transform .2s ease-out, opacity .2s ease-out;
+  transform: scale(0.95) !important;
+  opacity: 0;
+}
+
+/* 普通行在拖拽中的平移 */
+.row-shift-up   { transform: translateY(-100%); }
+.row-shift-down { transform: translateY(100%); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venus-design",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "description": "venus all compoments",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",