venus-design 0.8.5 → 0.8.6

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/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

@@ -4,17 +4,14 @@ export default class DragGhost {
     private dragIndex;
     private ghostEl;
     private lineEl;
-    private placeholderIndex;
-    private flatData;
     private dragRow;
-    private readonly PLACEHOLDER;
+    private flatData;
     constructor(ctx: Context);
     private onMouseDown;
     private createGhost;
     private createLine;
     private onMouseMove;
     private onMouseUp;
-    private commitData;
     private showLineAt;
     private getCellFromEvent;
 }

package/dist/VirtTable/src/DragGhost.js

@@ -14,27 +14,21 @@ 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, "flatData", []);
-    // 当前扁平数据（含占位符）
+    /* 飞书拖拽：用“标记位”代替占位符，序号永不错位 */
     _defineProperty(this, "dragRow", null);
-    // 被拖行的副本
-    _defineProperty(this, "PLACEHOLDER", Symbol.for('DRAGGING'));
-    /* ---------- 4. 鼠标移动：空位实时推/顶 ---------- */
+    _defineProperty(this, "flatData", []);
+    /* ---------- 鼠标移动：只移动“标记” ---------- */
     _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");
+      /* 幽灵行跟随鼠标 */
+      _this.ghostEl.style.left = "".concat(e.clientX + 12, "px");
+      _this.ghostEl.style.top = "".concat(e.clientY - 12, "px");
 
-      /* 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++) {
@@ -47,29 +41,42 @@ var DragGhost = /*#__PURE__*/function () {
         }
       }
 
-      /* 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(); // 重绘 → 看到“顶/推”动画
+      /* 把“_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'); // 重绘 → 空位平滑推/顶
       }
-
-      /* 4.4 蓝线 */
       _this.showLineAt(canvasY);
     });
-    /* ---------- 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) {
+        _this.ghostEl.style.transform = 'scale(0.9)';
+        _this.ghostEl.style.opacity = '0';
       }
-      _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;
+
+      /* 清标记 */
+      if (_this.ctx.placeholderIndex !== -1) {
+        _this.flatData[_this.ctx.placeholderIndex]._dragging = false;
+      }
+      _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;
@@ -78,7 +85,7 @@ var DragGhost = /*#__PURE__*/function () {
     });
   }
 
-  /* ---------- 1. 启动拖拽 ---------- */
+  /* ---------- 抓起 ---------- */
   _createClass(DragGhost, [{
     key: "onMouseDown",
     value: function onMouseDown(e) {
@@ -93,12 +100,14 @@ var DragGhost = /*#__PURE__*/function () {
       });
       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);
+      /* 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();
       document.addEventListener('mousemove', this.onMouseMove, {
         passive: false
@@ -108,10 +117,10 @@ var DragGhost = /*#__PURE__*/function () {
       });
     }
 
-    /* ---------- 2. 幽灵行 ---------- */
+    /* ---------- 幽灵行 ---------- */
   }, {
     key: "createGhost",
-    value: function createGhost(cell, dragRow) {
+    value: function createGhost(cell) {
       var rect = this.ctx.containerElement.getBoundingClientRect();
       this.ghostEl = document.createElement('div');
       this.ghostEl.innerText = cell.getText() || ' ';
@@ -121,30 +130,32 @@ var DragGhost = /*#__PURE__*/function () {
         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',
+        background: '#fff',
+        border: '1px solid #e0e0e0',
+        borderRadius: '8px',
+        boxShadow: '0 4px 12px rgba(0,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)',
+        transition: 'transform 0.25s ease-out'
       });
       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',
+        height: '2px',
+        background: '#3370ff',
         borderRadius: '2px',
         zIndex: '2001',
         pointerEvents: 'none',
@@ -152,25 +163,10 @@ var DragGhost = /*#__PURE__*/function () {
       });
       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');
-    }
-
-    /* ---------- 7. 蓝线 ---------- */
   }, {
     key: "showLineAt",
-    value: function showLineAt(y) {
+    value: /* ---------- 蓝线 ---------- */
+    function showLineAt(y) {
       if (!this.lineEl) return;
       var rect = this.ctx.containerElement.getBoundingClientRect();
       this.lineEl.style.left = "".concat(rect.left, "px");
@@ -179,7 +175,7 @@ var DragGhost = /*#__PURE__*/function () {
       this.lineEl.style.display = 'block';
     }
 
-    /* ---------- 8. 工具：根据鼠标坐标拿到单元格 ---------- */
+    /* ---------- 工具 ---------- */
   }, {
     key: "getCellFromEvent",
     value: function getCellFromEvent(e) {

package/dist/VirtTable/src/Row.js

@@ -83,6 +83,13 @@ 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();
       });
@@ -90,9 +97,25 @@ var Row = /*#__PURE__*/function () {
   }, {
     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/package.json

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