vxe-pc-ui 4.20.24 → 4.20.26

package/lib/tree-select/src/tree-select.js

@@ -33,7 +33,7 @@ __export(tree_select_exports, {
 module.exports = __toCommonJS(tree_select_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_log = require("../../ui/src/log");
@@ -42,6 +42,7 @@ var import_xe_utils = __toESM(require("xe-utils"));
 var import_input = __toESM(require("../../input"));
 var import_button = __toESM(require("../../button"));
 var import_tree = __toESM(require("../../tree"));
+const { getConfig, getI18n, getIcon, globalEvents, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 const { warnLog, errLog } = (0, import_log.createComponentLog)("tree-select");
 function getOptUniqueId() {
   return import_xe_utils.default.uniqueId("node_");
@@ -76,11 +77,11 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
     modelValue: [String, Number, Array],
     clearable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.clearable
+      default: () => getConfig().treeSelect.clearable
     },
     placeholder: {
       type: String,
-      default: () => import_xe_utils.default.eqNull((0, import_ui.getConfig)().treeSelect.placeholder) ? (0, import_ui.getI18n)("vxe.base.pleaseSelect") : (0, import_ui.getConfig)().treeSelect.placeholder
+      default: () => import_xe_utils.default.eqNull(getConfig().treeSelect.placeholder) ? getI18n("vxe.base.pleaseSelect") : getConfig().treeSelect.placeholder
     },
     readonly: {
       type: Boolean,
@@ -93,11 +94,11 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
     },
     showFullLabel: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showFullLabel
+      default: () => getConfig().treeSelect.showFullLabel
     },
     separator: {
       type: String,
-      default: () => (0, import_ui.getConfig)().treeSelect.separator
+      default: () => getConfig().treeSelect.separator
     },
     filterable: Boolean,
     filterConfig: Object,
@@ -120,18 +121,18 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
     zIndex: Number,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().treeSelect.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().treeSelect.size || getConfig().size
     },
     remote: Boolean,
     remoteConfig: Object,
     showRadio: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showRadio
+      default: () => getConfig().treeSelect.showRadio
     },
     radioConfig: Object,
     showCheckbox: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showCheckbox
+      default: () => getConfig().treeSelect.showCheckbox
     },
     checkboxConfig: Object,
     popupConfig: Object,
@@ -144,35 +145,35 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
      */
     autoClose: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.autoClose
+      default: () => getConfig().treeSelect.autoClose
     },
     checkedClosable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.checkedClosable
+      default: () => getConfig().treeSelect.checkedClosable
     },
     clearClosable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.clearClosable
+      default: () => getConfig().treeSelect.clearClosable
     },
     showCloseButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showCloseButton
+      default: () => getConfig().treeSelect.showCloseButton
     },
     showTotalButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showTotalButton
+      default: () => getConfig().treeSelect.showTotalButton
     },
     showCheckedButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showCheckedButton
+      default: () => getConfig().treeSelect.showCheckedButton
     },
     showClearButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showClearButton
+      default: () => getConfig().treeSelect.showClearButton
     },
     showExpandButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().treeSelect.showExpandButton
+      default: () => getConfig().treeSelect.showExpandButton
     },
     transfer: {
       type: Boolean,
@@ -184,17 +185,7 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
      */
     remoteMethod: Function
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "all-change",
-    "clear",
-    "blur",
-    "focus",
-    "click",
-    "node-click",
-    "visible-change"
-  ],
+  emits: ["update:modelValue", "change", "all-change", "clear", "blur", "focus", "click", "node-click", "visible-change"],
   setup(props, context) {
     const { emit, slots } = context;
     const $xeModal = (0, import_vue.inject)("$xeModal", null);
@@ -203,7 +194,7 @@ var tree_select_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)();
@@ -242,7 +233,7 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
         return transfer;
       }
       if (props.transfer === null) {
-        const globalTransfer = (0, import_ui.getConfig)().treeSelect.transfer;
+        const globalTransfer = getConfig().treeSelect.transfer;
         if (import_xe_utils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -253,13 +244,13 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
       return props.transfer;
     });
     const computePopupOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().treeSelect.popupConfig, props.popupConfig);
