vxe-pc-ui 4.20.24 → 4.20.26

package/lib/cascader/src/cascader.js

@@ -33,7 +33,7 @@ __export(cascader_exports, {
 module.exports = __toCommonJS(cascader_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
 var import_util = require("./util");
@@ -41,6 +41,7 @@ var import_xe_utils = __toESM(require("xe-utils"));
 var import_list = __toESM(require("../../list"));
 var import_input = __toESM(require("../../input"));
 var import_button = __toESM(require("../../button"));
+const { getConfig, getI18n, getIcon, globalEvents, createEvent, useFns, renderEmptyElement, getSlotVNs } = import_core.VxeUI;
 function getNodeUniqueId() {
   return import_xe_utils.default.uniqueId("node_");
 }
@@ -94,7 +95,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
     clearable: Boolean,
     placeholder: {
       type: String,
-      default: () => import_xe_utils.default.eqNull((0, import_ui.getConfig)().cascader.placeholder) ? (0, import_ui.getI18n)("vxe.base.pleaseSelect") : (0, import_ui.getConfig)().cascader.placeholder
+      default: () => import_xe_utils.default.eqNull(getConfig().cascader.placeholder) ? getI18n("vxe.base.pleaseSelect") : getConfig().cascader.placeholder
     },
     readonly: {
       type: Boolean,
@@ -109,11 +110,11 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
     filterConfig: Object,
     showFullLabel: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showFullLabel
+      default: () => getConfig().cascader.showFullLabel
     },
     separator: {
       type: String,
-      default: () => (0, import_ui.getConfig)().cascader.separator
+      default: () => getConfig().cascader.separator
     },
     multiple: Boolean,
     className: [String, Function],
@@ -123,17 +124,17 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
     optionProps: Object,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().cascader.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().cascader.size || getConfig().size
     },
     treeConfig: Object,
     showRadio: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showRadio
+      default: () => getConfig().cascader.showRadio
     },
     radioConfig: Object,
     showCheckbox: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showCheckbox
+      default: () => getConfig().cascader.showCheckbox
     },
     checkboxConfig: Object,
     remote: Boolean,
@@ -141,46 +142,30 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
     popupConfig: Object,
     checkedClosable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.checkedClosable
+      default: () => getConfig().cascader.checkedClosable
     },
     clearClosable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.clearClosable
+      default: () => getConfig().cascader.clearClosable
     },
     showCloseButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showCloseButton
+      default: () => getConfig().cascader.showCloseButton
     },
     showTotalButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showTotalButton
+      default: () => getConfig().cascader.showTotalButton
     },
     showCheckedButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showCheckedButton
+      default: () => getConfig().cascader.showCheckedButton
     },
     showClearButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().cascader.showClearButton
+      default: () => getConfig().cascader.showClearButton
     }
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "all-change",
-    "clear",
-    "blur",
-    "focus",
-    "click",
-    "node-click",
-    "node-expand",
-    "current-change",
-    "radio-change",
-    "checkbox-change",
-    "load-success",
-    "load-error",
-    "visible-change"
-  ],
+  emits: ["update:modelValue", "change", "all-change", "clear", "blur", "focus", "click", "node-click", "node-expand", "current-change", "radio-change", "checkbox-change", "load-success", "load-error", "visible-change"],
   setup(props, context) {
     const { emit, slots } = context;
     const $xeModal = (0, import_vue.inject)("$xeModal", null);
@@ -189,7 +174,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
     const formItemInfo = (0, import_vue.inject)("xeFormItemInfo", null);
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = (0, import_vue.ref)();
     const refInput = (0, import_vue.ref)();
     const refInpSearch = (0, import_vue.ref)();
@@ -232,16 +217,16 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       return false;
     });
     const computeTreeOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().cascader.treeConfig, props.treeConfig);
+      return Object.assign({}, getConfig().cascader.treeConfig, props.treeConfig);
     });
     const computeRadioOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().cascader.radioConfig, props.radioConfig);
+      return Object.assign({}, getConfig().cascader.radioConfig, props.radioConfig);
     });
     const computeCheckboxOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().cascader.checkboxConfig, props.checkboxConfig);
+      return Object.assign({}, getConfig().cascader.checkboxConfig, props.checkboxConfig);
     });
     const computePopupOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().cascader.popupConfig, props.popupConfig);
+      return Object.assign({}, getConfig().cascader.popupConfig, props.popupConfig);
     });
     const computePropsOpts = (0, import_vue.computed)(() => {
       return props.optionProps || {};
@@ -275,7 +260,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       return treeOpts.hasChildField || "hasChild";
     });
     const computeRemoteOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().cascader.remoteConfig, props.remoteConfig);
+      return Object.assign({}, getConfig().cascader.remoteConfig, props.remoteConfig);
     });
     const computeSelectVals = (0, import_vue.computed)(() => {
       const { modelValue } = props;
@@ -321,7 +306,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       return stys;
     });
     const computeFilterOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().cascader.filterConfig, props.filterConfig);
