vxe-table 4.23.4 → 4.23.6

package/lib/table/module/filter/panel.js

@@ -1,29 +1,48 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var panel_exports = {};
+__export(panel_exports, {
+  default: () => panel_default
 });
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../../ui/src/comp");
-var _ui = require("../../../ui");
-var _utils = require("../../../ui/src/utils");
-var _dom = require("../../../ui/src/dom");
-var _vn = require("../../../ui/src/vn");
-var _log = require("../../../ui/src/log");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  warnLog
-} = (0, _log.createComponentLog)('table');
-const {
-  getI18n,
-  getIcon,
-  renderer,
-  renderEmptyElement
-} = _ui.VxeUI;
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeTableFilterPanel',
+module.exports = __toCommonJS(panel_exports);
+var import_vue = require("vue");
+var import_comp = require("../../../ui/src/comp");
+var import_ui = require("../../../ui");
+var import_utils = require("../../../ui/src/utils");
+var import_dom = require("../../../ui/src/dom");
+var import_vn = require("../../../ui/src/vn");
+var import_log = require("../../../ui/src/log");
+var import_xe_utils = __toESM(require("xe-utils"));
+const { warnLog } = (0, import_log.createComponentLog)("table");
+const { getI18n, getIcon, renderer, renderEmptyElement } = import_ui.VxeUI;
+var panel_default = (0, import_comp.defineVxeComponent)({
+  name: "VxeTableFilterPanel",
   props: {
     filterStore: {
       type: Object,
@@ -31,19 +50,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     }
   },
   setup(props, context) {
-    const xID = _xeUtils.default.uniqueId();
-    const VxeUIScrollbarComponent = _ui.VxeUI.getComponent('VxeScrollbar');
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const {
-      reactData: tableReactData,
-      internalData: tableInternalData,
-      getComputeMaps
-    } = $xeTable;
-    const {
-      computeFilterOpts,
-      computeRendererOpts
-    } = getComputeMaps();
-    const refElem = (0, _vue.ref)();
+    const xID = import_xe_utils.default.uniqueId();
+    const VxeUIScrollbarComponent = import_ui.VxeUI.getComponent("VxeScrollbar");
+    const $xeTable = (0, import_vue.inject)("$xeTable", {});
+    const { reactData: tableReactData, internalData: tableInternalData, getComputeMaps } = $xeTable;
+    const { computeFilterOpts, computeRendererOpts } = getComputeMaps();
+    const refElem = (0, import_vue.ref)();
     const refMaps = {
       refElem
     };
@@ -53,25 +65,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       context,
       getRefMaps: () => refMaps
     };
-    const computeHasCheckOption = (0, _vue.computed)(() => {
-      const {
-        filterStore
-      } = props;
-      const {
-        column
-      } = filterStore;
-      return column && column.filters && column.filters.some(option => option.checked);
+    const computeHasCheckOption = (0, import_vue.computed)(() => {
+      const { filterStore } = props;
+      const { column } = filterStore;
+      return column && column.filters && column.filters.some((option) => option.checked);
     });
-    // 全部筛选事件
     const filterCheckAllEvent = (evnt, value) => {
-      const {
-        filterStore
-      } = props;
-      const {
-        column
-      } = filterStore;
+      const { filterStore } = props;
+      const { column } = filterStore;
       if (column && column.filters) {
-        column.filters.forEach(option => {
+        column.filters.forEach((option) => {
           option._checked = value;
           option.checked = value;
         });
@@ -79,58 +82,35 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       filterStore.isAllSelected = value;
       filterStore.isIndeterminate = false;
     };
-    /*************************
-     * Publish methods
-     *************************/
-    // 确认筛选
-    const confirmFilter = evnt => {
-      const {
-        filterStore
-      } = props;
+    const confirmFilter = (evnt) => {
+      const { filterStore } = props;
       if (!evnt) {
-        warnLog('vxe.error.delFunc', ['confirmFilter', 'saveFilterPanelByEvent']);
+        warnLog("vxe.error.delFunc", ["confirmFilter", "saveFilterPanelByEvent"]);
       }
-      $xeTable.handleFilterConfirmFilter(evnt || new Event('click'), filterStore.column || null);
+      $xeTable.handleFilterConfirmFilter(evnt || new Event("click"), filterStore.column || null);
     };
-    // （单选）筛选发生改变
     const changeRadioOption = (evnt, checked, item) => {
       $xeTable.handleFilterChangeRadioOption(evnt, checked, item);
     };
-    /**
-     * 重置筛选
-     * 当筛选面板中的重置按钮被按下时触发
-     * @param {Event} evnt 事件
-     */
-    const resetFilter = evnt => {
-      const {
-        filterStore
-      } = props;
+    const resetFilter = (evnt) => {
+      const { filterStore } = props;
       $xeTable.handleFilterResetFilter(evnt, filterStore.column || null);
     };
-    // （多选）筛选发生改变
     const changeMultipleOption = (evnt, checked, item) => {
       $xeTable.handleFilterChangeMultipleOption(evnt, checked, item);
     };
-    // 筛选发生改变
     const changeOption = (evnt, checked, item) => {
       $xeTable.handleFilterChangeOption(evnt, checked, item);
     };
     const changeAllOption = (evnt, checked) => {
-      const {
-        filterStore
-      } = props;
-      const {
-        column
-      } = filterStore;
+      const { filterStore } = props;
+      const { column } = filterStore;
       if (column && column.filterMultiple) {
         filterCheckAllEvent(evnt, checked);
       } else {
         resetFilter(evnt);
       }
     };
-    /*************************
-     * Publish methods
-     *************************/
     const filterPanelMethods = {
       changeRadioOption,
       changeMultipleOption,
@@ -141,172 +121,161 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     Object.assign($xeFilterPanel, filterPanelMethods);
     const renderOptions = (filterRender, compConf) => {
-      const {
-        filterStore
-      } = props;
-      const {
-        column
-      } = filterStore;
+      const { filterStore } = props;
+      const { column } = filterStore;
       if (!column) {
         return [];
       }
       const filterOpts = computeFilterOpts.value;
-      const {
-        useScrollbar
-      } = filterOpts;
-      const {
-        filterMultiple,
-        filters,
-        slots
-      } = column;
+      const { useScrollbar } = filterOpts;
+      const { filterMultiple, filters, slots } = column;
       const filterOptions = filters || [];
       const filterSlot = slots ? slots.filter : null;
-      const params = Object.assign({}, tableInternalData._currFilterParams, {
-        option: filterOptions[0],
-        $panel: $xeFilterPanel,
-        $table: $xeTable
-      });
+      const params = Object.assign({}, tableInternalData._currFilterParams, { option: filterOptions[0], $panel: $xeFilterPanel, $table: $xeTable });
       const rtFilter = compConf ? compConf.renderTableFilter || compConf.renderFilter : null;
       if (filterSlot) {
-        return [(0, _vue.h)('div', {
-          class: 'vxe-table--filter-template'
-        }, $xeTable.callSlot(filterSlot, params))];
+        return [
+          (0, import_vue.h)("div", {
+            class: "vxe-table--filter-template"
+          }, $xeTable.callSlot(filterSlot, params))
+        ];
       } else if (filterRender && rtFilter) {
-        return [(0, _vue.h)('div', {
-          class: 'vxe-table--filter-template'
-        }, (0, _vn.getSlotVNs)(rtFilter(filterRender, params)))];
+        return [
+          (0, import_vue.h)("div", {
+            class: "vxe-table--filter-template"
+          }, (0, import_vn.getSlotVNs)(rtFilter(filterRender, params)))
+        ];
       }
-      const isAllChecked = filterMultiple ? filterStore.isAllSelected : !filterOptions.some(item => item._checked);
+      const isAllChecked = filterMultiple ? filterStore.isAllSelected : !filterOptions.some((item) => item._checked);
       const isAllIndeterminate = filterMultiple && filterStore.isIndeterminate;
-      const optVNs = filterOptions.map(item => {
+      const optVNs = filterOptions.map((item) => {
         const isChecked = item._checked;
         const isIndeterminate = false;
-        return (0, _vue.h)('div', {
-          class: ['vxe-table--filter-option', {
-            'is--checked': item._checked
+        return (0, import_vue.h)("div", {
+          class: ["vxe-table--filter-option", {
+            "is--checked": item._checked
           }],
           title: item.label,
-          onClick: evnt => {
+          onClick: (evnt) => {
             changeOption(evnt, !item._checked, item);
           }
-        }, (filterMultiple ? [(0, _vue.h)('span', {
-          class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-        })] : []).concat([(0, _vue.h)('span', {
-          class: 'vxe-checkbox--label'
-        }, (0, _utils.formatText)(item.label, 1))]));
+        }, (filterMultiple ? [
+          (0, import_vue.h)("span", {
+            class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+          })
+        ] : []).concat([
+          (0, import_vue.h)("span", {
+            class: "vxe-checkbox--label"
+          }, (0, import_utils.formatText)(item.label, 1))
+        ]));
       });
-      return [(0, _vue.h)('div', {
-        class: 'vxe-table--filter-header'
-      }, [(0, _vue.h)('div', {
-        class: ['vxe-table--filter-option', {
-          'is--checked': isAllChecked,
-          'is--indeterminate': isAllIndeterminate
-        }],
-        title: getI18n(filterMultiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter'),
-        onClick: evnt => {
-          changeAllOption(evnt, !filterStore.isAllSelected);
-        }
-      }, (filterMultiple ? [(0, _vue.h)('span', {
-        class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-      })] : []).concat([(0, _vue.h)('span', {
-        class: 'vxe-checkbox--label'
-      }, getI18n('vxe.table.allFilter'))]))]), useScrollbar ? (0, _vue.h)(VxeUIScrollbarComponent, {
-        class: 'vxe-table--scrollbar-filter-body',
-        viewClassName: 'vxe-table--scrollbar-filter-body-view'
-      }, {
-        default: () => optVNs
-      }) : (0, _vue.h)('div', {
-        class: 'vxe-table--filter-body'
-      }, optVNs)];
+      return [
+        (0, import_vue.h)("div", {
+          class: "vxe-table--filter-header"
+        }, [
+          (0, import_vue.h)("div", {
+            class: ["vxe-table--filter-option", {
+              "is--checked": isAllChecked,
+              "is--indeterminate": isAllIndeterminate
+            }],
+            title: getI18n(filterMultiple ? "vxe.table.allTitle" : "vxe.table.allFilter"),
+            onClick: (evnt) => {
+              changeAllOption(evnt, !filterStore.isAllSelected);
+            }
+          }, (filterMultiple ? [
+            (0, import_vue.h)("span", {
+              class: ["vxe-checkbox--icon", isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+            })
+          ] : []).concat([
+            (0, import_vue.h)("span", {
+              class: "vxe-checkbox--label"
+            }, getI18n("vxe.table.allFilter"))
+          ]))
+        ]),
+        useScrollbar ? (0, import_vue.h)(VxeUIScrollbarComponent, {
+          class: "vxe-table--scrollbar-filter-body",
+          viewClassName: "vxe-table--scrollbar-filter-body-view"
+        }, {
+          default: () => optVNs
+        }) : (0, import_vue.h)("div", {
+          class: "vxe-table--filter-body"
+        }, optVNs)
+      ];
     };
     const renderFooters = () => {
-      const {
-        filterStore
-      } = props;
-      const {
-        column
-      } = filterStore;
+      const { filterStore } = props;
+      const { column } = filterStore;
       if (!column) {
         return [];
       }
       const filterOpts = computeFilterOpts.value;
       const rendererOpts = computeRendererOpts.value;
       const hasCheckOption = computeHasCheckOption.value;
-      const {
-        filterRender,
-        filterMultiple
-      } = column;
-      const {
-        confirmButtonText,
-        resetButtonText,
-        showFooter
-      } = filterOpts;
-      const compConf = filterRender && (0, _utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
+      const { filterRender, filterMultiple } = column;
+      const { confirmButtonText, resetButtonText, showFooter } = filterOpts;
+      const compConf = filterRender && (0, import_utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
       const isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate;
       let showFlFoot = !!filterMultiple;
-      if (_xeUtils.default.isBoolean(showFooter)) {
+      if (import_xe_utils.default.isBoolean(showFooter)) {
         showFlFoot = showFooter;
       } else if (compConf) {
         showFlFoot = !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false);
       }
-      return showFlFoot ? [(0, _vue.h)('div', {
-        class: 'vxe-table--filter-footer'
-      }, [(0, _vue.h)('button', {
-        class: {
-          'is--disabled': isDisabled
-        },
-        disabled: isDisabled,
-        onClick: confirmFilter
-      }, confirmButtonText || getI18n('vxe.table.confirmFilter')), (0, _vue.h)('button', {
-        onClick: resetFilter
-      }, resetButtonText || getI18n('vxe.table.resetFilter'))])] : [];
+      return showFlFoot ? [
+        (0, import_vue.h)("div", {
+          class: "vxe-table--filter-footer"
+        }, [
+          (0, import_vue.h)("button", {
+            class: {
+              "is--disabled": isDisabled
+            },
+            disabled: isDisabled,
+            onClick: confirmFilter
+          }, confirmButtonText || getI18n("vxe.table.confirmFilter")),
+          (0, import_vue.h)("button", {
+            onClick: resetFilter
+          }, resetButtonText || getI18n("vxe.table.resetFilter"))
+        ])
+      ] : [];
     };
     const renderVN = () => {
-      const {
-        filterStore
-      } = props;
-      const {
-        initStore
-      } = tableReactData;
-      const {
-        visible,
-        column
-      } = filterStore;
+      const { filterStore } = props;
+      const { initStore } = tableReactData;
+      const { visible, column } = filterStore;
       if (!column) {
         return renderEmptyElement($xeFilterPanel);
       }
       const rendererOpts = computeRendererOpts.value;
       const filterRender = column ? column.filterRender : null;
-      const compConf = filterRender && (0, _utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
-      const filterClassName = compConf ? compConf.tableFilterClassName || compConf.filterClassName : '';
-      const params = Object.assign({}, tableInternalData._currFilterParams, {
-        $panel: $xeFilterPanel,
-        $table: $xeTable
-      });
+      const compConf = filterRender && (0, import_utils.isEnableConf)(filterRender) && filterRender.name ? rendererOpts[filterRender.name] || renderer.get(filterRender.name) : null;
+      const filterClassName = compConf ? compConf.tableFilterClassName || compConf.filterClassName : "";
+      const params = Object.assign({}, tableInternalData._currFilterParams, { $panel: $xeFilterPanel, $table: $xeTable });
       const tableProps = $xeTable.props;
-      const {
-        computeSize
-      } = $xeTable.getComputeMaps();
+      const { computeSize } = $xeTable.getComputeMaps();
       const vSize = computeSize.value;
       const filterOpts = computeFilterOpts.value;
-      const {
-        transfer,
-        destroyOnClose,
-        className
-      } = filterOpts;
-      return (0, _vue.h)(_vue.Teleport, {
-        to: 'body',
+      const { transfer, destroyOnClose, className } = filterOpts;
+      return (0, import_vue.h)(import_vue.Teleport, {
+        to: "body",
         disabled: !transfer
-      }, [(0, _vue.h)('div', {
-        ref: refElem,
-        class: ['vxe-table--filter-wrapper', 'filter--prevent-default', className, (0, _dom.getPropClass)(filterClassName, params), {
-          [`size--${vSize}`]: vSize,
-          'is--animat': tableProps.animat,
-          'is--multiple': column.filterMultiple,
-          'is--active': visible
-        }],
-        style: filterStore.style
-      }, initStore.filter && (destroyOnClose ? visible : true) && column ? renderOptions(filterRender, compConf).concat(renderFooters()) : [])]);
+      }, [
+        (0, import_vue.h)("div", {
+          ref: refElem,
+          class: [
+            "vxe-table--filter-wrapper",
+            "filter--prevent-default",
+            className,
+            (0, import_dom.getPropClass)(filterClassName, params),
+            {
+              [`size--${vSize}`]: vSize,
+              "is--animat": tableProps.animat,
+              "is--multiple": column.filterMultiple,
+              "is--active": visible
+            }
+          ],
+          style: filterStore.style
+        }, initStore.filter && (destroyOnClose ? visible : true) && column ? renderOptions(filterRender, compConf).concat(renderFooters()) : [])
+      ]);
     };
     $xeFilterPanel.renderVN = renderVN;
     return $xeFilterPanel;
@@ -314,4 +283,4 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
   render() {
     return this.renderVN();
   }
-});
+});