vft 0.0.376 → 0.0.379

package/lib/components/cascader-panel/menu.vue2.cjs

@@ -1,4 +1,124 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const M=require("../../hooks/use-id/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("../icon/index.cjs"),N=require("./node.vue2.cjs"),V=require("./types.cjs"),w=e.defineComponent({name:"VftCascaderMenu"}),H=e.defineComponent({...w,props:{nodes:{type:Array,required:!0},index:{type:Number,required:!0}},setup(c){const d=c,q=e.getCurrentInstance(),t=T.useNamespace("cascader-menu"),C=M.useId();let o,s;const u=e.inject(V.CASCADER_PANEL_INJECTION_KEY),l=e.ref(),f=e.computed(()=>!d.nodes.length),_=e.computed(()=>!u.initialLoaded),p=e.computed(()=>`${C.value}-${d.index}`),$=r=>{o=r.target},h=r=>{if(!(!u.isHoverMenu||!o||!l.value))if(o.contains(r.target)){m();const n=q.vnode.el,{left:a}=n.getBoundingClientRect(),{offsetWidth:y,offsetHeight:x}=n,g=r.clientX-a,i=o.offsetTop,k=i+o.offsetHeight;l.value.innerHTML=`
-          <path style="pointer-events: auto;" fill="transparent" d="M${g} ${i} L${y} 0 V${i} Z" />
-          <path style="pointer-events: auto;" fill="transparent" d="M${g} ${k} L${y} ${x} V${k} Z" />
-        `}else s||(s=window.setTimeout(v,u.config.hoverThreshold))},m=()=>{s&&(clearTimeout(s),s=void 0)},v=()=>{l.value&&(l.value.innerHTML="",m())};return(r,n)=>(e.openBlock(),e.createBlock(e.unref(B.VftScrollbar),{key:p.value,tag:"ul",role:"menu",class:e.normalizeClass(e.unref(t).b()),"wrap-class":e.unref(t).e("wrap"),"view-class":[e.unref(t).e("list"),e.unref(t).is("empty",f.value)],onMousemove:h,onMouseleave:v},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.nodes,a=>(e.openBlock(),e.createBlock(N.default,{key:a.uid,node:a,"menu-id":p.value,onExpand:$},null,8,["node","menu-id"]))),128)),_.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("empty-text"))},[e.createVNode(e.unref(E.VftIcon),{icon:"icon-loadding",size:"14",class:e.normalizeClass(e.unref(t).is("loading"))},null,8,["class"]),n[0]||(n[0]=e.createTextVNode(" 加载中 "))],2)):f.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("empty-text"))},[e.renderSlot(r.$slots,"empty",{},()=>[n[1]||(n[1]=e.createTextVNode("暂无数据"))])],2)):e.unref(u)?.isHoverMenu?(e.openBlock(),e.createElementBlock("svg",{key:2,ref_key:"hoverZone",ref:l,class:e.normalizeClass(e.unref(t).e("hover-zone"))},null,2)):e.createCommentVNode("",!0)]),_:3},8,["class","wrap-class","view-class"]))}});exports.default=H;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$2 = require("../scrollbar/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index$1 = require("../../hooks/use-id/index.cjs");
+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$3 = require("../icon/index.cjs");
+const node_vue_vue_type_script_setup_true_lang = require("./node.vue2.cjs");
+const types = require("./types.cjs");
+const __default__ = vue.defineComponent({
+  name: "VftCascaderMenu"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    nodes: {
+      type: Array,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const instance = vue.getCurrentInstance();
+    const ns = index.useNamespace("cascader-menu");
+    const id = index$1.useId();
+    let activeNode;
+    let hoverTimer;
+    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const hoverZone = vue.ref();
+    const isEmpty = vue.computed(() => !props.nodes.length);
+    const isLoading = vue.computed(() => !panel.initialLoaded);
+    const menuId = vue.computed(() => `${id.value}-${props.index}`);
+    const handleExpand = (e) => {
+      activeNode = e.target;
+    };
+    const handleMouseMove = (e) => {
+      if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return;
+      if (activeNode.contains(e.target)) {
+        clearHoverTimer();
+        const el = instance.vnode.el;
+        const { left } = el.getBoundingClientRect();
+        const { offsetWidth, offsetHeight } = el;
+        const startX = e.clientX - left;
+        const top = activeNode.offsetTop;
+        const bottom = top + activeNode.offsetHeight;
+        hoverZone.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} 0 V${top} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+        `;
+      } else if (!hoverTimer) {
+        hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold);
+      }
+    };
+    const clearHoverTimer = () => {
+      if (!hoverTimer) return;
+      clearTimeout(hoverTimer);
+      hoverTimer = void 0;
+    };
+    const clearHoverZone = () => {
+      if (!hoverZone.value) return;
+      hoverZone.value.innerHTML = "";
+      clearHoverTimer();
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.VftScrollbar), {
+        key: menuId.value,
+        tag: "ul",
+        role: "menu",
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        "wrap-class": vue.unref(ns).e("wrap"),
+        "view-class": [vue.unref(ns).e("list"), vue.unref(ns).is("empty", isEmpty.value)],
+        onMousemove: handleMouseMove,
+        onMouseleave: clearHoverZone
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes, (node) => {
+            return vue.openBlock(), vue.createBlock(node_vue_vue_type_script_setup_true_lang.default, {
+              key: node.uid,
+              node,
+              "menu-id": menuId.value,
+              onExpand: handleExpand
+            }, null, 8, ["node", "menu-id"]);
+          }), 128)),
+          isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+          }, [
+            vue.createVNode(vue.unref(index$3.VftIcon), {
+              icon: "icon-loadding",
+              size: "14",
+              class: vue.normalizeClass(vue.unref(ns).is("loading"))
+            }, null, 8, ["class"]),
+            _cache[0] || (_cache[0] = vue.createTextVNode(" 加载中 "))
+          ], 2)) : isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+              _cache[1] || (_cache[1] = vue.createTextVNode("暂无数据"))
+            ])
+          ], 2)) : vue.unref(panel)?.isHoverMenu ? (vue.openBlock(), vue.createElementBlock("svg", {
+            key: 2,
+            ref_key: "hoverZone",
+            ref: hoverZone,
+            class: vue.normalizeClass(vue.unref(ns).e("hover-zone"))
+          }, null, 2)) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "wrap-class", "view-class"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/cascader-panel/node-content.cjs