+      return Object.assign({}, getConfig().cascader.filterConfig, props.filterConfig);
     });
     const computeMaps = {};
     const $xeCascader = {
@@ -334,7 +319,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $cascader: $xeCascader }, params));
+      emit(type, createEvent(evnt, { $cascader: $xeCascader }, params));
     };
     const emitModel = (value) => {
       emit("update:modelValue", value);
@@ -463,30 +448,34 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const childrenField = computeChildrenField.value;
       const keyMaps = {};
       const fullMaps = {};
-      import_xe_utils.default.eachTree(treeFullData, (item, index, items, path, parenItem, nodes) => {
-        let nodeid = getNodeId(item);
-        if (!nodeid) {
-          nodeid = getNodeUniqueId();
-          item[valueField] = nodeid;
-        }
-        const nodeVal = item[valueField];
-        const itemRest = {
-          item,
-          index,
-          $index: -1,
-          _index: -1,
-          items,
-          parent: parenItem,
-          nodes,
-          level: nodes.length - 1,
-          treeIndex: index,
-          lineCount: 0,
-          treeLoaded: false,
-          fullLabel: nodes.map((item2) => item2[labelField]).join(separator || " / ")
-        };
-        keyMaps[nodeid] = itemRest;
-        fullMaps[nodeVal] = itemRest;
-      }, { children: childrenField });
+      import_xe_utils.default.eachTree(
+        treeFullData,
+        (item, index, items, path, parenItem, nodes) => {
+          let nodeid = getNodeId(item);
+          if (!nodeid) {
+            nodeid = getNodeUniqueId();
+            item[valueField] = nodeid;
+          }
+          const nodeVal = item[valueField];
+          const itemRest = {
+            item,
+            index,
+            $index: -1,
+            _index: -1,
+            items,
+            parent: parenItem,
+            nodes,
+            level: nodes.length - 1,
+            treeIndex: index,
+            lineCount: 0,
+            treeLoaded: false,
+            fullLabel: nodes.map((item2) => item2[labelField]).join(separator || " / ")
+          };
+          keyMaps[nodeid] = itemRest;
+          fullMaps[nodeVal] = itemRest;
+        },
+        { children: childrenField }
+      );
       internalData.nodeMaps = keyMaps;
       internalData.fullNodeMaps = fullMaps;
       reactData.fullOptFlag++;
@@ -500,32 +489,36 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const treeOpts = computeTreeOpts.value;
       const { transform } = treeOpts;
       let vtIndex = 0;
-      import_xe_utils.default.eachTree(afterTreeList, (item, index, items, path, parenItem, nodes) => {
-        const nodeid = getNodeId(item);
-        const nodeItem = nodeMaps[nodeid];
-        if (nodeItem) {
-          nodeItem.items = items;
-          nodeItem.treeIndex = index;
-          nodeItem._index = vtIndex;
-        } else {
-          const rest = {
-            item,
-            index,
-            $index: -1,
-            _index: vtIndex,
-            items,
-            parent: parenItem,
-            nodes,
-            level: nodes.length - 1,
-            treeIndex: index,
-            lineCount: 0,
-            treeLoaded: false,
-            fullLabel: nodes.map((item2) => item2[labelField]).join(separator || " / ")
-          };
-          nodeMaps[nodeid] = rest;
-        }
-        vtIndex++;
-      }, { children: transform ? mapChildrenField : childrenField });
+      import_xe_utils.default.eachTree(
+        afterTreeList,
+        (item, index, items, path, parenItem, nodes) => {
+          const nodeid = getNodeId(item);
+          const nodeItem = nodeMaps[nodeid];
+          if (nodeItem) {
+            nodeItem.items = items;
+            nodeItem.treeIndex = index;
+            nodeItem._index = vtIndex;
+          } else {
+            const rest = {
+              item,
+              index,
+              $index: -1,
+              _index: vtIndex,
+              items,
+              parent: parenItem,
+              nodes,
+              level: nodes.length - 1,
+              treeIndex: index,
+              lineCount: 0,
+              treeLoaded: false,
+              fullLabel: nodes.map((item2) => item2[labelField]).join(separator || " / ")
+            };
+            nodeMaps[nodeid] = rest;
+          }
+          vtIndex++;
+        },
+        { children: transform ? mapChildrenField : childrenField }
+      );
     };
     const updateAfterFullData = () => {
       const { searchValue } = reactData;
@@ -607,14 +600,18 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const expandMaps = {};
       if (transform) {
         const fullData = [];
-        import_xe_utils.default.eachTree(afterTreeList, (item, index, items, path, parentRow) => {
-          const nodeid = getNodeId(item);
-          const parentNodeid = getNodeId(parentRow);
-          if (!parentRow || expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid]) {
-            expandMaps[nodeid] = 1;
-            fullData.push(item);
-          }
-        }, { children: mapChildrenField });
+        import_xe_utils.default.eachTree(
+          afterTreeList,
+          (item, index, items, path, parentRow) => {
+            const nodeid = getNodeId(item);
+            const parentNodeid = getNodeId(parentRow);
+            if (!parentRow || expandMaps[parentNodeid] && treeExpandedMaps[parentNodeid]) {
+              expandMaps[nodeid] = 1;
+              fullData.push(item);
+            }
+          },
+          { children: mapChildrenField }
+        );
         internalData.afterVisibleList = fullData;
         return fullData;
       }
@@ -657,28 +654,32 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       }
       return nodeIds;
     }
