@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2445.js

@@ -0,0 +1,59 @@
+import { isFunction as S } from "./chunk-1721.js";
+import { removeClass as T, addClass as $ } from "./chunk-1712.js";
+import { useNamespace as k } from "./chunk-1717.js";
+import { ref as A, provide as B } from "vue";
+const x = Symbol("dragEvents");
+function G({ props: p, ctx: f, el$: I, dropIndicator$: E, store: g }) {
+  const u = k("tree"), d = A({
+    showDropIndicator: !1,
+    draggingNode: null,
+    dropNode: null,
+    allowDrop: !0,
+    dropType: null
+  });
+  return B(x, {
+    treeNodeDragStart: ({ event: o, treeNode: a }) => {
+      if (o.dataTransfer) {
+        if (S(p.allowDrag) && !p.allowDrag(a.node))
+          return o.preventDefault(), !1;
+        o.dataTransfer.effectAllowed = "move";
+        try {
+          o.dataTransfer.setData("text/plain", "");
+        } catch {
+        }
+        d.value.draggingNode = a, f.emit("node-drag-start", a.node, o);
+      }
+    },
+    treeNodeDragOver: ({ event: o, treeNode: a }) => {
+      if (!o.dataTransfer) return;
+      const e = a, n = d.value.dropNode;
+      n && n.node.id !== e.node.id && T(n.$el, u.is("drop-inner"));
+      const r = d.value.draggingNode;
+      if (!r || !e) return;
+      let t = !0, i = !0, s = !0, h = !0;
+      S(p.allowDrop) && (t = p.allowDrop(r.node, e.node, "prev"), h = i = p.allowDrop(r.node, e.node, "inner"), s = p.allowDrop(r.node, e.node, "next")), o.dataTransfer.dropEffect = i || t || s ? "move" : "none", (t || i || s) && n?.node.id !== e.node.id && (n && f.emit("node-drag-leave", r.node, n.node, o), f.emit("node-drag-enter", r.node, e.node, o)), t || i || s ? d.value.dropNode = e : d.value.dropNode = null, e.node.nextSibling === r.node && (s = !1), e.node.previousSibling === r.node && (t = !1), e.node.contains(r.node, !1) && (i = !1), (r.node === e.node || r.node.contains(e.node)) && (t = !1, i = !1, s = !1);
+      const c = e.$el, N = c.querySelector(`.${u.be("node", "content")}`).getBoundingClientRect(), v = I.value.getBoundingClientRect(), w = I.value.scrollTop;
+      let l;
+      const C = t ? i ? 0.25 : s ? 0.45 : 1 : Number.NEGATIVE_INFINITY, P = s ? i ? 0.75 : t ? 0.55 : 0 : Number.POSITIVE_INFINITY;
+      let m = -9999;
+      const y = o.clientY - N.top;
+      y < N.height * C ? l = "before" : y > N.height * P ? l = "after" : i ? l = "inner" : l = "none";
+      const D = c.querySelector(`.${u.be("node", "expand-icon")}`).getBoundingClientRect(), b = E.value;
+      l === "before" ? m = D.top - v.top + w : l === "after" && (m = D.bottom - v.top + w), b.style.top = `${m}px`, b.style.left = `${D.right - v.left}px`, l === "inner" ? $(c, u.is("drop-inner")) : T(c, u.is("drop-inner")), d.value.showDropIndicator = l === "before" || l === "after", d.value.allowDrop = d.value.showDropIndicator || h, d.value.dropType = l, f.emit("node-drag-over", r.node, e.node, o);
+    },
+    treeNodeDragEnd: (o) => {
+      const { draggingNode: a, dropType: e, dropNode: n } = d.value;
+      if (o.preventDefault(), o.dataTransfer && (o.dataTransfer.dropEffect = "move"), a?.node.data && n) {
+        const r = { data: a.node.data };
+        e !== "none" && a.node.remove(), e === "before" ? n.node.parent?.insertBefore(r, n.node) : e === "after" ? n.node.parent?.insertAfter(r, n.node) : e === "inner" && n.node.insertChild(r), e !== "none" && (g.value.registerNode(r), g.value.key && a.node.eachNode((t) => {
+          g.value.nodesMap[t.data[g.value.key]]?.setChecked(t.checked, !g.value.checkStrictly);
+        })), T(n.$el, u.is("drop-inner")), f.emit("node-drag-end", a.node, n.node, e, o), e !== "none" && f.emit("node-drop", a.node, n.node, e, o);
+      }
+      a && !n && f.emit("node-drag-end", a.node, null, e, o), d.value.showDropIndicator = !1, d.value.draggingNode = null, d.value.dropNode = null, d.value.allowDrop = !0;
+    }
+  }), { dragState: d };
+}
+export {
+  x as dragEventsKey,
+  G as useDragNodeHandler
+};