@@ -1 +1,65 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");require("@vueuse/core");const q=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("./types.cjs");function N(e){return!!(q.isArray(e)?e.every(({type:t})=>t===n.Comment):e?.type===n.Comment)}const k=n.defineComponent({name:"NodeContent",props:{node:{type:Object,required:!0},disabled:Boolean},setup(e,{emit:t}){const i=f.useNamespace("cascader-node"),{config:s,renderLabelFn:a}=n.inject(m.CASCADER_PANEL_INJECTION_KEY),{checkOnClickNode:u,checkOnClickLeaf:l}=s,{node:r,disabled:d}=e,{data:C,label:o}=r,b=()=>{const c=a?.({node:r,data:C});return N(c)?o:c??o};function p(){(u||r.isLeaf&&l)&&!d&&t("handleSelectCheck",!r.checked)}return()=>n.createVNode("span",{class:i.e("label"),onClick:p},[b()])}});exports.default=k;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+const utils = require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+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 types = require("./types.cjs");
+function isVNodeEmpty(vnodes) {
+  return !!(utils.isArray(vnodes) ? vnodes.every(({
+    type
+  }) => type === vue.Comment) : vnodes?.type === vue.Comment);
+}
+const NodeContent = /* @__PURE__ */ vue.defineComponent({
+  name: "NodeContent",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    disabled: Boolean
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = index.useNamespace("cascader-node");
+    const {
+      config,
+      renderLabelFn
+    } = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const {
+      checkOnClickNode,
+      checkOnClickLeaf
+    } = config;
+    const {
+      node,
+      disabled
+    } = props;
+    const {
+      data,
+      label: nodeLabel
+    } = node;
+    const label = () => {
+      const renderLabel = renderLabelFn?.({
+        node,
+        data
+      });
+      return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel ?? nodeLabel;
+    };
+    function handleClick() {
+      if ((checkOnClickNode || node.isLeaf && checkOnClickLeaf) && !disabled) {
+        emit("handleSelectCheck", !node.checked);
+      }
+    }
+    return () => vue.createVNode("span", {
+      "class": ns.e("label"),
+      "onClick": handleClick
+    }, [label()]);
+  }
+});
+exports.default = NodeContent;