+      return Object.assign({}, getConfig().treeSelect.popupConfig, props.popupConfig);
     });
     const computeTreeOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().treeSelect.treeConfig, props.treeConfig, { data: void 0 });
+      return Object.assign({}, getConfig().treeSelect.treeConfig, props.treeConfig, { data: void 0 });
     });
     const computeMenuOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().treeSelect.menuConfig, props.menuConfig);
+      return Object.assign({}, getConfig().treeSelect.menuConfig, props.menuConfig);
     });
     const computeTreeNodeOpts = (0, import_vue.computed)(() => {
       const treeOpts = computeTreeOpts.value;
@@ -268,23 +259,33 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
     const computeTreeCheckboxOpts = (0, import_vue.computed)(() => {
       const { showCheckbox, checkboxConfig } = props;
       const treeOpts = computeTreeOpts.value;
-      return Object.assign({
-        showIcon: import_xe_utils.default.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
-      }, treeOpts.checkboxConfig, checkboxConfig, {
-        trigger: "node"
-      });
+      return Object.assign(
+        {
+          showIcon: import_xe_utils.default.isBoolean(showCheckbox) ? showCheckbox : !!treeOpts.showCheckbox
+        },
+        treeOpts.checkboxConfig,
+        checkboxConfig,
+        {
+          trigger: "node"
+        }
+      );
     });
     const computeTreeRadioOpts = (0, import_vue.computed)(() => {
       const { showRadio, radioConfig } = props;
       const treeOpts = computeTreeOpts.value;
-      return Object.assign({
-        showIcon: import_xe_utils.default.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
-      }, treeOpts.radioConfig, radioConfig, {
-        trigger: "node"
-      });
+      return Object.assign(
+        {
+          showIcon: import_xe_utils.default.isBoolean(showRadio) ? showRadio : !!treeOpts.showRadio
+        },
+        treeOpts.radioConfig,
+        radioConfig,
+        {
+          trigger: "node"
+        }
+      );
     });
     const computePropsOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().treeSelect.optionProps, props.optionProps);
+      return Object.assign({}, getConfig().treeSelect.optionProps, props.optionProps);
     });
     const computeNodeKeyField = (0, import_vue.computed)(() => {
       const treeOpts = computeTreeOpts.value;
@@ -312,10 +313,10 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
       return propsOpts.hasChild || "hasChild";
     });
     const computeVirtualYOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().treeSelect.virtualYConfig, props.virtualYConfig);
+      return Object.assign({}, getConfig().treeSelect.virtualYConfig, props.virtualYConfig);
     });
     const computeRemoteOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().treeSelect.remoteConfig, props.remoteConfig);
+      return Object.assign({}, getConfig().treeSelect.remoteConfig, props.remoteConfig);
     });
     const computeFilterOpts = (0, import_vue.computed)(() => {
       const treeOpts = computeTreeOpts.value;
@@ -369,7 +370,7 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $treeSelect: $xeTreeSelect }, params));
+      emit(type, createEvent(evnt, { $treeSelect: $xeTreeSelect }, params));
     };
     const emitModel = (value) => {
       emit("update:modelValue", value);
@@ -673,9 +674,7 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
       const queryMethod = remoteOpts.queryMethod || remoteMethod;
       if (remote && queryMethod && remoteOpts.enabled) {
         reactData.searchLoading = true;
-        Promise.resolve(
-          queryMethod({ $treeSelect: $xeTreeSelect, searchValue, value: modelValue })
-        ).then(() => (0, import_vue.nextTick)()).catch(() => (0, import_vue.nextTick)()).finally(() => {
+        Promise.resolve(queryMethod({ $treeSelect: $xeTreeSelect, searchValue, value: modelValue })).then(() => (0, import_vue.nextTick)()).catch(() => (0, import_vue.nextTick)()).finally(() => {
           reactData.searchLoading = false;
         });
       }
@@ -730,14 +729,22 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
       const { appendTo } = popupOpts;
       const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
-        return (0, import_vue.h)("div", {
-          ref: refElem,
-          class: ["vxe-tree-select--readonly", className]
-        }, [
-          (0, import_vue.h)("span", {
-            class: "vxe-tree-select-label"
-          }, selectLabel)
-        ]);
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: ["vxe-tree-select--readonly", className]
+          },
+          [
+            (0, import_vue.h)(
+              "span",
+              {
+                class: "vxe-tree-select-label"
+              },
+              selectLabel
+            )
+          ]
+        );
       }
       const treeOpts = computeTreeOpts.value;
       const menuOpts = computeMenuOpts.value;