package/dist/chunks/chunk-2446.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("./chunk-2187.cjs"),k=require("./chunk-2601.cjs"),n=require("vue"),h=["aria-expanded","aria-disabled","aria-checked","draggable","data-key"],C=["aria-expanded"];function m(e,o,g,v,f,b){const r=n.resolveComponent("el-icon"),a=n.resolveComponent("el-checkbox"),l=n.resolveComponent("loading"),i=n.resolveComponent("node-content"),s=n.resolveComponent("el-tree-node"),t=n.resolveComponent("el-collapse-transition");return n.withDirectives((n.openBlock(),n.createElementBlock("div",{ref:"node$",class:n.normalizeClass([e.ns.b("node"),e.ns.is("expanded",e.expanded),e.ns.is("current",e.node.isCurrent),e.ns.is("hidden",!e.node.visible),e.ns.is("focusable",!e.node.disabled),e.ns.is("checked",!e.node.disabled&&e.node.checked),e.getNodeClass(e.node)]),role:"treeitem",tabindex:"-1","aria-expanded":e.expanded,"aria-disabled":e.node.disabled,"aria-checked":e.node.checked,draggable:e.tree.props.draggable,"data-key":e.getNodeKey(e.node),onClick:o[2]||(o[2]=n.withModifiers((...d)=>e.handleClick&&e.handleClick(...d),["stop"])),onContextmenu:o[3]||(o[3]=(...d)=>e.handleContextMenu&&e.handleContextMenu(...d)),onDragstart:o[4]||(o[4]=n.withModifiers((...d)=>e.handleDragStart&&e.handleDragStart(...d),["stop"])),onDragover:o[5]||(o[5]=n.withModifiers((...d)=>e.handleDragOver&&e.handleDragOver(...d),["stop"])),onDragend:o[6]||(o[6]=n.withModifiers((...d)=>e.handleDragEnd&&e.handleDragEnd(...d),["stop"])),onDrop:o[7]||(o[7]=n.withModifiers((...d)=>e.handleDrop&&e.handleDrop(...d),["stop"]))},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.be("node","content")),style:n.normalizeStyle({paddingLeft:(e.node.level-1)*e.tree.props.indent+"px"})},[e.tree.props.icon||e.CaretRight?(n.openBlock(),n.createBlock(r,{key:0,class:n.normalizeClass([e.ns.be("node","expand-icon"),e.ns.is("leaf",e.node.isLeaf),{expanded:!e.node.isLeaf&&e.expanded}]),onClick:n.withModifiers(e.handleExpandIconClick,["stop"])},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.tree.props.icon||e.CaretRight)))]),_:1},8,["class","onClick"])):n.createCommentVNode("v-if",!0),e.showCheckbox?(n.openBlock(),n.createBlock(a,{key:1,"model-value":e.node.checked,indeterminate:e.node.indeterminate,disabled:!!e.node.disabled,onClick:o[0]||(o[0]=n.withModifiers(()=>{},["stop"])),onChange:e.handleCheckChange},null,8,["model-value","indeterminate","disabled","onChange"])):n.createCommentVNode("v-if",!0),e.node.loading?(n.openBlock(),n.createBlock(r,{key:2,class:n.normalizeClass([e.ns.be("node","loading-icon"),e.ns.is("loading")])},{default:n.withCtx(()=>[n.createVNode(l)]),_:1},8,["class"])):n.createCommentVNode("v-if",!0),n.createVNode(i,{node:e.node,"render-content":e.renderContent},null,8,["node","render-content"])],6),n.createVNode(t,null,{default:n.withCtx(()=>[!e.renderAfterExpand||e.childNodeRendered?n.withDirectives((n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(e.ns.be("node","children")),role:"group","aria-expanded":e.expanded,onClick:o[1]||(o[1]=n.withModifiers(()=>{},["stop"]))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.node.childNodes,d=>(n.openBlock(),n.createBlock(s,{key:e.getNodeKey(d),"render-content":e.renderContent,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,node:d,accordion:e.accordion,props:e.props,onNodeExpand:e.handleChildNodeExpand},null,8,["render-content","render-after-expand","show-checkbox","node","accordion","props","onNodeExpand"]))),128))],10,C)),[[n.vShow,e.expanded]]):n.createCommentVNode("v-if",!0)]),_:1})],42,h)),[[n.vShow,e.node.visible]])}var u=p(k,[["render",m]]);module.exports=u;

package/dist/chunks/chunk-2446.js

@@ -0,0 +1,110 @@
+import D from "./chunk-2187.js";
+import y from "./chunk-2601.js";
+import { resolveComponent as a, withDirectives as h, openBlock as d, createElementBlock as p, withModifiers as r, normalizeClass as l, createElementVNode as N, normalizeStyle as E, createBlock as i, withCtx as t, resolveDynamicComponent as w, createCommentVNode as s, createVNode as u, Fragment as $, renderList as L, vShow as k } from "vue";
+const S = [
+  "aria-expanded",
+  "aria-disabled",
+  "aria-checked",
+  "draggable",
+  "data-key"
+], B = ["aria-expanded"];
+function M(e, n, R, V, z, A) {
+  const g = a("el-icon"), m = a("el-checkbox"), C = a("loading"), f = a("node-content"), b = a("el-tree-node"), v = a("el-collapse-transition");
+  return h((d(), p("div", {
+    ref: "node$",
+    class: l([
+      e.ns.b("node"),
+      e.ns.is("expanded", e.expanded),
+      e.ns.is("current", e.node.isCurrent),
+      e.ns.is("hidden", !e.node.visible),
+      e.ns.is("focusable", !e.node.disabled),
+      e.ns.is("checked", !e.node.disabled && e.node.checked),
+      e.getNodeClass(e.node)
+    ]),
+    role: "treeitem",
+    tabindex: "-1",
+    "aria-expanded": e.expanded,
+    "aria-disabled": e.node.disabled,
+    "aria-checked": e.node.checked,
+    draggable: e.tree.props.draggable,
+    "data-key": e.getNodeKey(e.node),
+    onClick: n[2] || (n[2] = r((...o) => e.handleClick && e.handleClick(...o), ["stop"])),
+    onContextmenu: n[3] || (n[3] = (...o) => e.handleContextMenu && e.handleContextMenu(...o)),
+    onDragstart: n[4] || (n[4] = r((...o) => e.handleDragStart && e.handleDragStart(...o), ["stop"])),
+    onDragover: n[5] || (n[5] = r((...o) => e.handleDragOver && e.handleDragOver(...o), ["stop"])),
+    onDragend: n[6] || (n[6] = r((...o) => e.handleDragEnd && e.handleDragEnd(...o), ["stop"])),
+    onDrop: n[7] || (n[7] = r((...o) => e.handleDrop && e.handleDrop(...o), ["stop"]))
+  }, [N("div", {
+    class: l(e.ns.be("node", "content")),
+    style: E({ paddingLeft: (e.node.level - 1) * e.tree.props.indent + "px" })
+  }, [
+    e.tree.props.icon || e.CaretRight ? (d(), i(g, {
+      key: 0,
+      class: l([
+        e.ns.be("node", "expand-icon"),
+        e.ns.is("leaf", e.node.isLeaf),
+        { expanded: !e.node.isLeaf && e.expanded }
+      ]),
+      onClick: r(e.handleExpandIconClick, ["stop"])
+    }, {
+      default: t(() => [(d(), i(w(e.tree.props.icon || e.CaretRight)))]),
+      _: 1
+    }, 8, ["class", "onClick"])) : s("v-if", !0),
+    e.showCheckbox ? (d(), i(m, {
+      key: 1,
+      "model-value": e.node.checked,
+      indeterminate: e.node.indeterminate,
+      disabled: !!e.node.disabled,
+      onClick: n[0] || (n[0] = r(() => {
+      }, ["stop"])),
+      onChange: e.handleCheckChange
+    }, null, 8, [
+      "model-value",
+      "indeterminate",
+      "disabled",
+      "onChange"
+    ])) : s("v-if", !0),
+    e.node.loading ? (d(), i(g, {
+      key: 2,
+      class: l([e.ns.be("node", "loading-icon"), e.ns.is("loading")])
+    }, {
+      default: t(() => [u(C)]),
+      _: 1
+    }, 8, ["class"])) : s("v-if", !0),
+    u(f, {
+      node: e.node,
+      "render-content": e.renderContent
+    }, null, 8, ["node", "render-content"])
+  ], 6), u(v, null, {
+    default: t(() => [!e.renderAfterExpand || e.childNodeRendered ? h((d(), p("div", {
+      key: 0,
+      class: l(e.ns.be("node", "children")),
+      role: "group",
+      "aria-expanded": e.expanded,
+      onClick: n[1] || (n[1] = r(() => {
+      }, ["stop"]))
+    }, [(d(!0), p($, null, L(e.node.childNodes, (o) => (d(), i(b, {
+      key: e.getNodeKey(o),
+      "render-content": e.renderContent,
+      "render-after-expand": e.renderAfterExpand,
+      "show-checkbox": e.showCheckbox,
+      node: o,
+      accordion: e.accordion,
+      props: e.props,
+      onNodeExpand: e.handleChildNodeExpand
+    }, null, 8, [
+      "render-content",
+      "render-after-expand",
+      "show-checkbox",
+      "node",
+      "accordion",
+      "props",
+      "onNodeExpand"
+    ]))), 128))], 10, B)), [[k, e.expanded]]) : s("v-if", !0)]),
+    _: 1
+  })], 42, S)), [[k, e.node.visible]]);
+}
+var I = /* @__PURE__ */ D(y, [["render", M]]);
+export {
+  I as default
+};