-    const triggerSearchEvent = import_xe_utils.default.debounce(() => {
-      handleData(true);
-      updateCheckboxStatus();
-      const { currentItems } = reactData;
-      const { afterTreeList } = internalData;
-      const filterOpts = computeFilterOpts.value;
-      const { autoExpandMode } = filterOpts;
-      if (!isPathInTree(afterTreeList, currentItems)) {
-        if (autoExpandMode === "first" || autoExpandMode === "last") {
-          const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
-          const expandedMaps = {};
-          stItems.forEach((nodeid) => {
-            expandedMaps[nodeid] = true;
-          });
-          internalData.treeExpandedMaps = expandedMaps;
-          reactData.currentItems = stItems;
-        } else {
-          handleCurrentItems();
+    const triggerSearchEvent = import_xe_utils.default.debounce(
+      () => {
+        handleData(true);
+        updateCheckboxStatus();
+        const { currentItems } = reactData;
+        const { afterTreeList } = internalData;
+        const filterOpts = computeFilterOpts.value;
+        const { autoExpandMode } = filterOpts;
+        if (!isPathInTree(afterTreeList, currentItems)) {
+          if (autoExpandMode === "first" || autoExpandMode === "last") {
+            const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
+            const expandedMaps = {};
+            stItems.forEach((nodeid) => {
+              expandedMaps[nodeid] = true;
+            });
+            internalData.treeExpandedMaps = expandedMaps;
+            reactData.currentItems = stItems;
+          } else {
+            handleCurrentItems();
+          }
         }
-      }
-      updateCurrentChunk();
-    }, 350, { trailing: true });
+        updateCurrentChunk();
+      },
+      350,
+      { trailing: true }
+    );
     const loadData = (list) => {
       const treeOpts = computeTreeOpts.value;
       const keyField = computeKeyField.value;
@@ -829,12 +830,16 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const checkKeys = [];
       const checkNodes = [];
       if (checked) {
-        import_xe_utils.default.eachTree(internalData.afterTreeList, (node) => {
-          const nodeid = getNodeId(node);
-          checkKeys.push(nodeid);
-          checkNodes.push(node);
-          selectMaps[nodeid] = true;
-        }, { children: transform ? mapChildrenField : childrenField });
+        import_xe_utils.default.eachTree(
+          internalData.afterTreeList,
+          (node) => {
+            const nodeid = getNodeId(node);
+            checkKeys.push(nodeid);
+            checkNodes.push(node);
+            selectMaps[nodeid] = true;
+          },
+          { children: transform ? mapChildrenField : childrenField }
+        );
       }
       internalData.indeterminateRowMaps = {};
       internalData.selectCheckboxMaps = selectMaps;
@@ -997,9 +1002,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
           const nodeid = getNodeId(node);
           const nodeItem = nodeMaps[nodeid];
           internalData.treeExpandLazyLoadedMaps[nodeid] = true;
-          Promise.resolve(
-            loadMethod({ $cascader: $xeCascader, node })
-          ).then((childRecords) => {
+          Promise.resolve(loadMethod({ $cascader: $xeCascader, node })).then((childRecords) => {
             const { treeExpandLazyLoadedMaps } = internalData;
             nodeItem.treeLoaded = true;
             if (treeExpandLazyLoadedMaps[nodeid]) {
@@ -1119,14 +1122,18 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       if (!checkStrictly) {
         const childRowMaps = {};
         const childRowList = [];
-        import_xe_utils.default.eachTree(afterTreeList, (node) => {
-          const nodeid = getNodeId(node);
-          const childList = node[transform ? mapChildrenField : childrenField];
-          if (childList && childList.length && !childRowMaps[nodeid]) {
-            childRowMaps[nodeid] = 1;
-            childRowList.unshift([node, nodeid, childList]);
-          }
-        }, { children: transform ? mapChildrenField : childrenField });
+        import_xe_utils.default.eachTree(
+          afterTreeList,
+          (node) => {
+            const nodeid = getNodeId(node);
+            const childList = node[transform ? mapChildrenField : childrenField];
+            if (childList && childList.length && !childRowMaps[nodeid]) {
+              childRowMaps[nodeid] = 1;
+              childRowList.unshift([node, nodeid, childList]);
+            }
+          },
+          { children: transform ? mapChildrenField : childrenField }
+        );
         childRowList.forEach((vals) => {
           const node = vals[0];
           const nodeid = vals[1];
@@ -1230,18 +1237,22 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
         selectCheckboxMaps[nodeid] = node;
       }
       if (!checkStrictly) {
-        import_xe_utils.default.eachTree(childList, (childNode) => {
-          const childNodeid = getNodeId(childNode);
-          if (isChecked) {
-            if (!selectCheckboxMaps[childNodeid]) {
-              selectCheckboxMaps[childNodeid] = childNode;
-            }
-          } else {
-            if (selectCheckboxMaps[childNodeid]) {
-              delete selectCheckboxMaps[childNodeid];
+        import_xe_utils.default.eachTree(
+          childList,
+          (childNode) => {
+            const childNodeid = getNodeId(childNode);
+            if (isChecked) {
+              if (!selectCheckboxMaps[childNodeid]) {
+                selectCheckboxMaps[childNodeid] = childNode;
+              }
+            } else {
+              if (selectCheckboxMaps[childNodeid]) {
+                delete selectCheckboxMaps[childNodeid];
+              }
             }
-          }
-        }, { children: transform ? mapChildrenField : childrenField });
+          },
+          { children: transform ? mapChildrenField : childrenField }
+        );
       }
       selectCheckboxMaps[nodeid] = node;
       reactData.updateCheckboxFlag++;
@@ -1325,9 +1336,7 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const queryMethod = remoteOpts.queryMethod;
       if (remote && queryMethod && remoteOpts.enabled) {
         reactData.searchLoading = true;
-        Promise.resolve(
-          queryMethod({ $cascader: $xeCascader, searchValue, value: modelValue })
-        ).then(() => (0, import_vue.nextTick)()).catch(() => (0, import_vue.nextTick)()).finally(() => {
+        Promise.resolve(queryMethod({ $cascader: $xeCascader, searchValue, value: modelValue })).then(() => (0, import_vue.nextTick)()).catch(() => (0, import_vue.nextTick)()).finally(() => {
           reactData.searchLoading = false;
         });
       }
@@ -1365,23 +1374,27 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
         const parentLevel = parentNodeItem ? parentNodeItem.level : 0;
         const parentNodes = parentNodeItem ? parentNodeItem.nodes : [];
         return createNode(childRecords).then((nodeList) => {
-          import_xe_utils.default.eachTree(nodeList, (childRow, index, items, path, parent, nodes) => {
-            const itemNodeId = getNodeId(childRow);
-            nodeMaps[itemNodeId] = {
-              item: childRow,
-              index: -1,
-              $index: -1,
-              _index: -1,
-              items,
-              parent: parent || parentNodeItem.item,
-              nodes: parentNodes.concat(nodes),
-              level: parentLevel + nodes.length,
-              treeIndex: -1,
-              lineCount: 0,
-              treeLoaded: false,
-              fullLabel: nodes.map((item) => item[labelField]).join(separator || " / ")
-            };
-          }, { children: childrenField });
+          import_xe_utils.default.eachTree(
+            nodeList,
+            (childRow, index, items, path, parent, nodes) => {
+              const itemNodeId = getNodeId(childRow);
+              nodeMaps[itemNodeId] = {
+                item: childRow,
+                index: -1,
+                $index: -1,
+                _index: -1,
+                items,
+                parent: parent || parentNodeItem.item,
+                nodes: parentNodes.concat(nodes),
+                level: parentLevel + nodes.length,
+                treeIndex: -1,
+                lineCount: 0,
+                treeLoaded: false,
+                fullLabel: nodes.map((item) => item[labelField]).join(separator || " / ")
+              };
+            },
+            { children: childrenField }
+          );
           node[childrenField] = nodeList;
           if (transform) {
             node[mapChildrenField] = nodeList;
@@ -1410,23 +1423,30 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showRadio && isVisible) {
         const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
-        return (0, import_vue.h)("div", {
-          class: ["vxe-tree--radio-option", {
-            "is--checked": isChecked,
-            "is--disabled": isDisabled
-          }],
-          onClick: (evnt) => {
-            if (!isDisabled) {
-              changeRadioEvent(evnt, node, chunks, chunkIndex);
+        return (0, import_vue.h)(
+          "div",
+          {
+            class: [
+              "vxe-tree--radio-option",
+              {
+                "is--checked": isChecked,
+                "is--disabled": isDisabled
+              }
+            ],
+            onClick: (evnt) => {
+              if (!isDisabled) {
+                changeRadioEvent(evnt, node, chunks, chunkIndex);
+              }
             }
-          }
-        }, [
-          (0, import_vue.h)("span", {
-            class: ["vxe-radio--icon", isChecked ? (0, import_ui.getIcon)().RADIO_CHECKED : isDisabled ? (0, import_ui.getIcon)().RADIO_DISABLED_UNCHECKED : (0, import_ui.getIcon)().RADIO_UNCHECKED]
-          })
-        ]);
+          },
+          [
+            (0, import_vue.h)("span", {
+              class: ["vxe-radio--icon", isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
+            })
+          ]
+        );
       }
-      return (0, import_ui.renderEmptyElement)($xeCascader);
+      return renderEmptyElement($xeCascader);
     };
     const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate, chunks, chunkIndex) => {
       const { showCheckbox } = props;
@@ -1435,24 +1455,31 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
       if (showCheckbox && isVisible) {
         const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
-        return (0, import_vue.h)("div", {
-          class: ["vxe-cascader--checkbox-option", {
-            "is--checked": isChecked,
-            "is--indeterminate": isIndeterminate,
-            "is--disabled": isDisabled
-          }],
-          onClick: (evnt) => {
-            if (!isDisabled) {
-              changeCheckboxEvent(evnt, node, chunks, chunkIndex);
+        return (0, import_vue.h)(
+          "div",
+          {
+            class: [
+              "vxe-cascader--checkbox-option",
+              {
+                "is--checked": isChecked,
+                "is--indeterminate": isIndeterminate,
+                "is--disabled": isDisabled
+              }
+            ],
+            onClick: (evnt) => {
+              if (!isDisabled) {
+                changeCheckboxEvent(evnt, node, chunks, chunkIndex);
+              }
             }
-          }
-        }, [
-          (0, import_vue.h)("span", {
-            class: ["vxe-checkbox--icon", isIndeterminate ? (0, import_ui.getIcon)().CHECKBOX_INDETERMINATE : isChecked ? (0, import_ui.getIcon)().CHECKBOX_CHECKED : isDisabled ? (0, import_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED : (0, import_ui.getIcon)().CHECKBOX_UNCHECKED]
-          })
-        ]);
+          },
+          [
+            (0, import_vue.h)("span", {
+              class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
+            })
+          ]
+        );
       }
-      return (0, import_ui.renderEmptyElement)($xeCascader);
+      return renderEmptyElement($xeCascader);
     };
     const renderNode = (node, nodeid, nodeIndex, chunks, chunkIndex) => {
       const { multiple } = props;
@@ -1491,53 +1518,76 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
         isLazyLoaded = !!nodeItem.treeLoaded;
       }
       const nParams = { node };
-      return (0, import_vue.h)("div", {
-        key: `${chunkIndex}_${nodeIndex}`,
-        class: ["vxe-cascader-chunk--node-item", {
-          "is--current": currentNode && (currentNode === node || getNodeId(currentNode) === nodeid),
-          "is-radio--checked": isRadioChecked,
-          "is-checkbox--checked": isCheckboxChecked,
-          "is-checkbox--indeterminate": isIndeterminate,
-          "is--expand": isExpand
-        }],
-        title: nodeTitle,
-        onMousedown: (evnt) => {
-          const isLeftBtn = evnt.button === 0;
-          if (isLeftBtn) {
-            evnt.stopPropagation();
+      return (0, import_vue.h)(
+        "div",
+        {
+          key: `${chunkIndex}_${nodeIndex}`,
+          class: [
+            "vxe-cascader-chunk--node-item",
+            {
+              "is--current": currentNode && (currentNode === node || getNodeId(currentNode) === nodeid),
+              "is-radio--checked": isRadioChecked,
+              "is-checkbox--checked": isCheckboxChecked,
+              "is-checkbox--indeterminate": isIndeterminate,
+              "is--expand": isExpand
+            }
+          ],
+          title: nodeTitle,
+          onMousedown: (evnt) => {
+            const isLeftBtn = evnt.button === 0;
+            if (isLeftBtn) {
+              evnt.stopPropagation();
+            }
+          },
+          onClick(evnt) {
+            handleNodeClickEvent(evnt, node, chunks, chunkIndex);
           }
         },
-        onClick(evnt) {
-          handleNodeClickEvent(evnt, node, chunks, chunkIndex);
-        }
-      }, [
-        multiple ? renderCheckbox(node, isExistChild, nLevel, isCheckboxChecked, isIndeterminate, chunks, chunkIndex) : renderRadio(node, isExistChild, nLevel, isRadioChecked, chunks, chunkIndex),
-        (0, import_vue.h)("div", {
-          class: "vxe-cascader-chunk--node-item-inner"
-        }, [
-          (0, import_vue.h)("div", {
-            class: "vxe-cascader-chunk--node-item-title"
-          }, titleSlot ? (0, import_ui.getSlotVNs)(titleSlot(nParams)) : nodeTitle)
-        ]),
-        treeOpts.showIcon && (lazy ? isLazyLoaded ? isExistChild : hasLazyChilds : isExistChild) ? (0, import_vue.h)("div", {
-          class: "vxe-cascader-chunk--node-item-switcher"
-        }, [
-          [
-            (0, import_vue.h)("div", {
-              class: "vxe-cascader--node-item-icon",
-              onClick(evnt) {
-                if (treeOpts.trigger === "icon") {
-                  toggleExpandEvent(evnt, node, chunks, chunkIndex);
-                }
-              }
-            }, iconSlot ? (0, import_ui.getSlotVNs)(iconSlot(nParams)) : [
-              (0, import_vue.h)("i", {
-                class: isLazyLoading ? iconLoaded || (0, import_ui.getIcon)().CASCADER_NODE_LOADED : isExpand ? iconOpen || (0, import_ui.getIcon)().CASCADER_NODE_OPEN : iconClose || (0, import_ui.getIcon)().CASCADER_NODE_CLOSE
-              })
-            ])
-          ]
-        ]) : (0, import_ui.renderEmptyElement)($xeCascader)
-      ]);
+        [
+          multiple ? renderCheckbox(node, isExistChild, nLevel, isCheckboxChecked, isIndeterminate, chunks, chunkIndex) : renderRadio(node, isExistChild, nLevel, isRadioChecked, chunks, chunkIndex),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-cascader-chunk--node-item-inner"
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-cascader-chunk--node-item-title"
+                },
+                titleSlot ? getSlotVNs(titleSlot(nParams)) : nodeTitle
+              )
+            ]
+          ),
+          treeOpts.showIcon && (lazy ? isLazyLoaded ? isExistChild : hasLazyChilds : isExistChild) ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-cascader-chunk--node-item-switcher"
+            },
+            [
+              [
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-cascader--node-item-icon",
+                    onClick(evnt) {
+                      if (treeOpts.trigger === "icon") {
+                        toggleExpandEvent(evnt, node, chunks, chunkIndex);
+                      }
+                    }
+                  },
+                  iconSlot ? getSlotVNs(iconSlot(nParams)) : [
+                    (0, import_vue.h)("i", {
+                      class: isLazyLoading ? iconLoaded || getIcon().CASCADER_NODE_LOADED : isExpand ? iconOpen || getIcon().CASCADER_NODE_OPEN : iconClose || getIcon().CASCADER_NODE_CLOSE
+                    })
+                  ]
+                )
+              ]
+            ]
+          ) : renderEmptyElement($xeCascader)
+        ]
+      );
     };
     const renderVN = () => {
       const { className, modelValue, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton, showCloseButton } = props;
@@ -1555,187 +1605,283 @@ var cascader_default = (0, import_comp.defineVxeComponent)({
       const popupOpts = computePopupOpts.value;
       const popupClassName = popupOpts.className;
       if (formReadonly) {
-        return (0, import_vue.h)("div", {
-          ref: refElem,
-          class: ["vxe-cascader--readonly", className]
-        }, [
-          (0, import_vue.h)("span", {
-            class: "vxe-cascader-label"
-          }, selectLabel)
-        ]);
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: ["vxe-cascader--readonly", className]
+          },
+          [
+            (0, import_vue.h)(
+              "span",
+              {
+                class: "vxe-cascader-label"
+              },
+              selectLabel
+            )
+          ]
+        );
       }
       const selectVals = import_xe_utils.default.eqNull(modelValue) ? [] : import_xe_utils.default.isArray(modelValue) ? modelValue : [modelValue];
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-cascader", className ? import_xe_utils.default.isFunction(className) ? className({ $cascader: $xeCascader }) : className : "", {
-          [`size--${vSize}`]: vSize,
-          "is--filterable": filterable,
-          "is--visible": visiblePanel,
-          "is--disabled": isDisabled,
-          "is--loading": loading,
-          "is--active": isActivated
-        }]
-      }, [
-        (0, import_vue.h)(import_input.default, {
-          ref: refInput,
-          clearable: props.clearable,
-          placeholder: loading ? (0, import_ui.getI18n)("vxe.select.loadingText") : props.placeholder,
-          editable: false,
-          disabled: isDisabled,
-          type: "text",
-          prefixIcon: props.prefixIcon,
-          suffixIcon: loading ? (0, import_ui.getIcon)().TREE_SELECT_LOADED : visiblePanel ? (0, import_ui.getIcon)().TREE_SELECT_OPEN : (0, import_ui.getIcon)().TREE_SELECT_CLOSE,
-          modelValue: loading ? "" : selectLabel,
-          title: selectLabel,
-          onClear: clearEvent,
-          onClick: clickEvent,
-          onFocus: focusEvent,
-          onBlur: blurEvent,
-          onSuffixClick: togglePanelEvent
-        }, prefixSlot ? {
-          prefix: () => prefixSlot({})
-        } : {}),
-        (0, import_vue.h)(import_vue.Teleport, {
-          to: "body",
-          disabled: btnTransfer ? !initialized : true
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refOptionPanel,
-            class: ["vxe-table--ignore-clear vxe-cascader--panel", popupClassName ? import_xe_utils.default.isFunction(popupClassName) ? popupClassName({ $cascader: $xeCascader }) : popupClassName : "", {
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-cascader",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $cascader: $xeCascader }) : className : "",
+            {
               [`size--${vSize}`]: vSize,
-              "is--transfer": btnTransfer,
-              "ani--leave": !loading && isAniVisible,
-              "ani--enter": !loading && visiblePanel
-            }],
-            placement: reactData.panelPlacement,
-            style: popupWrapperStyle
-          }, initialized ? [
-            (0, import_vue.h)("div", {
-              class: "vxe-cascader--panel-wrapper"
-            }, [
-              filterable ? (0, import_vue.h)("div", {
-                class: "vxe-cascader--panel-search"
-              }, [
-                (0, import_vue.h)(import_input.default, {
-                  ref: refInpSearch,
-                  class: "vxe-cascader-search--input",
-                  modelValue: searchValue,
-                  clearable: true,
-                  disabled: false,
-                  readonly: false,
-                  placeholder: (0, import_ui.getI18n)("vxe.cascader.search"),
-                  prefixIcon: (0, import_ui.getIcon)().INPUT_SEARCH,
-                  "onUpdate:modelValue": modelSearchEvent
-                })
-              ]) : (0, import_ui.renderEmptyElement)($xeCascader),
-              showCheckedButton && multiple || showClearButton || headerSlot ? (0, import_vue.h)("div", {
-                class: "vxe-cascader--panel-header"
-              }, headerSlot ? headerSlot({}) : [
-                (0, import_vue.h)("div", {
-                  class: "vxe-cascader--header-button"
-                }, [
-                  showCheckedButton && multiple || showClearButton ? (0, import_vue.h)("div", {
-                    class: "vxe-cascader--selected-btns"
-                  }, [
-                    showCheckedButton && multiple ? (0, import_vue.h)(import_button.default, {
-                      content: (0, import_ui.getI18n)("vxe.treeSelect.allChecked"),
-                      mode: "text",
-                      onClick: allCheckedPanelEvent
-                    }) : (0, import_ui.renderEmptyElement)($xeCascader),
-                    showClearButton ? (0, import_vue.h)(import_button.default, {
-                      content: (0, import_ui.getI18n)("vxe.treeSelect.clearChecked"),
-                      mode: "text",
-                      onClick: clearCheckedPanelEvent
-                    }) : (0, import_ui.renderEmptyElement)($xeCascader)
-                  ]) : (0, import_ui.renderEmptyElement)($xeCascader)
-                ])
-              ]) : (0, import_ui.renderEmptyElement)($xeCascader),
-              (0, import_vue.h)("div", {
-                class: "vxe-cascader--panel-body"
-              }, [
-                (0, import_vue.h)("div", {
-                  ref: refChunkWrapper,
-                  class: "vxe-cascader-chunk--wrapper"
-                }, [
-                  currentCunkList.map((chunks, chunkIndex) => {
-                    return (0, import_vue.h)("div", {
-                      key: chunkIndex,
-                      class: "vxe-cascader-chunk--item-wrapper"
-                    }, [
-                      (0, import_vue.h)(import_list.default, {
-                        data: chunks,
-                        virtualYConfig: listVirtualYOpts
-                      }, {
-                        default(slotParams) {
-                          const { items } = slotParams;
-                          return items.map((node, nodeIndex) => {
-                            const nodeid = getNodeId(node);
-                            return renderNode(node, nodeid, nodeIndex, chunks, chunkIndex);
-                          });
-                        }
-                      })
-                    ]);
-                  })
-                ])
-              ]),
-              footerSlot || showTotalButton || showCloseButton ? (0, import_vue.h)("div", {
-                class: "vxe-cascader--panel-footer"
-              }, footerSlot ? footerSlot({}) : [
-                (0, import_vue.h)("div", {
-                  class: "vxe-cascader--footer-button"
-                }, [
-                  showTotalButton ? (0, import_vue.h)("div", {
-                    class: "vxe-cascader--total-btns"
-                  }, (0, import_ui.getI18n)("vxe.treeSelect.total", [selectVals.length])) : (0, import_ui.renderEmptyElement)($xeCascader),
-                  showCloseButton ? (0, import_vue.h)("div", {
-                    class: "vxe-cascader--oper-btns"
-                  }, [
-                    (0, import_vue.h)(import_button.default, {
-                      content: (0, import_ui.getI18n)("vxe.select.close"),
-                      mode: "text",
-                      onClick: closePanelEvent
-                    })
-                  ]) : (0, import_ui.renderEmptyElement)($xeCascader)
-                ])
-              ]) : (0, import_ui.renderEmptyElement)($xeCascader)
-            ])
-          ] : [])
-        ])
-      ]);
+              "is--filterable": filterable,
+              "is--visible": visiblePanel,
+              "is--disabled": isDisabled,
+              "is--loading": loading,
+              "is--active": isActivated
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            import_input.default,
+            {
+              ref: refInput,
+              clearable: props.clearable,
+              placeholder: loading ? getI18n("vxe.select.loadingText") : props.placeholder,
+              editable: false,
+              disabled: isDisabled,
+              type: "text",
+              prefixIcon: props.prefixIcon,
+              suffixIcon: loading ? getIcon().TREE_SELECT_LOADED : visiblePanel ? getIcon().TREE_SELECT_OPEN : getIcon().TREE_SELECT_CLOSE,
+              modelValue: loading ? "" : selectLabel,
+              title: selectLabel,
+              onClear: clearEvent,
+              onClick: clickEvent,
+              onFocus: focusEvent,
+              onBlur: blurEvent,
+              onSuffixClick: togglePanelEvent
+            },
+            prefixSlot ? {
+              prefix: () => prefixSlot({})
+            } : {}
+          ),
+          (0, import_vue.h)(
+            import_vue.Teleport,
+            {
+              to: "body",
+              disabled: btnTransfer ? !initialized : true
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refOptionPanel,
+                  class: [
+                    "vxe-table--ignore-clear vxe-cascader--panel",
+                    popupClassName ? import_xe_utils.default.isFunction(popupClassName) ? popupClassName({ $cascader: $xeCascader }) : popupClassName : "",
+                    {
+                      [`size--${vSize}`]: vSize,
+                      "is--transfer": btnTransfer,
+                      "ani--leave": !loading && isAniVisible,
+                      "ani--enter": !loading && visiblePanel
+                    }
+                  ],
+                  placement: reactData.panelPlacement,
+                  style: popupWrapperStyle
+                },
+                initialized ? [
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-cascader--panel-wrapper"
+                    },
+                    [
+                      filterable ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-cascader--panel-search"
+                        },
+                        [
+                          (0, import_vue.h)(import_input.default, {
+                            ref: refInpSearch,
+                            class: "vxe-cascader-search--input",
+                            modelValue: searchValue,
+                            clearable: true,
+                            disabled: false,
+                            readonly: false,
+                            placeholder: getI18n("vxe.cascader.search"),
+                            prefixIcon: getIcon().INPUT_SEARCH,
+                            "onUpdate:modelValue": modelSearchEvent
+                          })
+                        ]
+                      ) : renderEmptyElement($xeCascader),
+                      showCheckedButton && multiple || showClearButton || headerSlot ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-cascader--panel-header"
+                        },
+                        headerSlot ? headerSlot({}) : [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              class: "vxe-cascader--header-button"
+                            },
+                            [
+                              showCheckedButton && multiple || showClearButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-cascader--selected-btns"
+                                },
+                                [
+                                  showCheckedButton && multiple ? (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.treeSelect.allChecked"),
+                                    mode: "text",
+                                    onClick: allCheckedPanelEvent
+                                  }) : renderEmptyElement($xeCascader),
+                                  showClearButton ? (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.treeSelect.clearChecked"),
+                                    mode: "text",
+                                    onClick: clearCheckedPanelEvent
+                                  }) : renderEmptyElement($xeCascader)
+                                ]
+                              ) : renderEmptyElement($xeCascader)
+                            ]
+                          )
+                        ]
+                      ) : renderEmptyElement($xeCascader),
+                      (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-cascader--panel-body"
+                        },
+                        [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              ref: refChunkWrapper,
+                              class: "vxe-cascader-chunk--wrapper"
+                            },
+                            [
+                              currentCunkList.map((chunks, chunkIndex) => {
+                                return (0, import_vue.h)(
+                                  "div",
+                                  {
+                                    key: chunkIndex,
+                                    class: "vxe-cascader-chunk--item-wrapper"
+                                  },
+                                  [
+                                    (0, import_vue.h)(
+                                      import_list.default,
+                                      {
+                                        data: chunks,
+                                        virtualYConfig: listVirtualYOpts
+                                      },
+                                      {
+                                        default(slotParams) {
+                                          const { items } = slotParams;
+                                          return items.map((node, nodeIndex) => {
+                                            const nodeid = getNodeId(node);
+                                            return renderNode(node, nodeid, nodeIndex, chunks, chunkIndex);
+                                          });
+                                        }
+                                      }
+                                    )
+                                  ]
+                                );
+                              })
+                            ]
+                          )
+                        ]
+                      ),
+                      footerSlot || showTotalButton || showCloseButton ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-cascader--panel-footer"
+                        },
+                        footerSlot ? footerSlot({}) : [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              class: "vxe-cascader--footer-button"
+                            },
+                            [
+                              showTotalButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-cascader--total-btns"
+                                },
+                                getI18n("vxe.treeSelect.total", [selectVals.length])
+                              ) : renderEmptyElement($xeCascader),
+                              showCloseButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-cascader--oper-btns"
+                                },
+                                [
+                                  (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.select.close"),
+                                    mode: "text",
+                                    onClick: closePanelEvent
+                                  })
+                                ]
+                              ) : renderEmptyElement($xeCascader)
+                            ]
+                          )
+                        ]
+                      ) : renderEmptyElement($xeCascader)
+                    ]
+                  )
+                ] : []
+              )
+            ]
+          )
+        ]
+      );
     };