@@ -767,204 +774,292 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
           treeScopedSlots.extra = (slotParams) => callSlot(treeExtraSlot, slotParams);
         }
       }
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-tree-select", className ? import_xe_utils.default.isFunction(className) ? className({ $treeSelect: $xeTreeSelect }) : 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: (0, import_dom.getPopupContainer)(appendTo),
-          disabled: btnTransfer ? !initialized : true
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refOptionPanel,
-            class: ["vxe-table--ignore-clear vxe-tree-select--panel", ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $treeSelect: $xeTreeSelect }) : ppClassName : "", {
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-tree-select",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $treeSelect: $xeTreeSelect }) : className : "",
+            {
               [`size--${vSize}`]: vSize,
-              "is--transfer": btnTransfer,
-              "ani--leave": !loading && isAniVisible,
-              "ani--enter": !loading && visiblePanel
-            }],
-            placement: reactData.panelPlacement,
-            style: reactData.panelStyle
-          }, initialized ? [
-            (0, import_vue.h)("div", {
-              class: "vxe-tree-select--panel-wrapper"
-            }, [
-              filterable ? (0, import_vue.h)("div", {
-                class: "vxe-tree-select--panel-search"
-              }, [
-                (0, import_vue.h)(import_input.default, {
-                  ref: refInpSearch,
-                  class: "vxe-tree-select-search--input",
-                  modelValue: searchValue,
-                  clearable: true,
-                  disabled: false,
-                  readonly: false,
-                  placeholder: (0, import_ui.getI18n)("vxe.treeSelect.search"),
-                  prefixIcon: (0, import_ui.getIcon)().INPUT_SEARCH,
-                  "onUpdate:modelValue": modelSearchEvent
-                })
-              ]) : (0, import_ui.renderEmptyElement)($xeTreeSelect),
-              showCheckedButton && multiple || showClearButton || showExpandButton || headerSlot ? (0, import_vue.h)("div", {
-                class: "vxe-tree-select--panel-header"
-              }, headerSlot ? headerSlot({}) : [
-                (0, import_vue.h)("div", {
-                  class: "vxe-tree-select--header-button"
-                }, [
-                  showCheckedButton && multiple || showClearButton ? (0, import_vue.h)("div", {
-                    class: "vxe-tree-select--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)($xeTreeSelect),
-                    showClearButton ? (0, import_vue.h)(import_button.default, {
-                      content: (0, import_ui.getI18n)("vxe.treeSelect.clearChecked"),
-                      mode: "text",
-                      onClick: clearCheckedPanelEvent
-                    }) : (0, import_ui.renderEmptyElement)($xeTreeSelect)
-                  ]) : (0, import_ui.renderEmptyElement)($xeTreeSelect),
-                  showExpandButton ? (0, import_vue.h)("div", {
-                    class: "vxe-tree-select--expand-btns"
-                  }, [
-                    (0, import_vue.h)(import_button.default, {
-                      content: (0, import_ui.getI18n)("vxe.treeSelect.allExpand"),
-                      mode: "text",
-                      onClick: allExpandPanelEvent
-                    }),
-                    (0, import_vue.h)(import_button.default, {
-                      content: (0, import_ui.getI18n)("vxe.treeSelect.clearExpand"),
-                      mode: "text",
-                      onClick: clearExpandPanelEvent
-                    })
-                  ]) : (0, import_ui.renderEmptyElement)($xeTreeSelect)
-                ])
-              ]) : (0, import_ui.renderEmptyElement)($xeTreeSelect),
-              (0, import_vue.h)("div", {
-                class: "vxe-tree-select--panel-body"
-              }, [
-                (0, import_vue.h)("div", {
-                  ref: refTreeWrapper,
-                  class: "vxe-tree-select-tree--wrapper",
-                  style: popupWrapperStyle
-                }, [
-                  (0, import_vue.h)(import_tree.default, {
-                    ref: refTree,
-                    class: "vxe-tree-select--tree",
-                    height: popupOpts.height ? "100%" : treeOpts.height,
-                    minHeight: treeOpts.minHeight,
-                    maxHeight: popupOpts.height ? "" : treeOpts.maxHeight,
-                    autoResize: true,
-                    data: options,
-                    indent: treeOpts.indent,
-                    showRadio: !multiple,
-                    radioConfig: treeRadioOpts,
-                    checkNodeKey: multiple ? null : modelValue,
-                    showCheckbox: !!multiple,
-                    checkNodeKeys: multiple ? modelValue : null,
-                    checkboxConfig: treeCheckboxOpts,
-                    titleField: labelField,
-                    valueField,
-                    keyField: nodeKeyField,
-                    childrenField: treeOpts.childrenField || childrenField,
-                    parentField: nodeParentField,
-                    hasChildField: treeOpts.hasChildField || hasChildField,
-                    accordion: treeOpts.accordion,
-                    expandAll: treeOpts.expandAll,
-                    expandNodeKeys: treeOpts.expandNodeKeys,
-                    nodeConfig: treeNodeOpts,
-                    lazy: treeOpts.lazy,
-                    loadMethod: treeOpts.loadMethod,
-                    toggleMethod: treeOpts.toggleMethod,
-                    transform: treeOpts.transform,
-                    rootParentValue: treeOpts.rootParentValue,
-                    rootValues: treeOpts.rootValues,
-                    trigger: treeOpts.trigger,
-                    showIcon: treeOpts.showIcon,
-                    showLine: treeOpts.showLine,
-                    iconOpen: treeOpts.iconOpen,
-                    iconLoaded: treeOpts.iconLoaded,
-                    iconClose: treeOpts.iconClose,
-                    filterValue: searchValue,
-                    filterConfig: filterOpts,
-                    menuConfig: menuConfig ? menuOpts : void 0,
-                    virtualYConfig: virtualYOpts,
-                    onNodeExpand: nodeExpandEvent,
-                    onNodeClick: nodeClickEvent,
-                    onRadioChange: radioChangeEvent,
-                    onCheckboxChange: checkboxChangeEvent,
-                    onLoadSuccess: loadSuccessEvent
-                  }, treeScopedSlots)
-                ])
-              ]),
-              footerSlot || showTotalButton || showCloseButton ? (0, import_vue.h)("div", {
-                class: "vxe-tree-select--panel-footer"
-              }, footerSlot ? footerSlot({}) : [
-                (0, import_vue.h)("div", {
-                  class: "vxe-tree-select--footer-button"
-                }, [
-                  showTotalButton ? (0, import_vue.h)("div", {
-                    class: "vxe-tree-select--total-btns"
-                  }, (0, import_ui.getI18n)("vxe.treeSelect.total", [selectVals.length])) : (0, import_ui.renderEmptyElement)($xeTreeSelect),
-                  showCloseButton ? (0, import_vue.h)("div", {
-                    class: "vxe-tree-select--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)($xeTreeSelect)
-                ])
-              ]) : (0, import_ui.renderEmptyElement)($xeTreeSelect)
-            ])
-          ] : [])
-        ])
-      ]);
+              "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: (0, import_dom.getPopupContainer)(appendTo),
+              disabled: btnTransfer ? !initialized : true
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refOptionPanel,
+                  class: [
+                    "vxe-table--ignore-clear vxe-tree-select--panel",
+                    ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $treeSelect: $xeTreeSelect }) : ppClassName : "",
+                    {
+                      [`size--${vSize}`]: vSize,
+                      "is--transfer": btnTransfer,
+                      "ani--leave": !loading && isAniVisible,
+                      "ani--enter": !loading && visiblePanel
+                    }
+                  ],
+                  placement: reactData.panelPlacement,
+                  style: reactData.panelStyle
+                },
+                initialized ? [
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-tree-select--panel-wrapper"
+                    },
+                    [
+                      filterable ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-tree-select--panel-search"
+                        },
+                        [
+                          (0, import_vue.h)(import_input.default, {
+                            ref: refInpSearch,
+                            class: "vxe-tree-select-search--input",
+                            modelValue: searchValue,
+                            clearable: true,
+                            disabled: false,
+                            readonly: false,
+                            placeholder: getI18n("vxe.treeSelect.search"),
+                            prefixIcon: getIcon().INPUT_SEARCH,
+                            "onUpdate:modelValue": modelSearchEvent
+                          })
+                        ]
+                      ) : renderEmptyElement($xeTreeSelect),
+                      showCheckedButton && multiple || showClearButton || showExpandButton || headerSlot ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-tree-select--panel-header"
+                        },
+                        headerSlot ? headerSlot({}) : [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              class: "vxe-tree-select--header-button"
+                            },
+                            [
+                              showCheckedButton && multiple || showClearButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-tree-select--selected-btns"
+                                },
+                                [
+                                  showCheckedButton && multiple ? (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.treeSelect.allChecked"),
+                                    mode: "text",
+                                    onClick: allCheckedPanelEvent
+                                  }) : renderEmptyElement($xeTreeSelect),
+                                  showClearButton ? (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.treeSelect.clearChecked"),
+                                    mode: "text",
+                                    onClick: clearCheckedPanelEvent
+                                  }) : renderEmptyElement($xeTreeSelect)
+                                ]
+                              ) : renderEmptyElement($xeTreeSelect),
+                              showExpandButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-tree-select--expand-btns"
+                                },
+                                [
+                                  (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.treeSelect.allExpand"),
+                                    mode: "text",
+                                    onClick: allExpandPanelEvent
+                                  }),
+                                  (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.treeSelect.clearExpand"),
+                                    mode: "text",
+                                    onClick: clearExpandPanelEvent
+                                  })
+                                ]
+                              ) : renderEmptyElement($xeTreeSelect)
+                            ]
+                          )
+                        ]
+                      ) : renderEmptyElement($xeTreeSelect),
+                      (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-tree-select--panel-body"
+                        },
+                        [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              ref: refTreeWrapper,
+                              class: "vxe-tree-select-tree--wrapper",
+                              style: popupWrapperStyle
+                            },
+                            [
+                              (0, import_vue.h)(
+                                import_tree.default,
+                                {
+                                  ref: refTree,
+                                  class: "vxe-tree-select--tree",
+                                  height: popupOpts.height ? "100%" : treeOpts.height,
+                                  minHeight: treeOpts.minHeight,
+                                  maxHeight: popupOpts.height ? "" : treeOpts.maxHeight,
+                                  autoResize: true,
+                                  data: options,
+                                  indent: treeOpts.indent,
+                                  showRadio: !multiple,
+                                  radioConfig: treeRadioOpts,
+                                  checkNodeKey: multiple ? null : modelValue,
+                                  showCheckbox: !!multiple,
+                                  checkNodeKeys: multiple ? modelValue : null,
+                                  checkboxConfig: treeCheckboxOpts,
+                                  titleField: labelField,
+                                  valueField,
+                                  keyField: nodeKeyField,
+                                  childrenField: treeOpts.childrenField || childrenField,
+                                  parentField: nodeParentField,
+                                  hasChildField: treeOpts.hasChildField || hasChildField,
+                                  accordion: treeOpts.accordion,
+                                  expandAll: treeOpts.expandAll,
+                                  expandNodeKeys: treeOpts.expandNodeKeys,
+                                  nodeConfig: treeNodeOpts,
+                                  lazy: treeOpts.lazy,
+                                  loadMethod: treeOpts.loadMethod,
+                                  toggleMethod: treeOpts.toggleMethod,
+                                  transform: treeOpts.transform,
+                                  rootParentValue: treeOpts.rootParentValue,
+                                  rootValues: treeOpts.rootValues,
+                                  trigger: treeOpts.trigger,
+                                  showIcon: treeOpts.showIcon,
+                                  showLine: treeOpts.showLine,
+                                  iconOpen: treeOpts.iconOpen,
+                                  iconLoaded: treeOpts.iconLoaded,
+                                  iconClose: treeOpts.iconClose,
+                                  filterValue: searchValue,
+                                  filterConfig: filterOpts,
+                                  menuConfig: menuConfig ? menuOpts : void 0,
+                                  virtualYConfig: virtualYOpts,
+                                  onNodeExpand: nodeExpandEvent,
+                                  onNodeClick: nodeClickEvent,
+                                  onRadioChange: radioChangeEvent,
+                                  onCheckboxChange: checkboxChangeEvent,
+                                  onLoadSuccess: loadSuccessEvent
+                                },
+                                treeScopedSlots
+                              )
+                            ]
+                          )
+                        ]
+                      ),
+                      footerSlot || showTotalButton || showCloseButton ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-tree-select--panel-footer"
+                        },
+                        footerSlot ? footerSlot({}) : [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              class: "vxe-tree-select--footer-button"
+                            },
+                            [
+                              showTotalButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-tree-select--total-btns"
+                                },
+                                getI18n("vxe.treeSelect.total", [selectVals.length])
+                              ) : renderEmptyElement($xeTreeSelect),
+                              showCloseButton ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-tree-select--oper-btns"
+                                },
+                                [
+                                  (0, import_vue.h)(import_button.default, {
+                                    content: getI18n("vxe.select.close"),
+                                    mode: "text",
+                                    onClick: closePanelEvent
+                                  })
+                                ]
+                              ) : renderEmptyElement($xeTreeSelect)
+                            ]
+                          )
+                        ]
+                      ) : renderEmptyElement($xeTreeSelect)
+                    ]
+                  )
+                ] : []
+              )
+            ]
+          )
+        ]
+      );
     };
     const optFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.options ? props.options.length : -1, () => {
-      optFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.options, () => {
-      optFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.options ? props.options.length : -1,
+      () => {
+        optFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.options,
+      () => {
+        optFlag.value++;
+      }
+    );
     (0, import_vue.watch)(optFlag, () => {
       cacheDataMap();
     });
     const lazyOptFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.lazyOptions ? props.lazyOptions.length : -1, () => {
-      lazyOptFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.lazyOptions, () => {
-      lazyOptFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.lazyOptions ? props.lazyOptions.length : -1,
+      () => {
+        lazyOptFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.lazyOptions,
+      () => {
+        lazyOptFlag.value++;
+      }
+    );
     (0, import_vue.watch)(lazyOptFlag, () => {
       cacheLazyDataMap();
     });
@@ -974,16 +1069,16 @@ var tree_select_default = (0, import_comp.defineVxeComponent)({
       if (import_xe_utils.default.isBoolean(props.autoClose)) {
         warnLog("vxe.error.delProp", ["auto-close", "checked-closable | clear-closable"]);
       }
-      import_ui.globalEvents.on($xeTreeSelect, "mousedown", handleGlobalMousedownEvent);
-      import_ui.globalEvents.on($xeTreeSelect, "blur", handleGlobalBlurEvent);
-      import_ui.globalEvents.on($xeTreeSelect, "resize", handleGlobalResizeEvent);
-      import_ui.globalEvents.on($xeTreeSelect, "scroll", handleGlobalScrollEvent);
+      globalEvents.on($xeTreeSelect, "mousedown", handleGlobalMousedownEvent);
+      globalEvents.on($xeTreeSelect, "blur", handleGlobalBlurEvent);
+      globalEvents.on($xeTreeSelect, "resize", handleGlobalResizeEvent);
+      globalEvents.on($xeTreeSelect, "scroll", handleGlobalScrollEvent);
     });
     (0, import_vue.onBeforeUnmount)(() => {
-      import_ui.globalEvents.off($xeTreeSelect, "mousedown");
-      import_ui.globalEvents.off($xeTreeSelect, "blur");
-      import_ui.globalEvents.off($xeTreeSelect, "resize");
-      import_ui.globalEvents.off($xeTreeSelect, "scroll");
+      globalEvents.off($xeTreeSelect, "mousedown");
+      globalEvents.off($xeTreeSelect, "blur");
+      globalEvents.off($xeTreeSelect, "resize");
+      globalEvents.off($xeTreeSelect, "scroll");
       import_xe_utils.default.assign(reactData, createReactData());
       import_xe_utils.default.assign(internalData, createInternalData());
     });