package/dist/chunks/chunk-2447.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-1697.cjs"),y=require("./chunk-1731.cjs"),h=require("./chunk-1717.cjs"),x=require("./chunk-1709.cjs"),f=require("vue");function m({el$:u},E){const s=h.useNamespace("tree");f.onMounted(()=>{p()}),f.onUpdated(()=>{u.value?.querySelectorAll("input[type=checkbox]").forEach(t=>{t.setAttribute("tabindex","-1")})});function l(t,r){const n=E.value.getNode(t[r].dataset.key);return n.canFocus&&n.visible&&(n.parent?.expanded||n.parent?.level===0)}const b=t=>{const r=t.target;if(!r.className.includes(s.b("node")))return;const n=y.getEventCode(t),c=Array.from(u.value.querySelectorAll(`.${s.is("focusable")}[role=treeitem]`)),i=c.indexOf(r);let e;if([o.EVENT_CODE.up,o.EVENT_CODE.down].includes(n)){if(t.preventDefault(),n===o.EVENT_CODE.up){e=i===-1?0:i!==0?i-1:c.length-1;const a=e;for(;!l(c,e);){if(e--,e===a){e=-1;break}e<0&&(e=c.length-1)}}else{e=i===-1?0:i<c.length-1?i+1:0;const a=e;for(;!l(c,e);){if(e++,e===a){e=-1;break}e>=c.length&&(e=0)}}e!==-1&&c[e].focus()}[o.EVENT_CODE.left,o.EVENT_CODE.right].includes(n)&&(t.preventDefault(),r.click());const d=r.querySelector('[type="checkbox"]');[o.EVENT_CODE.enter,o.EVENT_CODE.numpadEnter,o.EVENT_CODE.space].includes(n)&&d&&(t.preventDefault(),d.click())};x.useEventListener(u,"keydown",b);const p=()=>{if(!u.value)return;const t=Array.from(u.value.querySelectorAll(`.${s.is("focusable")}[role=treeitem]`));Array.from(u.value.querySelectorAll("input[type=checkbox]")).forEach(n=>{n.setAttribute("tabindex","-1")});const r=u.value.querySelectorAll(`.${s.is("checked")}[role=treeitem]`);if(r.length){r[0].setAttribute("tabindex","0");return}t[0]?.setAttribute("tabindex","0")}}exports.useKeydown=m;

package/dist/chunks/chunk-2447.js

