umy-ui-table 1.2.2 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umy-ui-table",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "一个基于 vue 的 PC 端表格UI库，解决万级数据渲染卡顿问题，过万数据点击全选卡顿，等等问题",
   "author": {
     "name": "foriacus"

package/packages/ux-grid/mixins/index.js

@@ -24,6 +24,8 @@ export default {
         return { enabled: true, gt: 24, oSize: 0 };
       },
     }, // 横向虚拟滚动配置（列数超过 gt 时启用）
+    virtualYConfig: Object, // vxe3 新接口：纵向虚拟滚动（优先于 scrollY）
+    virtualXConfig: Object, // vxe3 新接口：横向虚拟滚动（优先于 scrollX）
     widthResize: Boolean,
     mergeCells: Array,
     validConfig: Object, // 校验配置项
@@ -51,6 +53,7 @@ export default {
     columnKey: Boolean, // 是否需要为每一列的 VNode 设置 key 属性（非特殊情况下不需要使用, 常用于拖拽列）
     rowId: String, // 自定义行数据唯一主键的字段名（行数据必须要有唯一主键，默认自动生成）
     highlightCurrentRow: { default: true, type: Boolean }, // 是否要高亮当前行
+    highlightHoverRow: { default: true, type: Boolean }, // 鼠标移到行是否要高亮显示
     showAmend: { default: false, type: Boolean }, // 是否显示修改字段名按钮(侧滑框)
     amendBtnIcon: { default: "", type: String }, // 修改字段按钮的图标(侧滑框)
     fieldTitle: { default: "选择显示字段", type: String }, // 弹框的标题(侧滑框)
@@ -691,10 +694,6 @@ export default {
     keydown({ $event }) {
       this.$emit("keydown", { $event });
     },
-    // 当前被激活的单元格
-    editCurrentlyActive({ row, column, cell }) {
-      this.$emit("edit-currently-active", { row, column, cell });
-    },
     // vxe 首次加载完数据并渲染完成后触发（此时列信息已构建完，DOM 稳定，可安全绑定第三方拖拽等）
     initRendered(params) {
       this.$emit("init-rendered", params);

package/packages/ux-grid/src/ux-grid.vue

@@ -21,7 +21,8 @@
       :border="beautifyTable ? false : border"
       :scroll-y="scrollYConfig"
       :scroll-x="scrollXConfig"
-      context-menu
+      :virtual-y-config="computedVirtualYConfig"
+      :virtual-x-config="computedVirtualXConfig"
       :stripe="stripe"
       :row-key="rowKey"
       :column-key="columnKey"
@@ -42,7 +43,7 @@
       :show-header-overflow="showHeaderOverflow"
       :show-footer-overflow="showFooterOverflow"
       :highlight-current-row="highlightCurrentRow"
-      :highlight-hover-row="highlightCurrentRow"
+      :highlight-hover-row="highlightHoverRow"
       :row-class-name="rowClassName"
       :cell-class-name="cellClassName"
       :header-row-class-name="headerRowClassName"
@@ -72,7 +73,6 @@
       @toggle-tree-expand="toggleTreeExpandEv"
       @toggle-row-expand="expChang"
       @keydown="keydown"
-      @edit-currently-active="editCurrentlyActive"
       @scroll="tableBodyScroll"
       @init-rendered="initRendered"
       @data-rendered="dataRendered"
@@ -199,6 +199,29 @@ export default {
       }
       return this.scrollX;
     },
+    // vxe3 新接口：优先使用 virtualYConfig/virtualXConfig，不存在时回退到兼容 scrollY/scrollX
+    computedVirtualYConfig() {
+      if (this.virtualYConfig) return this.virtualYConfig;
+      const propsData = this.$options.propsData || {};
+      if (
+        this.spanMethod &&
+        !(propsData.virtualYConfig && propsData.virtualYConfig.enabled !== undefined)
+      ) {
+        return Object.assign({}, this.scrollY, { enabled: false });
+      }
+      return this.scrollY;
+    },
+    computedVirtualXConfig() {
+      if (this.virtualXConfig) return this.virtualXConfig;
+      const propsData = this.$options.propsData || {};
+      if (
+        this.spanMethod &&
+        !(propsData.virtualXConfig && propsData.virtualXConfig.enabled !== undefined)
+      ) {
+        return Object.assign({}, this.scrollX, { enabled: false });
+      }
+      return this.scrollX;
+    },
     plTableHeight() {
       if (this.height) {
         return {
@@ -281,7 +304,7 @@ export default {
       const { propsData = {}, children } = vnode.componentOptions;
       const scopedSlots = (vnode.data && vnode.data.scopedSlots) || {};
       const column = Object.assign({}, propsData);
-      const slotKeys = Object.keys(scopedSlots);
+      const slotKeys = Object.keys(scopedSlots).filter((k) => k.charAt(0) !== "$"); // 过滤 Vue 2 内部标记 $stable 等
       if (slotKeys.length) {
         column.slots = {};
         slotKeys.forEach((key) => {