vxe-table 4.7.83 → 4.7.84

package/lib/table/src/table.js

@@ -7700,6 +7700,237 @@ var _default = exports.default = (0, _vue.defineComponent)({
         tableMethods.recalculate();
       }
     }
+    const renderVN = () => {
+      const {
+        loading,
+        stripe,
+        showHeader,
+        height,
+        treeConfig,
+        mouseConfig,
+        showFooter,
+        highlightCell,
+        highlightHoverRow,
+        highlightHoverColumn,
+        editConfig,
+        editRules
+      } = props;
+      const {
+        isCalcColumn,
+        isGroup,
+        overflowX,
+        overflowY,
+        scrollXLoad,
+        scrollYLoad,
+        scrollbarHeight,
+        tableData,
+        tableColumn,
+        tableGroupColumn,
+        footerTableData,
+        initStore,
+        columnStore,
+        filterStore,
+        customStore,
+        tooltipStore
+      } = reactData;
+      const {
+        leftList,
+        rightList
+      } = columnStore;
+      const loadingSlot = slots.loading;
+      const tipConfig = computeTipConfig.value;
+      const validOpts = computeValidOpts.value;
+      const checkboxOpts = computeCheckboxOpts.value;
+      const treeOpts = computeTreeOpts.value;
+      const rowOpts = computeRowOpts.value;
+      const columnOpts = computeColumnOpts.value;
+      const vSize = computeSize.value;
+      const tableBorder = computeTableBorder.value;
+      const mouseOpts = computeMouseOpts.value;
+      const validTipOpts = computeValidTipOpts.value;
+      const loadingOpts = computeLoadingOpts.value;
+      const isMenu = computeIsMenu.value;
+      const currLoading = reactData._isLoading || loading;
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
+          [`size--${vSize}`]: vSize,
+          [`valid-msg--${validOpts.msgMode}`]: !!editRules,
+          'vxe-editable': !!editConfig,
+          'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
+          'cell--highlight': highlightCell,
+          'cell--selected': mouseConfig && mouseOpts.selected,
+          'cell--area': mouseConfig && mouseOpts.area,
+          'row--highlight': rowOpts.isHover || highlightHoverRow,
+          'column--highlight': columnOpts.isHover || highlightHoverColumn,
+          'checkbox--range': checkboxOpts.range,
+          'column--calc': isCalcColumn,
+          'is--header': showHeader,
+          'is--footer': showFooter,
+          'is--group': isGroup,
+          'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
+          'is--fixed-left': leftList.length,
+          'is--fixed-right': rightList.length,
+          'is--animat': !!props.animat,
+          'is--padding': props.padding,
+          'is--round': props.round,
+          'is--stripe': !treeConfig && stripe,
+          'is--loading': currLoading,
+          'is--empty': !currLoading && !tableData.length,
+          'is--scroll-y': overflowY,
+          'is--scroll-x': overflowX,
+          'is--virtual-x': scrollXLoad,
+          'is--virtual-y': scrollYLoad
+        }],
+        spellcheck: false,
+        onKeydown: keydownEvent
+      }, [
+      /**
+       * 隐藏列
+       */
+      (0, _vue.h)('div', {
+        class: 'vxe-table-slots'
+      }, slots.default ? slots.default({}) : []), (0, _vue.h)('div', {
+        class: 'vxe-table--render-wrapper'
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-table--main-wrapper'
+      }, [
+      /**
+       * 表头
+       */
+      showHeader ? (0, _vue.h)(_header.default, {
+        ref: refTableHeader,
+        tableData,
+        tableColumn,
+        tableGroupColumn
+      }) : (0, _vue.createCommentVNode)(),
+      /**
+       * 表体
+       */
+      (0, _vue.h)(_body.default, {
+        ref: refTableBody,
+        tableData,
+        tableColumn
+      }),
+      /**
+       * 表尾
+       */
+      showFooter ? (0, _vue.h)(_footer.default, {
+        ref: refTableFooter,
+        footerTableData,
+        tableColumn
+      }) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('div', {
+        class: 'vxe-table--fixed-wrapper'
+      }, [
+      /**
+       * 左侧固定区域
+       */
+      leftList && leftList.length && overflowX ? renderFixed('left') : (0, _vue.createCommentVNode)(),
+      /**
+       * 右侧固定区域
+       */
+      rightList && rightList.length && overflowX ? renderFixed('right') : (0, _vue.createCommentVNode)()])]),
+      /**
+       * 空数据
+       */
+      (0, _vue.h)('div', {
+        ref: refEmptyPlaceholder,
+        class: 'vxe-table--empty-placeholder'
+      }, [(0, _vue.h)('div', {
+        class: 'vxe-table--empty-content'
+      }, renderEmptyContenet())]),
+      /**
+       * 边框线
+       */
+      (0, _vue.h)('div', {
+        class: 'vxe-table--border-line'
+      }),
+      /**
+       * 列宽线
+       */
+      (0, _vue.h)('div', {
+        ref: refCellResizeBar,
+        class: 'vxe-table--resizable-bar',
+        style: overflowX ? {
+          'padding-bottom': `${scrollbarHeight}px`
+        } : null
+      }),
+      /**
+       * 加载中
+       */
+      VxeUILoadingComponent ? (0, _vue.h)(VxeUILoadingComponent, {
+        class: 'vxe-table--loading',
+        modelValue: currLoading,
+        icon: loadingOpts.icon,
+        text: loadingOpts.text
+      }, loadingSlot ? {
+        default: () => loadingSlot({
+          $table: $xeTable,
+          $grid: $xeGrid
+        })
+      } : {}) : (0, _vue.createCommentVNode)(),
+      /**
+       * 自定义列
+       */
+      initStore.custom ? (0, _vue.h)(_panel.default, {
+        ref: refTableCustom,
+        customStore
+      }) : (0, _vue.createCommentVNode)(),
+      /**
+       * 筛选
+       */
+      initStore.filter ? (0, _vue.h)(_panel2.default, {
+        ref: refTableFilter,
+        filterStore
+      }) : (0, _vue.createCommentVNode)(),
+      /**
+       * 导入
+       */
+      initStore.import && props.importConfig ? (0, _vue.h)(_importPanel.default, {
+        defaultOptions: reactData.importParams,
+        storeData: reactData.importStore
+      }) : (0, _vue.createCommentVNode)(),
+      /**
+       * 导出
+       */
+      initStore.export && (props.exportConfig || props.printConfig) ? (0, _vue.h)(_exportPanel.default, {
+        defaultOptions: reactData.exportParams,
+        storeData: reactData.exportStore
+      }) : (0, _vue.createCommentVNode)(),
+      /**
+       * 快捷菜单
+       */
+      isMenu ? (0, _vue.h)(_panel3.default, {
+        ref: refTableMenu
+      }) : (0, _vue.createCommentVNode)(),
+      /**
+       * 提示相关
+       */
+      VxeUITooltipComponent ? (0, _vue.h)('div', {}, [
+      /**
+       * 通用提示
+       */
+      (0, _vue.h)(VxeUITooltipComponent, {
+        ref: refCommTooltip,
+        isArrow: false,
+        enterable: false
+      }),
+      /**
+        * 工具提示
+        */
+      (0, _vue.h)(VxeUITooltipComponent, Object.assign({
+        ref: refTooltip
+      }, tipConfig, tooltipStore.currOpts)),
+      /**
+        * 校验提示
+        */
+      props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? (0, _vue.h)(VxeUITooltipComponent, Object.assign({
+        ref: refValidTooltip,
+        class: [{
+          'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
+        }, 'vxe-table--valid-error']
+      }, validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {})) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]);
+    };
     const dataFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.data ? props.data.length : -1, () => {
       dataFlag.value++;
@@ -8087,238 +8318,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         $table: $xeTable
       });
     });