@@ -0,0 +1,72 @@
+import { EVENT_CODE as c } from "./chunk-1697.js";
+import { getEventCode as m } from "./chunk-1731.js";
+import { useNamespace as b } from "./chunk-1717.js";
+import { useEventListener as h } from "./chunk-1709.js";
+import { onMounted as y, onUpdated as x } from "vue";
+function w({ el$: i }, f) {
+  const l = b("tree");
+  y(() => {
+    p();
+  }), x(() => {
+    i.value?.querySelectorAll("input[type=checkbox]").forEach((t) => {
+      t.setAttribute("tabindex", "-1");
+    });
+  });
+  function s(t, n) {
+    const r = f.value.getNode(t[n].dataset.key);
+    return r.canFocus && r.visible && (r.parent?.expanded || r.parent?.level === 0);
+  }
+  h(i, "keydown", (t) => {
+    const n = t.target;
+    if (!n.className.includes(l.b("node"))) return;
+    const r = m(t), o = Array.from(i.value.querySelectorAll(`.${l.is("focusable")}[role=treeitem]`)), u = o.indexOf(n);
+    let e;
+    if ([c.up, c.down].includes(r)) {
+      if (t.preventDefault(), r === c.up) {
+        e = u === -1 ? 0 : u !== 0 ? u - 1 : o.length - 1;
+        const a = e;
+        for (; !s(o, e); ) {
+          if (e--, e === a) {
+            e = -1;
+            break;
+          }
+          e < 0 && (e = o.length - 1);
+        }
+      } else {
+        e = u === -1 ? 0 : u < o.length - 1 ? u + 1 : 0;
+        const a = e;
+        for (; !s(o, e); ) {
+          if (e++, e === a) {
+            e = -1;
+            break;
+          }
+          e >= o.length && (e = 0);
+        }
+      }
+      e !== -1 && o[e].focus();
+    }
+    [c.left, c.right].includes(r) && (t.preventDefault(), n.click());
+    const d = n.querySelector('[type="checkbox"]');
+    [
+      c.enter,
+      c.numpadEnter,
+      c.space
+    ].includes(r) && d && (t.preventDefault(), d.click());
+  });
+  const p = () => {
+    if (!i.value) return;
+    const t = Array.from(i.value.querySelectorAll(`.${l.is("focusable")}[role=treeitem]`));
+    Array.from(i.value.querySelectorAll("input[type=checkbox]")).forEach((r) => {
+      r.setAttribute("tabindex", "-1");
+    });
+    const n = i.value.querySelectorAll(`.${l.is("checked")}[role=treeitem]`);
+    if (n.length) {
+      n[0].setAttribute("tabindex", "0");
+      return;
+    }
+    t[0]?.setAttribute("tabindex", "0");
+  };
+}
+export {
+  w as useKeydown
+};

package/dist/chunks/chunk-2448.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-1697.cjs"),v=require("./chunk-1699.cjs"),E=require("./chunk-1731.cjs"),N=require("./chunk-1717.cjs"),h=require("./chunk-1848.cjs"),y=require("./chunk-1709.cjs"),o=require("vue"),m=require("./chunk-1746.cjs"),q=(t,{attrs:l,emit:i},{select:n,tree:u,key:c})=>{const d=N.useNamespace("tree-select");o.watch(()=>t.data,()=>{t.filterable&&o.nextTick(()=>{u.value?.filter(n.value?.states.inputValue)})},{flush:"post"});const a=e=>{const s=e.at(-1);if(s.expanded&&s.childNodes.at(-1))a([s.childNodes.at(-1)]);else{u.value.el$?.querySelector(`[data-key="${e.at(-1).key}"]`)?.focus({preventScroll:!0});return}};return o.onMounted(()=>{y.useEventListener(()=>n.value?.$el,"keydown",async e=>{const s=E.getEventCode(e),{dropdownMenuVisible:f}=n.value;[r.EVENT_CODE.down,r.EVENT_CODE.up].includes(s)&&f&&(await o.nextTick(),setTimeout(()=>{if(r.EVENT_CODE.up===s){const p=u.value.store.root.childNodes;a(p);return}n.value.optionsArray[n.value.states.hoveringIndex].$el?.parentNode?.parentNode?.focus({preventScroll:!0})}))},{capture:!0})}),{...m(o.toRefs(t),Object.keys(h.ElSelect.props)),...l,class:o.computed(()=>l.class),style:o.computed(()=>l.style),"onUpdate:modelValue":e=>i(v.UPDATE_MODEL_EVENT,e),valueKey:c,popperClass:o.computed(()=>{const e=[d.e("popper")];return t.popperClass&&e.push(t.popperClass),e.join(" ")}),filterMethod:(e="")=>{t.filterMethod?t.filterMethod(e):t.remoteMethod?t.remoteMethod(e):u.value?.filter(e)}}};exports.useSelect=q;

package/dist/chunks/chunk-2448.js

@@ -0,0 +1,54 @@
+import { EVENT_CODE as a } from "./chunk-1697.js";
+import { UPDATE_MODEL_EVENT as v } from "./chunk-1699.js";
+import { getEventCode as h } from "./chunk-1731.js";
+import { useNamespace as E } from "./chunk-1717.js";
+import { ElSelect as N } from "./chunk-1848.js";
+import { useEventListener as y } from "./chunk-1709.js";
+import { watch as M, nextTick as n, onMounted as C, computed as u, toRefs as S } from "vue";
+import T from "./chunk-1746.js";
+const O = (t, { attrs: s, emit: c }, { select: l, tree: r, key: d }) => {
+  const f = E("tree-select");
+  M(() => t.data, () => {
+    t.filterable && n(() => {
+      r.value?.filter(l.value?.states.inputValue);
+    });
+  }, { flush: "post" });
+  const i = (e) => {
+    const o = e.at(-1);
+    if (o.expanded && o.childNodes.at(-1)) i([o.childNodes.at(-1)]);
+    else {
+      r.value.el$?.querySelector(`[data-key="${e.at(-1).key}"]`)?.focus({ preventScroll: !0 });
+      return;
+    }
+  };
+  return C(() => {
+    y(() => l.value?.$el, "keydown", async (e) => {
+      const o = h(e), { dropdownMenuVisible: p } = l.value;
+      [a.down, a.up].includes(o) && p && (await n(), setTimeout(() => {
+        if (a.up === o) {
+          const m = r.value.store.root.childNodes;
+          i(m);
+          return;
+        }
+        l.value.optionsArray[l.value.states.hoveringIndex].$el?.parentNode?.parentNode?.focus({ preventScroll: !0 });
+      }));
+    }, { capture: !0 });
+  }), {
+    ...T(S(t), Object.keys(N.props)),
+    ...s,
+    class: u(() => s.class),
+    style: u(() => s.style),
+    "onUpdate:modelValue": (e) => c(v, e),
+    valueKey: d,
+    popperClass: u(() => {
+      const e = [f.e("popper")];
+      return t.popperClass && e.push(t.popperClass), e.join(" ");
+    }),
+    filterMethod: (e = "") => {
+      t.filterMethod ? t.filterMethod(e) : t.remoteMethod ? t.remoteMethod(e) : r.value?.filter(e);
+    }
+  };
+};
+export {
+  O as useSelect
+};

