doph-js 0.0.57 → 0.0.59

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as de, computed as p, h as pe, openBlock as h, createBlock as w, unref as E, createElementBlock as D, Fragment as J, normalizeClass as B, renderSlot as $, createCommentVNode as N, resolveDynamicComponent as R, createElementVNode as M, toDisplayString as le, withDirectives as se, normalizeStyle as O, vModelText as Ee, Transition as Le, withCtx as P, ref as V, withModifiers as C, resolveComponent as ze, createTextVNode as Ne, createVNode as ue, renderList as ce, reactive as re, getCurrentInstance as ke, watch as K, onUnmounted as ee, mergeProps as Y, defineComponent as Te, shallowRef as A, setBlockTracking as he, vShow as ge, onMounted as Be, watchEffect as Pe } from "vue";
+import { useSlots as de, computed as p, h as pe, openBlock as h, createBlock as w, unref as E, createElementBlock as D, Fragment as J, normalizeClass as k, renderSlot as _, createCommentVNode as N, resolveDynamicComponent as R, createElementVNode as P, toDisplayString as le, withDirectives as se, normalizeStyle as C, vModelText as Ee, Transition as ze, withCtx as H, ref as V, withModifiers as W, resolveComponent as Le, createTextVNode as Ne, createVNode as ue, renderList as ce, reactive as ae, getCurrentInstance as Be, watch as K, onUnmounted as ee, mergeProps as Y, defineComponent as Te, shallowRef as A, setBlockTracking as he, vShow as ge, onMounted as ke, watchEffect as He } from "vue";
 const Z = {
   __name: "DIcon",
   props: {
@@ -18,7 +18,7 @@ const Z = {
       const s = n.size ?? null;
       if (s !== void 0)
         return typeof s == "number" || /^\d+$/.test(s) ? `${s}px` : s;
-    }), a = p(() => pe(
+    }), r = p(() => pe(
       "i",
       {
         class: i.value,
@@ -29,7 +29,7 @@ const Z = {
       },
       n.component ? pe(n.component) : e
     ));
-    return (s, r) => (h(), w(E(a)));
+    return (s, a) => (h(), w(E(r)));
   }
 }, F = {
   state: {},
@@ -50,7 +50,7 @@ const Z = {
         t.hasOwnProperty(n) && (F.state[n] = t[n]);
     }
   }
