@smallwei/avue 3.9.1 → 3.9.2

package/lib/packages/element-plus/crud/index2.js

@@ -1,43 +1,44 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var src_core_create = require('../../../src/core/create.js');
-var src_core_packages = require('../../../src/core/packages.js');
-var src_core_locale = require('../../../src/core/locale.js');
-var packages_core_directive_permission = require('../../core/directive/permission.js');
-var packages_core_common_init = require('../../core/common/init.js');
-require('./grid/index.js');
-require('./grid/item.js');
-require('./menu/table-page.js');
-require('./menu/header-search.js');
-require('./menu/header-menu.js');
-require('./dialog/dialog-column.js');
-require('./dialog/dialog-filter.js');
-require('./dialog/dialog-form.js');
-require('./dialog/dialog-excel.js');
-require('./column/column.js');
-require('./column/column-menu.js');
-require('./column/column-default.js');
-var packages_elementPlus_crud_config = require('./config.js');
-var src_core_dataformat = require('../../../src/core/dataformat.js');
-var src_global_variable = require('../../../src/global/variable.js');
-require('element-plus');
-var src_utils_util = require('../../../src/utils/util.js');
-var dialogExcel_vue_vue_type_script_lang = require('./dialog/dialog-excel2.js');
-var dialogForm_vue_vue_type_script_lang = require('./dialog/dialog-form2.js');
-var dialogFilter_vue_vue_type_script_lang = require('./dialog/dialog-filter2.js');
-var dialogColumn_vue_vue_type_script_lang = require('./dialog/dialog-column2.js');
-var headerMenu_vue_vue_type_script_lang = require('./menu/header-menu2.js');
-var headerSearch_vue_vue_type_script_lang = require('./menu/header-search2.js');
-var tablePage_vue_vue_type_script_lang = require('./menu/table-page2.js');
-var columnMenu_vue_vue_type_script_lang = require('./column/column-menu2.js');
-var columnDefault_vue_vue_type_script_lang = require('./column/column-default2.js');
-var column_vue_vue_type_script_lang = require('./column/column2.js');
-var item_vue_vue_type_script_lang = require('./grid/item2.js');
-var index_vue_vue_type_script_lang = require('./grid/index2.js');
-
+/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var src_core_packages = require('../../../src/core/packages.js');
+var src_core_locale = require('../../../src/core/locale.js');
+var packages_core_directive_permission = require('../../core/directive/permission.js');
+var packages_core_common_init = require('../../core/common/init.js');
+require('./grid/index.js');
+require('./grid/item.js');
+require('./menu/table-page.js');
+require('./menu/header-search.js');
+require('./menu/header-menu.js');
+require('./dialog/dialog-column.js');
+require('./dialog/dialog-filter.js');
+require('./dialog/dialog-form.js');
+require('./dialog/dialog-excel.js');
+require('./column/column.js');
+require('./column/column-menu.js');
+require('./column/column-default.js');
+var packages_elementPlus_crud_config = require('./config.js');
+var src_core_columnState = require('../../../src/core/column-state.js');
+var src_core_dataformat = require('../../../src/core/dataformat.js');
+var src_global_variable = require('../../../src/global/variable.js');
+require('element-plus');
+var src_utils_util = require('../../../src/utils/util.js');
+var dialogExcel_vue_vue_type_script_lang = require('./dialog/dialog-excel2.js');
+var dialogForm_vue_vue_type_script_lang = require('./dialog/dialog-form2.js');
+var dialogFilter_vue_vue_type_script_lang = require('./dialog/dialog-filter2.js');
+var dialogColumn_vue_vue_type_script_lang = require('./dialog/dialog-column2.js');
+var headerMenu_vue_vue_type_script_lang = require('./menu/header-menu2.js');
+var headerSearch_vue_vue_type_script_lang = require('./menu/header-search2.js');
+var tablePage_vue_vue_type_script_lang = require('./menu/table-page2.js');
+var columnMenu_vue_vue_type_script_lang = require('./column/column-menu2.js');
+var columnDefault_vue_vue_type_script_lang = require('./column/column-default2.js');
+var column_vue_vue_type_script_lang = require('./column/column2.js');
+var item_vue_vue_type_script_lang = require('./grid/item2.js');
+var index_vue_vue_type_script_lang = require('./grid/index2.js');
+
 var script = src_core_create.default({
   name: "crud",
   mixins: [packages_core_common_init.default("crud"), src_core_locale.default],
@@ -84,6 +85,8 @@ var script = src_core_create.default({
     "row-update",
     "change",
     "scroll",
+    "column-state-change",
+    "column-state-reset",
   ],
   directives: {
     permission: packages_core_directive_permission.default,
@@ -128,13 +131,13 @@ var script = src_core_create.default({
       btnDisabled: false,
       default: {},
       gridShow: false,
+      columnStateSource: null,
     };
   },
   mounted() {
     this.dataInit();
     this.getTableHeight();
     this.initFun();
-    this.initVirtualizeFun();
   },
   computed: {
     columnVirtualizeOption() {
@@ -192,7 +195,7 @@ var script = src_core_create.default({
       return this.getSlotList(
         ["-error", "-label", "-type", "-form", "-header", "-desc"],
         this.$slots,
-        this.propOption
+        this.propOption,
       );
     },
     searchSlot() {
@@ -207,7 +210,7 @@ var script = src_core_create.default({
       return this.getSlotList(
         ["-header", "-form"],
         this.$slots,
-        this.propOption
+        this.propOption,
       ).concat(result);
     },
     calcHeight() {
@@ -262,6 +265,22 @@ var script = src_core_create.default({
     columnOption() {
       return src_utils_util.getColumn(this.tableOption.column);
     },
+    columnStateKey() {
+      return (
+        this.tableOption.columnStateKey ||
+        this.tableOption.columnPersistKey ||
+        this.tableOption.tableId
+      );
+    },
+    columnStateStorage() {
+      return this.tableOption.columnStateStorage || "localStorage";
+    },
+    columnStateEnabled() {
+      return (
+        this.validData(this.tableOption.columnState, true) !== false &&
+        !this.validatenull(this.columnStateKey)
+      );
+    },
     sumColumnList() {
       return this.tableOption.sumColumnList || [];
     },
@@ -365,15 +384,6 @@ var script = src_core_create.default({
     },
   },
   methods: {
-    initVirtualizeFun() {
-      if (!this.virtualize) return;
-      this.initTableMethods([
-        "scrollTo",
-        "scrollToTop",
-        "scrollToLeft",
-        "scrollRow",
-      ]);
-    },
     initFun() {
       this.initTableMethods([
         "scrollTo",
@@ -382,6 +392,7 @@ var script = src_core_create.default({
         "columns",
         "doLayout",
         "updateKeyChildren",
+        "getHalfSelectionRows",
         "toggleAllSelection",
         "toggleRowSelection",
         "toggleRowExpansion",
@@ -400,6 +411,48 @@ var script = src_core_create.default({
         };
       });
     },
+    restoreColumnState() {
+      if (!this.columnStateEnabled) return;
+      this.columnStateSource = this.deepClone(this.tableOption.column);
+      const loader = this.tableOption.columnStateLoad;
+      const state =
+        typeof loader === "function"
+          ? loader(this.columnStateKey, this.tableOption)
+          : src_core_columnState.loadColumnState(this.columnStateKey, this.columnStateStorage);
+      if (!state) return;
+      this.tableOption.column = src_core_columnState.applyColumnState(this.tableOption.column, state);
+    },
+    saveColumnState(reason = "change") {
+      if (!this.columnStateEnabled) return;
+      if (this.validData(this.tableOption.columnStateAutoSave, true) === false) {
+        return;
+      }
+      const state = src_core_columnState.createColumnState(this.columnOption);
+      const saver = this.tableOption.columnStateSave;
+      if (typeof saver === "function") {
+        saver(state, this.columnStateKey, reason, this.tableOption);
+      } else {
+        src_core_columnState.saveColumnState(this.columnStateKey, state, this.columnStateStorage);
+      }
+      this.$emit("column-state-change", state, reason);
+    },
+    resetColumnState(callback) {
+      if (!this.columnStateEnabled) return;
+      const remover = this.tableOption.columnStateRemove;
+      if (typeof remover === "function") {
+        remover(this.columnStateKey, this.tableOption);
+      } else {
+        src_core_columnState.removeColumnState(this.columnStateKey, this.columnStateStorage);
+      }
+      if (this.columnStateSource) {
+        this.tableOption.column = this.deepClone(this.columnStateSource);
+      }
+      this.refreshTable(() => {
+        this.doLayout();
+        callback && callback();
+        this.$emit("column-state-reset", this.columnStateKey);
+      });
+    },
     handleGridShow() {
       this.gridShow = !this.gridShow;
       this.$emit("grid-status-change", this.gridShow);
@@ -460,7 +513,7 @@ var script = src_core_create.default({
     menuIcon(value) {
       return this.validData(
         this.tableOption[value + "Text"],
-        this.t("crud." + value)
+        this.t("crud." + value),
       );
     },
     getBtnIcon(value) {
@@ -490,11 +543,16 @@ var script = src_core_create.default({
     },
     //拖动表头事件
     headerDragend(newWidth, oldWidth, column, event) {
+      const prop = column.property || column.prop;
+      if (prop && this.objectOption[prop]) {
+        this.objectOption[prop].width = newWidth;
+        this.saveColumnState("width");
+      }
       this.$emit("header-dragend", newWidth, oldWidth, column, event);
     },
     headerSort(oldIndex, newIndex) {
       const visibleColumns = this.columnOption.filter(
-        (col) => col.hide !== true
+        (col) => col.hide !== true,
       );
       const oldProp = visibleColumns[oldIndex].prop;
       const newProp = visibleColumns[newIndex].prop;
@@ -504,6 +562,12 @@ var script = src_core_create.default({
       const targetRow = allColumns.splice(realOldIndex, 1)[0];
       allColumns.splice(realNewIndex, 0, targetRow);
       this.doLayout();
+      this.saveColumnState("sort");
+      this.$emit("column-sortable-change", {
+        oldIndex,
+        newIndex,
+        column: targetRow,
+      });
     },
     scroll(params) {
       this.$emit("scroll", params);
@@ -598,8 +662,8 @@ var script = src_core_create.default({
             $index: len,
           },
           formDefault,
-          row
-        )
+          row,
+        ),
       );
       this.list.push(row);
     },
@@ -752,7 +816,7 @@ var script = src_core_create.default({
       } else {
         columns.forEach((column, index) => {
           let currItem = this.sumColumnList.find(
-            (item) => item.name === column.property
+            (item) => item.name === column.property,
           );
           if (currItem) {
             let decimals = currItem.decimals !== void 0 ? currItem.decimals : 2;
@@ -763,7 +827,7 @@ var script = src_core_create.default({
                 break;
               case "avg":
                 let avgValues = data.map((item) =>
-                  Number(item[column.property])
+                  Number(item[column.property]),
                 );
                 let nowindex = 1;
                 sums[index] = avgValues.reduce((perv, curr) => {
@@ -840,6 +904,6 @@ var script = src_core_create.default({
       return result;
     },
   },
-});
-
-exports.default = script;
+});
+
+exports.default = script;