-    (0, import_vue.watch)(() => props.modelValue, () => {
-      if (!internalData.isUpdateMode) {
-        updateModelChecked();
-        handleCurrentItems();
-        updateCurrentChunk();
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      () => {
+        if (!internalData.isUpdateMode) {
+          updateModelChecked();
+          handleCurrentItems();
+          updateCurrentChunk();
+        }
+        internalData.isUpdateMode = false;
       }
-      internalData.isUpdateMode = false;
-    });
-    (0, import_vue.watch)(() => props.options, () => {
-      cacheNodeMap();
-    });
+    );
+    (0, import_vue.watch)(
+      () => props.options,
+      () => {
+        cacheNodeMap();
+      }
+    );
     const dataFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.options ? props.options.length : 0, () => {
-      dataFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.options, () => {
-      dataFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.options ? props.options.length : 0,
+      () => {
+        dataFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.options,
+      () => {
+        dataFlag.value++;
+      }
+    );
     (0, import_vue.watch)(dataFlag, () => {
       loadData(props.options || []);
     });
     loadData(props.options || []);
     (0, import_vue.onMounted)(() => {
-      import_ui.globalEvents.on($xeCascader, "mousedown", handleGlobalMousedownEvent);
-      import_ui.globalEvents.on($xeCascader, "blur", handleGlobalBlurEvent);
-      import_ui.globalEvents.on($xeCascader, "resize", handleGlobalResizeEvent);
-      import_ui.globalEvents.on($xeCascader, "scroll", handleGlobalScrollEvent);
+      globalEvents.on($xeCascader, "mousedown", handleGlobalMousedownEvent);
+      globalEvents.on($xeCascader, "blur", handleGlobalBlurEvent);
+      globalEvents.on($xeCascader, "resize", handleGlobalResizeEvent);
+      globalEvents.on($xeCascader, "scroll", handleGlobalScrollEvent);
     });
     (0, import_vue.onUnmounted)(() => {
-      import_ui.globalEvents.off($xeCascader, "mousedown");
-      import_ui.globalEvents.off($xeCascader, "blur");
-      import_ui.globalEvents.off($xeCascader, "resize");
-      import_ui.globalEvents.off($xeCascader, "scroll");
+      globalEvents.off($xeCascader, "mousedown");
+      globalEvents.off($xeCascader, "blur");
+      globalEvents.off($xeCascader, "resize");
+      globalEvents.off($xeCascader, "scroll");
       import_xe_utils.default.assign(reactData, createReactData());
       import_xe_utils.default.assign(internalData, createInternalData());
     });