venus-design 1.0.6 → 1.0.8

package/dist/VirtTable/config.d.ts

@@ -8,6 +8,8 @@ export declare const defaultConfig: {
     HEADER_BG_COLOR: string;
     ENABLE_EDIT_SINGLE_CLICK: boolean;
     HEIGHT: number;
+    ENABLE_KEYBOARD: boolean;
+    HIGHLIGHT_HOVER_ROW: boolean;
     TREE_INDENT: number;
     HEADER_CELL_STYLE_METHOD: ({ column }: any) => {
         color: string;

package/dist/VirtTable/config.js

@@ -19,8 +19,10 @@ export var defaultConfig = {
   //单击进入编辑
   HEIGHT: 300,
   // 高度
-  //ENABLE_KEYBOARD: true, // 开启键盘操作
-  //HIGHLIGHT_HOVER_ROW:true, // 开启行悬停高亮
+  ENABLE_KEYBOARD: true,
+  // 开启键盘操作
+  HIGHLIGHT_HOVER_ROW: true,
+  // 开启行悬停高亮
   //HIGHLIGHT_HOVER_ROW_COLOR:"#eeeeeeff",//悬停高亮颜色
   //HIGHLIGHT_SELECTED_ROW:true, // 开启选中行高亮
   //HIGHLIGHT_SELECTED_ROW_COLOR:"#d5f2ffff",//选中高亮颜色

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

@@ -17,8 +17,13 @@ export default class Body {
     private visibleHeight;
     private visibleWidth;
     private containerRect;
+    private addRowBtnRect;
+    private addRowBtnHover;
+    private mousePollTimer;
     private data;
     constructor(ctx: Context);
+    private startMousePoll;
+    private stopMousePoll;
     private init;
     private initResizeRow;
     private resizeRow;
@@ -27,5 +32,6 @@ export default class Body {
     private binarySearch;
     update(): void;
     updateAutoHeight(): void;
+    private drawAddRowButton;
     draw(): void;
 }

package/dist/VirtTable/src/Body.js

@@ -8,6 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import Row from "./Row";
 var Body = /*#__PURE__*/function () {
   function Body(ctx) {
+    var _this = this;
     _classCallCheck(this, Body);
     _defineProperty(this, "resizeTarget", null);
     //调整行大小的目标
@@ -31,12 +32,53 @@ var Body = /*#__PURE__*/function () {
     _defineProperty(this, "visibleHeight", 0);
     _defineProperty(this, "visibleWidth", 0);
     _defineProperty(this, "containerRect", void 0);
+    /* 1. 在 class 顶部加：按钮条缓存 */
+    _defineProperty(this, "addRowBtnRect", null);
+    _defineProperty(this, "addRowBtnHover", false);
+    // ← 新增
+    _defineProperty(this, "mousePollTimer", null);
+    // 轮询句柄
     _defineProperty(this, "data", []);
     this.ctx = ctx;
     this.init();
+    this.startMousePoll(); // 启动轮询
+    ctx.on('destroy', function () {
+      return _this.stopMousePoll();
+    });
     this.initResizeRow();
   }
+  /* 轮询：每 100ms 检查一次鼠标是否还在按钮热区 */
   _createClass(Body, [{
+    key: "startMousePoll",
+    value: function startMousePoll() {
+      var _this2 = this;
+      if (this.mousePollTimer) return;
+      this.mousePollTimer = window.setInterval(function () {
+        if (!_this2.addRowBtnRect) return;
+        // 当前鼠标位置（EventBrowser 里已实时缓存到 Context）
+        var _ref = _this2.ctx.lastMouseMoveEvent ? _this2.ctx.getOffset(_this2.ctx.lastMouseMoveEvent) : {
+            offsetX: -9999,
+            offsetY: -9999
+          },
+          offsetX = _ref.offsetX,
+          offsetY = _ref.offsetY;
+        var by = _this2.addRowBtnRect.y - _this2.ctx.scrollY;
+        var inside = offsetX >= _this2.addRowBtnRect.x && offsetX <= _this2.addRowBtnRect.x + _this2.addRowBtnRect.w && offsetY >= by && offsetY <= by + _this2.addRowBtnRect.h;
+        if (inside !== _this2.addRowBtnHover) {
+          _this2.addRowBtnHover = inside;
+          _this2.ctx.emit('draw'); // 立即重画
+        }
+      }, 100);
+    }
+  }, {
+    key: "stopMousePoll",
+    value: function stopMousePoll() {
+      if (this.mousePollTimer) {
+        clearInterval(this.mousePollTimer);
+        this.mousePollTimer = null;
+      }
+    }
+  }, {
     key: "init",
     value: function init() {
       var _this$ctx = this.ctx,
@@ -90,8 +132,8 @@ var Body = /*#__PURE__*/function () {
       containerHeight += footerHeight;
       var stageHeight = containerHeight;
       var windowInnerHeight = window.innerHeight;
-      var _ref = this.containerRect || this.ctx.containerElement.getBoundingClientRect(),
-        top = _ref.top;
+      var _ref2 = this.containerRect || this.ctx.containerElement.getBoundingClientRect(),
+        top = _ref2.top;
       if (windowInnerHeight > top && ENABLE_OFFSET_HEIGHT && !HEIGHT) {
         var visibleHeight = windowInnerHeight - top;
         var _stageHeight = visibleHeight - OFFSET_HEIGHT;
@@ -154,115 +196,115 @@ var Body = /*#__PURE__*/function () {
   }, {
     key: "initResizeRow",
     value: function initResizeRow() {
-      var _this = this;
+      var _this3 = this;
       this.ctx.on('resize', function () {
-        if (!_this.ctx.config.ENABLE_RESIZE_ROW) {
+        if (!_this3.ctx.config.ENABLE_RESIZE_ROW) {
           return;
         }
-        _this.containerRect = _this.ctx.containerElement.getBoundingClientRect();
+        _this3.containerRect = _this3.ctx.containerElement.getBoundingClientRect();
       });
       this.ctx.on('resizeObserver', function () {
-        if (!_this.ctx.config.ENABLE_RESIZE_ROW) {
+        if (!_this3.ctx.config.ENABLE_RESIZE_ROW) {
           return;
         }
-        _this.containerRect = _this.ctx.containerElement.getBoundingClientRect();
+        _this3.containerRect = _this3.ctx.containerElement.getBoundingClientRect();
       });
       // 鼠标移动
       this.ctx.on('mouseup', function () {
-        if (!_this.ctx.config.ENABLE_RESIZE_ROW) {
+        if (!_this3.ctx.config.ENABLE_RESIZE_ROW) {
           return;
         }
-        _this.isMouseDown = false;
-        if (_this.resizeDiff !== 0 && _this.resizeTarget) {
+        _this3.isMouseDown = false;
+        if (_this3.resizeDiff !== 0 && _this3.resizeTarget) {
           // 调整宽度
-          _this.resizeRow(_this.resizeTarget, _this.resizeDiff);
+          _this3.resizeRow(_this3.resizeTarget, _this3.resizeDiff);
         }
-        _this.resizeTarget = null;
-        _this.resizeDiff = 0;
-        _this.isResizing = false;
+        _this3.resizeTarget = null;
+        _this3.resizeDiff = 0;
+        _this3.isResizing = false;
         //加个延时，修复拖动时，开始编辑的问题
         setTimeout(function () {
-          _this.ctx.rowResizing = false;
+          _this3.ctx.rowResizing = false;
         }, 0);
-        _this.clientY = 0;
+        _this3.clientY = 0;
       });
       this.ctx.on('mousedown', function (e) {
-        if (!_this.ctx.config.ENABLE_RESIZE_ROW) {
+        if (!_this3.ctx.config.ENABLE_RESIZE_ROW) {
           return;
         }
-        if (!_this.ctx.isTarget(e)) {
+        if (!_this3.ctx.isTarget(e)) {
           return;
         }
-        _this.clientY = e.clientY;
-        if (_this.resizeTarget) {
-          _this.isResizing = true;
+        _this3.clientY = e.clientY;
+        if (_this3.resizeTarget) {
+          _this3.isResizing = true;
           // 传递给上下文，防止其他事件触发，行调整大小时，不触发选择器
-          _this.ctx.rowResizing = true;
+          _this3.ctx.rowResizing = true;
         } else {
-          _this.isResizing = false;
-          _this.ctx.rowResizing = false;
+          _this3.isResizing = false;
+          _this3.ctx.rowResizing = false;
         }
-        _this.isMouseDown = true;
+        _this3.isMouseDown = true;
       });
       this.ctx.on('mousemove', function (e) {
-        if (!_this.ctx.config.ENABLE_RESIZE_ROW) {
+        if (!_this3.ctx.config.ENABLE_RESIZE_ROW) {
           return;
         }
         // 编辑中不触发mousemove
-        if (_this.ctx.editing) return;
-        var _this$ctx$getOffset = _this.ctx.getOffset(e),
-          offsetY = _this$ctx$getOffset.offsetY,
-          offsetX = _this$ctx$getOffset.offsetX;
+        if (_this3.ctx.editing) return;
+        var _this3$ctx$getOffset = _this3.ctx.getOffset(e),
+          offsetY = _this3$ctx$getOffset.offsetY,
+          offsetX = _this3$ctx$getOffset.offsetX;
         var y = offsetY;
         var x = offsetX;
         var clientY = e.clientY;
-        var _this$ctx2 = _this.ctx,
-          stageHeight = _this$ctx2.stageHeight,
-          scrollY = _this$ctx2.scrollY,
-          _this$ctx2$config$RES = _this$ctx2.config.RESIZE_ROW_MIN_HEIGHT,
-          RESIZE_ROW_MIN_HEIGHT = _this$ctx2$config$RES === void 0 ? 0 : _this$ctx2$config$RES;
-        if (_this.isResizing && _this.resizeTarget) {
-          var resizeTargetHeight = _this.resizeTarget.height;
-          var diff = clientY - _this.clientY;
-          var calculatedHeight = _this.resizeTarget.calculatedHeight;
+        var _this3$ctx = _this3.ctx,
+          stageHeight = _this3$ctx.stageHeight,
+          scrollY = _this3$ctx.scrollY,
+          _this3$ctx$config$RES = _this3$ctx.config.RESIZE_ROW_MIN_HEIGHT,
+          RESIZE_ROW_MIN_HEIGHT = _this3$ctx$config$RES === void 0 ? 0 : _this3$ctx$config$RES;
+        if (_this3.isResizing && _this3.resizeTarget) {
+          var resizeTargetHeight = _this3.resizeTarget.height;
+          var diff = clientY - _this3.clientY;
+          var calculatedHeight = _this3.resizeTarget.calculatedHeight;
           var minHeight = calculatedHeight === -1 ? RESIZE_ROW_MIN_HEIGHT : calculatedHeight;
           if (diff + resizeTargetHeight < minHeight) {
             diff = -(resizeTargetHeight - minHeight);
           }
-          _this.resizeDiff = diff;
-          _this.ctx.emit('draw');
+          _this3.resizeDiff = diff;
+          _this3.ctx.emit('draw');
         } else {
-          _this.resizeTarget = null;
+          _this3.resizeTarget = null;
           // 按下时不改变样式，有可能是多选表头
-          if (_this.isMouseDown) {
+          if (_this3.isMouseDown) {
             return;
           }
           // 鼠标移动时，判断是否在行的范围内
-          if (x < 0 || x > _this.ctx.body.visibleWidth || y < 0 || y > _this.ctx.header.visibleHeight + _this.ctx.body.visibleHeight) {
-            if (_this.ctx.stageElement.style.cursor === 'row-resize') {
+          if (x < 0 || x > _this3.ctx.body.visibleWidth || y < 0 || y > _this3.ctx.header.visibleHeight + _this3.ctx.body.visibleHeight) {
+            if (_this3.ctx.stageElement.style.cursor === 'row-resize') {
               // 恢复默认样式
-              _this.ctx.stageElement.style.cursor = 'default';
+              _this3.ctx.stageElement.style.cursor = 'default';
             }
             return;
           }
           // 如果是拖动选择
-          if (_this.ctx.stageElement.style.cursor === 'crosshair') {
+          if (_this3.ctx.stageElement.style.cursor === 'crosshair') {
             return;
           }
-          if (_this.ctx.stageElement.style.cursor === 'row-resize') {
+          if (_this3.ctx.stageElement.style.cursor === 'row-resize') {
             // 恢复默认样式
-            _this.ctx.stageElement.style.cursor = 'default';
+            _this3.ctx.stageElement.style.cursor = 'default';
           }
-          for (var i = 0; i < _this.renderRows.length; i++) {
-            var row = _this.renderRows[i];
+          for (var i = 0; i < _this3.renderRows.length; i++) {
+            var row = _this3.renderRows[i];
             var isYRange = y > row.y - scrollY + row.height - 1.5 && y < row.y - scrollY + row.height + 1.5 && y < stageHeight - 4;
             if (isYRange) {
               for (var j = 0; j < row.cells.length; j++) {
                 var cell = row.cells[j];
                 if (x > cell.drawX + 10 && x < cell.drawX + cell.width - 10 && cell.rowspan === 1 //没有被合并的单元格
                 ) {
-                  _this.ctx.stageElement.style.cursor = 'row-resize';
-                  _this.resizeTarget = row;
+                  _this3.ctx.stageElement.style.cursor = 'row-resize';
+                  _this3.resizeTarget = row;
                 }
               }
             }
@@ -293,10 +335,10 @@ var Body = /*#__PURE__*/function () {
     key: "drawTipLine",
     value: function drawTipLine() {
       if (this.isResizing && this.resizeTarget) {
-        var _this$ctx3 = this.ctx,
-          stageWidth = _this$ctx3.stageWidth,
-          scrollY = _this$ctx3.scrollY,
-          RESIZE_ROW_LINE_COLOR = _this$ctx3.config.RESIZE_ROW_LINE_COLOR;
+        var _this$ctx2 = this.ctx,
+          stageWidth = _this$ctx2.stageWidth,
+          scrollY = _this$ctx2.scrollY,
+          RESIZE_ROW_LINE_COLOR = _this$ctx2.config.RESIZE_ROW_LINE_COLOR;
         var resizeTargetDrawY = this.resizeTarget.y - scrollY;
         var resizeTargetHeight = this.resizeTarget.height;
         var y = resizeTargetDrawY + resizeTargetHeight + this.resizeDiff - 0.5;
@@ -310,15 +352,15 @@ var Body = /*#__PURE__*/function () {
   }, {
     key: "drawFixedShadow",
     value: function drawFixedShadow() {
-      var _this$ctx4 = this.ctx,
-        fixedLeftWidth = _this$ctx4.fixedLeftWidth,
-        fixedRightWidth = _this$ctx4.fixedRightWidth,
-        scrollX = _this$ctx4.scrollX,
-        header = _this$ctx4.header,
-        stageWidth = _this$ctx4.stageWidth,
-        _this$ctx4$config = _this$ctx4.config,
-        HEADER_BG_COLOR = _this$ctx4$config.HEADER_BG_COLOR,
-        SCROLLER_TRACK_SIZE = _this$ctx4$config.SCROLLER_TRACK_SIZE;
+      var _this$ctx3 = this.ctx,
+        fixedLeftWidth = _this$ctx3.fixedLeftWidth,
+        fixedRightWidth = _this$ctx3.fixedRightWidth,
+        scrollX = _this$ctx3.scrollX,
+        header = _this$ctx3.header,
+        stageWidth = _this$ctx3.stageWidth,
+        _this$ctx3$config = _this$ctx3.config,
+        HEADER_BG_COLOR = _this$ctx3$config.HEADER_BG_COLOR,
+        SCROLLER_TRACK_SIZE = _this$ctx3$config.SCROLLER_TRACK_SIZE;
       if (scrollX > 0 && fixedLeftWidth !== 0) {
         this.ctx.paint.drawShadow(this.x, this.y, fixedLeftWidth, this.height, {
           fillColor: HEADER_BG_COLOR,
@@ -364,11 +406,11 @@ var Body = /*#__PURE__*/function () {
     key: "update",
     value: function update() {
       this.init();
-      var _this$ctx5 = this.ctx,
-        header = _this$ctx5.header,
-        database = _this$ctx5.database,
-        scrollY = _this$ctx5.scrollY,
-        CELL_HEIGHT = _this$ctx5.config.CELL_HEIGHT;
+      var _this$ctx4 = this.ctx,
+        header = _this$ctx4.header,
+        database = _this$ctx4.database,
+        scrollY = _this$ctx4.scrollY,
+        CELL_HEIGHT = _this$ctx4.config.CELL_HEIGHT;
       var offset = scrollY;
       var _database$getData2 = database.getData(),
         data = _database$getData2.data,
@@ -401,6 +443,16 @@ var Body = /*#__PURE__*/function () {
         var row = new Row(this.ctx, index, 0, top + this.y, header.width, height, _data);
         rows.push(row);
       }
+      if (this.ctx.config.ENABLE_ADD_ROW_BUTTON) {
+        var dataBottom = this.height; // 当前数据总高（空时为 0）
+        this.addRowBtnRect = {
+          x: 0,
+          y: dataBottom,
+          // 即使 0 也要记录
+          w: this.width,
+          h: this.ctx.config.CELL_HEIGHT // 始终一行高
+        };
+      }
       this.renderRows = rows;
       this.ctx.body.renderRows = rows;
     }
@@ -428,6 +480,32 @@ var Body = /*#__PURE__*/function () {
       });
       this.ctx.database.setBatchCalculatedRowHeight(heights);
     }
+  }, {
+    key: "drawAddRowButton",
+    value: function drawAddRowButton() {
+      // 只判断开关，不再判断 height
+      if (!this.addRowBtnRect) return;
+      var _this$addRowBtnRect = this.addRowBtnRect,
+        x = _this$addRowBtnRect.x,
+        y = _this$addRowBtnRect.y,
+        w = _this$addRowBtnRect.w,
+        h = _this$addRowBtnRect.h;
+      var _this$ctx5 = this.ctx,
+        paint = _this$ctx5.paint,
+        config = _this$ctx5.config;
+      paint.drawRect(x, y - this.ctx.scrollY, w, h, {
+        fillColor: this.addRowBtnHover ? config.ADD_ROW_BUTTON_HOVER_BG_COLOR : config.ADD_ROW_BUTTON_BG_COLOR,
+        borderColor: config.BORDER_COLOR,
+        borderWidth: 1
+      });
+      paint.drawText(config.ADD_ROW_BUTTON_TEXT, x, y - this.ctx.scrollY, w, h, {
+        align: config.ADD_ROW_BUTTON_TEXT_ALIGN,
+        verticalAlign: 'middle',
+        color: this.addRowBtnHover ? config.ADD_ROW_BUTTON_HOVER_TEXT_COLOR : config.ADD_ROW_BUTTON_TEXT_COLOR,
+        font: "".concat(config.ADD_ROW_BUTTON_FONT_SIZE, "px normal Arial"),
+        padding: config.ADD_ROW_BUTTON_TEXT_PADDING
+      });
+    }
   }, {
     key: "draw",
     value: function draw() {
@@ -446,6 +524,8 @@ var Body = /*#__PURE__*/function () {
         row.drawFixed();
       });
       this.drawTipLine();
+      /* 画按钮条 */
+      this.drawAddRowButton();
     }
   }]);
   return Body;

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

@@ -1,3 +1,4 @@
+import EVirtTable from './EVirtTable';
 import { IconType } from './Icons';
 import { Align, BeforeAutofillDataMethod, BeforeCellValueChangeMethod, BeforeCopyMethod, BeforePasteDataMethod, BeforeSetAutofillMethod, BeforeSetSelectorMethod, CellEditorMethod, CellHeaderStyleMethod, CellHoverIconMethod, CellReadonlyMethod, CellRenderMethod, CellRulesMethod, CellStyleMethod, CellTypeMethod, ConfigType, ExpandLazyMethod, FooterPosition, FormatterMethod, MenuItem, SelectableMethod, SelectorCellValueType, SpanMethod, TreeSelectMode, VerticalAlign } from './types';
 export default class Config {
@@ -307,6 +308,27 @@ export default class Config {
     BEFORE_SET_AUTOFILL_METHOD?: BeforeSetAutofillMethod;
     /** 数据复制前回调 */
     BEFORE_COPY_METHOD?: BeforeCopyMethod;
+    ENABLE_ADD_ROW_BUTTON: boolean;
+    ADD_ROW_BUTTON_TEXT: string;
+    ADD_ROW_BUTTON_CLICK?: (params: {
+        table: EVirtTable;
+    }) => void;
+    /** 添加一行按钮-文字大小 */
+    ADD_ROW_BUTTON_FONT_SIZE: number;
+    /** 添加一行按钮-文字颜色 */
+    ADD_ROW_BUTTON_TEXT_COLOR: string;
+    /** 添加一行按钮-悬浮鼠标样式 */
+    ADD_ROW_BUTTON_CURSOR: string;
+    /** 添加一行按钮-默认背景色 */
+    ADD_ROW_BUTTON_BG_COLOR: string;
+    /** 添加一行按钮-悬浮背景色 */
+    ADD_ROW_BUTTON_HOVER_BG_COLOR: string;
+    /** 添加一行按钮-悬浮文字颜色 */
+    ADD_ROW_BUTTON_HOVER_TEXT_COLOR: string;
+    /** 添加一行按钮-文字水平对齐方式 */
+    ADD_ROW_BUTTON_TEXT_ALIGN: 'left' | 'center' | 'right';
+    /** 添加一行按钮-文字左右边距（px） */
+    ADD_ROW_BUTTON_TEXT_PADDING: number;
     constructor(config: Partial<Config>);
     /** 初始化 */
     init(config: ConfigType): void;

package/dist/VirtTable/src/Config.js

@@ -333,6 +333,25 @@ var Config = /*#__PURE__*/function () {
     _defineProperty(this, "BEFORE_SET_AUTOFILL_METHOD", void 0);
     /** 数据复制前回调 */
     _defineProperty(this, "BEFORE_COPY_METHOD", void 0);
+    _defineProperty(this, "ENABLE_ADD_ROW_BUTTON", false);
+    _defineProperty(this, "ADD_ROW_BUTTON_TEXT", '添加一行');
+    _defineProperty(this, "ADD_ROW_BUTTON_CLICK", void 0);
+    /** 添加一行按钮-文字大小 */
+    _defineProperty(this, "ADD_ROW_BUTTON_FONT_SIZE", 12);
+    /** 添加一行按钮-文字颜色 */
+    _defineProperty(this, "ADD_ROW_BUTTON_TEXT_COLOR", '#1890ff');
+    /** 添加一行按钮-悬浮鼠标样式 */
+    _defineProperty(this, "ADD_ROW_BUTTON_CURSOR", 'pointer');
+    /** 添加一行按钮-默认背景色 */
+    _defineProperty(this, "ADD_ROW_BUTTON_BG_COLOR", '#ffffff');
+    /** 添加一行按钮-悬浮背景色 */
+    _defineProperty(this, "ADD_ROW_BUTTON_HOVER_BG_COLOR", '#e6f7ff');
+    /** 添加一行按钮-悬浮文字颜色 */
+    _defineProperty(this, "ADD_ROW_BUTTON_HOVER_TEXT_COLOR", '#096dd9');
+    /** 添加一行按钮-文字水平对齐方式 */
+    _defineProperty(this, "ADD_ROW_BUTTON_TEXT_ALIGN", 'center');
+    /** 添加一行按钮-文字左右边距（px） */
+    _defineProperty(this, "ADD_ROW_BUTTON_TEXT_PADDING", 12);
     this._config = config;
     this.updateCssVar();
   }

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

@@ -119,6 +119,7 @@ export default class Context {
     focusCellHeader?: CellHeader;
     hoverCellHeader?: CellHeader;
     body: BodyOptions;
+    bodyInstance?: Body;
     footer: FooterOptions;
     header: HeaderOptions;
     selector: SelectorOptions;
@@ -129,6 +130,7 @@ export default class Context {
     drawTime: number;
     pickedRowIndex: number;
     placeholderIndex: number;
+    lastMouseMoveEvent?: MouseEvent;
     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,7 +22,8 @@ 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);
@@ -102,6 +103,8 @@ var Context = /*#__PURE__*/function () {
       renderRows: [],
       data: []
     });
+    _defineProperty(this, "bodyInstance", void 0);
+    // ← 新增：指向真正的 Body 实例
     _defineProperty(this, "footer", {
       x: 0,
       y: 0,
@@ -145,6 +148,8 @@ var Context = /*#__PURE__*/function () {
     _defineProperty(this, "pickedRowIndex", -1);
     // -1 表示没有抓起
     _defineProperty(this, "placeholderIndex", -1);
+    // 空位所在索引
+    _defineProperty(this, "lastMouseMoveEvent", void 0);
     var containerElement = containerOptions.containerElement,
       stageElement = containerOptions.stageElement,
       canvasElement = containerOptions.canvasElement,

package/dist/VirtTable/src/EVirtTable.js

@@ -75,6 +75,9 @@ var EVirtTable = /*#__PURE__*/function () {
     this.loading = new Loading(this.ctx);
     this.filterPanel = new FilterPanel(this.ctx); // <-- 新增
     // 注入到 Context 中
+    this.body = new Body(this.ctx);
+    //@ts-ignore
+    this.ctx.bodyInstance = this.body; // ← 新增
     this.ctx.filterPanel = this.filterPanel;
     // ↓↓↓ 再加一行，让 Context 能把“表头过滤按钮点击”事件广播出去
     this.ctx.on('filterClick', function (cellHeader) {

package/dist/VirtTable/src/EventBrowser.js

@@ -16,6 +16,7 @@ var EventBrowser = /*#__PURE__*/function () {
   _createClass(EventBrowser, [{
     key: "init",
     value: function init() {
+      var _this = this;
       this.bind(window, 'resize', this.handleResize.bind(this));
       this.bind(window, 'mouseup', this.handleMouseUp.bind(this));
       this.bind(window, 'mousemove', this.handleMousemove.bind(this));
@@ -39,7 +40,12 @@ var EventBrowser = /*#__PURE__*/function () {
       this.bind(this.ctx.stageElement, 'mouseover', this.handleMouseover.bind(this));
       this.bind(this.ctx.stageElement, 'mouseout', this.handleMouseout.bind(this));
       document.addEventListener('selectionchange', this.selectionchange.bind(this));
+      // EventBrowser.ts  -> init()
+      this.bind(document, 'mouseleave', function () {
+        _this.ctx.emit('globalMouseLeave');
+      });
     }
+    // EventBrowser.ts  -> handleMousemove
   }, {
     key: "selectionchange",
     value: function selectionchange() {
@@ -60,9 +66,9 @@ var EventBrowser = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this = this;
+      var _this2 = this;
       this.eventTasks.forEach(function (fn, event) {
-        _this.unbind(window, event, fn);
+        _this2.unbind(window, event, fn);
       });
       document.removeEventListener('selectionchange', this.selectionchange.bind(this));
       this.eventTasks.clear();
@@ -89,6 +95,8 @@ var EventBrowser = /*#__PURE__*/function () {
   }, {
     key: "handleMousemove",
     value: function handleMousemove(e) {
+      var me = e;
+      this.ctx.lastMouseMoveEvent = me; // ← 新增缓存
       this.ctx.emit('mousemove', e);
     }
   }, {

package/dist/VirtTable/src/EventTable.js

@@ -74,6 +74,7 @@ var EventTable = /*#__PURE__*/function () {
           _this.ctx.emit('cellHeaderMousedown', cell, e);
         });
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          if (!cell) return;
           _this.ctx.setFocusCell(cell);
           _this.ctx.emit('cellMousedown', cell, e);
         });
@@ -98,6 +99,7 @@ var EventTable = /*#__PURE__*/function () {
           _this.ctx.emit('cellHeaderMouseup', cell, e);
         });
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          if (!cell) return;
           _this.ctx.setFocusCell(cell);
           _this.ctx.emit('cellMouseup', cell, e);
         });
@@ -107,6 +109,7 @@ var EventTable = /*#__PURE__*/function () {
         if (e.button !== 0) {
           return;
         }
+
         // 是否忙碌，进行其他操作
         if (_this.isBusy(e)) {
           return;
@@ -123,6 +126,27 @@ var EventTable = /*#__PURE__*/function () {
         });
         // 可视区
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          var _this$ctx$bodyInstanc;
+          //if(!cell)return 
+          /* 0. 先检查是否点在按钮条上 */
+          /* 0. 先检查是否点在按钮条上 */
+          //@ts-ignore
+          var btn = (_this$ctx$bodyInstanc = _this.ctx.bodyInstance) === null || _this$ctx$bodyInstanc === void 0 ? void 0 : _this$ctx$bodyInstanc.addRowBtnRect; // ← 注意这里
+          if (btn) {
+            var by = btn.y - _this.ctx.scrollY;
+            if (x >= btn.x && x <= btn.x + btn.w && y >= by && y <= by + btn.h) {
+              var ADD_ROW_BUTTON_CLICK = _this.ctx.config.ADD_ROW_BUTTON_CLICK;
+              if (typeof ADD_ROW_BUTTON_CLICK === 'function') {
+                ADD_ROW_BUTTON_CLICK({
+                  table: _this.ctx
+                });
+              }
+              return;
+            }
+          }
+          if (!cell) {
+            return;
+          }
           _this.ctx.clickCell = cell;
           _this.ctx.emit('cellClick', cell, e);
           _this.selectionClick(cell, e);
@@ -130,6 +154,7 @@ var EventTable = /*#__PURE__*/function () {
         }, true);
         // 正常
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          if (!cell) return;
           // hoverIcon事件
           _this.hoverIconClick(cell, e);
         }, false);
@@ -149,6 +174,7 @@ var EventTable = /*#__PURE__*/function () {
           _this.ctx.emit('cellHeaderDblclick', cell, e);
         });
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          if (!cell) return;
           _this.ctx.clickCell = cell;
           _this.ctx.emit('cellDblclick', cell, e);
         });
@@ -166,6 +192,7 @@ var EventTable = /*#__PURE__*/function () {
           _this.ctx.emit('cellHeaderContextMenuClick', cell, e);
         });
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          if (!cell) return;
           _this.ctx.emit('cellContextMenuClick', cell, e);
         });
       });
@@ -177,6 +204,7 @@ var EventTable = /*#__PURE__*/function () {
         }
       });
       this.ctx.on('mousemove', function (e) {
+        var _this$ctx$bodyInstanc2;
         // 是否忙碌，进行其他操作
         if (_this.isBusy(e)) {
           return;
@@ -202,8 +230,26 @@ var EventTable = /*#__PURE__*/function () {
           _this.visibleHoverCell = undefined; // 清除可视区hover
           _this.ctx.emit('cellHeaderHoverChange', cell, e);
         });
+        //@ts-ignore
+        var btn = (_this$ctx$bodyInstanc2 = _this.ctx.bodyInstance) === null || _this$ctx$bodyInstanc2 === void 0 ? void 0 : _this$ctx$bodyInstanc2.addRowBtnRect;
+        var body = _this.ctx.bodyInstance;
+        if (btn && body) {
+          var by = btn.y - _this.ctx.scrollY;
+          var inside = x >= btn.x && x <= btn.x + btn.w && y >= by && y <= by + btn.h;
+          //@ts-ignore
+          if (inside !== body.addRowBtnHover) {
+            //@ts-ignore
+            body.addRowBtnHover = inside;
+            _this.ctx.emit('draw'); // 重画一次即可换色
+          }
+          if (inside) {
+            _this.ctx.stageElement.style.cursor = _this.ctx.config.ADD_ROW_BUTTON_CURSOR;
+            return;
+          }
+        }
         // 可视区
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
+          if (!cell) return;
           // selection移入移除事件
           //  this.ctx.emit("visibleCellHoverChange", cell, e);
           _this.imageEnterAndLeave(cell, e);
@@ -217,6 +263,7 @@ var EventTable = /*#__PURE__*/function () {
         // 正常
         _this.handleBodyEvent(x, y, _this.ctx.body.renderRows, function (cell) {
           var _this$ctx$hoverCell;
+          if (!cell) return;
           _this.imageEnterAndLeave(cell, e);
           _this.ctx.emit('cellMouseenter', cell, e);
           // 移出事件
@@ -523,6 +570,10 @@ var EventTable = /*#__PURE__*/function () {
       if (!this.isInsideBody(y)) {
         return;
       }
+      var ADD_ROW_BUTTON_CLICK = this.ctx.config.ADD_ROW_BUTTON_CLICK;
+      if (renderRows.length === 0 && typeof ADD_ROW_BUTTON_CLICK === 'function') {
+        callback(null);
+      }
       var _iterator2 = _createForOfIteratorHelper(renderRows),
         _step2;
       try {

package/package.json

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