vft 0.0.375 → 0.0.376

package/lib/components/cascader/cascader.vue2.cjs

@@ -1,702 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const lodashEs = require("lodash-es");
-const core = require("@vueuse/core");
-const aria$1 = require("../../utils/dom/aria.cjs");
-const utils = require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-const aria = require("../../constants/aria.cjs");
-const event = require("../../constants/event.cjs");
-const index$4 = require("../cascader-panel/index.cjs");
-const index$7 = require("../input/index.cjs");
-const index$3 = require("../tooltip/index.cjs");
-const index$5 = require("../scrollbar/index.cjs");
-const index$8 = require("../tag/index.cjs");
-const index$6 = require("../icon/index.cjs");
-require("../form/index.cjs");
-const directives = require("@vft/directives");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const index$2 = require("../../hooks/use-composition/index.cjs");
-const index$1 = require("../../hooks/use-empty-values/index.cjs");
-const cascader = require("./cascader.cjs");
-const useFormItem = require("../form/hooks/use-form-item.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["placeholder"];
-const _hoisted_3 = ["onClick"];
-const COMPONENT_NAME = "VftCascader";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: cascader.cascaderProps,
-  emits: cascader.cascaderEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const popperOptions = {
-      modifiers: [
-        {
-          name: "arrowPosition",
-          enabled: true,
-          phase: "main",
-          fn: ({ state }) => {
-            const { modifiersData, placement } = state;
-            if (["right", "left", "bottom", "top"].includes(placement)) return;
-            if (modifiersData.arrow) {
-              modifiersData.arrow.x = 35;
-            }
-          },
-          requires: ["arrow"]
-        }
-      ]
-    };
-    const props = __props;
-    const emit = __emit;
-    const attrs = vue.useAttrs();
-    let inputInitialHeight = 0;
-    let pressDeleteCount = 0;
-    const nsCascader = index.useNamespace("cascader");
-    const nsInput = index.useNamespace("input");
-    const { form, formItem } = useFormItem.useFormItem();
-    const { valueOnClear } = index$1.useEmptyValues(props);
-    const { isComposing, handleComposition } = index$2.useComposition({
-      afterComposition(event2) {
-        const text = event2.target?.value;
-        handleInput(text);
-      }
-    });
-    const tooltipRef = vue.ref(null);
-    const input = vue.ref(null);
-    const tagWrapper = vue.ref(null);
-    const cascaderPanelRef = vue.ref(null);
-    const suggestionPanel = vue.ref(null);
-    const popperVisible = vue.ref(false);
-    const inputHover = vue.ref(false);
-    const filtering = vue.ref(false);
-    const filterFocus = vue.ref(false);
-    const inputValue = vue.ref("");
-    const searchInputValue = vue.ref("");
-    const presentTags = vue.ref([]);
-    const allPresentTags = vue.ref([]);
-    const suggestions = vue.ref([]);
-    const cascaderStyle = vue.computed(() => {
-      return attrs.style;
-    });
-    const isDisabled = vue.computed(() => props.disabled || form?.disabled);
-    const inputPlaceholder = vue.computed(() => props.placeholder ?? "请选择");
-    const currentPlaceholder = vue.computed(
-      () => searchInputValue.value || presentTags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value
-    );
-    const realSize = useFormCommonProps.useFormSize();
-    const tagSize = vue.computed(
-      () => realSize.value === "small" ? "small" : "default"
-    );
-    const multiple = vue.computed(() => !!props.props.multiple);
-    const readonly = vue.computed(() => !props.filterable || multiple.value);
-    const searchKeyword = vue.computed(
-      () => multiple.value ? searchInputValue.value : inputValue.value
-    );
-    const checkedNodes = vue.computed(
-      () => cascaderPanelRef.value?.checkedNodes || []
-    );
-    const clearBtnVisible = vue.computed(() => {
-      if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
-        return false;
-      return !!checkedNodes.value.length;
-    });
-    const presentText = vue.computed(() => {
-      const { showAllLevels, separator } = props;
-      const nodes = checkedNodes.value;
-      return nodes.length ? multiple.value ? "" : nodes[0].calcText(showAllLevels, separator) : "";
-    });
-    const validateState = vue.computed(() => formItem?.validateState || "");
-    const checkedValue = vue.computed({
-      get() {
-        return lodashEs.cloneDeep(props.modelValue);
-      },
-      set(val) {
-        const value = val ?? valueOnClear.value;
-        emit(event.UPDATE_MODEL_EVENT, value);
-        emit(event.CHANGE_EVENT, value);
-        if (props.validateEvent) {
-          formItem?.validate("change").catch((err) => error.debugWarn(err));
-        }
-      }
-    });
-    const cascaderKls = vue.computed(() => {
-      return [
-        nsCascader.b(),
-        nsCascader.m(realSize.value),
-        nsCascader.is("disabled", isDisabled.value),
-        attrs.class
-      ];
-    });
-    const cascaderIconKls = vue.computed(() => {
-      return [
-        nsInput.e("icon"),
-        nsCascader.is("reverse", popperVisible.value)
-      ];
-    });
-    const inputClass = vue.computed(() => {
-      return nsCascader.is("focus", popperVisible.value || filterFocus.value);
-    });
-    const contentRef = vue.computed(() => {
-      return tooltipRef.value?.popperRef?.contentRef;
-    });
-    const togglePopperVisible = (visible) => {
-      if (isDisabled.value) return;
-      visible = visible ?? !popperVisible.value;
-      if (visible !== popperVisible.value) {
-        popperVisible.value = visible;
-        input.value?.input?.setAttribute("aria-expanded", `${visible}`);
-        if (visible) {
-          updatePopperPosition();
-          vue.nextTick(cascaderPanelRef.value?.scrollToExpandingNode);
-        } else if (props.filterable) {
-          syncPresentTextValue();
-        }
-        emit("visibleChange", visible);
-      }
-    };
-    const updatePopperPosition = () => {
-      vue.nextTick(() => {
-        tooltipRef.value?.updatePopper();
-      });
-    };
-    const hideSuggestionPanel = () => {
-      filtering.value = false;
-    };
-    const genTag = (node) => {
-      const { showAllLevels, separator } = props;
-      return {
-        node,
-        key: node.uid,
-        text: node.calcText(showAllLevels, separator),
-        hitState: false,
-        closable: !isDisabled.value && !node.isDisabled,
-        isCollapseTag: false
-      };
-    };
-    const deleteTag = (tag) => {
-      const node = tag.node;
-      node.doCheck(false);
-      cascaderPanelRef.value?.calculateCheckedValue();
-      emit("removeTag", node.valueByOption);
-    };
-    const getStrategyCheckedNodes = () => {
-      switch (props.showCheckedStrategy) {
-        case "child":
-          return checkedNodes.value;
-        case "parent": {
-          const clickedNodes = getCheckedNodes(false);
-          const clickedNodesValue = clickedNodes.map((o) => o.value);
-          const parentNodes = clickedNodes.filter(
-            (o) => !o.parent || !clickedNodesValue.includes(o.parent.value)
-          );
-          return parentNodes;
-        }
-        default:
-          return [];
-      }
-    };
-    const calculatePresentTags = () => {
-      if (!multiple.value) return;
-      const nodes = getStrategyCheckedNodes();
-      const tags = [];
-      const allTags = [];
-      nodes.forEach((node) => allTags.push(genTag(node)));
-      allPresentTags.value = allTags;
-      if (nodes.length) {
-        nodes.slice(0, props.maxCollapseTags).forEach((node) => tags.push(genTag(node)));
-        const rest = nodes.slice(props.maxCollapseTags);
-        const restCount = rest.length;
-        if (restCount) {
-          if (props.collapseTags) {
-            tags.push({
-              key: -1,
-              text: `+ ${restCount}`,
-              closable: false,
-              isCollapseTag: true
-            });
-          } else {
-            rest.forEach((node) => tags.push(genTag(node)));
-          }
-        }
-      }
-      presentTags.value = tags;
-    };
-    const calculateSuggestions = () => {
-      const { filterMethod, showAllLevels, separator } = props;
-      const res = cascaderPanelRef.value?.getFlattedNodes(!props.props.checkStrictly)?.filter((node) => {
-        if (node.isDisabled) return false;
-        node.calcText(showAllLevels, separator);
-        return filterMethod(node, searchKeyword.value);
-      });
-      if (multiple.value) {
-        presentTags.value.forEach((tag) => {
-          tag.hitState = false;
-        });
-        allPresentTags.value.forEach((tag) => {
-          tag.hitState = false;
-        });
-      }
-      filtering.value = true;
-      suggestions.value = res;
-      updatePopperPosition();
-    };
-    const focusFirstNode = () => {
-      let firstNode;
-      if (filtering.value && suggestionPanel.value) {
-        firstNode = suggestionPanel.value.$el.querySelector(
-          `.${nsCascader.e("suggestion-item")}`
-        );
-      } else {
-        firstNode = cascaderPanelRef.value?.$el.querySelector(
-          `.${nsCascader.b("node")}[tabindex="-1"]`
-        );
-      }
-      if (firstNode) {
-        firstNode.focus();
-        !filtering.value && firstNode.click();
-      }
-    };
-    const updateStyle = () => {
-      const inputInner = input.value?.input;
-      const tagWrapperEl = tagWrapper.value;
-      const suggestionPanelEl = suggestionPanel.value?.$el;
-      if (!utils.isClient || !inputInner) return;
-      if (suggestionPanelEl) {
-        const suggestionList = suggestionPanelEl.querySelector(
-          `.${nsCascader.e("suggestion-list")}`
-        );
-        suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
-      }
-      if (tagWrapperEl) {
-        const { offsetHeight } = tagWrapperEl;
-        const height = presentTags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
-        inputInner.style.height = height;
-        updatePopperPosition();
-      }
-    };
-    const getCheckedNodes = (leafOnly) => {
-      return cascaderPanelRef.value?.getCheckedNodes(leafOnly);
-    };
-    const handleExpandChange = (value) => {
-      updatePopperPosition();
-      emit("expandChange", value);
-    };
-    const handleKeyDown = (e) => {
-      if (isComposing.value) return;
-      switch (e.code) {
-        case aria.EVENT_CODE.enter:
-        case aria.EVENT_CODE.numpadEnter:
-          togglePopperVisible();
-          break;
-        case aria.EVENT_CODE.down:
-          togglePopperVisible(true);
-          vue.nextTick(focusFirstNode);
-          e.preventDefault();
-          break;
-        case aria.EVENT_CODE.esc:
-          if (popperVisible.value === true) {
-            e.preventDefault();
-            e.stopPropagation();
-            togglePopperVisible(false);
-          }
-          break;
-        case aria.EVENT_CODE.tab:
-          togglePopperVisible(false);
-          break;
-      }
-    };
-    const handleClear = () => {
-      cascaderPanelRef.value?.clearCheckedNodes();
-      if (!popperVisible.value && props.filterable) {
-        syncPresentTextValue();
-      }
-      togglePopperVisible(false);
-      emit("clear");
-    };
-    const syncPresentTextValue = () => {
-      const { value } = presentText;
-      inputValue.value = value;
-      searchInputValue.value = value;
-    };
-    const handleSuggestionClick = (node) => {
-      const { checked } = node;
-      if (multiple.value) {
-        cascaderPanelRef.value?.handleCheckChange(node, !checked, false);
-      } else {
-        !checked && cascaderPanelRef.value?.handleCheckChange(node, true, false);
-        togglePopperVisible(false);
-      }
-    };
-    const handleSuggestionKeyDown = (e) => {
-      const target = e.target;
-      const { code } = e;
-      switch (code) {
-        case aria.EVENT_CODE.up:
-        case aria.EVENT_CODE.down: {
-          e.preventDefault();
-          const distance = code === aria.EVENT_CODE.up ? -1 : 1;
-          aria$1.focusNode(
-            aria$1.getSibling(
-              target,
-              distance,
-              `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`
-            )
-          );
-          break;
-        }
-        case aria.EVENT_CODE.enter:
-        case aria.EVENT_CODE.numpadEnter:
-          target.click();
-          break;
-      }
-    };
-    const handleDelete = () => {
-      const tags = presentTags.value;
-      const lastTag = tags[tags.length - 1];
-      pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1;
-      if (!lastTag || !pressDeleteCount || props.collapseTags && tags.length > 1)
-        return;
-      if (lastTag.hitState) {
-        deleteTag(lastTag);
-      } else {
-        lastTag.hitState = true;
-      }
-    };
-    const handleFocus = (e) => {
-      const el = e.target;
-      const name = nsCascader.e("search-input");
-      if (el.className === name) {
-        filterFocus.value = true;
-      }
-      emit("focus", e);
-    };
-    const handleBlur = (e) => {
-      filterFocus.value = false;
-      emit("blur", e);
-    };
-    const handleFilter = lodashEs.debounce(() => {
-      const { value } = searchKeyword;
-      if (!value) return;
-      const passed = props.beforeFilter(value);
-      if (utils.isPromise(passed)) {
-        passed.then(calculateSuggestions).catch(() => {
-        });
-      } else if (passed !== false) {
-        calculateSuggestions();
-      } else {
-        hideSuggestionPanel();
-      }
-    }, props.debounce);
-    const handleInput = (val, e) => {
-      !popperVisible.value && togglePopperVisible(true);
-      if (e?.isComposing) return;
-      val ? handleFilter() : hideSuggestionPanel();
-    };
-    const getInputInnerHeight = (inputInner) => Number.parseFloat(
-      core.useCssVar(nsInput.cssVarName("input-height"), inputInner).value
-    ) - 2;
-    vue.watch(filtering, updatePopperPosition);
-    vue.watch(
-      [checkedNodes, isDisabled, () => props.collapseTags],
-      calculatePresentTags
-    );
-    vue.watch(presentTags, () => {
-      vue.nextTick(() => updateStyle());
-    });
-    vue.watch(realSize, async () => {
-      await vue.nextTick();
-      const inputInner = input.value.input;
-      inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
-      updateStyle();
-    });
-    vue.watch(presentText, syncPresentTextValue, { immediate: true });
-    vue.onMounted(() => {
-      const inputInner = input.value.input;
-      const inputInnerHeight = getInputInnerHeight(inputInner);
-      inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
-      core.useResizeObserver(inputInner, updateStyle);
-    });
-    __expose({
-      /**
-       * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
-       */
-      getCheckedNodes,
-      /**
-       * @description cascader panel ref
-       */
-      cascaderPanelRef,
-      /**
-       * @description toggle the visible of popper
-       */
-      togglePopperVisible,
-      /**
-       * @description cascader content ref
-       */
-      contentRef,
-      /**
-       * @description selected content text
-       */
-      presentText
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$3.VftTooltip), {
-        ref_key: "tooltipRef",
-        ref: tooltipRef,
-        visible: popperVisible.value,
-        teleported: _ctx.teleported,
-        "popper-class": [vue.unref(nsCascader).e("dropdown"), _ctx.popperClass],
-        "popper-options": popperOptions,
-        "fallback-placements": _ctx.fallbackPlacements,
-        "stop-popper-mouse-event": false,
-        "gpu-acceleration": false,
-        placement: _ctx.placement,
-        transition: `${vue.unref(nsCascader).namespace.value}-zoom-in-top`,
-        effect: _ctx.effect,
-        pure: "",
-        persistent: _ctx.persistent,
-        onHide: hideSuggestionPanel
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            class: vue.normalizeClass(cascaderKls.value),
-            style: vue.normalizeStyle(cascaderStyle.value),
-            onClick: _cache[8] || (_cache[8] = () => togglePopperVisible(readonly.value ? void 0 : true)),
-            onKeydown: handleKeyDown,
-            onMouseenter: _cache[9] || (_cache[9] = ($event) => inputHover.value = true),
-            onMouseleave: _cache[10] || (_cache[10] = ($event) => inputHover.value = false)
-          }, [
-            vue.createVNode(vue.unref(index$7.VftInput), {
-              ref_key: "input",
-              ref: input,
-              modelValue: inputValue.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
-              placeholder: currentPlaceholder.value,
-              readonly: readonly.value,
-              disabled: isDisabled.value,
-              "validate-event": false,
-              size: vue.unref(realSize),
-              class: vue.normalizeClass(inputClass.value),
-              tabindex: multiple.value && _ctx.filterable && !isDisabled.value ? -1 : void 0,
-              onCompositionstart: vue.unref(handleComposition),
-              onCompositionupdate: vue.unref(handleComposition),
-              onCompositionend: vue.unref(handleComposition),
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              onInput: handleInput
-            }, vue.createSlots({
-              suffix: vue.withCtx(() => [
-                clearBtnVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.VftIcon), {
-                  key: "clear",
-                  icon: "icon-circle-close",
-                  class: vue.normalizeClass([vue.unref(nsInput).e("icon"), "icon-circle-close"]),
-                  onClick: vue.withModifiers(handleClear, ["stop"])
-                }, null, 8, ["class"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$6.VftIcon), {
-                  icon: "icon-arrow-down",
-                  key: "arrow-down",
-                  class: vue.normalizeClass(cascaderIconKls.value),
-                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => togglePopperVisible(), ["stop"]))
-                }, null, 8, ["class"]))
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "prefix")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
-            multiple.value ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              ref_key: "tagWrapper",
-              ref: tagWrapper,
-              class: vue.normalizeClass([
-                vue.unref(nsCascader).e("tags"),
-                vue.unref(nsCascader).is("validate", Boolean(validateState.value))
-              ])
-            }, [
-              vue.renderSlot(_ctx.$slots, "tag", {
-                data: allPresentTags.value,
-                deleteTag
-              }, () => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(index$8.VftTag), {
-                    key: tag.key,
-                    type: _ctx.tagType,
-                    size: tagSize.value,
-                    effect: _ctx.tagEffect,
-                    hit: tag.hitState,
-                    closable: tag.closable,
-                    "disable-transitions": "",
-                    onClose: ($event) => deleteTag(tag)
-                  }, {
-                    default: vue.withCtx(() => [
-                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.VftTooltip), {
-                        key: 1,
-                        disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
-                        "fallback-placements": ["bottom", "top", "right", "left"],
-                        placement: "bottom",
-                        effect: _ctx.effect
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
-                        ]),
-                        content: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(index$5.VftScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
-                            default: vue.withCtx(() => [
-                              vue.createElementVNode("div", {
-                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
-                              }, [
-                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(
-                                  _ctx.maxCollapseTags
-                                ), (tag2, idx) => {
-                                  return vue.openBlock(), vue.createElementBlock("div", {
-                                    key: idx,
-                                    class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
-                                  }, [
-                                    (vue.openBlock(), vue.createBlock(vue.unref(index$8.VftTag), {
-                                      key: tag2.key,
-                                      class: "in-tooltip",
-                                      type: _ctx.tagType,
-                                      size: tagSize.value,
-                                      effect: _ctx.tagEffect,
-                                      hit: tag2.hitState,
-                                      closable: tag2.closable,
-                                      "disable-transitions": "",
-                                      onClose: ($event) => deleteTag(tag2)
-                                    }, {
-                                      default: vue.withCtx(() => [
-                                        vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
-                                  ], 2);
-                                }), 128))
-                              ], 2)
-                            ]),
-                            _: 1
-                          }, 8, ["max-height"])
-                        ]),
-                        _: 2
-                      }, 1032, ["disabled", "effect"]))
-                    ]),
-                    _: 2
-                  }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]);
-                }), 128))
-              ]),
-              _ctx.filterable && !isDisabled.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                key: 0,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchInputValue.value = $event),
-                type: "text",
-                class: vue.normalizeClass(vue.unref(nsCascader).e("search-input")),
-                placeholder: presentText.value ? "" : inputPlaceholder.value,
-                onInput: _cache[3] || (_cache[3] = (e) => handleInput(searchInputValue.value, e)),
-                onClick: _cache[4] || (_cache[4] = vue.withModifiers(($event) => togglePopperVisible(true), ["stop"])),
-                onKeydown: vue.withKeys(handleDelete, ["delete"]),
-                onCompositionstart: _cache[5] || (_cache[5] = //@ts-ignore
-                (...args) => vue.unref(handleComposition) && vue.unref(handleComposition)(...args)),
-                onCompositionupdate: _cache[6] || (_cache[6] = //@ts-ignore
-                (...args) => vue.unref(handleComposition) && vue.unref(handleComposition)(...args)),
-                onCompositionend: _cache[7] || (_cache[7] = //@ts-ignore
-                (...args) => vue.unref(handleComposition) && vue.unref(handleComposition)(...args)),
-                onFocus: handleFocus,
-                onBlur: handleBlur
-              }, null, 42, _hoisted_2)), [
-                [vue.vModelText, searchInputValue.value]
-              ]) : vue.createCommentVNode("", true)
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 38)), [
-            [vue.unref(directives.ClickOutside), () => togglePopperVisible(false), contentRef.value]
-          ])
-        ]),
-        content: vue.withCtx(() => [
-          _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(nsCascader).e("header")),
-            onClick: _cache[11] || (_cache[11] = vue.withModifiers(() => {
-            }, ["stop"]))
-          }, [
-            vue.renderSlot(_ctx.$slots, "header")
-          ], 2)) : vue.createCommentVNode("", true),
-          vue.withDirectives(vue.createVNode(vue.unref(index$4.VftCascaderPanel), {
-            ref_key: "cascaderPanelRef",
-            ref: cascaderPanelRef,
-            modelValue: checkedValue.value,
-            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => checkedValue.value = $event),
-            options: _ctx.options,
-            props: props.props,
-            border: false,
-            "render-label": _ctx.$slots.default,
-            onExpandChange: handleExpandChange,
-            onClose: _cache[13] || (_cache[13] = ($event) => _ctx.$nextTick(() => togglePopperVisible(false)))
-          }, {
-            empty: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "empty")
-            ]),
-            _: 3
-          }, 8, ["modelValue", "options", "props", "render-label"]), [
-            [vue.vShow, !filtering.value]
-          ]),
-          _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$5.VftScrollbar), {
-            key: 1,
-            ref_key: "suggestionPanel",
-            ref: suggestionPanel,
-            tag: "ul",
-            class: vue.normalizeClass(vue.unref(nsCascader).e("suggestion-panel")),
-            "view-class": vue.unref(nsCascader).e("suggestion-list"),
-            onKeydown: handleSuggestionKeyDown
-          }, {
-            default: vue.withCtx(() => [
-              suggestions.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(suggestions.value, (item) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  key: item.uid,
-                  class: vue.normalizeClass([
-                    vue.unref(nsCascader).e("suggestion-item"),
-                    vue.unref(nsCascader).is("checked", item.checked)
-                  ]),
-                  tabindex: -1,
-                  onClick: ($event) => handleSuggestionClick(item)
-                }, [
-                  vue.renderSlot(_ctx.$slots, "suggestion-item", { item }, () => [
-                    vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
-                    item.checked ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.VftIcon), {
-                      key: 0,
-                      icon: "icon-check"
-                    })) : vue.createCommentVNode("", true)
-                  ])
-                ], 10, _hoisted_3);
-              }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                vue.createElementVNode("li", {
-                  class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
-                }, "无匹配数据", 2)
-              ])
-            ]),
-            _: 3
-          }, 8, ["class", "view-class"])), [
-            [vue.vShow, filtering.value]
-          ]) : vue.createCommentVNode("", true),
-          _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 2,
-            class: vue.normalizeClass(vue.unref(nsCascader).e("footer")),
-            onClick: _cache[14] || (_cache[14] = vue.withModifiers(() => {
-            }, ["stop"]))
-          }, [
-            vue.renderSlot(_ctx.$slots, "footer")
-          ], 2)) : vue.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "effect", "persistent"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("lodash-es"),se=require("@vueuse/core"),ne=require("../../utils/dom/aria.cjs"),ae=require("@vft/utils"),Oe=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const p=require("../../constants/aria.cjs"),re=require("../../constants/event.cjs"),Fe=require("../cascader-panel/index.cjs"),Me=require("../input/index.cjs"),ie=require("../tooltip/index.cjs"),ue=require("../scrollbar/index.cjs"),ce=require("../tag/index.cjs"),A=require("../icon/index.cjs");require("../form/index.cjs");const He=require("@vft/directives"),pe=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Ke=require("../../hooks/use-composition/index.cjs"),Ae=require("../../hooks/use-empty-values/index.cjs"),de=require("./cascader.cjs"),Le=require("../form/hooks/use-form-item.cjs"),Re=require("../form/hooks/use-form-common-props.cjs"),We={key:0},Ue=["placeholder"],je=["onClick"],Ge="VftCascader",Je=e.defineComponent({name:Ge}),Qe=e.defineComponent({...Je,props:de.cascaderProps,emits:de.cascaderEmits,setup(fe,{expose:ve,emit:me}){const ge={modifiers:[{name:"arrowPosition",enabled:!0,phase:"main",fn:({state:t})=>{const{modifiersData:l,placement:o}=t;["right","left","bottom","top"].includes(o)||l.arrow&&(l.arrow.x=35)},requires:["arrow"]}]},a=fe,f=me,L=e.useAttrs();let C=0,x=0;const n=pe.useNamespace("cascader"),D=pe.useNamespace("input"),{form:he,formItem:R}=Le.useFormItem(),{valueOnClear:ke}=Ae.useEmptyValues(a),{isComposing:W,handleComposition:d}=Ke.useComposition({afterComposition(t){const l=t.target?.value;K(l)}}),q=e.ref(null),E=e.ref(null),U=e.ref(null),u=e.ref(null),b=e.ref(null),c=e.ref(!1),z=e.ref(!1),v=e.ref(!1),P=e.ref(!1),V=e.ref(""),h=e.ref(""),k=e.ref([]),w=e.ref([]),I=e.ref([]),Ce=e.computed(()=>L.style),m=e.computed(()=>a.disabled||he?.disabled),j=e.computed(()=>a.placeholder??"请选择"),Ee=e.computed(()=>h.value||k.value.length>0||W.value?"":j.value),T=Re.useFormSize(),G=e.computed(()=>T.value==="small"?"small":"default"),g=e.computed(()=>!!a.props.multiple),J=e.computed(()=>!a.filterable||g.value),Q=e.computed(()=>g.value?h.value:V.value),N=e.computed(()=>u.value?.checkedNodes||[]),ye=e.computed(()=>!a.clearable||m.value||v.value||!z.value?!1:!!N.value.length),B=e.computed(()=>{const{showAllLevels:t,separator:l}=a,o=N.value;return o.length?g.value?"":o[0].calcText(t,l):""}),be=e.computed(()=>R?.validateState||""),X=e.computed({get(){return oe.cloneDeep(a.modelValue)},set(t){const l=t??ke.value;f(re.UPDATE_MODEL_EVENT,l),f(re.CHANGE_EVENT,l),a.validateEvent&&R?.validate("change").catch(o=>Oe.debugWarn(o))}}),Ve=e.computed(()=>[n.b(),n.m(T.value),n.is("disabled",m.value),L.class]),we=e.computed(()=>[D.e("icon"),n.is("reverse",c.value)]),Te=e.computed(()=>n.is("focus",c.value||P.value)),Y=e.computed(()=>q.value?.popperRef?.contentRef),i=t=>{m.value||(t=t??!c.value,t!==c.value&&(c.value=t,E.value?.input?.setAttribute("aria-expanded",`${t}`),t?(y(),e.nextTick(u.value?.scrollToExpandingNode)):a.filterable&&H(),f("visibleChange",t)))},y=()=>{e.nextTick(()=>{q.value?.updatePopper()})},O=()=>{v.value=!1},F=t=>{const{showAllLevels:l,separator:o}=a;return{node:t,key:t.uid,text:t.calcText(l,o),hitState:!1,closable:!m.value&&!t.isDisabled,isCollapseTag:!1}},S=t=>{const l=t.node;l.doCheck(!1),u.value?.calculateCheckedValue(),f("removeTag",l.valueByOption)},Ne=()=>{switch(a.showCheckedStrategy){case"child":return N.value;case"parent":{const t=_(!1),l=t.map(s=>s.value);return t.filter(s=>!s.parent||!l.includes(s.parent.value))}default:return[]}},Be=()=>{if(!g.value)return;const t=Ne(),l=[],o=[];if(t.forEach(s=>o.push(F(s))),w.value=o,t.length){t.slice(0,a.maxCollapseTags).forEach($=>l.push(F($)));const s=t.slice(a.maxCollapseTags),r=s.length;r&&(a.collapseTags?l.push({key:-1,text:`+ ${r}`,closable:!1,isCollapseTag:!0}):s.forEach($=>l.push(F($))))}k.value=l},Z=()=>{const{filterMethod:t,showAllLevels:l,separator:o}=a,s=u.value?.getFlattedNodes(!a.props.checkStrictly)?.filter(r=>r.isDisabled?!1:(r.calcText(l,o),t(r,Q.value)));g.value&&(k.value.forEach(r=>{r.hitState=!1}),w.value.forEach(r=>{r.hitState=!1})),v.value=!0,I.value=s,y()},Se=()=>{let t;v.value&&b.value?t=b.value.$el.querySelector(`.${n.e("suggestion-item")}`):t=u.value?.$el.querySelector(`.${n.b("node")}[tabindex="-1"]`),t&&(t.focus(),!v.value&&t.click())},M=()=>{const t=E.value?.input,l=U.value,o=b.value?.$el;if(!(!ae.isClient||!t)){if(o){const s=o.querySelector(`.${n.e("suggestion-list")}`);s.style.minWidth=`${t.offsetWidth}px`}if(l){const{offsetHeight:s}=l,r=k.value.length>0?`${Math.max(s,C)-2}px`:`${C}px`;t.style.height=r,y()}}},_=t=>u.value?.getCheckedNodes(t),$e=t=>{y(),f("expandChange",t)},xe=t=>{if(!W.value)switch(t.code){case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:i();break;case p.EVENT_CODE.down:i(!0),e.nextTick(Se),t.preventDefault();break;case p.EVENT_CODE.esc:c.value===!0&&(t.preventDefault(),t.stopPropagation(),i(!1));break;case p.EVENT_CODE.tab:i(!1);break}},De=()=>{u.value?.clearCheckedNodes(),!c.value&&a.filterable&&H(),i(!1),f("clear")},H=()=>{const{value:t}=B;V.value=t,h.value=t},qe=t=>{const{checked:l}=t;g.value?u.value?.handleCheckChange(t,!l,!1):(!l&&u.value?.handleCheckChange(t,!0,!1),i(!1))},ze=t=>{const l=t.target,{code:o}=t;switch(o){case p.EVENT_CODE.up:case p.EVENT_CODE.down:{t.preventDefault();const s=o===p.EVENT_CODE.up?-1:1;ne.focusNode(ne.getSibling(l,s,`.${n.e("suggestion-item")}[tabindex="-1"]`));break}case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:l.click();break}},Pe=()=>{const t=k.value,l=t[t.length-1];x=h.value?0:x+1,!(!l||!x||a.collapseTags&&t.length>1)&&(l.hitState?S(l):l.hitState=!0)},ee=t=>{const l=t.target,o=n.e("search-input");l.className===o&&(P.value=!0),f("focus",t)},te=t=>{P.value=!1,f("blur",t)},Ie=oe.debounce(()=>{const{value:t}=Q;if(!t)return;const l=a.beforeFilter(t);ae.isPromise(l)?l.then(Z).catch(()=>{}):l!==!1?Z():O()},a.debounce),K=(t,l)=>{!c.value&&i(!0),!l?.isComposing&&(t?Ie():O())},le=t=>Number.parseFloat(se.useCssVar(D.cssVarName("input-height"),t).value)-2;return e.watch(v,y),e.watch([N,m,()=>a.collapseTags],Be),e.watch(k,()=>{e.nextTick(()=>M())}),e.watch(T,async()=>{await e.nextTick();const t=E.value.input;C=le(t)||C,M()}),e.watch(B,H,{immediate:!0}),e.onMounted(()=>{const t=E.value.input,l=le(t);C=t.offsetHeight||l,se.useResizeObserver(t,M)}),ve({getCheckedNodes:_,cascaderPanelRef:u,togglePopperVisible:i,contentRef:Y,presentText:B}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(ie.VftTooltip),{ref_key:"tooltipRef",ref:q,visible:c.value,teleported:t.teleported,"popper-class":[e.unref(n).e("dropdown"),t.popperClass],"popper-options":ge,"fallback-placements":t.fallbackPlacements,"stop-popper-mouse-event":!1,"gpu-acceleration":!1,placement:t.placement,transition:`${e.unref(n).namespace.value}-zoom-in-top`,effect:t.effect,pure:"",persistent:t.persistent,onHide:O},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Ve.value),style:e.normalizeStyle(Ce.value),onClick:l[8]||(l[8]=()=>i(J.value?void 0:!0)),onKeydown:xe,onMouseenter:l[9]||(l[9]=o=>z.value=!0),onMouseleave:l[10]||(l[10]=o=>z.value=!1)},[e.createVNode(e.unref(Me.VftInput),{ref_key:"input",ref:E,modelValue:V.value,"onUpdate:modelValue":l[1]||(l[1]=o=>V.value=o),placeholder:Ee.value,readonly:J.value,disabled:m.value,"validate-event":!1,size:e.unref(T),class:e.normalizeClass(Te.value),tabindex:g.value&&t.filterable&&!m.value?-1:void 0,onCompositionstart:e.unref(d),onCompositionupdate:e.unref(d),onCompositionend:e.unref(d),onFocus:ee,onBlur:te,onInput:K},e.createSlots({suffix:e.withCtx(()=>[ye.value?(e.openBlock(),e.createBlock(e.unref(A.VftIcon),{key:"clear",icon:"icon-circle-close",class:e.normalizeClass([e.unref(D).e("icon"),"icon-circle-close"]),onClick:e.withModifiers(De,["stop"])},null,8,["class"])):(e.openBlock(),e.createBlock(e.unref(A.VftIcon),{icon:"icon-arrow-down",key:"arrow-down",class:e.normalizeClass(we.value),onClick:l[0]||(l[0]=e.withModifiers(o=>i(),["stop"]))},null,8,["class"]))]),_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0]),1032,["modelValue","placeholder","readonly","disabled","size","class","tabindex","onCompositionstart","onCompositionupdate","onCompositionend"]),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tagWrapper",ref:U,class:e.normalizeClass([e.unref(n).e("tags"),e.unref(n).is("validate",!!be.value)])},[e.renderSlot(t.$slots,"tag",{data:w.value,deleteTag:S},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createBlock(e.unref(ce.VftTag),{key:o.key,type:t.tagType,size:G.value,effect:t.tagEffect,hit:o.hitState,closable:o.closable,"disable-transitions":"",onClose:s=>S(o)},{default:e.withCtx(()=>[o.isCollapseTag===!1?(e.openBlock(),e.createElementBlock("span",We,e.toDisplayString(o.text),1)):(e.openBlock(),e.createBlock(e.unref(ie.VftTooltip),{key:1,disabled:c.value||!t.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],placement:"bottom",effect:t.effect},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)]),content:e.withCtx(()=>[e.createVNode(e.unref(ue.VftScrollbar),{"max-height":t.maxCollapseTagsTooltipHeight},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("collapse-tags"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.slice(t.maxCollapseTags),(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(e.unref(n).e("collapse-tag"))},[(e.openBlock(),e.createBlock(e.unref(ce.VftTag),{key:s.key,class:"in-tooltip",type:t.tagType,size:G.value,effect:t.tagEffect,hit:s.hitState,closable:s.closable,"disable-transitions":"",onClose:$=>S(s)},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(s.text),1)]),_:2},1032,["type","size","effect","hit","closable","onClose"]))],2))),128))],2)]),_:1},8,["max-height"])]),_:2},1032,["disabled","effect"]))]),_:2},1032,["type","size","effect","hit","closable","onClose"]))),128))]),t.filterable&&!m.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":l[2]||(l[2]=o=>h.value=o),type:"text",class:e.normalizeClass(e.unref(n).e("search-input")),placeholder:B.value?"":j.value,onInput:l[3]||(l[3]=o=>K(h.value,o)),onClick:l[4]||(l[4]=e.withModifiers(o=>i(!0),["stop"])),onKeydown:e.withKeys(Pe,["delete"]),onCompositionstart:l[5]||(l[5]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onCompositionupdate:l[6]||(l[6]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onCompositionend:l[7]||(l[7]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onFocus:ee,onBlur:te},null,42,Ue)),[[e.vModelText,h.value]]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38)),[[e.unref(He.ClickOutside),()=>i(!1),Y.value]])]),content:e.withCtx(()=>[t.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header")),onClick:l[11]||(l[11]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(Fe.VftCascaderPanel),{ref_key:"cascaderPanelRef",ref:u,modelValue:X.value,"onUpdate:modelValue":l[12]||(l[12]=o=>X.value=o),options:t.options,props:a.props,border:!1,"render-label":t.$slots.default,onExpandChange:$e,onClose:l[13]||(l[13]=o=>t.$nextTick(()=>i(!1)))},{empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),_:3},8,["modelValue","options","props","render-label"]),[[e.vShow,!v.value]]),t.filterable?e.withDirectives((e.openBlock(),e.createBlock(e.unref(ue.VftScrollbar),{key:1,ref_key:"suggestionPanel",ref:b,tag:"ul",class:e.normalizeClass(e.unref(n).e("suggestion-panel")),"view-class":e.unref(n).e("suggestion-list"),onKeydown:ze},{default:e.withCtx(()=>[I.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(I.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o.uid,class:e.normalizeClass([e.unref(n).e("suggestion-item"),e.unref(n).is("checked",o.checked)]),tabindex:-1,onClick:s=>qe(o)},[e.renderSlot(t.$slots,"suggestion-item",{item:o},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1),o.checked?(e.openBlock(),e.createBlock(e.unref(A.VftIcon),{key:0,icon:"icon-check"})):e.createCommentVNode("",!0)])],10,je))),128)):e.renderSlot(t.$slots,"empty",{key:1},()=>[e.createElementVNode("li",{class:e.normalizeClass(e.unref(n).e("empty-text"))},"无匹配数据",2)])]),_:3},8,["class","view-class"])),[[e.vShow,v.value]]):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(n).e("footer")),onClick:l[14]||(l[14]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)]),_:3},8,["visible","teleported","popper-class","fallback-placements","placement","transition","effect","persistent"]))}});exports.default=Qe;