venus-design 0.8.6 → 0.8.8

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,7 +4,7 @@ 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
@@ -14,7 +14,7 @@ export var renderFormDesign = function renderFormDesign(item, id, type, height)
     var component = handleFormItemType(item[i], {
       id: id || "-1",
       type: type
-    }, height);
+    }, params, height);
     comList.push(component);
   }
   return comList;

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/DragGhost.d.ts

@@ -3,15 +3,23 @@ export default class DragGhost {
     private ctx;
     private dragIndex;
     private ghostEl;
-    private lineEl;
-    private dragRow;
+    private animId;
+    private startTime;
+    private startX;
+    private startY;
+    private targetX;
+    private targetY;
     private flatData;
     constructor(ctx: Context);
     private onMouseDown;
     private createGhost;
-    private createLine;
+    private lastMoveTime;
+    private slideTimer;
+    private hasMoved;
     private onMouseMove;
     private onMouseUp;
-    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; }
@@ -15,69 +19,113 @@ var DragGhost = /*#__PURE__*/function () {
     _defineProperty(this, "ctx", void 0);
     _defineProperty(this, "dragIndex", -1);
     _defineProperty(this, "ghostEl", null);
-    _defineProperty(this, "lineEl", null);
-    /* 飞书拖拽：用“标记位”代替占位符，序号永不错位 */
-    _defineProperty(this, "dragRow", null);
+    /* 动画相关 */
+    _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, "lastMoveTime", 0);
+    _defineProperty(this, "slideTimer", 0);
+    _defineProperty(this, "hasMoved", false);
+    // ★ 第一次放行
     _defineProperty(this, "onMouseMove", function (e) {
       if (!_this.ghostEl) return;
       e.preventDefault();
 
-      /* 幽灵行跟随鼠标 */
-      _this.ghostEl.style.left = "".concat(e.clientX + 12, "px");
-      _this.ghostEl.style.top = "".concat(e.clientY - 12, "px");
+      /* 1. 16ms 节流，但第一次必放行 */
+      var now = performance.now();
+      if (_this.hasMoved && now - _this.lastMoveTime < 16) return;
+      _this.lastMoveTime = now;
+      _this.hasMoved = true;
 
-      /* 计算插入索引（用完整数据长度） */
-      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");
 
-      /* 把“_dragging”标记换到新位置 */
-      if (insertIndex !== _this.ctx.placeholderIndex) {
-        /* 把标记换到新位置 */
-        var oldItem = _this.flatData[_this.ctx.placeholderIndex];
-        var newItem = _this.flatData[insertIndex];
-        if (oldItem) oldItem._dragging = false;
-        if (newItem) newItem._dragging = true;
-        _this.ctx.placeholderIndex = insertIndex;
-        _this.ctx.emit('draw'); // 重绘 → 空位平滑推/顶
+      /* 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;
       }
-      _this.showLineAt(canvasY);
+      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');
+
+      /* 数据交换 */
+      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');
     });
-    /* ---------- 抬起 ---------- */
+    /* ---------- 松手 ---------- */
     _defineProperty(this, "onMouseUp", function () {
-      /* 幽灵行消失动画 */
-      if (_this.ghostEl) {
-        _this.ghostEl.style.transform = 'scale(0.9)';
-        _this.ghostEl.style.opacity = '0';
+      if (!_this.ghostEl) return;
+      var targetRow = _this.ctx.body.renderRows.find(function (r) {
+        return r.rowIndex === _this.ctx.placeholderIndex;
+      });
+      if (!targetRow) {
+        _this.cleanup();
+        return;
       }
-
-      /* 清标记 */
-      if (_this.ctx.placeholderIndex !== -1) {
-        _this.flatData[_this.ctx.placeholderIndex]._dragging = false;
+      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.ctx.pickedRowIndex = -1;
-      _this.ctx.placeholderIndex = -1;
-      var item = _this.flatData[_this.ctx.placeholderIndex];
-      if (item) item._dragging = false;
-      _this.ctx.emit('draw');
-      setTimeout(function () {
-        var _this$ghostEl, _this$lineEl;
-        (_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;
-      }, 250);
-      document.removeEventListener('mousemove', _this.onMouseMove);
     });
     this.ctx = ctx;
     this.ctx.on('mousedown', function (e) {
@@ -89,7 +137,8 @@ var DragGhost = /*#__PURE__*/function () {
   _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;
@@ -99,16 +148,14 @@ var DragGhost = /*#__PURE__*/function () {
         return _this2.ctx.database.getRowKeyByItem(r) === cell.rowKey;
       });
       if (this.dragIndex === -1) return;
-
-      /* 1. 打标记  2. 不删数据  3. 立即重绘 → 渲染层跳过内容但留高度 */
-      this.dragRow = this.flatData[this.dragIndex];
-      var target = this.flatData[this.dragIndex];
-      if (!target) return; // ✅防错退出
-      this.dragRow = target;
-      target._dragging = true;
-      this.ctx.emit('draw');
-      this.createGhost(cell);
-      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
       });
@@ -117,23 +164,23 @@ var DragGhost = /*#__PURE__*/function () {
       });
     }
 
-    /* ---------- 幽灵行 ---------- */
+    /* ---------- 创建幽灵行 ---------- */
   }, {
     key: "createGhost",
-    value: function createGhost(cell) {
+    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"),
+        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,0.15)',
+        boxShadow: '0 4px 12px rgba(0,0,0,.15)',
         pointerEvents: 'none',
         zIndex: '2000',
         display: 'flex',
@@ -142,37 +189,30 @@ var DragGhost = /*#__PURE__*/function () {
         fontSize: '14px',
         color: '#333',
         transform: 'scale(1)',
-        transition: 'transform 0.25s ease-out'
+        willChange: 'transform, left, top'
       });
       document.body.appendChild(this.ghostEl);
     }
-
-    /* ---------- 蓝线 ---------- */
   }, {
-    key: "createLine",
-    value: function createLine() {
-      this.lineEl = document.createElement('div');
-      Object.assign(this.lineEl.style, {
-        position: 'absolute',
-        height: '2px',
-        background: '#3370ff',
-        borderRadius: '2px',
-        zIndex: '2001',
-        pointerEvents: 'none',
-        display: 'none'
-      });
-      document.body.appendChild(this.lineEl);
+    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);
     }
+
+    /* ---------- 清理 ---------- */
   }, {
-    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);
     }
 
     /* ---------- 工具 ---------- */
@@ -192,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,12 @@ var Row = /*#__PURE__*/function () {
   }, {
     key: "drawCenter",
     value: function drawCenter() {
-      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; // 跳过内容
-      }
-      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",

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.6",
+  "version": "0.8.8",
   "description": "venus all compoments",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",