vxe-table 4.7.83 → 4.7.84

package/lib/index.umd.js

@@ -1998,9 +1998,9 @@ function eqEmptyValue(cellValue) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "4.7.83";
+const version = "4.7.84";
 core_.VxeUI.version = version;
-core_.VxeUI.tableVersion = "4.7.83";
+core_.VxeUI.tableVersion = "4.7.84";
 core_.VxeUI.setConfig({
   emptyCell: '　',
   table: {
@@ -2384,7 +2384,7 @@ var es_array_push = __webpack_require__(4114);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.7.83"}`;
+const log_version = `table v${"4.7.84"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -16117,6 +16117,238 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
         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,external_commonjs_vue_commonjs2_vue_root_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 && table_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,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table-slots'
+      }, slots.default ? slots.default({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table--render-wrapper'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table--main-wrapper'
+      }, [
+      /**
+       * 表头
+       */
+      showHeader ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(header, {
+        ref: refTableHeader,
+        tableData,
+        tableColumn,
+        tableGroupColumn
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 表体
+       */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(body, {
+        ref: refTableBody,
+        tableData,
+        tableColumn
+      }),
+      /**
+       * 表尾
+       */
+      showFooter ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(footer, {
+        ref: refTableFooter,
+        footerTableData,
+        tableColumn
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table--fixed-wrapper'
+      }, [
+      /**
+       * 左侧固定区域
+       */
+      leftList && leftList.length && overflowX ? renderFixed('left') : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 右侧固定区域
+       */
+      rightList && rightList.length && overflowX ? renderFixed('right') : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])]),
+      /**
+       * 空数据
+       */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refEmptyPlaceholder,
+        class: 'vxe-table--empty-placeholder'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table--empty-content'
+      }, renderEmptyContenet())]),
+      /**
+       * 边框线
+       */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-table--border-line'
+      }),
+      /**
+       * 列宽线
+       */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refCellResizeBar,
+        class: 'vxe-table--resizable-bar',
+        style: overflowX ? {
+          'padding-bottom': `${scrollbarHeight}px`
+        } : null
+      }),
+      /**
+       * 加载中
+       */
+      VxeUILoadingComponent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUILoadingComponent, {
+        class: 'vxe-table--loading',
+        modelValue: currLoading,
+        icon: loadingOpts.icon,
+        text: loadingOpts.text
+      }, loadingSlot ? {
+        default: () => loadingSlot({
+          $table: $xeTable,
+          $grid: $xeGrid
+        })
+      } : {}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 自定义列
+       */
+      initStore.custom ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(panel, {
+        ref: refTableCustom,
+        customStore
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 筛选
+       */
+      initStore.filter ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(filter_panel, {
+        ref: refTableFilter,
+        filterStore
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 导入
+       */
+      initStore.import && props.importConfig ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(import_panel, {
+        defaultOptions: reactData.importParams,
+        storeData: reactData.importStore
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 导出
+       */
+      initStore.export && (props.exportConfig || props.printConfig) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(export_panel, {
+        defaultOptions: reactData.exportParams,
+        storeData: reactData.exportStore
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 快捷菜单
+       */
+      isMenu ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(menu_panel, {
+        ref: refTableMenu
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
+      /**
+       * 提示相关
+       */
+      VxeUITooltipComponent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {}, [
+      /**
+       * 通用提示
+       */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUITooltipComponent, {
+        ref: refCommTooltip,
+        isArrow: false,
+        enterable: false
+      }),
+      /**
+        * 工具提示
+        */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUITooltipComponent, Object.assign({
+        ref: refTooltip
+      }, tipConfig, tooltipStore.currOpts)),
+      /**
+        * 校验提示
+        */
+      props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUITooltipComponent, {
+        ref: refValidTooltip,
+        class: [{
+          'old-cell-valid': editRules && table_getConfig().cellVaildMode === 'obsolete'
+        }, 'vxe-table--valid-error'],
+        ...(validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {})
+      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
+    };
     const dataFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.data ? props.data.length : -1, () => {
       dataFlag.value++;
@@ -16504,239 +16736,6 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
         $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,external_commonjs_vue_commonjs2_vue_root_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 && table_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,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-table-slots'
-      }, slots.default ? slots.default({}) : []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-table--render-wrapper'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-table--main-wrapper'
-      }, [
-      /**
-       * 表头
-       */
-      showHeader ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(header, {
-        ref: refTableHeader,
-        tableData,
-        tableColumn,
-        tableGroupColumn
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 表体
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(body, {
-        ref: refTableBody,
-        tableData,
-        tableColumn
-      }),
-      /**
-       * 表尾
-       */
-      showFooter ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(footer, {
-        ref: refTableFooter,
-        footerTableData,
-        tableColumn
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-table--fixed-wrapper'
-      }, [
-      /**
-       * 左侧固定区域
-       */
-      leftList && leftList.length && overflowX ? renderFixed('left') : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 右侧固定区域
-       */
-      rightList && rightList.length && overflowX ? renderFixed('right') : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])]),
-      /**
-       * 空数据
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refEmptyPlaceholder,
-        class: 'vxe-table--empty-placeholder'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-table--empty-content'
-      }, renderEmptyContenet())]),
-      /**
-       * 边框线
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-table--border-line'
-      }),
-      /**
-       * 列宽线
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        ref: refCellResizeBar,
-        class: 'vxe-table--resizable-bar',
-        style: overflowX ? {
-          'padding-bottom': `${scrollbarHeight}px`
-        } : null
-      }),
-      /**
-       * 加载中
-       */
-      VxeUILoadingComponent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUILoadingComponent, {
-        class: 'vxe-table--loading',
-        modelValue: currLoading,
-        icon: loadingOpts.icon,
-        text: loadingOpts.text
-      }, loadingSlot ? {
-        default: () => loadingSlot({
-          $table: $xeTable,
-          $grid: $xeGrid
-        })
-      } : {}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 自定义列
-       */
-      initStore.custom ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(panel, {
-        ref: refTableCustom,
-        customStore
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 筛选
-       */
-      initStore.filter ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(filter_panel, {
-        ref: refTableFilter,
-        filterStore
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 导入
-       */
-      initStore.import && props.importConfig ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(import_panel, {
-        defaultOptions: reactData.importParams,
-        storeData: reactData.importStore
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 导出
-       */
-      initStore.export && (props.exportConfig || props.printConfig) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(export_panel, {
-        defaultOptions: reactData.exportParams,
-        storeData: reactData.exportStore
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 快捷菜单
-       */
-      isMenu ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(menu_panel, {
-        ref: refTableMenu
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(),
-      /**
-       * 提示相关
-       */
-      VxeUITooltipComponent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {}, [
-      /**
-       * 通用提示
-       */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUITooltipComponent, {
-        ref: refCommTooltip,
-        isArrow: false,
-        enterable: false
-      }),
-      /**
-        * 工具提示
-        */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUITooltipComponent, Object.assign({
-        ref: refTooltip
-      }, tipConfig, tooltipStore.currOpts)),
-      /**
-        * 校验提示
-        */
-      props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip') ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VxeUITooltipComponent, {
-        ref: refValidTooltip,
-        class: [{
-          'old-cell-valid': editRules && table_getConfig().cellVaildMode === 'obsolete'
-        }, 'vxe-table--valid-error'],
-        ...(validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {})
-      }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
-    };
-    $xeTable.renderVN = renderVN;
     if (true) {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         if (props.loading) {
@@ -16753,6 +16752,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
     }
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeColgroup', null);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeTable', $xeTable);
+    $xeTable.renderVN = renderVN;
     return $xeTable;
   },
   render() {
@@ -22433,6 +22433,23 @@ render_renderer.mixin({
       })];
     }
   },
+  VxeTextEllipsis: {
+    renderTableDefault(renderOpts, params) {
+      const {
+        row,
+        column
+      } = params;
+      const {
+        props
+      } = renderOpts;
+      const cellValue = getCellValue(row, column);
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(getDefaultComponent(renderOpts), {
+        ...props,
+        content: cellValue,
+        ...getEditOns(renderOpts, params)
+      })];
+    }
+  },
   // 以下已废弃
   $input: {
     tableAutoFocus: '.vxe-input--inner',
@@ -24918,7 +24935,8 @@ const Grid = VxeGrid;
       zoomIn: '最大化',
       zoomOut: '还原',
       close: '关闭',
-      miniMaxSize: '最小化窗口的数量不能超过 {0} 个'
+      miniMaxSize: '最小化窗口的数量不能超过 {0} 个',
+      footPropErr: 'show-footer 仅用于启用表尾，需配合 show-confirm-button | show-cancel-button | 插槽使用'
     },
     drawer: {
       close: '关闭'