-}, He = { key: 1 }, tn = {
+}, Me = { key: 1 }, tn = {
   __name: "DButton",
   props: {
     class: String,
@@ -58,29 +58,29 @@ const Z = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const e = t, i = de(), o = p(() => e.icon ? F.getters.getIcon(e.icon) : null), l = (a) => {
-      n("click", a);
+    const e = t, i = de(), o = p(() => e.icon ? F.getters.getIcon(e.icon) : null), l = (r) => {
+      n("click", r);
     };
-    return (a, s) => (h(), D(J, null, [
+    return (r, s) => (h(), D(J, null, [
       o.value ? N("", !0) : (h(), D("div", {
         key: 0,
         onClick: l,
-        class: B(["button", e.class])
+        class: k(["button", e.class])
       }, [
-        $(a.$slots, "default")
+        _(r.$slots, "default")
       ], 2)),
       o.value ? (h(), D("div", {
         key: 1,
         onClick: l,
-        class: B(["button button-ext", e.class])
+        class: k(["button button-ext", e.class])
       }, [
         e.icon ? (h(), w(R(Z), {
           key: 0,
           component: o.value,
           color: "inherit"
         }, null, 8, ["component"])) : N("", !0),
-        E(i).default ? (h(), D("div", He, [
-          $(a.$slots, "default")
+        E(i).default ? (h(), D("div", Me, [
+          _(r.$slots, "default")
         ])) : N("", !0)
       ], 2)) : N("", !0)
     ], 64));
@@ -91,7 +91,7 @@ const fe = (t, n) => {
   for (const [i, o] of n)
     e[i] = o;
   return e;
-}, Me = { class: "d-input" }, Oe = { class: "label" }, We = ["placeholder"], Ce = {
+}, Ce = { class: "d-input" }, Pe = { class: "label" }, Oe = ["placeholder"], We = {
   __name: "DInput",
   props: {
     label: String,
@@ -109,20 +109,20 @@ const fe = (t, n) => {
         n("update:modelValue", l);
       }
     });
-    return (l, a) => (h(), D("div", Me, [
-      M("div", Oe, le(e.label), 1),
-      se(M("input", {
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s),
+    return (l, r) => (h(), D("div", Ce, [
+      P("div", Pe, le(e.label), 1),
+      se(P("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
         type: "text",
-        class: B(i.value),
+        class: k(i.value),
         placeholder: e.placeholder,
-        style: O(e.size === "wide" ? "width:100%" : "")
-      }, null, 14, We), [
+        style: C(e.size === "wide" ? "width:100%" : "")
+      }, null, 14, Oe), [
         [Ee, o.value]
       ])
     ]));
   }
-}, nn = /* @__PURE__ */ fe(Ce, [["__scopeId", "data-v-11679fd8"]]), Ae = {
+}, nn = /* @__PURE__ */ fe(We, [["__scopeId", "data-v-11679fd8"]]), Ae = {
   __name: "DBadge",
   props: {
     class: String
@@ -130,12 +130,12 @@ const fe = (t, n) => {
   setup(t) {
     const n = t;
     return (e, i) => (h(), D("div", {
-      class: B(["badge", n.class])
+      class: k(["badge", n.class])
     }, [
-      $(e.$slots, "default")
+      _(e.$slots, "default")
     ], 2));
   }
-}, W = "0px", Fe = {
+}, O = "0px", Fe = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -160,41 +160,41 @@ const fe = (t, n) => {
     }
   },
   setup(t) {
-    const n = t, e = (r) => ({
-      height: r.style.height,
-      width: r.style.width,
-      position: r.style.position,
-      visibility: r.style.visibility,
-      overflow: r.style.overflow,
-      paddingTop: r.style.paddingTop,
-      paddingBottom: r.style.paddingBottom,
-      borderTopWidth: r.style.borderTopWidth,
-      borderBottomWidth: r.style.borderBottomWidth,
-      marginTop: r.style.marginTop,
-      marginBottom: r.style.marginBottom
-    }), i = (r, d) => {
-      const { width: u } = getComputedStyle(r);
-      r.style.width = u, r.style.position = "absolute", r.style.visibility = "hidden", r.style.height = "";
-      let { height: m } = getComputedStyle(r);
-      return r.style.width = d.width, r.style.position = d.position, r.style.visibility = d.visibility, r.style.height = W, r.style.overflow = "hidden", d.height && d.height !== W ? d.height : m;
-    }, o = (r, d, u, m, y) => {
-      const I = r.animate(m, y);
-      r.style.height = d.height, I.onfinish = () => {
-        r.style.overflow = d.overflow, u();
+    const n = t, e = (a) => ({
+      height: a.style.height,
+      width: a.style.width,
+      position: a.style.position,
+      visibility: a.style.visibility,
+      overflow: a.style.overflow,
+      paddingTop: a.style.paddingTop,
+      paddingBottom: a.style.paddingBottom,
+      borderTopWidth: a.style.borderTopWidth,
+      borderBottomWidth: a.style.borderBottomWidth,
+      marginTop: a.style.marginTop,
+      marginBottom: a.style.marginBottom
+    }), i = (a, d) => {
+      const { width: u } = getComputedStyle(a);
+      a.style.width = u, a.style.position = "absolute", a.style.visibility = "hidden", a.style.height = "";
+      let { height: m } = getComputedStyle(a);
+      return a.style.width = d.width, a.style.position = d.position, a.style.visibility = d.visibility, a.style.height = O, a.style.overflow = "hidden", d.height && d.height !== O ? d.height : m;
+    }, o = (a, d, u, m, y) => {
+      const I = a.animate(m, y);
+      a.style.height = d.height, I.onfinish = () => {
+        a.style.overflow = d.overflow, u();
       };
-    }, l = (r, d) => [
+    }, l = (a, d) => [
       {
-        height: W,
+        height: O,
         opacity: n.opacityClosed,
-        paddingTop: W,
-        paddingBottom: W,
-        borderTopWidth: W,
-        borderBottomWidth: W,
-        marginTop: W,
-        marginBottom: W
+        paddingTop: O,
+        paddingBottom: O,
+        borderTopWidth: O,
+        borderBottomWidth: O,
+        marginTop: O,
+        marginBottom: O
       },
       {
-        height: r,
+        height: a,
         opacity: n.opacityOpened,
         paddingTop: d.paddingTop,
         paddingBottom: d.paddingBottom,
@@ -203,29 +203,29 @@ const fe = (t, n) => {
         marginTop: d.marginTop,
         marginBottom: d.marginBottom
       }
-    ], a = (r, d) => {
-      const u = r, m = e(u), y = i(u, m), I = l(y, m), k = { duration: n.duration, easing: n.easingEnter };
-      o(u, m, d, I, k);
-    }, s = (r, d) => {
-      const u = r, m = e(u), { height: y } = getComputedStyle(u);
+    ], r = (a, d) => {
+      const u = a, m = e(u), y = i(u, m), I = l(y, m), B = { duration: n.duration, easing: n.easingEnter };
+      o(u, m, d, I, B);
+    }, s = (a, d) => {
+      const u = a, m = e(u), { height: y } = getComputedStyle(u);
       u.style.height = y, u.style.overflow = "hidden";
-      const I = l(y, m).reverse(), k = { duration: n.duration, easing: n.easingLeave };
-      o(u, m, d, I, k);
+      const I = l(y, m).reverse(), B = { duration: n.duration, easing: n.easingLeave };
+      o(u, m, d, I, B);
     };
-    return (r, d) => (h(), w(Le, {
+    return (a, d) => (h(), w(ze, {
       css: !1,
-      onEnter: a,
+      onEnter: r,
       onLeave: s
     }, {
-      default: P(() => [
-        $(r.$slots, "default")
+      default: H(() => [
+        _(a.$slots, "default")
       ]),
       _: 3
     }));
   }
 }, te = {
   data: void 0
-}, me = (t) => t.reduce((n, e) => (n[e] = e) && n, {}), z = me([
+}, me = (t) => t.reduce((n, e) => (n[e] = e) && n, {}), L = me([
   "drag",
   "dragend",
   "dragenter",
@@ -257,32 +257,32 @@ const fe = (t, n) => {
     tag: { type: String, default: "div" }
   },
   setup(t) {
-    const n = t, e = de(), i = V(!1), o = p(() => i && n.transferData), l = p(() => ({ position: "fixed", top: "-1000px" })), a = (s, r) => {
-      const d = r.dataTransfer;
-      if ([z.dragenter, z.dragover].includes(s) && n.dropEffect && (d.dropEffect = n.dropEffect), s === z.dragstart) {
+    const n = t, e = de(), i = V(!1), o = p(() => i && n.transferData), l = p(() => ({ position: "fixed", top: "-1000px" })), r = (s, a) => {
+      const d = a.dataTransfer;
+      if ([L.dragenter, L.dragover].includes(s) && n.dropEffect && (d.dropEffect = n.dropEffect), s === L.dragstart) {
         if (n.effectAllowed && (d.effectAllowed = n.effectAllowed), n.image || e.image) {
           let u;
           n.image ? (u = new Image(), u.src = n.image) : e.image && (u = e.image[0].elm), d.setDragImage && d.setDragImage(u, n.imageXOffset, n.imageYOffset);
         }
-        n.transferData !== void 0 && (te.data = n.transferData, r.dataTransfer.setData("text", "")), i.value = !0;
+        n.transferData !== void 0 && (te.data = n.transferData, a.dataTransfer.setData("text", "")), i.value = !0;
       }
     };
-    return (s, r) => (h(), w(R(t.tag), {
+    return (s, a) => (h(), w(R(t.tag), {
       draggable: n.draggable,
-      onDrag: r[0] || (r[0] = (d) => a(E(z).drag, d)),
-      onDragstart: r[1] || (r[1] = C((d) => a(E(z).dragstart, d), ["stop"])),
-      onDragenter: r[2] || (r[2] = (d) => a(E(z).dragenter, d)),
-      onDragleave: r[3] || (r[3] = (d) => a(E(z).dragleave, d)),
-      onDragend: r[4] || (r[4] = (d) => a(E(z).dragend, d))
+      onDrag: a[0] || (a[0] = (d) => r(E(L).drag, d)),
+      onDragstart: a[1] || (a[1] = W((d) => r(E(L).dragstart, d), ["stop"])),
+      onDragenter: a[2] || (a[2] = (d) => r(E(L).dragenter, d)),
+      onDragleave: a[3] || (a[3] = (d) => r(E(L).dragleave, d)),
+      onDragend: a[4] || (a[4] = (d) => r(E(L).dragend, d))
     }, {
-      default: P(() => [
-        $(s.$slots, "default", { transferData: o.value }),
+      default: H(() => [
+        _(s.$slots, "default", { transferData: o.value }),
         t.hideImageHtml ? (h(), D("div", {
           key: 0,
-          style: O(l.value)
+          style: C(l.value)
         }, [
-          $(s.$slots, "image", { transferData: o.value })
-        ], 4)) : $(s.$slots, "image", {
+          _(s.$slots, "image", { transferData: o.value })
+        ], 4)) : _(s.$slots, "image", {
           key: 1,
           transferData: o.value
         })
@@ -304,63 +304,63 @@ const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direc
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick"],
   setup(t, { emit: n }) {
-    const e = t, i = V(null), o = V(!1), l = V(!1), a = V(!1), s = p(() => e.model.children && e.model.children.length), r = p(() => (f.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), d = (S) => {
-      n("nodeclick", { event: S, model: e.model });
-    }, u = (S) => {
-      n("nodeclick", S);
-    }, m = p(() => (f.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "") + (o.value ? "node-over " : "") + (l.value ? "node-top " : "") + (a.value ? "node-bottom " : "")), y = p(() => e.search ? !1 : e.model.draggable === !0), I = (S) => {
+    const e = t, i = V(null), o = V(!1), l = V(!1), r = V(!1), s = p(() => e.model.children && e.model.children.length), a = p(() => (f.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), d = (x) => {
+      n("nodeclick", { event: x, model: e.model });
+    }, u = (x) => {
+      n("nodeclick", x);
+    }, m = p(() => (f.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "") + (o.value ? "node-over " : "") + (l.value ? "node-top " : "") + (r.value ? "node-bottom " : "")), y = p(() => e.search ? !1 : e.model.draggable === !0), I = (x) => {
       let b = te.data;
       if (b.model.id === e.model.id || f.actions.isChildOfParent(e.treeId, e.items, e.model.id, b.model.id) || f.actions.isParentOfChild(e.treeId, e.items, b.model.id, e.model.id))
-        return o.value = !1, l.value = !1, a.value = !1, !1;
+        return o.value = !1, l.value = !1, r.value = !1, !1;
       if (!f.state.trees[e.treeId].transfer && b.id !== e.treeId)
         return !1;
-      let _ = "";
-      l.value ? _ = "before" : a.value ? _ = "after" : _ = "inside", f.actions.moveTreeNode(b.id, e.treeId, e.items, b.model.id, e.model.id, _), o.value = !1, l.value = !1, a.value = !1;
-    }, k = (S) => {
+      let $ = "";
+      l.value ? $ = "before" : r.value ? $ = "after" : $ = "inside", f.actions.moveTreeNode(b.id, e.treeId, e.items, b.model.id, e.model.id, $), o.value = !1, l.value = !1, r.value = !1;
+    }, B = (x) => {
       let b = te.data;
       if (b.model.id === e.model.id || f.actions.isChildOfParent(e.treeId, e.items, e.model.id, b.model.id) || f.actions.isParentOfChild(e.treeId, e.items, b.model.id, e.model.id))
         return !1;
-      const _ = S.y, L = i.value.getBoundingClientRect().top, x = i.value.getBoundingClientRect().height, g = x / 3;
-      _ > L && _ <= L + g ? (o.value = !1, l.value = !0, a.value = !1) : _ < L + x && _ >= L + x - g ? (o.value = !1, l.value = !1, a.value = !0) : (o.value = !0, l.value = !1, a.value = !1);
-    }, H = () => {
-      o.value = !1, l.value = !1, a.value = !1;
+      const $ = x.y, z = i.value.getBoundingClientRect().top, S = i.value.getBoundingClientRect().height, g = S / 3;
+      $ > z && $ <= z + g ? (o.value = !1, l.value = !0, r.value = !1) : $ < z + S && $ >= z + S - g ? (o.value = !1, l.value = !1, r.value = !0) : (o.value = !0, l.value = !1, r.value = !1);
+    }, M = () => {
+      o.value = !1, l.value = !1, r.value = !1;
     };
-    return (S, b) => {
-      const _ = ze("d-tree-item", !0);
+    return (x, b) => {
+      const $ = Le("d-tree-item", !0);
       return h(), w(je, {
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: e.treeId, model: e.model },
         draggable: y.value,
-        onDrop: C(I, ["stop"]),
-        onDragenter: b[0] || (b[0] = C(() => {
+        onDrop: W(I, ["stop"]),
+        onDragenter: b[0] || (b[0] = W(() => {
         }, ["prevent"])),
-        onDragover: C(k, ["prevent", "stop"]),
-        onDragleave: C(H, ["prevent"])
+        onDragover: W(B, ["prevent", "stop"]),
+        onDragleave: W(M, ["prevent"])
       }, {
-        default: P(() => {
-          var L, x;
+        default: H(() => {
+          var z, S;
           return [
-            M("div", {
+            P("div", {
               ref_key: "node",
               ref: i,
-              class: B(m.value),
+              class: k(m.value),
               onClick: d
             }, [
-              M("div", null, [
+              P("div", null, [
                 e.model.icons && e.model.icons.pre && s.value && !e.search ? (h(), w(R(Z), {
                   key: 0,
                   component: E(F).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: e.model.icons.pre.color ? e.model.icons.pre.color : "inherit",
-                  class: B(r.value ? "tree-open-pre" : "")
+                  class: k(a.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "color", "class"])) : N("", !0),
                 e.model.icons && e.model.icons.pre && !s.value && !e.search ? (h(), w(R(Z), {
                   key: 1,
                   component: E(F).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: B(r.value ? "tree-open-pre" : "")
+                  class: k(a.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : N("", !0),
                 e.model.icons && e.model.icons.icon ? (h(), w(R(Z), {
                   key: 2,
@@ -369,16 +369,16 @@ const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direc
                   size: e.model.icons.icon.size ? e.model.icons.icon.size : null,
                   className: e.model.icons.icon.class ? e.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : N("", !0),
-                M("div", Xe, [
-                  M("div", null, le(E(f).actions.renderTitle(e.treeId, e.model.title)), 1)
+                P("div", Xe, [
+                  P("div", null, le(E(f).actions.renderTitle(e.treeId, e.model.title)), 1)
                 ])
               ]),
-              M("div", Ye, [
-                ((L = e.model.badge) == null ? void 0 : L.value) !== void 0 ? (h(), w(R(Ae), {
+              P("div", Ye, [
+                ((z = e.model.badge) == null ? void 0 : z.value) !== void 0 ? (h(), w(R(Ae), {
                   key: 0,
-                  class: B([(x = e.model.badge) == null ? void 0 : x.class, "badge-sm"])
+                  class: k([(S = e.model.badge) == null ? void 0 : S.class, "badge-sm"])
                 }, {
-                  default: P(() => [
+                  default: H(() => [
                     Ne(le(e.model.badge.value), 1)
                   ]),
                   _: 1
@@ -388,14 +388,14 @@ const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direc
                   component: E(F).getters.getIcon(e.model.icons.post.component),
                   size: 20,
                   color: e.model.icons.post.color ? e.model.icons.post.color : "inherit",
-                  class: B(r.value ? "tree-open-post" : "")
+                  class: k(a.value ? "tree-open-post" : "")
                 }, null, 8, ["component", "color", "class"])) : N("", !0)
               ])
             ], 2),
             ue(Fe, null, {
-              default: P(() => [
-                s.value && r.value && !e.search ? (h(), D("ul", Ue, [
-                  (h(!0), D(J, null, ce(t.model.children, (g) => (h(), w(_, {
+              default: H(() => [
+                s.value && a.value && !e.search ? (h(), D("ul", Ue, [
+                  (h(!0), D(J, null, ce(t.model.children, (g) => (h(), w($, {
                     class: "tree-item",
                     key: g.id,
                     model: g,
@@ -463,7 +463,7 @@ function Ke(t) {
   };
 }
 const j = Ke(), f = {
-  state: re({
+  state: ae({
     trees: {}
   }),
   getters: {
@@ -475,7 +475,7 @@ const j = Ke(), f = {
     },
     // data - ноды, dataId - ID ноды родителя data
     getParentId(t, n, e, i = "id", o = "children", l = {}) {
-      return e && t && (t.find((a) => a[i] === e ? (l.found = n, a) : f.getters.getParentId(a[o], a.id, e, i, o, l)), l.found) ? l.found : !1;
+      return e && t && (t.find((r) => r[i] === e ? (l.found = n, r) : f.getters.getParentId(r[o], r.id, e, i, o, l)), l.found) ? l.found : !1;
     }
   },
   mutations: {
@@ -524,8 +524,8 @@ const j = Ke(), f = {
     },
     deepSearchByTitle(t, n, e = "title", i = "children", o = []) {
       if (n && t && (t.find((l) => {
-        const a = new RegExp(n, "gi");
-        l[e].toString().toLowerCase().match(a) !== null && o.push(l), f.actions.deepSearchByTitle(l[i], n, e, i, o);
+        const r = new RegExp(n, "gi");
+        l[e].toString().toLowerCase().match(r) !== null && o.push(l), f.actions.deepSearchByTitle(l[i], n, e, i, o);
       }), o)) {
         for (let l = 0; l < o.length; l++)
           ;
@@ -534,15 +534,15 @@ const j = Ke(), f = {
       return o;
     },
     moveTreeNode(t, n, e, i, o, l) {
-      const a = f.actions.deleteTreeNode(e, i);
-      f.actions.insertTreeNode(e, o, a, l), j.emit(`move-${n}`, { fromTreeId: t, toTreeId: n, moved: a.id, target: o, position: l });
+      const r = f.actions.deleteTreeNode(e, i);
+      f.actions.insertTreeNode(e, o, r, l), j.emit(`move-${n}`, { fromTreeId: t, toTreeId: n, moved: r.id, target: o, position: l });
     },
     insertTreeNode(t, n, e, i) {
       if (t)
         for (let o = 0; o < t.length; o++) {
           if (t[o].id === n) {
-            let a = o;
-            return i === "after" ? (a++, t.splice(a, 0, e)) : i === "before" ? t.splice(a, 0, e) : i === "inside" && (Object.hasOwn(t[o], "children") || (t[o].children = [], t[o].opened = !0), t[o].children.splice(0, 0, e)), t[o];
+            let r = o;
+            return i === "after" ? (r++, t.splice(r, 0, e)) : i === "before" ? t.splice(r, 0, e) : i === "inside" && (Object.hasOwn(t[o], "children") || (t[o].children = [], t[o].opened = !0), t[o].children.splice(0, 0, e)), t[o];
           }
           const l = this.insertTreeNode(t[o].children, n, e, i);
           if (l)
@@ -567,22 +567,22 @@ const j = Ke(), f = {
   props: {
     tag: { type: String, default: "div" }
   },
-  emits: Object.keys(z),
+  emits: Object.keys(L),
   setup(t, { emit: n }) {
-    let e = re({});
-    const i = V("false"), o = V(null), l = /* @__PURE__ */ new Set(), a = p(() => i.value && e), s = (r, d) => {
-      e = te.data, n(r, d, e), r === z.dragenter && (l.size || d.target === o.value) && l.add(d.target), r === z.dragleave && l.delete(d.target), r === z.drop && l.clear(), i.value = !!l.size;
+    let e = ae({});
+    const i = V("false"), o = V(null), l = /* @__PURE__ */ new Set(), r = p(() => i.value && e), s = (a, d) => {
+      e = te.data, n(a, d, e), a === L.dragenter && (l.size || d.target === o.value) && l.add(d.target), a === L.dragleave && l.delete(d.target), a === L.drop && l.clear(), i.value = !!l.size;
     };
-    return (r, d) => (h(), w(R(t.tag), {
+    return (a, d) => (h(), w(R(t.tag), {
       ref_key: "el",
       ref: o,
-      onDragenter: d[0] || (d[0] = (u) => s(E(z).dragenter, u)),
-      onDragleave: d[1] || (d[1] = (u) => s(E(z).dragleave, u)),
-      onDragover: d[2] || (d[2] = C((u) => s(E(z).dragover, u), ["prevent"])),
-      onDrop: d[3] || (d[3] = C((u) => s(E(z).drop, u), ["prevent"]))
+      onDragenter: d[0] || (d[0] = (u) => s(E(L).dragenter, u)),
+      onDragleave: d[1] || (d[1] = (u) => s(E(L).dragleave, u)),
+      onDragover: d[2] || (d[2] = W((u) => s(E(L).dragover, u), ["prevent"])),
+      onDrop: d[3] || (d[3] = W((u) => s(E(L).drop, u), ["prevent"]))
     }, {
-      default: P(() => [
-        $(r.$slots, "default", { transferData: a.value })
+      default: H(() => [
+        _(a.$slots, "default", { transferData: r.value })
       ]),
       _: 3
     }, 544));
@@ -607,10 +607,10 @@ const j = Ke(), f = {
   },
   emits: ["select", "collapse", "expand", "move"],
   setup(t, { emit: n }) {
-    const e = t, i = ke().uid;
+    const e = t, i = Be().uid;
     f.actions.initTreeStore(i, e.noSelect, e.multiSelect, e.expanded, e.transfer, e.renderTitle);
-    const o = (s, r) => {
-      console.log(s, r);
+    const o = (s, a) => {
+      console.log(s, a);
     };
     j.on(`select-${i}`, (s) => {
       n("select", s);
@@ -621,22 +621,22 @@ const j = Ke(), f = {
     }), j.on(`move-${i}`, (s) => {
       n("move", s);
     });
-    const l = p(() => e.search ? f.actions.deepSearchByTitle(e.items, e.search) : e.items), a = (s = null) => {
+    const l = p(() => e.search ? f.actions.deepSearchByTitle(e.items, e.search) : e.items), r = (s = null) => {
       f.mutations.setItemSelect(i, s.model), f.actions.toggleItem(i, e.items, s.model.id);
     };
-    return (s, r) => (h(), w(qe, {
+    return (s, a) => (h(), w(qe, {
       class: "tree",
       tag: "ul",
-      onDrop: C(o, ["stop"])
+      onDrop: W(o, ["stop"])
     }, {
-      default: P(() => [
+      default: H(() => [
         (h(!0), D(J, null, ce(l.value, (d) => (h(), w(Ze, {
           key: d.id,
           model: d,
           treeId: E(i),
           items: e.items,
           search: e.search,
-          onNodeclick: a
+          onNodeclick: r
         }, null, 8, ["model", "treeId", "items", "search"]))), 128))
       ]),
       _: 1
@@ -691,14 +691,14 @@ const Qe = {
   },
   setup(t) {
     const n = t, e = p(() => {
-      const { fixed: i, zIndex: o, minWidth: l, height: a, paddingLeft: s, transitionDuration: r, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
-      return `position:${u};z-index:${o};${m}height:${a}px;padding-left:${s}px;transition-duration:${r}ms;transition-timing-function:${d};`;
+      const { fixed: i, zIndex: o, minWidth: l, height: r, paddingLeft: s, transitionDuration: a, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
+      return `position:${u};z-index:${o};${m}height:${r}px;padding-left:${s}px;transition-duration:${a}ms;transition-timing-function:${d};`;
     });
     return (i, o) => (h(), D("header", {
       class: "d-layout-header",
-      style: O(e.value)
+      style: C(e.value)
     }, [
-      $(i.$slots, "default")
+      _(i.$slots, "default")
     ], 4));
   }
 }, tt = {
@@ -740,14 +740,14 @@ const Qe = {
   },
   setup(t) {
     const n = t, e = p(() => {
-      const { fixed: i, top: o, zIndex: l, minWidth: a, height: s, paddingLeft: r, transitionDuration: d, transitionTimingFunction: u } = n, m = i ? "fixed" : "static", y = n.useMinWidthLayout ? `min-width: ${a}px;` : "";
-      return `position:${m};top:${o}px;z-index:${l};${y}height:${s}px;padding-left:${r}px;transition-duration:${d}ms;transition-timing-function:${u};`;
+      const { fixed: i, top: o, zIndex: l, minWidth: r, height: s, paddingLeft: a, transitionDuration: d, transitionTimingFunction: u } = n, m = i ? "fixed" : "static", y = n.useMinWidthLayout ? `min-width: ${r}px;` : "";
+      return `position:${m};top:${o}px;z-index:${l};${y}height:${s}px;padding-left:${a}px;transition-duration:${d}ms;transition-timing-function:${u};`;
     });
     return (i, o) => (h(), D("div", {
       class: "d-layout-tab",
-      style: O(e.value)
+      style: C(e.value)
     }, [
-      $(i.$slots, "default")
+      _(i.$slots, "default")
     ], 4));
   }
 }, nt = {
@@ -785,14 +785,14 @@ const Qe = {
   },
   setup(t) {
     const n = t, e = p(() => {
-      const { fixed: i, zIndex: o, minWidth: l, height: a, paddingLeft: s, transitionDuration: r, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
-      return `position:${u};z-index:${o};${m}height:${a}px;padding-left:${s}px;transition-duration:${r}ms;transition-timing-function:${d};`;
+      const { fixed: i, zIndex: o, minWidth: l, height: r, paddingLeft: s, transitionDuration: a, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
+      return `position:${u};z-index:${o};${m}height:${r}px;padding-left:${s}px;transition-duration:${a}ms;transition-timing-function:${d};`;
     });
     return (i, o) => (h(), D("footer", {
       class: "d-layout-footer",
-      style: O(e.value)
+      style: C(e.value)
     }, [
-      $(i.$slots, "default")
+      _(i.$slots, "default")
     ], 4));
   }
 }, ot = {
@@ -825,14 +825,14 @@ const Qe = {
   },
   setup(t) {
     const n = t, e = p(() => {
-      const { zIndex: i, width: o, paddingTop: l, transitionDuration: a, transitionTimingFunction: s } = n;
-      return `z-index:${i};width:${o}px;padding-top:${l}px;transition-duration:${a}ms;transition-timing-function:${s};`;
+      const { zIndex: i, width: o, paddingTop: l, transitionDuration: r, transitionTimingFunction: s } = n;
+      return `z-index:${i};width:${o}px;padding-top:${l}px;transition-duration:${r}ms;transition-timing-function:${s};`;
     });
     return (i, o) => (h(), D("aside", {
       class: "d-layout-sidebar",
-      style: O(e.value)
+      style: C(e.value)
     }, [
-      $(i.$slots, "default")
+      _(i.$slots, "default")
     ], 4));
   }
 }, it = {
@@ -862,18 +862,18 @@ const Qe = {
   },
   setup(t) {
     const n = t, e = p(() => {
-      const { paddingTop: i, paddingBottom: o, paddingLeft: l, transitionDuration: a, transitionTimingFunction: s } = n, r = `overflow:${n.overflowHidden ? "hidden" : "visible"};`;
-      return `padding-top:${i}px;padding-bottom:${o}px;padding-left:${l}px;${r}transition-duration:${a}ms;transition-timing-function:${s};`;
+      const { paddingTop: i, paddingBottom: o, paddingLeft: l, transitionDuration: r, transitionTimingFunction: s } = n, a = `overflow:${n.overflowHidden ? "hidden" : "visible"};`;
+      return `padding-top:${i}px;padding-bottom:${o}px;padding-left:${l}px;${a}transition-duration:${r}ms;transition-timing-function:${s};`;
     });
     return (i, o) => (h(), D("main", {
-      style: O(e.value),
+      style: C(e.value),
       class: "d-layout-content"
     }, [
-      $(i.$slots, "default")
+      _(i.$slots, "default")
     ], 4));
   }
 };
-function rt(t) {
+function at(t) {
   const n = V(0), e = p(() => `transform: translateX(${-n.value}px);`);
   let i = !1;
   function o(u) {
@@ -884,25 +884,25 @@ function rt(t) {
     const m = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
     o(m);
   }
-  function a() {
+  function r() {
     l();
   }
   function s() {
     document.addEventListener("scroll", l);
   }
-  function r() {
+  function a() {
     i && document.removeEventListener("scroll", l);
   }
   function d() {
-    a(), s(), i = !0;
+    r(), s(), i = !0;
   }
   return K(t, (u) => {
-    u ? d() : r();
+    u ? d() : a();
   }, { immediate: !0 }), ee(() => {
-    r();
+    a();
   }), e;
 }
-const at = 1001, lt = 999, st = 998, rn = {
+const rt = 1001, lt = 999, st = 998, an = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -993,7 +993,7 @@ const at = 1001, lt = 999, st = 998, rn = {
   },
   emits: ["update:sidebar-collapse"],
   setup(t, { emit: n }) {
-    const e = t, i = p(() => e.useMinWidthLayout ? `min-width:${e.minWidth}px;` : ""), o = p(() => e.useMinWidthLayout && (e.fixedHeaderAndTab || e.fixedFooter)), l = rt(o), a = p(() => e.fixedHeaderAndTab ? l.value : ""), s = p(() => e.fixedFooter ? l.value : ""), r = p(() => {
+    const e = t, i = p(() => e.useMinWidthLayout ? `min-width:${e.minWidth}px;` : ""), o = p(() => e.useMinWidthLayout && (e.fixedHeaderAndTab || e.fixedFooter)), l = at(o), r = p(() => e.fixedHeaderAndTab ? l.value : ""), s = p(() => e.fixedFooter ? l.value : ""), a = p(() => {
       const { transitionDuration: g, transitionTimingFunction: c } = e;
       return {
         transitionDuration: g,
@@ -1010,93 +1010,93 @@ const at = 1001, lt = 999, st = 998, rn = {
     function y() {
       m.value = !0;
     }
-    const I = p(() => e.isMobile && !m.value), k = p(() => {
+    const I = p(() => e.isMobile && !m.value), B = p(() => {
       const { transitionDuration: g, transitionTimingFunction: c } = e;
       return `background-color:${e.maskBg};transition-duration:${g}ms;transition-timing-function:${c};`;
-    }), H = p(() => {
+    }), M = p(() => {
       const { sidebarWidth: g, sidebarCollapsedWidth: c } = e, v = e.isMobile ? 0 : c, T = m.value ? v : g;
       return e.sidebarVisible ? T : 0;
-    }), S = p(() => e.isMobile ? 0 : H.value), b = p(() => d.value ? S.value : 0), _ = p(
+    }), x = p(() => e.isMobile ? 0 : M.value), b = p(() => d.value ? x.value : 0), $ = p(
       () => !e.isMobile && !d.value && e.headerVisible ? e.headerHeight : 0
-    ), L = p(() => {
+    ), z = p(() => {
       let g = 0;
       return e.fixedHeaderAndTab && (e.headerVisible && (g += e.headerHeight), e.tabVisible && (g += e.tabHeight)), g;
-    }), x = p(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
+    }), S = p(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
     return (g, c) => (h(), D("div", {
       class: "d-layout",
-      style: O(i.value)
+      style: C(i.value)
     }, [
-      t.headerVisible ? (h(), w(et, Y({ key: 0 }, r.value, {
+      t.headerVisible ? (h(), w(et, Y({ key: 0 }, a.value, {
         fixed: t.fixedHeaderAndTab,
-        "z-index": at,
+        "z-index": rt,
         "min-width": t.minWidth,
         height: t.headerHeight,
         "padding-left": b.value,
-        style: a.value
+        style: r.value
       }), {
-        default: P(() => [
-          $(g.$slots, "header")
+        default: H(() => [
+          _(g.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0),
-      t.tabVisible ? (h(), w(tt, Y({ key: 1 }, r.value, {
+      t.tabVisible ? (h(), w(tt, Y({ key: 1 }, a.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": lt,
         "min-width": t.minWidth,
         top: t.headerHeight,
         height: t.tabHeight,
-        "padding-left": S.value,
-        style: a.value
+        "padding-left": x.value,
+        style: r.value
       }), {
-        default: P(() => [
-          $(g.$slots, "tab")
+        default: H(() => [
+          _(g.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : N("", !0),
-      t.sidebarVisible ? (h(), w(ot, Y({ key: 2 }, r.value, {
+      t.sidebarVisible ? (h(), w(ot, Y({ key: 2 }, a.value, {
         "z-index": u.value,
-        width: H.value,
-        "padding-top": _.value
+        width: M.value,
+        "padding-top": $.value
       }), {
-        default: P(() => [
-          $(g.$slots, "sidebar")
+        default: H(() => [
+          _(g.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : N("", !0),
       I.value ? (h(), D("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: O(k.value),
+        style: C(B.value),
         onClick: y
       }, null, 4)) : N("", !0),
-      ue(it, Y(r.value, {
-        "padding-top": L.value,
-        "padding-bottom": x.value,
-        "padding-left": S.value,
+      ue(it, Y(a.value, {
+        "padding-top": z.value,
+        "padding-bottom": S.value,
+        "padding-left": x.value,
         "overflow-hidden": t.addMainOverflowHidden
       }), {
-        default: P(() => [
-          $(g.$slots, "default")
+        default: H(() => [
+          _(g.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      t.footerVisible ? (h(), w(nt, Y({ key: 4 }, r.value, {
+      t.footerVisible ? (h(), w(nt, Y({ key: 4 }, a.value, {
         fixed: t.fixedFooter,
         "z-index": st,
         "min-width": t.minWidth,
         height: t.footerHeight,
-        "padding-left": S.value,
+        "padding-left": x.value,
         style: s.value
       }), {
-        default: P(() => [
-          $(g.$slots, "footer")
+        default: H(() => [
+          _(g.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0)
     ], 4));
   }
 }, U = {
-  state: re({
+  state: ae({
     theme: "dark"
   }),
   getters: {
@@ -1114,7 +1114,7 @@ const at = 1001, lt = 999, st = 998, rn = {
       U.state.theme = U.state.theme === "dark" ? "light" : "dark", document.documentElement.setAttribute("class", U.state.theme);
     }
   }
-}, an = {
+}, rn = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1124,16 +1124,16 @@ const at = 1001, lt = 999, st = 998, rn = {
   },
   setup(t) {
     const n = t;
-    return U.mutations.setTheme(n.theme), (e, i) => $(e.$slots, "default");
+    return U.mutations.setTheme(n.theme), (e, i) => _(e.$slots, "default");
   }
 };
 var dt = typeof global == "object" && global && global.Object === Object && global;
 const ut = dt;
 var ct = typeof self == "object" && self && self.Object === Object && self, ft = ut || ct || Function("return this")();
-const _e = ft;
-var mt = _e.Symbol;
+const $e = ft;
+var mt = $e.Symbol;
 const ne = mt;
-var $e = Object.prototype, pt = $e.hasOwnProperty, ht = $e.toString, G = ne ? ne.toStringTag : void 0;
+var _e = Object.prototype, pt = _e.hasOwnProperty, ht = _e.toString, G = ne ? ne.toStringTag : void 0;
 function gt(t) {
   var n = pt.call(t, G), e = t[G];
   try {
@@ -1148,16 +1148,16 @@ var vt = Object.prototype, yt = vt.toString;
 function bt(t) {
   return yt.call(t);
 }
-var xt = "[object Null]", St = "[object Undefined]", ve = ne ? ne.toStringTag : void 0;
+var St = "[object Null]", xt = "[object Undefined]", ve = ne ? ne.toStringTag : void 0;
 function Tt(t) {
-  return t == null ? t === void 0 ? St : xt : ve && ve in Object(t) ? gt(t) : bt(t);
+  return t == null ? t === void 0 ? xt : St : ve && ve in Object(t) ? gt(t) : bt(t);
 }
-function _t(t) {
+function $t(t) {
   return t != null && typeof t == "object";
 }
-var $t = "[object Symbol]";
+var _t = "[object Symbol]";
 function Dt(t) {
-  return typeof t == "symbol" || _t(t) && Tt(t) == $t;
+  return typeof t == "symbol" || $t(t) && Tt(t) == _t;
 }
 var wt = /\s/;
 function It(t) {
@@ -1166,14 +1166,14 @@ function It(t) {
   return n;
 }
 var Et = /^\s+/;
-function Lt(t) {
+function zt(t) {
   return t && t.slice(0, It(t) + 1).replace(Et, "");
 }
 function oe(t) {
   var n = typeof t;
   return t != null && (n == "object" || n == "function");
 }
-var ye = 0 / 0, zt = /^[-+]0x[0-9a-f]+$/i, Nt = /^0b[01]+$/i, kt = /^0o[0-7]+$/i, Bt = parseInt;
+var ye = 0 / 0, Lt = /^[-+]0x[0-9a-f]+$/i, Nt = /^0b[01]+$/i, Bt = /^0o[0-7]+$/i, kt = parseInt;
 function q(t) {
   if (typeof t == "number")
     return t;
@@ -1185,85 +1185,85 @@ function q(t) {
   }
   if (typeof t != "string")
     return t === 0 ? t : +t;
-  t = Lt(t);
+  t = zt(t);
   var e = Nt.test(t);
-  return e || kt.test(t) ? Bt(t.slice(2), e ? 2 : 8) : zt.test(t) ? ye : +t;
+  return e || Bt.test(t) ? kt(t.slice(2), e ? 2 : 8) : Lt.test(t) ? ye : +t;
 }
-function Pt(t, n, e) {
+function Ht(t, n, e) {
   return t === t && (e !== void 0 && (t = t <= e ? t : e), n !== void 0 && (t = t >= n ? t : n)), t;
 }
 function Q(t, n, e) {
-  return e === void 0 && (e = n, n = void 0), e !== void 0 && (e = q(e), e = e === e ? e : 0), n !== void 0 && (n = q(n), n = n === n ? n : 0), Pt(q(t), n, e);
+  return e === void 0 && (e = n, n = void 0), e !== void 0 && (e = q(e), e = e === e ? e : 0), n !== void 0 && (n = q(n), n = n === n ? n : 0), Ht(q(t), n, e);
 }
-var Ht = function() {
-  return _e.Date.now();
+var Mt = function() {
+  return $e.Date.now();
 };
-const ae = Ht;
-var Mt = "Expected a function", Ot = Math.max, Wt = Math.min;
+const re = Mt;
+var Ct = "Expected a function", Pt = Math.max, Ot = Math.min;
 function De(t, n, e) {
-  var i, o, l, a, s, r, d = 0, u = !1, m = !1, y = !0;
+  var i, o, l, r, s, a, d = 0, u = !1, m = !1, y = !0;
   if (typeof t != "function")
-    throw new TypeError(Mt);
-  n = q(n) || 0, oe(e) && (u = !!e.leading, m = "maxWait" in e, l = m ? Ot(q(e.maxWait) || 0, n) : l, y = "trailing" in e ? !!e.trailing : y);
+    throw new TypeError(Ct);
+  n = q(n) || 0, oe(e) && (u = !!e.leading, m = "maxWait" in e, l = m ? Pt(q(e.maxWait) || 0, n) : l, y = "trailing" in e ? !!e.trailing : y);
   function I(c) {
     var v = i, T = o;
-    return i = o = void 0, d = c, a = t.apply(T, v), a;
+    return i = o = void 0, d = c, r = t.apply(T, v), r;
   }
-  function k(c) {
-    return d = c, s = setTimeout(b, n), u ? I(c) : a;
+  function B(c) {
+    return d = c, s = setTimeout(b, n), u ? I(c) : r;
   }
-  function H(c) {
-    var v = c - r, T = c - d, X = n - v;
-    return m ? Wt(X, l - T) : X;
+  function M(c) {
+    var v = c - a, T = c - d, X = n - v;
+    return m ? Ot(X, l - T) : X;
   }
-  function S(c) {
-    var v = c - r, T = c - d;
-    return r === void 0 || v >= n || v < 0 || m && T >= l;
+  function x(c) {
+    var v = c - a, T = c - d;
+    return a === void 0 || v >= n || v < 0 || m && T >= l;
   }
   function b() {
-    var c = ae();
-    if (S(c))
-      return _(c);
-    s = setTimeout(b, H(c));
+    var c = re();
+    if (x(c))
+      return $(c);
+    s = setTimeout(b, M(c));
   }
-  function _(c) {
-    return s = void 0, y && i ? I(c) : (i = o = void 0, a);
+  function $(c) {
+    return s = void 0, y && i ? I(c) : (i = o = void 0, r);
   }
-  function L() {
-    s !== void 0 && clearTimeout(s), d = 0, i = r = o = s = void 0;
+  function z() {
+    s !== void 0 && clearTimeout(s), d = 0, i = a = o = s = void 0;
   }
-  function x() {
-    return s === void 0 ? a : _(ae());
+  function S() {
+    return s === void 0 ? r : $(re());
   }
   function g() {
-    var c = ae(), v = S(c);
-    if (i = arguments, o = this, r = c, v) {
+    var c = re(), v = x(c);
+    if (i = arguments, o = this, a = c, v) {
       if (s === void 0)
-        return k(r);
+        return B(a);
       if (m)
-        return clearTimeout(s), s = setTimeout(b, n), I(r);
+        return clearTimeout(s), s = setTimeout(b, n), I(a);
     }
-    return s === void 0 && (s = setTimeout(b, n)), a;
+    return s === void 0 && (s = setTimeout(b, n)), r;
   }
-  return g.cancel = L, g.flush = x, g;
+  return g.cancel = z, g.flush = S, g;
 }
-var Ct = "Expected a function";
+var Wt = "Expected a function";
 function we(t, n, e) {
   var i = !0, o = !0;
   if (typeof t != "function")
-    throw new TypeError(Ct);
+    throw new TypeError(Wt);
   return oe(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), De(t, n, {
     leading: i,
     maxWait: n,
     trailing: o
   });
 }
-var At = Object.defineProperty, Ft = Object.defineProperties, Rt = Object.getOwnPropertyDescriptors, be = Object.getOwnPropertySymbols, Vt = Object.prototype.hasOwnProperty, jt = Object.prototype.propertyIsEnumerable, xe = (t, n, e) => n in t ? At(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, ie = (t, n) => {
+var At = Object.defineProperty, Ft = Object.defineProperties, Rt = Object.getOwnPropertyDescriptors, be = Object.getOwnPropertySymbols, Vt = Object.prototype.hasOwnProperty, jt = Object.prototype.propertyIsEnumerable, Se = (t, n, e) => n in t ? At(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, ie = (t, n) => {
   for (var e in n || (n = {}))
-    Vt.call(n, e) && xe(t, e, n[e]);
+    Vt.call(n, e) && Se(t, e, n[e]);
   if (be)
     for (var e of be(n))
-      jt.call(n, e) && xe(t, e, n[e]);
+      jt.call(n, e) && Se(t, e, n[e]);
   return t;
 }, Ie = (t, n) => Ft(t, Rt(n));
 const Xt = ["onPointerdown"], Yt = {
@@ -1273,40 +1273,40 @@ function Ut(t, { expose: n }) {
   const e = t;
   let i = null, o = A(null);
   const l = { pageX: 0, pageY: 0, scrollPos: 0 };
-  let a = null;
+  let r = null;
   const s = () => {
     i = setTimeout(() => {
       o.value && o.value.classList.remove("scrollbar__thumbPlaceholder--scrolling"), i = null;
     }, e.autoHideDelay);
-  }, r = () => {
+  }, a = () => {
     i !== null && clearTimeout(i);
   };
-  ee(r);
+  ee(a);
   const d = we((c) => {
     c.stopPropagation(), c.preventDefault();
     const v = e.type === "horizontal" ? "pageX" : "pageY", T = (c[v] - l[v]) / e.scrollInfo.wrapperMainSize * e.scrollInfo.contentMainSize;
     e.wrapperEl.scrollTo({ [e.type === "horizontal" ? "left" : "top"]: l.scrollPos + T, behavior: "auto" });
   }, 16), u = () => {
-    s(), o.value.removeEventListener("pointermove", d), o.value.removeEventListener("pointerup", u), o.value.removeEventListener("pointercancel", u), o.value.removeEventListener("mousewheel", u), document.removeEventListener("mousewheel", u), typeof a == "number" && o.value.releasePointerCapture(a), a = null;
+    s(), o.value.removeEventListener("pointermove", d), o.value.removeEventListener("pointerup", u), o.value.removeEventListener("pointercancel", u), o.value.removeEventListener("mousewheel", u), document.removeEventListener("mousewheel", u), typeof r == "number" && o.value.releasePointerCapture(r), r = null;
   }, m = (c) => {
-    c.ctrlKey || c.button !== 0 || (r(), l.pageX = c.pageX, l.pageY = c.pageY, l.scrollPos = e.wrapperEl[e.type === "horizontal" ? "scrollLeft" : "scrollTop"], a = c == null ? void 0 : c.pointerId, o.value.setPointerCapture(a), o.value.addEventListener("pointermove", d), o.value.addEventListener("pointerup", u), o.value.addEventListener("pointercancel", u), o.value.addEventListener("mousewheel", u, { passive: !1 }), document.addEventListener("mousewheel", u, { passive: !1 }), o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
+    c.ctrlKey || c.button !== 0 || (a(), l.pageX = c.pageX, l.pageY = c.pageY, l.scrollPos = e.wrapperEl[e.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = c == null ? void 0 : c.pointerId, o.value.setPointerCapture(r), o.value.addEventListener("pointermove", d), o.value.addEventListener("pointerup", u), o.value.addEventListener("pointercancel", u), o.value.addEventListener("mousewheel", u, { passive: !1 }), document.addEventListener("mousewheel", u, { passive: !1 }), o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
   };
   n({
     autoHideAfterScroll: () => {
-      r(), o.value && o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), s();
+      a(), o.value && o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), s();
     }
   });
-  let I = A(!1), k = A(!1), H = A(null), S = null, b = null, _ = p(() => e.fixedThumb && !k.value);
-  const L = ([c]) => k.value = c.isIntersecting, x = ([c]) => I.value = c.isIntersecting, g = () => {
-    S && (S.disconnect(), S = null), b && (b.disconnect(), b = null);
+  let I = A(!1), B = A(!1), M = A(null), x = null, b = null, $ = p(() => e.fixedThumb && !B.value);
+  const z = ([c]) => B.value = c.isIntersecting, S = ([c]) => I.value = c.isIntersecting, g = () => {
+    x && (x.disconnect(), x = null), b && (b.disconnect(), b = null);
   };
   return K(() => [e.fixedThumb, e.wrapperEl], () => {
     if (!e.fixedThumb || !e.wrapperEl)
       return g();
-    g(), b = new IntersectionObserver(x, { threshold: [0, 0.5] }), b.observe(e.wrapperEl), S = new IntersectionObserver(L), S.observe(H.value);
+    g(), b = new IntersectionObserver(S, { threshold: [0, 0.5] }), b.observe(e.wrapperEl), x = new IntersectionObserver(z), x.observe(M.value);
   }), ee(g), (c, v) => (h(), D(J, null, [
-    se(M("div", {
-      class: B([
+    se(P("div", {
+      class: k([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${t.type}`,
         {
@@ -1314,19 +1314,19 @@ function Ut(t, { expose: n }) {
           "scrollbar__thumbPlaceholder--autoExpand": t.autoExpand
         }
       ]),
-      style: O({
+      style: C({
         width: t.type === "horizontal" ? `${t.scrollInfo.thumbSize}px` : "",
         height: t.type === "vertical" ? `${t.scrollInfo.thumbSize}px` : "",
-        position: _.value ? "fixed" : "absolute",
-        [t.type === "vertical" ? "top" : "left"]: _.value ? `${t.scrollInfo.boundaryDistance + 3}px` : "3px"
+        position: $.value ? "fixed" : "absolute",
+        [t.type === "vertical" ? "top" : "left"]: $.value ? `${t.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
       ref: (T, X) => {
         X.thumbEl = T, o.value = T;
       },
-      onPointerdown: C(m, ["stop"])
+      onPointerdown: W(m, ["stop"])
     }, [
-      v[0] || (he(-1), v[0] = M("div", {
-        class: B(["scrollbar__thumb", `scrollbar__thumb--${t.type}`])
+      v[0] || (he(-1), v[0] = P("div", {
+        class: k(["scrollbar__thumb", `scrollbar__thumb--${t.type}`])
       }, null, 2), he(1), v[0])
     ], 46, Xt), [
       [ge, !!t.scrollInfo.thumbSize && (t.fixedThumb ? I.value : !0)]
@@ -1334,9 +1334,9 @@ function Ut(t, { expose: n }) {
     e.fixedThumb ? se((h(), D("div", {
       key: 0,
       ref: (T, X) => {
-        X.shepherdEl = T, H.value = T;
+        X.shepherdEl = T, M.value = T;
       },
-      class: B(["scrollbar__shepherd", `scrollbar__shepherd--${t.type}`])
+      class: k(["scrollbar__shepherd", `scrollbar__shepherd--${t.type}`])
     }, null, 2)), [
       [ge, !!t.scrollInfo.thumbSize]
     ]) : N("", !0)
@@ -1357,21 +1357,21 @@ const Gt = /* @__PURE__ */ Te(Ie(ie({}, Yt), {
   wait: 333,
   type: "debounce"
 };
-function Se(...t) {
+function xe(...t) {
   const n = "value" in (t == null ? void 0 : t[0]);
   let e;
   n ? e = t == null ? void 0 : t[1] : e = t == null ? void 0 : t[0];
-  const { wait: i, type: o, callback: l } = ie(ie({}, Zt), e), a = n ? t[0] : A(null), s = re({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), r = () => {
-    const y = a.value.getBoundingClientRect();
+  const { wait: i, type: o, callback: l } = ie(ie({}, Zt), e), r = n ? t[0] : A(null), s = ae({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), a = () => {
+    const y = r.value.getBoundingClientRect();
     s.left = y.left, s.top = y.top, s.right = y.right, s.bottom = y.bottom, s.width = y.width, s.height = y.height, s.x = y.x, s.y = y.y, l == null || l();
   };
   let d = null, u = null;
   const m = () => {
     d && window.removeEventListener("resize", d), u && (u.disconnect(), u = null);
   };
-  return Pe(() => {
-    a.value && (m(), d = r, o === "throttle" && i >= 4 ? d = we(d, i) : o === "debounce" && i >= 4 && (d = De(d, i)), window.addEventListener("resize", d), u = new ResizeObserver(d), u.observe(a.value));
-  }), ee(m), n ? s : [a, s];
+  return He(() => {
+    r.value && (m(), d = a, o === "throttle" && i >= 4 ? d = we(d, i) : o === "debounce" && i >= 4 && (d = De(d, i)), window.addEventListener("resize", d), u = new ResizeObserver(d), u.observe(r.value));
+  }), ee(m), n ? s : [r, s];
 }
 const Kt = { class: "scrollbar__wrapper" }, qt = {
   name: "CustomScrollbar",
@@ -1381,66 +1381,66 @@ function Jt(t, { expose: n, emit: e }) {
   const i = t, o = {
     horizontal: { el: null, instance: null },
     vertical: { el: null, instance: null }
-  }, l = (x, g) => {
-    o[g].instance || (o[g].instance = x);
+  }, l = (S, g) => {
+    o[g].instance || (o[g].instance = S);
   };
-  let a = A(null), s = A(null);
-  Be(() => {
-    var x;
-    const g = Array.from((x = a.value.parentElement) == null ? void 0 : x.childNodes);
+  let r = A(null), s = A(null);
+  ke(() => {
+    var S;
+    const g = Array.from((S = r.value.parentElement) == null ? void 0 : S.childNodes);
     for (const c in o)
       o[c].el = g.find((v) => {
         var T;
         return (T = v == null ? void 0 : v.classList) == null ? void 0 : T.contains(`scrollbar__thumbPlaceholder--${c}`);
       });
   });
-  const r = Se(a, { wait: i.throttleWait, type: i.throttleType, callback: y }), d = Se(s, { wait: i.throttleWait, type: i.throttleType, callback: y });
+  const a = xe(r, { wait: i.throttleWait, type: i.throttleType, callback: y }), d = xe(s, { wait: i.throttleWait, type: i.throttleType, callback: y });
   let u = A(0), m = A(0);
   function y() {
-    u.value = Math.max(a.value.scrollHeight - r.height | 0, 0), m.value = Math.max(a.value.scrollWidth - r.width | 0, 0);
+    u.value = Math.max(r.value.scrollHeight - a.height | 0, 0), m.value = Math.max(r.value.scrollWidth - a.width | 0, 0);
   }
   let I = p(() => ({
-    thumbSize: m.value ? Q(r.width / a.value.scrollWidth * r.width, i.thumbMinSize > r.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    thumbSize: m.value ? Q(a.width / r.value.scrollWidth * a.width, i.thumbMinSize > a.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
     contentMainSize: d.width,
-    wrapperMainSize: r.width,
-    boundaryDistance: Math.abs(r.left)
-  })), k = p(() => ({
-    thumbSize: u.value ? Q(r.height / a.value.scrollHeight * r.height, i.thumbMinSize > r.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    wrapperMainSize: a.width,
+    boundaryDistance: Math.abs(a.left)
+  })), B = p(() => ({
+    thumbSize: u.value ? Q(a.height / r.value.scrollHeight * a.height, i.thumbMinSize > a.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
     contentMainSize: d.height,
-    wrapperMainSize: r.height,
-    boundaryDistance: Math.abs(r.top)
-  })), H = p(() => r.height - k.value.thumbSize - 5), S = p(() => r.width - I.value.thumbSize - 5);
+    wrapperMainSize: a.height,
+    boundaryDistance: Math.abs(a.top)
+  })), M = p(() => a.height - B.value.thumbSize - 5), x = p(() => a.width - I.value.thumbSize - 5);
   const b = () => {
-    m.value && (o.horizontal.el.style.transform = `translate3d(${a.value.scrollLeft / m.value * S.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${a.value.scrollTop / u.value * H.value}px, 0)`, o.vertical.instance.autoHideAfterScroll());
+    m.value && (o.horizontal.el.style.transform = `translate3d(${r.value.scrollLeft / m.value * x.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${r.value.scrollTop / u.value * M.value}px, 0)`, o.vertical.instance.autoHideAfterScroll());
   };
   K(() => [m.value, u.value], b);
-  const _ = (x) => {
-    x.stopPropagation();
-    const g = a.value.scrollLeft, c = a.value.scrollTop, v = Q(g + ((x == null ? void 0 : x.deltaX) || 0), 0, m.value) | 0, T = Q(c + ((x == null ? void 0 : x.deltaY) || 0), 0, u.value) | 0;
-    a.value.scrollLeft = v, a.value.scrollTop = T, m.value && (o.horizontal.el.style.transform = `translate3d(${v / m.value * S.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${T / u.value * H.value}px, 0)`, o.vertical.instance.autoHideAfterScroll()), e("scroll", { target: a.value, scrollLeft: v, scrollTop: T });
-  }, L = (x) => {
-    i.simulateScroll ? _(x) : b();
+  const $ = (S) => {
+    S.stopPropagation();
+    const g = r.value.scrollLeft, c = r.value.scrollTop, v = Q(g + ((S == null ? void 0 : S.deltaX) || 0), 0, m.value) | 0, T = Q(c + ((S == null ? void 0 : S.deltaY) || 0), 0, u.value) | 0;
+    r.value.scrollLeft = v, r.value.scrollTop = T, m.value && (o.horizontal.el.style.transform = `translate3d(${v / m.value * x.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${T / u.value * M.value}px, 0)`, o.vertical.instance.autoHideAfterScroll()), e("scroll", { target: r.value, scrollLeft: v, scrollTop: T });
+  }, z = (S) => {
+    i.simulateScroll ? $(S) : b();
   };
-  return K(r, () => e("wrapperResize", r)), K(d, () => e("contentResize", d)), n({
-    scrollEl: a
-  }), (x, g) => (h(), D("div", Kt, [
-    M("div", Y({
+  return K(a, () => e("wrapperResize", a)), K(d, () => e("contentResize", d)), n({
+    scrollEl: r
+  }), (S, g) => (h(), D("div", Kt, [
+    P("div", Y({
       ref: (c, v) => {
-        v.wrapperEl = c, a.value = c;
+        v.wrapperEl = c, r.value = c;
       },
       class: "scrollbar__scroller"
-    }, x.$attrs, {
-      onWheel: L,
-      onScroll: L
+    }, S.$attrs, {
+      onWheel: z,
+      onScroll: z
     }), [
-      M("div", {
+      P("div", {
         ref: (c, v) => {
           v.contentEl = c, s.value = c;
         },
-        class: B(["scrollbar__content", t.contentClass, { "scrollbar__content--fixedThumb": t.fixedThumb, [`scrollbar__content--${t.direction}`]: t.direction }]),
-        style: O(t.contentStyle)
+        class: k(["scrollbar__content", t.contentClass, { "scrollbar__content--fixedThumb": t.fixedThumb, [`scrollbar__content--${t.direction}`]: t.direction }]),
+        style: C(t.contentStyle)
       }, [
-        $(x.$slots, "default")
+        _(S.$slots, "default")
       ], 6)
     ], 16),
     (h(), D(J, null, ce(o, (c, v) => ue(Gt, {
@@ -1451,8 +1451,8 @@ function Jt(t, { expose: n, emit: e }) {
       autoHideDelay: t.autoHideDelay,
       fixedThumb: v === t.direction ? !1 : t.fixedThumb,
       type: v,
-      scrollInfo: v === "vertical" ? k.value : I.value,
-      wrapperEl: a.value
+      scrollInfo: v === "vertical" ? B.value : I.value,
+      wrapperEl: r.value
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "wrapperEl"])), 64))
   ]));
 }
@@ -1475,13 +1475,64 @@ const Qt = /* @__PURE__ */ Te(Ie(ie({}, qt), {
   setup: Jt
 })), ln = {
   __name: "DScrollbars",
+  props: {
+    height: {
+      type: String,
+      default: "200px"
+    },
+    // высота блока
+    class: String,
+    // класс контейнера для установки высоты
+    style: Object,
+    // стиль контейнера
+    contentClass: String,
+    // класс контента для установки отступов, отображения
+    contentStyle: Object,
+    // стиль контента
+    direction: {
+      type: String,
+      default: "vertical"
+    },
+    // horizontal, vertical
+    thumbMinSize: Number,
+    // 48 - минимальный размер скролла
+    thumbMaxSize: Number,
+    // 48 - максимальный размер скролла
+    autoHide: {
+      type: Boolean,
+      default: !0
+    },
+    // true - гасить скролл, если мышь за пределами
+    autoHideDelay: {
+      type: Number,
+      default: 900
+    },
+    // 900 - гасить через, мс
+    autoExpand: {
+      type: Boolean,
+      default: !0
+    }
+    // true - расширить скролл при наведении мыши с 8px до 12px
+  },
   setup(t) {
-    return (n, e) => (h(), w(E(Qt), { style: { height: "200px" } }, {
-      default: P(() => [
-        $(n.$slots, "default")
+    const n = t, e = p(() => ({ ...n.style, height: n.height }));
+    return (i, o) => (h(), w(E(Qt), {
+      class: k(n.class),
+      style: C(e.value),
+      contentClass: n.contentClass,
+      contentStyle: n.contentStyle,
+      direction: n.direction,
+      thumbMinSize: n.thumbMinSize,
+      thumbMaxSize: n.thumbMaxSize,
+      autoHide: n.autoHide,
+      autoHideDelay: n.autoHideDelay,
+      autoExpand: n.autoExpand
+    }, {
+      default: H(() => [
+        _(i.$slots, "default")
       ]),
       _: 3
-    }));
+    }, 8, ["class", "style", "contentClass", "contentStyle", "direction", "thumbMinSize", "thumbMaxSize", "autoHide", "autoHideDelay", "autoExpand"]));
   }
 };
 export {
@@ -1489,12 +1540,12 @@ export {
   Ae as DBadge,
   tn as DButton,
   Fe as DCollapse,
-  an as DConfigProvider,
+  rn as DConfigProvider,
   U as DGlobalStore,
   Z as DIcon,
   F as DIconStore,
   nn as DInput,
-  rn as DLayoutAdmin,
+  an as DLayoutAdmin,
   it as DLayoutContent,
   nt as DLayoutFooter,
   et as DLayoutHeader,