vxe-table 4.7.9 → 4.7.11

package/es/locale/lang/en-US.js

@@ -49,7 +49,7 @@ export default {
         table: {
             emptyText: 'No Data',
             allTitle: 'Select all / cancel',
-            seqTitle: '#',
+            seqTitle: 'S/N',
             confirmFilter: 'Confirm',
             resetFilter: 'Reset',
             allFilter: 'All',

package/es/locale/lang/es-ES.js

@@ -49,7 +49,7 @@ export default {
         table: {
             emptyText: 'No hay datos',
             allTitle: 'Seleccionar todo / cancelar',
-            seqTitle: '#',
+            seqTitle: 'S/N',
             confirmFilter: 'Confirmar',
             resetFilter: 'Restablecer',
             allFilter: 'Todo',

package/es/locale/lang/ja-JP.js

@@ -49,7 +49,7 @@ export default {
         table: {
             emptyText: 'データがありません',
             allTitle: '全て選択/取消',
-            seqTitle: '#',
+            seqTitle: 'S/N',
             confirmFilter: 'OK',
             resetFilter: 'リセット',
             allFilter: '全て',

package/es/locale/lang/pt-BR.js

@@ -49,7 +49,7 @@ export default {
         table: {
             emptyText: 'Sem dados',
             allTitle: 'Selecionar todos / cancelar',
-            seqTitle: '#',
+            seqTitle: 'S/N',
             confirmFilter: 'Confirmar',
             resetFilter: 'Redefinir',
             allFilter: 'Todos',

package/es/locale/lang/zh-CN.js

@@ -49,7 +49,7 @@ export default {
         table: {
             emptyText: '暂无数据',
             allTitle: '全选/取消',
-            seqTitle: '#',
+            seqTitle: '序号',
             confirmFilter: '筛选',
             resetFilter: '重置',
             allFilter: '全部',

package/es/locale/lang/zh-TC.js

@@ -49,7 +49,7 @@ export default {
         table: {
             emptyText: '暫無資料',
             allTitle: '全選/取消',
-            seqTitle: '#',
+            seqTitle: '序號',
             confirmFilter: '篩選',
             resetFilter: '重置',
             allFilter: '全部',

package/es/table/module/custom/panel.js

@@ -14,7 +14,7 @@ export default defineComponent({
     },
     setup(props) {
         const $xeTable = inject('$xeTable', {});
-        const { props: tableProps, reactData } = $xeTable;
+        const { reactData } = $xeTable;
         const { computeCustomOpts, computeColumnOpts, computeIsMaxFixedColumn } = $xeTable.getComputeMaps();
         const refElem = ref();
         const bodyElemRef = ref();
@@ -35,18 +35,6 @@ export default defineComponent({
                 }
             }, 300);
         };
-        const handleSaveStore = (type) => {
-            const { id } = tableProps;
-            const customOpts = computeCustomOpts.value;
-            const { storage, updateStore } = customOpts;
-            if (storage && id && updateStore) {
-                updateStore({
-                    id,
-                    type,
-                    storeData: $xeTable.getCustomStoreData()
-                });
-            }
-        };
         const confirmCustomEvent = (evnt) => {
             const { customColumnList } = reactData;
             const customOpts = computeCustomOpts.value;
@@ -65,6 +53,7 @@ export default defineComponent({
                     if (column.renderVisible && (!column.children || column.children.length)) {
                         if (column.renderResizeWidth !== column.renderWidth) {
                             column.resizeWidth = column.renderResizeWidth;
+                            column.renderWidth = column.renderResizeWidth;
                         }
                     }
                 }
@@ -74,7 +63,7 @@ export default defineComponent({
             });
             $xeTable.closeCustom();
             $xeTable.emitCustomEvent('confirm', evnt);
-            handleSaveStore('confirm');
+            $xeTable.saveCustomStore('confirm');
         };
         const cancelCustomEvent = (evnt) => {
             const { customStore } = props;
@@ -108,7 +97,6 @@ export default defineComponent({
             $xeTable.resetColumn(true);
             $xeTable.closeCustom();
             $xeTable.emitCustomEvent('reset', evnt);
-            handleSaveStore('reset');
         };
         const resetCustomEvent = (evnt) => {
             if (VxeUI.modal) {
@@ -148,6 +136,7 @@ export default defineComponent({
             handleOptionCheck(column);
             if (customOpts.immediate) {
                 $xeTable.handleCustom();
+                $xeTable.saveCustomStore('update:visible');
             }
             $xeTable.checkCustomStatus();
         };
@@ -464,8 +453,9 @@ export default defineComponent({
             const { customStore } = props;
             const { customColumnList } = reactData;
             const customOpts = computeCustomOpts.value;
-            const { allowVisible, allowSort, allowFixed, allowResizable, checkMethod, visibleMethod } = customOpts;
+            const { modalOptions, allowVisible, allowSort, allowFixed, allowResizable, checkMethod, visibleMethod } = customOpts;
             const columnOpts = computeColumnOpts.value;
+            const modalOpts = Object.assign({}, modalOptions);
             const isMaxFixedColumn = computeIsMaxFixedColumn.value;
             const trVNs = [];
             XEUtils.eachTree(customColumnList, (column, index, items, path, parent) => {
@@ -582,13 +572,13 @@ export default defineComponent({
             const isAllIndeterminate = customStore.isIndeterminate;
             return h(resolveComponent('vxe-modal'), {
                 key: 'popup',
-                className: 'vxe-table-custom-popup-wrapper vxe-table--ignore-clear',
+                className: ['vxe-table-custom-popup-wrapper', 'vxe-table--ignore-clear', modalOpts.className || ''].join(' '),
                 modelValue: customStore.visible,
-                title: getI18n('vxe.custom.cstmTitle'),
-                width: 700,
-                minWidth: 700,
-                height: 400,
-                minHeight: 400,
+                title: modalOpts.title || getI18n('vxe.custom.cstmTitle'),
+                width: modalOpts.width || '50vw',
+                minWidth: modalOpts.minWidth || 700,
+                height: modalOpts.height || '50vh',
+                minHeight: modalOpts.minHeight || 400,
                 mask: true,
                 lockView: true,
                 showFooter: true,

package/es/table/src/header.js

@@ -107,7 +107,7 @@ export default defineComponent({
                 tableInternalData._lastResizeTime = Date.now();
                 $xeTable.analyColumnWidth();
                 $xeTable.recalculate(true).then(() => {
-                    $xeTable.saveCustomResizable();
+                    $xeTable.saveCustomStore('update:visible');
                     $xeTable.updateCellAreas();
                     $xeTable.dispatchEvent('resizable-change', Object.assign(Object.assign({}, params), { resizeWidth }), evnt);
                 });