package/dist/chunks/chunk-2449.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunk-1699.cjs"),T=require("./chunk-1703.cjs"),S=require("./chunk-2306.cjs"),M=require("./chunk-2095.cjs"),L=require("./chunk-2609.cjs"),n=require("./chunk-2610.cjs"),o=require("vue"),E=require("./chunk-1744.cjs"),w=require("./chunk-1746.cjs"),D=require("./chunk-1819.cjs"),F=require("./chunk-1721.cjs"),P=(e,{attrs:h,slots:v,emit:V},{select:C,tree:a,key:N})=>{o.watch([()=>e.modelValue,a],()=>{e.showCheckbox&&o.nextTick(()=>{const l=a.value;l&&!E(l.getCheckedKeys(),n.toValidArray(e.modelValue))&&l.setCheckedKeys(n.toValidArray(e.modelValue))})},{immediate:!0,deep:!0});const g=o.computed(()=>({value:N.value,label:"label",children:"children",disabled:"disabled",isLeaf:"isLeaf",...e.props})),i=(l,c)=>{const t=g.value[l];return F.isFunction(t)?t(c,a.value?.getNode(i("value",c))):c[t]},K=n.toValidArray(e.modelValue).map(l=>n.treeFind(e.data||[],c=>i("value",c)===l,c=>i("children",c),(c,t,u,r)=>r&&i("value",r))).filter(l=>n.isValidValue(l)),q=o.computed(()=>{if(!e.renderAfterExpand&&!e.lazy)return[];const l=[];return n.treeEach(e.data.concat(e.cacheData),c=>{const t=i("value",c);l.push({value:t,currentLabel:i("label",c),isDisabled:i("disabled",c)})},c=>i("children",c)),l}),b=()=>a.value?.getCheckedKeys().filter(l=>{const c=a.value?.getNode(l);return!D(c)&&T.isEmpty(c.childNodes)}),A=l=>{E(e.modelValue,l)||V(x.CHANGE_EVENT,l)};function y(l){V(x.UPDATE_MODEL_EVENT,l),A(l)}return{...w(o.toRefs(e),Object.keys(M.ElTree.props)),...h,nodeKey:N,expandOnClickNode:o.computed(()=>!e.checkStrictly&&e.expandOnClickNode),defaultExpandedKeys:o.computed(()=>e.defaultExpandedKeys?e.defaultExpandedKeys.concat(K):K),renderContent:(l,{node:c,data:t,store:u})=>l(L,{value:i("value",t),label:i("label",t),disabled:i("disabled",t),visible:c.visible},e.renderContent?()=>e.renderContent(l,{node:c,data:t,store:u}):v.default?()=>v.default({node:c,data:t,store:u}):void 0),filterNodeMethod:(l,c,t)=>e.filterNodeMethod?e.filterNodeMethod(l,c,t):l?new RegExp(S.escapeStringRegexp(l),"i").test(i("label",c)||""):!0,onNodeClick:(l,c,t)=>{if(h.onNodeClick?.(l,c,t),!(e.showCheckbox&&e.checkOnClickNode))if(!e.showCheckbox&&(e.checkStrictly||c.isLeaf)){if(!i("disabled",l)){const u=C.value?.states.options.get(i("value",l));C.value?.handleOptionSelect(u)}}else e.expandOnClickNode&&t.proxy.handleExpandIconClick()},onCheck:(l,c)=>{if(!e.showCheckbox)return;const t=i("value",l),u={};n.treeEach([a.value.store.root],d=>u[d.key]=d,d=>d.childNodes);const r=c.checkedKeys,k=e.multiple?n.toValidArray(e.modelValue).filter(d=>!(d in u)&&!r.includes(d)):[],f=k.concat(r);if(e.checkStrictly)y(e.multiple?f:f.includes(t)?t:void 0);else if(e.multiple){const d=b();y(k.concat(d))}else{const d=n.treeFind([l],s=>!n.isValidArray(i("children",s))&&!i("disabled",s),s=>i("children",s)),m=d?i("value",d):void 0,O=n.isValidValue(e.modelValue)&&!!n.treeFind([l],s=>i("value",s)===e.modelValue,s=>i("children",s));y(m===e.modelValue||O?void 0:m)}o.nextTick(()=>{const d=n.toValidArray(e.modelValue);a.value.setCheckedKeys(d),h.onCheck?.(l,{checkedKeys:a.value.getCheckedKeys(),checkedNodes:a.value.getCheckedNodes(),halfCheckedKeys:a.value.getHalfCheckedKeys(),halfCheckedNodes:a.value.getHalfCheckedNodes()})}),C.value?.focus()},onNodeExpand:(l,c,t)=>{h.onNodeExpand?.(l,c,t),o.nextTick(()=>{if(!e.checkStrictly&&e.lazy&&e.multiple&&c.checked){const u={},r=a.value.getCheckedKeys();n.treeEach([a.value.store.root],d=>u[d.key]=d,d=>d.childNodes);const k=n.toValidArray(e.modelValue).filter(d=>!(d in u)&&!r.includes(d)),f=b();y(k.concat(f))}})},cacheOptions:q}};exports.useTree=P;

package/dist/chunks/chunk-2449.js