package/lib/components/cascader-panel/node.cjs

@@ -1 +1,143 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@vft/utils");let f=0;const b=u=>{const e=[u];let{parent:t}=u;for(;t;)e.unshift(t),t=t.parent;return e};class r{constructor(e,t,i,s=!1){this.data=e,this.config=t,this.parent=i,this.root=s;const{value:a,label:h,children:c}=t,d=e[c],o=b(this);this.level=s?0:i?i.level+1:1,this.value=e[a],this.label=e[h],this.pathNodes=o,this.pathValues=o.map(n=>n.value),this.pathLabels=o.map(n=>n.label),this.childrenData=d,this.children=(d||[]).map(n=>new r(n,t,this)),this.loaded=!t.lazy||this.isLeaf||!l.isEmpty(d),this.text=""}uid=f++;level;value;label;pathNodes;pathValues;pathLabels;childrenData;children;text;loaded;checked=!1;indeterminate=!1;loading=!1;get isDisabled(){const{data:e,parent:t,config:i}=this,{disabled:s,checkStrictly:a}=i;return(l.isFunction(s)?s(e,this):!!e[s])||!a&&!!t?.isDisabled}get isLeaf(){const{data:e,config:t,childrenData:i,loaded:s}=this,{lazy:a,leaf:h}=t,c=l.isFunction(h)?h(e,this):e[h];return l.isUndefined(c)?a&&!s?!1:!(l.isArray(i)&&i.length):!!c}get valueByOption(){return this.config.emitPath?this.pathValues:this.value}appendChild(e){const{childrenData:t,children:i}=this,s=new r(e,this.config,this);return l.isArray(t)?t.push(e):this.childrenData=[e],i.push(s),s}calcText(e,t){const i=e?this.pathLabels.join(t):this.label;return this.text=i,i}broadcast(e){this.children.forEach(t=>{t&&(t.broadcast(e),t.onParentCheck?.(e))})}emit(){const{parent:e}=this;e&&(e.onChildCheck?.(),e.emit())}onParentCheck(e){this.isDisabled||this.setCheckState(e)}onChildCheck(){const{children:e}=this,t=e.filter(s=>!s.isDisabled),i=t.length?t.every(s=>s.checked):!1;this.setCheckState(i)}setCheckState(e){const t=this.children.length,i=this.children.reduce((s,a)=>{const h=a.checked?1:a.indeterminate?.5:0;return s+h},0);this.checked=this.loaded&&this.children.filter(s=>!s.isDisabled).every(s=>s.loaded&&s.checked)&&e,this.indeterminate=this.loaded&&i!==t&&i>0}doCheck(e){if(this.checked===e)return;const{checkStrictly:t,multiple:i}=this.config;t||!i?this.checked=e:(this.broadcast(e),this.setCheckState(e),this.emit())}}exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@vft/utils");
+let uid = 0;
+const calculatePathNodes = (node) => {
+  const nodes = [node];
+  let { parent } = node;
+  while (parent) {
+    nodes.unshift(parent);
+    parent = parent.parent;
+  }
+  return nodes;
+};
+class Node {
+  constructor(data, config, parent, root = false) {
+    this.data = data;
+    this.config = config;
+    this.parent = parent;
+    this.root = root;
+    const { value: valueKey, label: labelKey, children: childrenKey } = config;
+    const childrenData = data[childrenKey];
+    const pathNodes = calculatePathNodes(this);
+    this.level = root ? 0 : parent ? parent.level + 1 : 1;
+    this.value = data[valueKey];
+    this.label = data[labelKey];
+    this.pathNodes = pathNodes;
+    this.pathValues = pathNodes.map((node) => node.value);
+    this.pathLabels = pathNodes.map((node) => node.label);
+    this.childrenData = childrenData;
+    this.children = (childrenData || []).map(
+      (child) => new Node(child, config, this)
+    );
+    this.loaded = !config.lazy || this.isLeaf || !utils.isEmpty(childrenData);
+    this.text = "";
+  }
+  uid = uid++;
+  level;
+  value;
+  label;
+  pathNodes;
+  pathValues;
+  pathLabels;
+  childrenData;
+  children;
+  text;
+  loaded;
+  /**
+   * Is it checked
+   *
+   * @default false
+   */
+  checked = false;
+  /**
+   * Used to indicate the intermediate state of unchecked and fully checked child nodes
+   *
+   * @default false
+   */
+  indeterminate = false;
+  /**
+   * Loading Status
+   *
+   * @default false
+   */
+  loading = false;
+  get isDisabled() {
+    const { data, parent, config } = this;
+    const { disabled, checkStrictly } = config;
+    const isDisabled = utils.isFunction(disabled) ? disabled(data, this) : !!data[disabled];
+    return isDisabled || !checkStrictly && !!parent?.isDisabled;
+  }
+  get isLeaf() {
+    const { data, config, childrenData, loaded } = this;
+    const { lazy, leaf } = config;
+    const isLeaf = utils.isFunction(leaf) ? leaf(data, this) : data[leaf];
+    return utils.isUndefined(isLeaf) ? lazy && !loaded ? false : !(utils.isArray(childrenData) && childrenData.length) : !!isLeaf;
+  }
+  get valueByOption() {
+    return this.config.emitPath ? this.pathValues : this.value;
+  }
+  appendChild(childData) {
+    const { childrenData, children } = this;
+    const node = new Node(childData, this.config, this);
+    if (utils.isArray(childrenData)) {
+      childrenData.push(childData);
+    } else {
+      this.childrenData = [childData];
+    }
+    children.push(node);
+    return node;
+  }
+  calcText(allLevels, separator) {
+    const text = allLevels ? this.pathLabels.join(separator) : this.label;
+    this.text = text;
+    return text;
+  }
+  broadcast(checked) {
+    this.children.forEach((child) => {
+      if (child) {
+        child.broadcast(checked);
+        child.onParentCheck?.(checked);
+      }
+    });
+  }
+  emit() {
+    const { parent } = this;
+    if (parent) {
+      parent.onChildCheck?.();
+      parent.emit();
+    }
+  }
+  onParentCheck(checked) {
+    if (!this.isDisabled) {
+      this.setCheckState(checked);
+    }
+  }
+  onChildCheck() {
+    const { children } = this;
+    const validChildren = children.filter((child) => !child.isDisabled);
+    const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
+    this.setCheckState(checked);
+  }
+  setCheckState(checked) {
+    const totalNum = this.children.length;
+    const checkedNum = this.children.reduce((c, p) => {
+      const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0;
+      return c + num;
+    }, 0);
+    this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
+    this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
+  }
+  doCheck(checked) {
+    if (this.checked === checked) return;
+    const { checkStrictly, multiple } = this.config;
+    if (checkStrictly || !multiple) {
+      this.checked = checked;
+    } else {
+      this.broadcast(checked);
+      this.setCheckState(checked);
+      this.emit();
+    }
+  }
+}
+exports.default = Node;