-    const renderVN = () => {
-      const {
-        loading,
-        stripe,
-        showHeader,
-        height,
-        treeConfig,
-        mouseConfig,
-        showFooter,
-        highlightCell,
-        highlightHoverRow,
-        highlightHoverColumn,
-        editConfig,
-        editRules
-      } = props;
-      const {
-        isCalcColumn,
-        isGroup,
-        overflowX,
-        overflowY,
-        scrollXLoad,
-        scrollYLoad,
-        scrollbarHeight,
-        tableData,
-        tableColumn,
-        tableGroupColumn,
-        footerTableData,
-        initStore,
-        columnStore,
-        filterStore,
-        customStore,
-        tooltipStore
-      } = reactData;
-      const {
-        leftList,
-        rightList
-      } = columnStore;
-      const loadingSlot = slots.loading;
-      const tipConfig = computeTipConfig.value;
-      const validOpts = computeValidOpts.value;
-      const checkboxOpts = computeCheckboxOpts.value;
-      const treeOpts = computeTreeOpts.value;
-      const rowOpts = computeRowOpts.value;
-      const columnOpts = computeColumnOpts.value;
-      const vSize = computeSize.value;
-      const tableBorder = computeTableBorder.value;
-      const mouseOpts = computeMouseOpts.value;
-      const validTipOpts = computeValidTipOpts.value;
-      const loadingOpts = computeLoadingOpts.value;
-      const isMenu = computeIsMenu.value;
-      const currLoading = reactData._isLoading || loading;
-      return (0, _vue.h)('div', {
-        ref: refElem,
-        class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
-          [`size--${vSize}`]: vSize,
-          [`valid-msg--${validOpts.msgMode}`]: !!editRules,
-          'vxe-editable': !!editConfig,
-          'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
-          'cell--highlight': highlightCell,
-          'cell--selected': mouseConfig && mouseOpts.selected,
-          'cell--area': mouseConfig && mouseOpts.area,
-          'row--highlight': rowOpts.isHover || highlightHoverRow,
-          'column--highlight': columnOpts.isHover || highlightHoverColumn,
-          'checkbox--range': checkboxOpts.range,
-          'column--calc': isCalcColumn,
-          'is--header': showHeader,
-          'is--footer': showFooter,
-          'is--group': isGroup,
-          'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
-          'is--fixed-left': leftList.length,
-          'is--fixed-right': rightList.length,
-          'is--animat': !!props.animat,
-          'is--padding': props.padding,
-          'is--round': props.round,
-          'is--stripe': !treeConfig && stripe,
-          'is--loading': currLoading,
-          'is--empty': !currLoading && !tableData.length,
-          'is--scroll-y': overflowY,
-          'is--scroll-x': overflowX,
-          'is--virtual-x': scrollXLoad,
-          'is--virtual-y': scrollYLoad
-        }],
-        spellcheck: false,
-        onKeydown: keydownEvent
-      }, [
-      /**
-       * 隐藏列
-       */
-      (0, _vue.h)('div', {
-        class: 'vxe-table-slots'
-      }, slots.default ? slots.default({}) : []), (0, _vue.h)('div', {
-        class: 'vxe-table--render-wrapper'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-table--main-wrapper'
-      }, [
-      /**
-       * 表头
-       */
-      showHeader ? (0, _vue.h)(_header.default, {
-        ref: refTableHeader,
-        tableData,
-        tableColumn,
-        tableGroupColumn
-      }) : (0, _vue.createCommentVNode)(),
-      /**
-       * 表体
-       */
-      (0, _vue.h)(_body.default, {
-        ref: refTableBody,
-        tableData,
-        tableColumn
-      }),
-      /**
-       * 表尾
-       */
-      showFooter ? (0, _vue.h)(_footer.default, {
-        ref: refTableFooter,
-        footerTableData,
-        tableColumn
-      }) : (0, _vue.createCommentVNode)()]), (0, _vue.h)('div', {
-        class: 'vxe-table--fixed-wrapper'
-      }, [
-      /**
-       * 左侧固定区域
-       */
-      leftList && leftList.length && overflowX ? renderFixed('left') : (0, _vue.createCommentVNode)(),
-      /**
-       * 右侧固定区域
-       */
-      rightList && rightList.length && overflowX ? renderFixed('right') : (0, _vue.createCommentVNode)()])]),
-      /**
-       * 空数据
-       */
-      (0, _vue.h)('div', {
-        ref: refEmptyPlaceholder,
-        class: 'vxe-table--empty-placeholder'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-table--empty-content'
-      }, renderEmptyContenet())]),
-      /**
-       * 边框线
-       */
-      (0, _vue.h)('div', {
-        class: 'vxe-table--border-line'
-      }),
-      /**
-       * 列宽线
-       */
-      (0, _vue.h)('div', {
-        ref: refCellResizeBar,
-        class: 'vxe-table--resizable-bar',
-        style: overflowX ? {
-          'padding-bottom': `${scrollbarHeight}px`
-        } : null
-      }),
-      /**
-       * 加载中
-       */
-      VxeUILoadingComponent ? (0, _vue.h)(VxeUILoadingComponent, {
-        class: 'vxe-table--loading',
-        modelValue: currLoading,
-        icon: loadingOpts.icon,
-        text: loadingOpts.text
-      }, loadingSlot ? {
-        default: () => loadingSlot({
-          $table: $xeTable,
-          $grid: $xeGrid
-        })
-      } : {}) : (0, _vue.createCommentVNode)(),
-      /**
-       * 自定义列
-       */
-      initStore.custom ? (0, _vue.h)(_panel.default, {
-        ref: refTableCustom,
-        customStore
-      }) : (0, _vue.createCommentVNode)(),
-      /**
-       * 筛选
-       */
-      initStore.filter ? (0, _vue.h)(_panel2.default, {
-        ref: refTableFilter,
-        filterStore
-      }) : (0, _vue.createCommentVNode)(),
-      /**
-       * 导入
-       */
-      initStore.import && props.importConfig ? (0, _vue.h)(_importPanel.default, {
-        defaultOptions: reactData.importParams,
-        storeData: reactData.importStore
-      }) : (0, _vue.createCommentVNode)(),
-      /**
-       * 导出
-       */
-      initStore.export && (props.exportConfig || props.printConfig) ? (0, _vue.h)(_exportPanel.default, {
-        defaultOptions: reactData.exportParams,
-        storeData: reactData.exportStore
-      }) : (0, _vue.createCommentVNode)(),
-      /**
-       * 快捷菜单
-       */
-      isMenu ? (0, _vue.h)(_panel3.default, {
-        ref: refTableMenu
-      }) : (0, _vue.createCommentVNode)(),
-      /**
-       * 提示相关
-       */
-      VxeUITooltipComponent ? (0, _vue.h)('div', {}, [
-      /**
-       * 通用提示
-       */
-      (0, _vue.h)(VxeUITooltipComponent, {
-        ref: refCommTooltip,
-        isArrow: false,
-        enterable: false
-      }),
-      /**
-        * 工具提示
-        */
-      (0, _vue.h)(VxeUITooltipComponent, Object.assign({
-        ref: refTooltip
-      }, tipConfig, tooltipStore.currOpts)),
-      /**
-        * 校验提示
-        */
-      props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? (0, _vue.h)(VxeUITooltipComponent, Object.assign({
-        ref: refValidTooltip,
-        class: [{
-          'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
-        }, 'vxe-table--valid-error']
-      }, validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {})) : (0, _vue.createCommentVNode)()]) : (0, _vue.createCommentVNode)()]);
-    };
-    $xeTable.renderVN = renderVN;
     if (process.env.NODE_ENV === 'development') {
       (0, _vue.nextTick)(() => {
         if (props.loading) {
@@ -8335,6 +8334,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     }
     (0, _vue.provide)('$xeColgroup', null);
     (0, _vue.provide)('$xeTable', $xeTable);
+    $xeTable.renderVN = renderVN;
     return $xeTable;
   },
   render() {