@@ -0,0 +1,120 @@
+import { UPDATE_MODEL_EVENT as A, CHANGE_EVENT as D } from "./chunk-1699.js";
+import { isEmpty as H } from "./chunk-1703.js";
+import { escapeStringRegexp as P } from "./chunk-2306.js";
+import { ElTree as R } from "./chunk-2095.js";
+import _ from "./chunk-2609.js";
+import { toValidArray as h, treeFind as C, isValidValue as O, treeEach as v, isValidArray as z } from "./chunk-2610.js";
+import { watch as F, nextTick as K, computed as m, toRefs as I } from "vue";
+import L from "./chunk-1744.js";
+import j from "./chunk-1746.js";
+import q from "./chunk-1819.js";
+import { isFunction as B } from "./chunk-1721.js";
+const le = (e, { attrs: s, slots: N, emit: b }, { select: y, tree: n, key: x }) => {
+  F([() => e.modelValue, n], () => {
+    e.showCheckbox && K(() => {
+      const l = n.value;
+      l && !L(l.getCheckedKeys(), h(e.modelValue)) && l.setCheckedKeys(h(e.modelValue));
+    });
+  }, {
+    immediate: !0,
+    deep: !0
+  });
+  const M = m(() => ({
+    value: x.value,
+    label: "label",
+    children: "children",
+    disabled: "disabled",
+    isLeaf: "isLeaf",
+    ...e.props
+  })), i = (l, c) => {
+    const d = M.value[l];
+    return B(d) ? d(c, n.value?.getNode(i("value", c))) : c[d];
+  }, E = h(e.modelValue).map((l) => C(e.data || [], (c) => i("value", c) === l, (c) => i("children", c), (c, d, a, u) => u && i("value", u))).filter((l) => O(l)), w = m(() => {
+    if (!e.renderAfterExpand && !e.lazy) return [];
+    const l = [];
+    return v(e.data.concat(e.cacheData), (c) => {
+      const d = i("value", c);
+      l.push({
+        value: d,
+        currentLabel: i("label", c),
+        isDisabled: i("disabled", c)
+      });
+    }, (c) => i("children", c)), l;
+  }), V = () => n.value?.getCheckedKeys().filter((l) => {
+    const c = n.value?.getNode(l);
+    return !q(c) && H(c.childNodes);
+  }), S = (l) => {
+    L(e.modelValue, l) || b(D, l);
+  };
+  function r(l) {
+    b(A, l), S(l);
+  }
+  return {
+    ...j(I(e), Object.keys(R.props)),
+    ...s,
+    nodeKey: x,
+    expandOnClickNode: m(() => !e.checkStrictly && e.expandOnClickNode),
+    defaultExpandedKeys: m(() => e.defaultExpandedKeys ? e.defaultExpandedKeys.concat(E) : E),
+    renderContent: (l, { node: c, data: d, store: a }) => l(_, {
+      value: i("value", d),
+      label: i("label", d),
+      disabled: i("disabled", d),
+      visible: c.visible
+    }, e.renderContent ? () => e.renderContent(l, {
+      node: c,
+      data: d,
+      store: a
+    }) : N.default ? () => N.default({
+      node: c,
+      data: d,
+      store: a
+    }) : void 0),
+    filterNodeMethod: (l, c, d) => e.filterNodeMethod ? e.filterNodeMethod(l, c, d) : l ? new RegExp(P(l), "i").test(i("label", c) || "") : !0,
+    onNodeClick: (l, c, d) => {
+      if (s.onNodeClick?.(l, c, d), !(e.showCheckbox && e.checkOnClickNode))
+        if (!e.showCheckbox && (e.checkStrictly || c.isLeaf)) {
+          if (!i("disabled", l)) {
+            const a = y.value?.states.options.get(i("value", l));
+            y.value?.handleOptionSelect(a);
+          }
+        } else e.expandOnClickNode && d.proxy.handleExpandIconClick();
+    },
+    onCheck: (l, c) => {
+      if (!e.showCheckbox) return;
+      const d = i("value", l), a = {};
+      v([n.value.store.root], (t) => a[t.key] = t, (t) => t.childNodes);
+      const u = c.checkedKeys, f = e.multiple ? h(e.modelValue).filter((t) => !(t in a) && !u.includes(t)) : [], k = f.concat(u);
+      if (e.checkStrictly) r(e.multiple ? k : k.includes(d) ? d : void 0);
+      else if (e.multiple) {
+        const t = V();
+        r(f.concat(t));
+      } else {
+        const t = C([l], (o) => !z(i("children", o)) && !i("disabled", o), (o) => i("children", o)), g = t ? i("value", t) : void 0, T = O(e.modelValue) && !!C([l], (o) => i("value", o) === e.modelValue, (o) => i("children", o));
+        r(g === e.modelValue || T ? void 0 : g);
+      }
+      K(() => {
+        const t = h(e.modelValue);
+        n.value.setCheckedKeys(t), s.onCheck?.(l, {
+          checkedKeys: n.value.getCheckedKeys(),
+          checkedNodes: n.value.getCheckedNodes(),
+          halfCheckedKeys: n.value.getHalfCheckedKeys(),
+          halfCheckedNodes: n.value.getHalfCheckedNodes()
+        });
+      }), y.value?.focus();
+    },
+    onNodeExpand: (l, c, d) => {
+      s.onNodeExpand?.(l, c, d), K(() => {
+        if (!e.checkStrictly && e.lazy && e.multiple && c.checked) {
+          const a = {}, u = n.value.getCheckedKeys();
+          v([n.value.store.root], (t) => a[t.key] = t, (t) => t.childNodes);
+          const f = h(e.modelValue).filter((t) => !(t in a) && !u.includes(t)), k = V();
+          r(f.concat(k));
+        }
+      });
+    },
+    cacheOptions: w
+  };
+};
+export {
+  le as useTree
+};

package/dist/chunks/chunk-2450.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./chunk-1845.cjs"),s=require("vue"),o=require("./chunk-1722.cjs");var r=s.defineComponent({props:{data:{type:Array,default:()=>[]}},setup(a){const e=s.inject(n.selectKey);return s.watch(()=>a.data,()=>{a.data.forEach(t=>{e.states.cachedOptions.has(t.value)||e.states.cachedOptions.set(t.value,t)});const c=e.selectRef?.querySelectorAll("input")||[];o.isClient&&!Array.from(c).includes(document.activeElement)&&e.setSelected()},{flush:"post",immediate:!0}),()=>{}}});module.exports=r;

package/dist/chunks/chunk-2450.js

@@ -0,0 +1,26 @@
+import { selectKey as o } from "./chunk-1845.js";
+import { defineComponent as c, inject as r, watch as i } from "vue";
+import { isClient as l } from "./chunk-1722.js";
+var f = c({
+  props: { data: {
+    type: Array,
+    default: () => []
+  } },
+  setup(a) {
+    const e = r(o);
+    return i(() => a.data, () => {
+      a.data.forEach((t) => {
+        e.states.cachedOptions.has(t.value) || e.states.cachedOptions.set(t.value, t);
+      });
+      const s = e.selectRef?.querySelectorAll("input") || [];
+      l && !Array.from(s).includes(document.activeElement) && e.setSelected();
+    }, {
+      flush: "post",
+      immediate: !0
+    }), () => {
+    };
+  }
+});
+export {
+  f as default
+};