package/lib/components/cascader-panel/node.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./node.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const node_vue_vue_type_script_setup_true_lang = require("./node.vue2.cjs");
+exports.default = node_vue_vue_type_script_setup_true_lang.default;

package/lib/components/cascader-panel/node.vue2.cjs

@@ -1 +1,171 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("../checkbox/index.cjs"),M=require("../radio/index.cjs"),m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const z=require("./node-content.cjs"),L=require("./types.cjs"),$=["id","aria-haspopup","aria-owns","aria-expanded","tabindex"],H=e.defineComponent({name:"VftCascaderNode"}),j=e.defineComponent({...H,props:{node:{type:Object,required:!0},menuId:String},emits:["expand"],setup(o,{emit:B}){const d=o,y=B,l=e.inject(L.CASCADER_PANEL_INJECTION_KEY),i=P.useNamespace("cascader-node"),k=e.computed(()=>l.isHoverMenu),p=e.computed(()=>l.config.multiple),u=e.computed(()=>l.config.checkStrictly),h=e.computed(()=>l.config.showPrefix),V=e.computed(()=>l.checkedNodes[0]?.uid),c=e.computed(()=>d.node.isDisabled),t=e.computed(()=>d.node.isLeaf),s=e.computed(()=>u.value&&!t.value||!c.value),f=e.computed(()=>C(l.expandingNode)),E=e.computed(()=>u.value&&l.checkedNodes.some(C)),C=n=>{const{level:a,uid:w}=d.node;return n?.pathNodes[a-1]?.uid===w},r=()=>{f.value||l.expandNode(d.node)},x=n=>{const{node:a}=d;n!==a.checked&&l.handleCheckChange(a,n)},b=()=>{l.lazyLoad(d.node,()=>{t.value||r()})},g=n=>{k.value&&(q(),!t.value&&y("expand",n))},q=()=>{const{node:n}=d;!s.value||n.loading||(n.loaded?r():b())},I=()=>{k.value&&!t.value||(t.value&&!c.value&&!u.value&&!p.value?N(!0):q())},v=n=>{u.value?(x(n),d.node.loaded&&r()):N(n)},N=n=>{d.node.loaded?(x(n),!u.value&&r()):b()};return(n,a)=>(e.openBlock(),e.createElementBlock("li",{id:`${o.menuId}-${o.node.uid}`,role:"menuitem","aria-haspopup":!t.value,"aria-owns":t.value?void 0:o.menuId,"aria-expanded":f.value,tabindex:s.value?-1:void 0,class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("selectable",u.value),e.unref(i).is("active",o.node.checked),e.unref(i).is("disabled",!s.value),f.value&&"in-active-path",E.value&&"in-checked-path"]),onMouseenter:g,onFocus:g,onClick:I},[p.value&&h.value?(e.openBlock(),e.createBlock(e.unref(S.VftCheckbox),{key:0,"model-value":o.node.checked,indeterminate:o.node.indeterminate,disabled:c.value,onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),"onUpdate:modelValue":v},null,8,["model-value","indeterminate","disabled"])):u.value&&h.value?(e.openBlock(),e.createBlock(e.unref(M.VftRadio),{key:1,"model-value":V.value,label:o.node.uid,disabled:c.value,"onUpdate:modelValue":v,onClick:a[1]||(a[1]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>a[2]||(a[2]=[e.createElementVNode("span",null,null,-1)])),_:1,__:[2]},8,["model-value","label","disabled"])):t.value&&o.node.checked?(e.openBlock(),e.createBlock(e.unref(m.VftIcon),{key:2,icon:"icon-check",class:e.normalizeClass(e.unref(i).e("prefix"))},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(z.default),{node:o.node,disabled:c.value,onHandleSelectCheck:v},null,8,["node","disabled"]),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[o.node.loading?(e.openBlock(),e.createBlock(e.unref(m.VftIcon),{key:0,icon:"icon-loading",class:e.normalizeClass([e.unref(i).is("loading"),e.unref(i).e("postfix")])},null,8,["class"])):(e.openBlock(),e.createBlock(e.unref(m.VftIcon),{key:1,icon:"icon-arrow-right",class:e.normalizeClass(["arrow-right",e.unref(i).e("postfix")])},null,8,["class"]))],64))],42,$))}});exports.default=j;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../checkbox/index.cjs");
+const index$2 = require("../radio/index.cjs");
+const index$3 = require("../icon/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+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 nodeContent = require("./node-content.cjs");
+const types = require("./types.cjs");
+const _hoisted_1 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const __default__ = vue.defineComponent({
+  name: "VftCascaderNode"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const ns = index.useNamespace("cascader-node");
+    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
+    const multiple = vue.computed(() => panel.config.multiple);
+    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
+    const showPrefix = vue.computed(() => panel.config.showPrefix);
+    const checkedNodeId = vue.computed(() => panel.checkedNodes[0]?.uid);
+    const isDisabled = vue.computed(() => props.node.isDisabled);
+    const isLeaf = vue.computed(() => props.node.isLeaf);
+    const expandable = vue.computed(
+      () => checkStrictly.value && !isLeaf.value || !isDisabled.value
+    );
+    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = vue.computed(
+      () => checkStrictly.value && panel.checkedNodes.some(isInPath)
+    );
+    const isInPath = (node) => {
+      const { level, uid } = props.node;
+      return node?.pathNodes[level - 1]?.uid === uid;
+    };
+    const doExpand = () => {
+      if (inExpandingPath.value) return;
+      panel.expandNode(props.node);
+    };
+    const doCheck = (checked) => {
+      const { node } = props;
+      if (checked === node.checked) return;
+      panel.handleCheckChange(node, checked);
+    };
+    const doLoad = () => {
+      panel.lazyLoad(props.node, () => {
+        if (!isLeaf.value) doExpand();
+      });
+    };
+    const handleHoverExpand = (e) => {
+      if (!isHoverMenu.value) return;
+      handleExpand();
+      !isLeaf.value && emit("expand", e);
+    };
+    const handleExpand = () => {
+      const { node } = props;
+      if (!expandable.value || node.loading) return;
+      node.loaded ? doExpand() : doLoad();
+    };
+    const handleClick = () => {
+      if (isHoverMenu.value && !isLeaf.value) return;
+      if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+        handleCheck(true);
+      } else {
+        handleExpand();
+      }
+    };
+    const handleSelectCheck = (checked) => {
+      if (checkStrictly.value) {
+        doCheck(checked);
+        if (props.node.loaded) {
+          doExpand();
+        }
+      } else {
+        handleCheck(checked);
+      }
+    };
+    const handleCheck = (checked) => {
+      if (!props.node.loaded) {
+        doLoad();
+      } else {
+        doCheck(checked);
+        !checkStrictly.value && doExpand();
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("li", {
+        id: `${__props.menuId}-${__props.node.uid}`,
+        role: "menuitem",
+        "aria-haspopup": !isLeaf.value,
+        "aria-owns": isLeaf.value ? void 0 : __props.menuId,
+        "aria-expanded": inExpandingPath.value,
+        tabindex: expandable.value ? -1 : void 0,
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).is("selectable", checkStrictly.value),
+          vue.unref(ns).is("active", __props.node.checked),
+          vue.unref(ns).is("disabled", !expandable.value),
+          inExpandingPath.value && "in-active-path",
+          inCheckedPath.value && "in-checked-path"
+        ]),
+        onMouseenter: handleHoverExpand,
+        onFocus: handleHoverExpand,
+        onClick: handleClick
+      }, [
+        multiple.value && showPrefix.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftCheckbox), {
+          key: 0,
+          "model-value": __props.node.checked,
+          indeterminate: __props.node.indeterminate,
+          disabled: isDisabled.value,
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"])),
+          "onUpdate:modelValue": handleSelectCheck
+        }, null, 8, ["model-value", "indeterminate", "disabled"])) : checkStrictly.value && showPrefix.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftRadio), {
+          key: 1,
+          "model-value": checkedNodeId.value,
+          label: __props.node.uid,
+          disabled: isDisabled.value,
+          "onUpdate:modelValue": handleSelectCheck,
+          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, {
+          default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+            vue.createElementVNode("span", null, null, -1)
+          ])),
+          _: 1,
+          __: [2]
+        }, 8, ["model-value", "label", "disabled"])) : isLeaf.value && __props.node.checked ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.VftIcon), {
+          key: 2,
+          icon: "icon-check",
+          class: vue.normalizeClass(vue.unref(ns).e("prefix"))
+        }, null, 8, ["class"])) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(nodeContent.default), {
+          node: __props.node,
+          disabled: isDisabled.value,
+          onHandleSelectCheck: handleSelectCheck
+        }, null, 8, ["node", "disabled"]),
+        !isLeaf.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          __props.node.loading ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.VftIcon), {
+            key: 0,
+            icon: "icon-loading",
+            class: vue.normalizeClass([vue.unref(ns).is("loading"), vue.unref(ns).e("postfix")])
+          }, null, 8, ["class"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.VftIcon), {
+            key: 1,
+            icon: "icon-arrow-right",
+            class: vue.normalizeClass(["arrow-right", vue.unref(ns).e("postfix")])
+          }, null, 8, ["class"]))
+        ], 64)) : vue.createCommentVNode("", true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/cascader-panel/store.cjs

@@ -1 +1,70 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const a=require("./node.cjs"),i=(o,e)=>o.reduce((s,t)=>(t.isLeaf?s.push(t):(!e&&s.push(t),s=s.concat(i(t.children,e))),s),[]);class n{constructor(e,s){this.config=s;const t=(e||[]).map(l=>new a.default(l,this.config));this.nodes=t,this.allNodes=i(t,!1),this.leafNodes=i(t,!0)}nodes;allNodes;leafNodes;getNodes(){return this.nodes}getFlattedNodes(e){return e?this.leafNodes:this.allNodes}appendNode(e,s){const t=s?s.appendChild(e):new a.default(e,this.config);s||this.nodes.push(t),this.appendAllNodesAndLeafNodes(t)}appendNodes(e,s){e.forEach(t=>this.appendNode(t,s))}appendAllNodesAndLeafNodes(e){this.allNodes.push(e),e.isLeaf&&this.leafNodes.push(e),e.children&&e.children.forEach(s=>{this.appendAllNodesAndLeafNodes(s)})}getNodeByValue(e,s=!1){return d.isNil(e)?null:this.getFlattedNodes(s).find(l=>d.isEqual(l.value,e)||d.isEqual(l.pathValues,e))||null}getSameNode(e){return e&&this.getFlattedNodes(!1).find(({value:t,level:l})=>d.isEqual(e.value,t)&&e.level===l)||null}}exports.default=n;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const lodashEs = require("lodash-es");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const node = require("./node.cjs");
+const flatNodes = (nodes, leafOnly) => {
+  return nodes.reduce((res, node2) => {
+    if (node2.isLeaf) {
+      res.push(node2);
+    } else {
+      !leafOnly && res.push(node2);
+      res = res.concat(flatNodes(node2.children, leafOnly));
+    }
+    return res;
+  }, []);
+};
+class Store {
+  constructor(data, config) {
+    this.config = config;
+    const nodes = (data || []).map((nodeData) => new node.default(nodeData, this.config));
+    this.nodes = nodes;
+    this.allNodes = flatNodes(nodes, false);
+    this.leafNodes = flatNodes(nodes, true);
+  }
+  nodes;
+  allNodes;
+  leafNodes;
+  getNodes() {
+    return this.nodes;
+  }
+  getFlattedNodes(leafOnly) {
+    return leafOnly ? this.leafNodes : this.allNodes;
+  }
+  appendNode(nodeData, parentNode) {
+    const node$1 = parentNode ? parentNode.appendChild(nodeData) : new node.default(nodeData, this.config);
+    if (!parentNode) this.nodes.push(node$1);
+    this.appendAllNodesAndLeafNodes(node$1);
+  }
+  appendNodes(nodeDataList, parentNode) {
+    nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
+  }
+  appendAllNodesAndLeafNodes(node2) {
+    this.allNodes.push(node2);
+    node2.isLeaf && this.leafNodes.push(node2);
+    if (node2.children) {
+      node2.children.forEach((subNode) => {
+        this.appendAllNodesAndLeafNodes(subNode);
+      });
+    }
+  }
+  // when checkStrictly, leaf node first
+  getNodeByValue(value, leafOnly = false) {
+    if (lodashEs.isNil(value)) return null;
+    const node2 = this.getFlattedNodes(leafOnly).find(
+      (node22) => lodashEs.isEqual(node22.value, value) || lodashEs.isEqual(node22.pathValues, value)
+    );
+    return node2 || null;
+  }
+  getSameNode(node2) {
+    if (!node2) return null;
+    const node_ = this.getFlattedNodes(false).find(
+      ({ value, level }) => lodashEs.isEqual(node2.value, value) && node2.level === level
+    );
+    return node_ || null;
+  }
+}
+exports.default = Store;

package/lib/components/cascader-panel/style/css.cjs

@@ -1 +1,6 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-radio.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-cascader-panel.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-checkbox.css");
+require("vft/theme-style/vft-radio.css");
+require("vft/theme-style/vft-scrollbar.css");
+require("vft/theme-style/vft-cascader-panel.css");

package/lib/components/cascader-panel/style/index.cjs

@@ -1 +1,6 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/radio.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/cascader-panel.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/checkbox.scss");
+require("vft/theme-style/src/radio.scss");
+require("vft/theme-style/src/scrollbar.scss");
+require("vft/theme-style/src/cascader-panel.scss");

package/lib/components/cascader-panel/types.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=Symbol();exports.CASCADER_PANEL_INJECTION_KEY=E;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const CASCADER_PANEL_INJECTION_KEY = Symbol();
+exports.CASCADER_PANEL_INJECTION_KEY = CASCADER_PANEL_INJECTION_KEY;