vft 0.0.374 → 0.0.375

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

@@ -1 +1,702 @@
-"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;
+"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;