package/dist/chunks/chunk-2451.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./chunk-1703.cjs"),t=require("./chunk-1704.cjs"),O=require("./chunk-1752.cjs"),r=require("./chunk-1785.cjs"),C=Symbol(),l={key:-1,level:-1,data:{}},c={type:Number,default:26},P=t.buildProps({data:{type:t.definePropType(Array),default:()=>r.mutable([])},emptyText:{type:String},height:{type:Number,default:200},props:{type:t.definePropType(Object),default:()=>r.mutable({children:"children",label:"label",disabled:"disabled",value:"id",class:""})},highlightCurrent:Boolean,showCheckbox:Boolean,defaultCheckedKeys:{type:t.definePropType(Array),default:()=>r.mutable([])},checkStrictly:Boolean,defaultExpandedKeys:{type:t.definePropType(Array),default:()=>r.mutable([])},indent:{type:Number,default:16},itemSize:c,icon:{type:O.iconPropType},expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:Boolean,checkOnClickLeaf:{type:Boolean,default:!0},currentNodeKey:{type:t.definePropType([String,Number])},accordion:Boolean,filterMethod:{type:t.definePropType(Function)},perfMode:{type:Boolean,default:!0},scrollbarAlwaysOn:Boolean}),b=t.buildProps({node:{type:t.definePropType(Object),default:()=>r.mutable(l)},expanded:Boolean,checked:Boolean,indeterminate:Boolean,showCheckbox:Boolean,disabled:Boolean,current:Boolean,hiddenExpandIcon:Boolean,itemSize:c}),_=t.buildProps({node:{type:t.definePropType(Object),required:!0}}),a="node-click",p="node-drop",i="node-expand",s="node-collapse",E="current-change",u="check",N="check-change",y="node-contextmenu",f={[a]:(e,o,n)=>e&&o&&n,[p]:(e,o,n)=>e&&o&&n,[i]:(e,o)=>e&&o,[s]:(e,o)=>e&&o,[E]:(e,o)=>e&&o,[u]:(e,o)=>e&&o,[N]:(e,o)=>e&&d.isBoolean(o),[y]:(e,o,n)=>e&&o&&n},T={click:(e,o)=>!!(e&&o),drop:(e,o)=>!!(e&&o),toggle:e=>!!e,check:(e,o)=>e&&d.isBoolean(o)};exports.CURRENT_CHANGE=E;exports.EMPTY_NODE=l;exports.NODE_CHECK=u;exports.NODE_CHECK_CHANGE=N;exports.NODE_CLICK=a;exports.NODE_COLLAPSE=s;exports.NODE_CONTEXTMENU=y;exports.NODE_DROP=p;exports.NODE_EXPAND=i;exports.ROOT_TREE_INJECTION_KEY=C;exports.treeEmits=f;exports.treeNodeContentProps=_;exports.treeNodeEmits=T;exports.treeNodeProps=b;exports.treeProps=P;

package/dist/chunks/chunk-2451.js

@@ -0,0 +1,116 @@
+import { isBoolean as a } from "./chunk-1703.js";
+import { buildProps as l, definePropType as t } from "./chunk-1704.js";
+import { iconPropType as r } from "./chunk-1752.js";
+import { mutable as c } from "./chunk-1785.js";
+const B = Symbol(), p = {
+  key: -1,
+  level: -1,
+  data: {}
+}, d = {
+  type: Number,
+  default: 26
+}, k = l({
+  data: {
+    type: t(Array),
+    default: () => c([])
+  },
+  emptyText: { type: String },
+  height: {
+    type: Number,
+    default: 200
+  },
+  props: {
+    type: t(Object),
+    default: () => c({
+      children: "children",
+      label: "label",
+      disabled: "disabled",
+      value: "id",
+      class: ""
+    })
+  },
+  highlightCurrent: Boolean,
+  showCheckbox: Boolean,
+  defaultCheckedKeys: {
+    type: t(Array),
+    default: () => c([])
+  },
+  checkStrictly: Boolean,
+  defaultExpandedKeys: {
+    type: t(Array),
+    default: () => c([])
+  },
+  indent: {
+    type: Number,
+    default: 16
+  },
+  itemSize: d,
+  icon: { type: r },
+  expandOnClickNode: {
+    type: Boolean,
+    default: !0
+  },
+  checkOnClickNode: Boolean,
+  checkOnClickLeaf: {
+    type: Boolean,
+    default: !0
+  },
+  currentNodeKey: { type: t([String, Number]) },
+  accordion: Boolean,
+  filterMethod: { type: t(Function) },
+  perfMode: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description always show scrollbar
+  */
+  scrollbarAlwaysOn: Boolean
+}), _ = l({
+  node: {
+    type: t(Object),
+    default: () => c(p)
+  },
+  expanded: Boolean,
+  checked: Boolean,
+  indeterminate: Boolean,
+  showCheckbox: Boolean,
+  disabled: Boolean,
+  current: Boolean,
+  hiddenExpandIcon: Boolean,
+  itemSize: d
+}), x = l({ node: {
+  type: t(Object),
+  required: !0
+} }), i = "node-click", s = "node-drop", u = "node-expand", y = "node-collapse", E = "current-change", N = "check", h = "check-change", f = "node-contextmenu", D = {
+  [i]: (e, o, n) => e && o && n,
+  [s]: (e, o, n) => e && o && n,
+  [u]: (e, o) => e && o,
+  [y]: (e, o) => e && o,
+  [E]: (e, o) => e && o,
+  [N]: (e, o) => e && o,
+  [h]: (e, o) => e && a(o),
+  [f]: (e, o, n) => e && o && n
+}, P = {
+  click: (e, o) => !!(e && o),
+  drop: (e, o) => !!(e && o),
+  toggle: (e) => !!e,
+  check: (e, o) => e && a(o)
+};
+export {
+  E as CURRENT_CHANGE,
+  p as EMPTY_NODE,
+  N as NODE_CHECK,
+  h as NODE_CHECK_CHANGE,
+  i as NODE_CLICK,
+  y as NODE_COLLAPSE,
+  f as NODE_CONTEXTMENU,
+  s as NODE_DROP,
+  u as NODE_EXPAND,
+  B as ROOT_TREE_INJECTION_KEY,
+  D as treeEmits,
+  x as treeNodeContentProps,
+  P as treeNodeEmits,
+  _ as treeNodeProps,
+  k as treeProps
+};

package/dist/chunks/chunk-2452.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("./chunk-1721.cjs"),k=require("./chunk-2451.cjs"),se=require("./chunk-2602.cjs"),ie=require("./chunk-2603.cjs"),o=require("vue");function fe(c,h){const s=o.ref(new Set),i=o.ref(),r=o.shallowRef(),g=o.ref(),{isIndeterminate:_,isChecked:m,toggleCheckbox:p,getCheckedKeys:q,getCheckedNodes:R,getHalfCheckedKeys:F,getHalfCheckedNodes:H,setChecked:I,setCheckedKeys:P}=se.useCheck(c,r),{doFilter:A,hiddenNodeKeySet:j,isForceHiddenExpandIcon:B}=ie.useFilter(c,r),G=o.computed(()=>c.props?.value||"id"),U=o.computed(()=>c.props?.children||"children"),X=o.computed(()=>c.props?.disabled||"disabled"),z=o.computed(()=>c.props?.label||"label"),K=o.computed(()=>{const e=s.value,t=j.value,a=[],d=r.value?.treeNodes||[],n=[];for(let u=d.length-1;u>=0;--u)n.push(d[u]);for(;n.length;){const u=n.pop();if(!t.has(u.key)&&(a.push(u),u.children&&e.has(u.key)))for(let v=u.children.length-1;v>=0;--v)n.push(u.children[v])}return a}),J=o.computed(()=>K.value.length>0);function Q(e){const t=new Map,a=new Map;let d=1;function n(v,f=1,re=void 0){const S=[];for(const y of v){const E=x(y),l={level:f,key:E,data:y};l.label=Y(y),l.parent=re;const N=w(y);l.disabled=W(y),l.isLeaf=!N||N.length===0,l.expanded=s.value.has(E),N&&N.length&&(l.children=n(N,f+1,l)),S.push(l),t.set(E,l),a.has(f)||a.set(f,[]),a.get(f)?.push(l)}return f>d&&(d=f),S}const u=n(e);return{treeNodeMap:t,levelTreeNodeMap:a,maxLevel:d,treeNodes:u}}function V(e){const t=A(e);t&&(s.value=t)}function w(e){return e[U.value]}function x(e){return e?e[G.value]:""}function W(e){return e[X.value]}function Y(e){return e[z.value]}function O(e){s.value.has(e.key)?D(e):T(e)}function b(e){const t=new Set,a=r.value.treeNodeMap;s.value.forEach(d=>{const n=a.get(d);n&&(n.expanded=!1)}),e.forEach(d=>{let n=a.get(d);for(;n&&!t.has(n.key);)t.add(n.key),n.expanded=!0,n=n.parent}),s.value=t}function Z(e,t){ee(e),h(k.NODE_CLICK,e.data,e,t),c.expandOnClickNode&&O(e),c.showCheckbox&&(c.checkOnClickNode||e.isLeaf&&c.checkOnClickLeaf)&&!e.disabled&&p(e,!m(e),!0)}function $(e,t){h(k.NODE_DROP,e.data,e,t)}function ee(e){M(e)||(i.value=e.key,h(k.CURRENT_CHANGE,e.data,e))}function te(e,t){p(e,t)}function T(e){const t=s.value;if(r.value&&c.accordion){const{treeNodeMap:d}=r.value;t.forEach(n=>{const u=d.get(n);e&&e.level===u?.level&&(t.delete(n),u.expanded=!1)})}t.add(e.key);const a=C(e.key);a&&(a.expanded=!0,h(k.NODE_EXPAND,a.data,a))}function D(e){s.value.delete(e.key);const t=C(e.key);t&&(t.expanded=!1,h(k.NODE_COLLAPSE,t.data,t))}function ne(e){return!!e.disabled}function M(e){const t=i.value;return t!==void 0&&t===e.key}function ae(){if(i.value!==void 0)return r.value?.treeNodeMap.get(i.value)?.data}function ce(){return i.value}function ue(e){i.value=e}function L(e){r.value=Q(e)}function C(e){const t=le.isObject(e)?x(e):e;return r.value?.treeNodeMap.get(t)}function oe(e,t="auto"){const a=C(e);a&&g.value&&g.value.scrollToItem(K.value.indexOf(a),t)}function de(e){g.value?.scrollTo(e)}return o.watch(()=>c.currentNodeKey,e=>{i.value=e},{immediate:!0}),o.watch(()=>c.defaultExpandedKeys,e=>{b(e||[])}),o.watch(()=>c.data,e=>{L(e),b(c.defaultExpandedKeys||[])},{immediate:!0}),{tree:r,flattenTree:K,isNotEmpty:J,listRef:g,getKey:x,getChildren:w,toggleExpand:O,toggleCheckbox:p,isChecked:m,isIndeterminate:_,isDisabled:ne,isCurrent:M,isForceHiddenExpandIcon:B,handleNodeClick:Z,handleNodeDrop:$,handleNodeCheck:te,getCurrentNode:ae,getCurrentKey:ce,setCurrentKey:ue,getCheckedKeys:q,getCheckedNodes:R,getHalfCheckedKeys:F,getHalfCheckedNodes:H,setChecked:I,setCheckedKeys:P,filter:V,setData:L,getNode:C,expandNode:T,collapseNode:D,setExpandedKeys:b,scrollToNode:oe,scrollTo:de}}exports.useTree=fe;