doph-js 0.2.96 → 0.2.97

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as Ce, computed as h, h as st, openBlock as d, createBlock as x, unref as E, ref as S, createElementBlock as m, Fragment as oe, normalizeClass as T, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as ut, onMounted as he, toDisplayString as O, withDirectives as ne, createElementVNode as _, vModelDynamic as De, withCtx as B, createTextVNode as K, Transition as Ne, withModifiers as j, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as J, renderList as me, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, toRefs as Ht, vModelText as Vt } from "vue";
+import { useSlots as Ce, computed as h, h as st, openBlock as d, createBlock as x, unref as E, ref as C, createElementBlock as m, Fragment as oe, normalizeClass as T, renderSlot as L, createCommentVNode as k, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as ut, onMounted as he, toDisplayString as O, withDirectives as ne, createElementVNode as b, vModelDynamic as De, withCtx as B, createTextVNode as K, Transition as Ne, withModifiers as j, resolveComponent as Ct, resolveDirective as Re, normalizeProps as pt, guardReactiveProps as ft, createVNode as J, renderList as me, pushScopeId as Lt, popScopeId as It, reactive as Oe, Teleport as mt, nextTick as ht, getCurrentInstance as gt, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Bt, defineComponent as Mt, TransitionGroup as yt, vModelCheckbox as Nt, vModelSelect as Rt, toRef as Ot, KeepAlive as At, toRefs as Ht, vModelText as Vt } from "vue";
 const re = {
   __name: "DIcon",
   props: {
@@ -120,11 +120,11 @@ const se = (t, e) => {
   },
   emits: ["click", "contextmenu"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = S(null), l = h(() => n.icon ? te.getters.getIcon(n.icon) : null), r = ($) => {
+    const n = t, s = Ce(), a = C(null), l = h(() => n.icon ? te.getters.getIcon(n.icon) : null), r = ($) => {
       o("click", $);
     }, i = ($) => {
       o("contextmenu", $);
-    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], b = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = h(() => {
+    }, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], _ = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), S = h(() => {
       const $ = n.outline ? "-outline" : "";
       return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
     });
@@ -137,7 +137,7 @@ const se = (t, e) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: T(["button", [n.class, c.value, C.value, u.value].join(" ")])
+        class: T(["button", [n.class, c.value, S.value, u.value].join(" ")])
       }, [
         L($.$slots, "default", {}, void 0, !0),
         n.loading ? (d(), m("svg", Ft, Pt)) : k("", !0)
@@ -148,7 +148,7 @@ const se = (t, e) => {
         ref: a,
         onClick: r,
         onContextmenu: i,
-        class: T(["button button-ext", [n.class, c.value, b.value, C.value, u.value].join(" ")]),
+        class: T(["button button-ext", [n.class, c.value, _.value, S.value, u.value].join(" ")]),
         style: z(n.style)
       }, [
         n.icon ? (d(), x(U(re), {
@@ -199,7 +199,7 @@ const Gt = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
+    const n = t, s = C(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
       get: () => n.modelValue,
       set: (i) => {
         o("update:modelValue", i);
@@ -215,7 +215,7 @@ const Gt = {
       focus: r
     }), (i, c) => !n.post && !n.pre ? (d(), m("div", Gt, [
       n.label ? (d(), m("div", Zt, O(n.label), 1)) : k("", !0),
-      ne(_("input", {
+      ne(b("input", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
@@ -228,9 +228,9 @@ const Gt = {
       ])
     ])) : n.post && n.post.click && !n.pre ? (d(), m("div", Jt, [
       n.label ? (d(), m("div", Qt, O(n.label), 1)) : k("", !0),
-      _("div", eo, [
-        _("div", to, [
-          ne(_("input", {
+      b("div", eo, [
+        b("div", to, [
+          ne(b("input", {
             ref_key: "inputRef",
             ref: s,
             class: T(["d-input-post-field", a.value]),
@@ -263,7 +263,7 @@ const Gt = {
       ])
     ])) : !n.post && n.pre && n.pre.click ? (d(), m("div", no, [
       n.label ? (d(), m("div", so, O(n.label), 1)) : k("", !0),
-      _("div", ao, [
+      b("div", ao, [
         n.pre.label ? (d(), x(le, {
           key: 0,
           scale: n.scale,
@@ -282,8 +282,8 @@ const Gt = {
           onClick: n.pre.click,
           icon: n.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
-        _("div", io, [
-          ne(_("input", {
+        b("div", io, [
+          ne(b("input", {
             ref_key: "inputRef",
             ref: s,
             class: T(["d-input-pre-field", a.value]),
@@ -362,9 +362,9 @@ const Gt = {
       i.style.width = u, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
       let { height: g } = getComputedStyle(i);
       return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ie, i.style.overflow = "hidden", c.height && c.height !== ie ? c.height : g;
-    }, s = (i, c, u, g, b) => {
-      const C = i.animate(g, b);
-      i.style.height = c.height, C.onfinish = () => {
+    }, s = (i, c, u, g, _) => {
+      const S = i.animate(g, _);
+      i.style.height = c.height, S.onfinish = () => {
         i.style.overflow = c.overflow, u();
       };
     }, a = (i, c) => [
@@ -389,13 +389,13 @@ const Gt = {
         marginBottom: c.marginBottom
       }
     ], l = (i, c) => {
-      const u = i, g = o(u), b = n(u, g), C = a(b, g), R = { duration: e.duration, easing: e.easingEnter };
-      s(u, g, c, C, R);
+      const u = i, g = o(u), _ = n(u, g), S = a(_, g), R = { duration: e.duration, easing: e.easingEnter };
+      s(u, g, c, S, R);
     }, r = (i, c) => {
-      const u = i, g = o(u), { height: b } = getComputedStyle(u);
-      u.style.height = b, u.style.overflow = "hidden";
-      const C = a(b, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
-      s(u, g, c, C, R);
+      const u = i, g = o(u), { height: _ } = getComputedStyle(u);
+      u.style.height = _, u.style.overflow = "hidden";
+      const S = a(_, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
+      s(u, g, c, S, R);
     };
     return (i, c) => (d(), x(Ne, {
       css: !1,
@@ -442,7 +442,7 @@ const Gt = {
     tag: { type: String, default: "div" }
   },
   setup(t) {
-    const e = t, o = Ce(), n = S(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
+    const e = t, o = Ce(), n = C(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
       const c = i.dataTransfer;
       if ([X.dragenter, X.dragover].includes(r) && e.dropEffect && (c.dropEffect = e.dropEffect), r === X.dragstart) {
         if (e.effectAllowed && (c.effectAllowed = e.effectAllowed), e.image || o.image) {
@@ -479,7 +479,7 @@ const Gt = {
 const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
   key: 0,
   style: { display: "none" }
-}, go = { key: 1 }, vo = /* @__PURE__ */ mo(() => /* @__PURE__ */ _("div", { class: "tree-divider" }, null, -1)), yo = [
+}, go = { key: 1 }, vo = /* @__PURE__ */ mo(() => /* @__PURE__ */ b("div", { class: "tree-divider" }, null, -1)), yo = [
   vo
 ], _o = { key: 2 }, bo = { class: "tree-divider-header" }, xo = { class: "item-title" }, ko = {
   key: 0,
@@ -498,15 +498,15 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(t, { emit: e }) {
-    const o = t, n = S(null), s = S(!1), a = S(!1), l = S(!1), r = h(() => o.model.children && o.model.children.length), i = h(() => (v.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (N) => {
+    const o = t, n = C(null), s = C(!1), a = C(!1), l = C(!1), r = h(() => o.model.children && o.model.children.length), i = h(() => (v.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (N) => {
       e("nodeclick", { event: N, model: o.model });
     }, u = (N) => {
       e("nodefoldericonclick", { event: N, model: o.model });
     }, g = (N) => {
       e("nodefoldericonclick", N);
-    }, b = (N) => {
+    }, _ = (N) => {
       e("nodeclick", N);
-    }, C = (N) => {
+    }, S = (N) => {
       e("nodedoubleclick", N);
     }, R = (N) => {
       e("nodedrop", N);
@@ -551,7 +551,7 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
     return (N, w) => {
       const V = Ct("d-tree-item", !0), P = Re("touch");
       return E(v).actions.beforeItem(o.treeId, t.model) ? D.value && !W.value ? (d(), m("li", go, yo)) : D.value && W.value ? (d(), m("li", _o, [
-        _("div", bo, O(E(v).actions.renderTitle(o.treeId, W.value)), 1)
+        b("div", bo, O(E(v).actions.renderTitle(o.treeId, W.value)), 1)
       ])) : o.model.component ? (d(), x(at, {
         key: 3,
         tag: "li",
@@ -592,7 +592,7 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
         default: B(() => {
           var f, p;
           return [
-            _("div", {
+            b("div", {
               ref_key: "node",
               ref: n,
               class: T(H.value),
@@ -600,7 +600,7 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
               onDblclick: w[2] || (w[2] = j((y) => e("nodedoubleclick", { e: y, model: o.model }), ["prevent"])),
               onContextmenu: w[3] || (w[3] = j((y) => e("nodecontext", { e: y, model: o.model }), ["prevent"]))
             }, [
-              _("div", null, [
+              b("div", null, [
                 o.model.icons && o.model.icons.pre && r.value && !o.search && !D.value ? (d(), x(U(re), {
                   key: 0,
                   component: E(te).getters.getIcon(o.model.icons.pre.component),
@@ -623,12 +623,12 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
                   size: o.model.icons.icon.size ? o.model.icons.icon.size : null,
                   className: o.model.icons.icon.class ? o.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
-                _("div", xo, [
+                b("div", xo, [
                   D.value ? (d(), m("div", ko)) : k("", !0),
                   D.value ? k("", !0) : (d(), m("div", $o, O(E(v).actions.renderTitle(o.treeId, o.model.title)), 1))
                 ])
               ]),
-              _("div", wo, [
+              b("div", wo, [
                 ((f = o.model.badge) == null ? void 0 : f.value) !== void 0 && !D.value ? (d(), x(U(co), {
                   key: 0,
                   class: T([(p = o.model.badge) == null ? void 0 : p.class, "badge-sm"])
@@ -657,8 +657,8 @@ const mo = (t) => (Lt("data-v-9da49c73"), t = t(), It(), t), ho = {
                     treeId: o.treeId,
                     items: o.items,
                     search: o.search,
-                    onNodeclick: b,
-                    onNodedoubleclick: C,
+                    onNodeclick: _,
+                    onNodedoubleclick: S,
                     onNodedrop: R,
                     onNodecontext: $,
                     onNodefoldericonclick: g
@@ -834,7 +834,7 @@ const q = Co(), v = {
   emits: Object.keys(X),
   setup(t, { expose: e, emit: o }) {
     let n = Oe({});
-    const s = S("false"), a = S(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
+    const s = C("false"), a = C(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
       n = Te.data, o(u, g, n), u === X.dragenter && (l.size || g.target === a.value) && l.add(g.target), u === X.dragleave && l.delete(g.target), u === X.drop && l.clear(), s.value = !!l.size;
     };
     return e({
@@ -842,10 +842,10 @@ const q = Co(), v = {
     }), (u, g) => (d(), x(U(t.tag), {
       ref_key: "el",
       ref: a,
-      onDragenter: g[0] || (g[0] = (b) => i(E(X).dragenter, b)),
-      onDragleave: g[1] || (g[1] = (b) => i(E(X).dragleave, b)),
-      onDragover: g[2] || (g[2] = j((b) => i(E(X).dragover, b), ["prevent"])),
-      onDrop: g[3] || (g[3] = j((b) => i(E(X).drop, b), ["prevent"]))
+      onDragenter: g[0] || (g[0] = (_) => i(E(X).dragenter, _)),
+      onDragleave: g[1] || (g[1] = (_) => i(E(X).dragleave, _)),
+      onDragover: g[2] || (g[2] = j((_) => i(E(X).dragover, _), ["prevent"])),
+      onDrop: g[3] || (g[3] = j((_) => i(E(X).drop, _), ["prevent"]))
     }, {
       default: B(() => [
         L(u.$slots, "default", { transferData: r.value })
@@ -873,12 +873,12 @@ const q = Co(), v = {
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
     const n = t;
-    let s = S(null), a = S(!1);
+    let s = C(null), a = C(!1);
     const l = () => {
       q.emit("menu-show-request"), a.value = !0;
     }, r = () => {
-      var b;
-      (b = s.value) == null || b.collapseAll(), a.value = !1;
+      var _;
+      (_ = s.value) == null || _.collapseAll(), a.value = !1;
     }, i = () => a.value;
     q.on("menu-show-request", () => {
       r();
@@ -889,10 +889,10 @@ const q = Co(), v = {
       isShowed: i,
       itemsCount: () => s.value.itemsCount()
     });
-    const g = (b) => {
-      o("select", b), b.model.children || r();
+    const g = (_) => {
+      o("select", _), _.model.children || r();
     };
-    return (b, C) => {
+    return (_, S) => {
       const R = Re("click-outside");
       return d(), x(mt, { to: "body" }, [
         E(a) ? ne((d(), x(xt, {
@@ -921,13 +921,13 @@ const q = Co(), v = {
   },
   emits: ["select"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(0), l = S(0), r = h(() => ({
+    const n = t, s = C(null), a = C(0), l = C(0), r = h(() => ({
       left: a.value + "px",
       top: l.value + "px"
     })), i = (u) => {
       s.value.show(), ht(() => {
-        const g = s.value.elementSize(), b = window.innerWidth, C = window.innerHeight;
-        a.value = b - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = C - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
+        const g = s.value.elementSize(), _ = window.innerWidth, S = window.innerHeight;
+        a.value = _ - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = S - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
       });
     }, c = (u) => {
       o("select", u);
@@ -994,7 +994,7 @@ const q = Co(), v = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(!1), l = S(null), r = gt().uid;
+    const n = t, s = C(null), a = C(!1), l = C(null), r = gt().uid;
     v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
     const i = (p, y) => {
       console.log(p, y);
@@ -1011,9 +1011,9 @@ const q = Co(), v = {
         n.items[y].id === p && v.actions.toggleItem(r, n.items[y]), n.items[y].expanded = !0;
     }, g = (p = null) => {
       console.log(p.model), v.mutations.setItemSelect(r, p.model), n.doubleClickExpand || v.actions.toggleItem(r, p.model), o("select", p);
-    }, b = (p = null) => {
+    }, _ = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("doubleclick", p);
-    }, C = (p = null) => {
+    }, S = (p = null) => {
       n.doubleClickExpand && v.actions.toggleItem(r, p.model), o("foldericonclick", p);
     }, R = (p = null) => {
       o("over", p);
@@ -1059,11 +1059,11 @@ const q = Co(), v = {
           items: n.items,
           search: n.search,
           onNodeclick: g,
-          onNodedoubleclick: b,
+          onNodedoubleclick: _,
           onNodedragover: R,
           onNodedrop: $,
           onNodecontext: V,
-          onNodefoldericonclick: C
+          onNodefoldericonclick: S
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
         w.value ? (d(), x(Io, {
           key: 0,
@@ -1187,8 +1187,8 @@ const Eo = {
   },
   setup(t) {
     const e = t, o = h(() => {
-      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", b = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
-      return `position:${g};top:${s}px;z-index:${a};${b}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
+      const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
+      return `position:${g};top:${s}px;z-index:${a};${_}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
     return (n, s) => (d(), m("div", {
       class: "d-layout-tab",
@@ -1321,7 +1321,7 @@ const Eo = {
   }
 };
 function Ao(t) {
-  const e = S(0), o = h(() => `transform: translateX(${-e.value}px);`);
+  const e = C(0), o = h(() => `transform: translateX(${-e.value}px);`);
   let n = !1;
   function s(u) {
     e.value = u;
@@ -1454,10 +1454,10 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         e("update:sidebar-collapse", D);
       }
     });
-    function b() {
+    function _() {
       e("sidebar-mask-click");
     }
-    const C = h(() => o.isMobile && !g.value), R = h(() => {
+    const S = h(() => o.isMobile && !g.value), R = h(() => {
       const { transitionDuration: D, transitionTimingFunction: W } = o;
       return `background-color:${o.maskBg};transition-duration:${D}ms;transition-timing-function:${W};`;
     }), $ = h(() => {
@@ -1510,11 +1510,11 @@ const Ho = 1001, Vo = 999, zo = 998, Ms = {
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : k("", !0),
-      C.value ? (d(), m("div", {
+      S.value ? (d(), m("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: z(R.value),
-        onClick: b
+        onClick: _
       }, null, 4)) : k("", !0),
       J(Oo, ue(i.value, {
         "padding-top": I.value,
@@ -1642,7 +1642,7 @@ const Fo = {
   },
   emits: ["open", "close"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = S(!1);
+    const n = t, s = C(null), a = C(!1);
     a.value = n == null ? void 0 : n.show;
     const l = () => {
       a.value = !0, o("open", s);
@@ -1663,20 +1663,20 @@ const Fo = {
               ref: s,
               class: "modal"
             }, [
-              _("div", {
+              b("div", {
                 class: "modal-dialog",
                 style: z({ width: n.width, maxWidth: n.maxWidth })
               }, [
-                _("div", Wo, [
-                  _("div", Po, [
-                    _("h5", jo, [
+                b("div", Wo, [
+                  b("div", Po, [
+                    b("h5", jo, [
                       L(i.$slots, "modal-title")
                     ])
                   ]),
-                  _("div", Xo, [
+                  b("div", Xo, [
                     L(i.$slots, "default")
                   ]),
-                  _("div", Yo, [
+                  b("div", Yo, [
                     L(i.$slots, "modal-footer")
                   ])
                 ])
@@ -1721,7 +1721,7 @@ const qo = Mt({
     transitionAttrs: Object
   },
   setup() {
-    const t = S();
+    const t = C();
     return vt(t, () => {
       ce.value && (ce.value.comp = t.value);
     }), {
@@ -1758,7 +1758,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
           K(O(o.message), 1)
         ]),
         "modal-footer": B(() => [
-          _("div", Ko, [
+          b("div", Ko, [
             J(le, {
               onClick: a[0] || (a[0] = (l) => E(Me)())
             }, {
@@ -1792,7 +1792,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
           K(O(o.message), 1)
         ]),
         "modal-footer": B(() => [
-          _("div", Qo, [
+          b("div", Qo, [
             J(le, {
               onClick: a[0] || (a[0] = (l) => E(Me)())
             }, {
@@ -1836,8 +1836,8 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = Ce(), a = S(null), l = S(null), r = S(0), i = S(0), c = (C) => {
-      if (o("click", C), a.value.isShowed()) {
+    const n = t, s = Ce(), a = C(null), l = C(null), r = C(0), i = C(0), c = (S) => {
+      if (o("click", S), a.value.isShowed()) {
         a.value.hide();
         return;
       }
@@ -1845,15 +1845,15 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
         const R = a.value.elementSize(), $ = l.value.elementSize(), H = window.innerWidth, Y = window.innerHeight;
         r.value = H - ($.x + $.width) < R.width ? $.left - R.width + $.width : $.left, i.value = Y - ($.y + $.height) < R.height ? $.top - R.height - 5 : $.height + $.top + 5;
       });
-    }, u = (C) => {
-      o("select", C);
+    }, u = (S) => {
+      o("select", S);
     }, g = h(() => ({ left: r.value + "px", top: i.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
     e({
       show: c
     });
-    const b = (C) => !!s[C];
-    return (C, R) => (d(), m("div", tn, [
-      b("default") ? (d(), x(le, {
+    const _ = (S) => !!s[S];
+    return (S, R) => (d(), m("div", tn, [
+      _("default") ? (d(), x(le, {
         key: 0,
         ref_key: "buttonRef",
         ref: l,
@@ -1863,7 +1863,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
         type: n.type
       }, {
         default: B(() => [
-          L(C.$slots, "default")
+          L(S.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "icon", "onClick", "type"])) : (d(), x(le, {
@@ -1900,15 +1900,15 @@ const an = /* @__PURE__ */ se(on, [["render", sn]]), ln = { class: "card-header"
   setup(t) {
     return (e, o) => (d(), x(an, { class: "d-card" }, {
       default: B(() => [
-        _("div", ln, [
-          _("h5", rn, [
+        b("div", ln, [
+          b("h5", rn, [
             L(e.$slots, "title")
           ])
         ]),
-        _("div", dn, [
+        b("div", dn, [
           L(e.$slots, "default")
         ]),
-        _("div", cn, [
+        b("div", cn, [
           L(e.$slots, "footer")
         ])
       ]),
@@ -2112,12 +2112,12 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
     const o = t, n = {
       IDLE: 0,
       DESTROYED: 2
-    }, s = S([]), a = S(null), l = S(un.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? yn : _n), c = h(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = h(() => mn(o.width)), g = h(() => {
+    }, s = C([]), a = C(null), l = C(un.get("velocity")), r = h(() => o.animationType === "velocity"), i = h(() => r.value ? yn : _n), c = h(() => s.value.filter((f) => f.state !== n.DESTROYED)), u = h(() => mn(o.width)), g = h(() => {
       const { x: f, y: p } = vn(o.position), y = u.value.value, A = u.value.type, ae = {
         width: y + A
       };
       return p && (ae[p] = "0px"), f && (f === "center" ? ae.left = `calc(50% - ${+y / 2}${A})` : ae[f] = "0px"), ae;
-    }), b = h(() => "bottom" in g.value), C = (f) => {
+    }), _ = h(() => "bottom" in g.value), S = (f) => {
       e("click", f), o.closeOnClick && F(f);
     }, R = () => {
       var f;
@@ -2143,7 +2143,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
         data: _e
       };
       p >= 0 && (a.value = new pn(() => F(Q), Q.length, Q));
-      const xe = o.reverse ? !b.value : b.value;
+      const xe = o.reverse ? !_.value : _.value;
       let de = -1;
       const ke = c.value.some((ge) => ge.title === f.title && ge.text === f.text);
       (!A || !ke) && (xe ? (s.value.push(Q), e("start", Q), c.value.length > o.max && (de = 0)) : (s.value.unshift(Q), e("start", Q), c.value.length > o.max && (de = c.value.length - 1)), de !== -1 && F(c.value[de]));
@@ -2210,9 +2210,9 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
               item: y,
               close: () => F(y)
             }, () => [
-              _("div", {
+              b("div", {
                 class: T(M(y)),
-                onClick: (A) => C(y)
+                onClick: (A) => S(y)
               }, [
                 t.dangerouslySetInnerHtml ? (d(), m(oe, { key: 0 }, [
                   y.title ? (d(), m("div", {
@@ -2220,13 +2220,13 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
                     class: "d-notification-title",
                     innerHTML: y.timer
                   }, null, 8, kn)) : k("", !0),
-                  _("div", {
+                  b("div", {
                     class: "notification-content",
                     innerHTML: y.text
                   }, null, 8, $n)
                 ], 64)) : (d(), m(oe, { key: 1 }, [
                   y.title ? (d(), m("div", wn, O(y.title), 1)) : k("", !0),
-                  _("div", Sn, O(y.text), 1)
+                  b("div", Sn, O(y.text), 1)
                 ], 64))
               ], 10, xn)
             ])
@@ -2255,8 +2255,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
         e("click", l);
       })
     }, [
-      _("div", Dn, [
-        _("div", Tn, [
+      b("div", Dn, [
+        b("div", Tn, [
           o.icon ? (d(), x(U(re), {
             key: 0,
             component: n.value,
@@ -2265,12 +2265,12 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
           }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
-      _("div", Cn, [
-        _("div", {
+      b("div", Cn, [
+        b("div", {
           class: "d-info-progress-line",
           style: z("width: " + o.progress + "%;")
         }, null, 4),
-        _("div", {
+        b("div", {
           class: "d-info-progress-label",
           innerHTML: t.label
         }, null, 8, Ln)
@@ -2298,7 +2298,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       }
     });
     return (l, r) => (d(), m("div", In, [
-      ne(_("input", {
+      ne(b("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
         id: `i-${E(s)}`,
         type: "checkbox",
@@ -2308,7 +2308,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", it = [
       }, null, 40, En), [
         [Nt, a.value]
       ]),
-      _("label", {
+      b("label", {
         for: `i-${E(s)}`
       }, O(o.label), 9, Bn)
     ]));
@@ -2357,7 +2357,7 @@ const Ws = {
       }
     return (a, l) => (d(), m("div", Rn, [
       o.label ? (d(), m("div", On, O(o.label), 1)) : k("", !0),
-      ne(_("select", {
+      ne(b("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
         class: T(n.value),
         style: z(o.size === "wide" ? "width:100%" : ""),
@@ -2387,12 +2387,12 @@ const Vn = ["title"], zn = { class: "tab-icon" }, Fn = { class: "tab-label" }, W
       title: e.tab.title ? e.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
     }, [
-      _("div", zn, [
+      b("div", zn, [
         J(E(re), {
           component: e.tab.icon
         }, null, 8, ["component"])
       ]),
-      _("div", Fn, O(e.tab.label), 1)
+      b("div", Fn, O(e.tab.label), 1)
     ], 8, Vn)) : e.tab.label ? (d(), m("span", {
       key: 1,
       title: e.tab.title ? e.tab.title : ""
@@ -2412,33 +2412,34 @@ const Yn = { class: "d-tabs" }, Un = {
     tabs: Array
   },
   setup(t, { expose: e }) {
-    const n = Ot(t, "tabs"), s = S(null), a = S(0), l = (i) => {
-      a.value = i;
+    const n = Ot(t, "tabs"), s = [], a = C(0), l = (c) => {
+      a.value = c;
+    }, r = () => s, i = (c) => {
+      c && s.push(c);
     };
     return e({
-      refs: () => s
-    }), (i, c) => (d(), m(oe, null, [
-      _("div", Yn, [
-        (d(!0), m(oe, null, me(n.value, (u, g) => (d(), x(Xn, {
-          index: g,
-          tab: u,
-          class: T(["d-tab-title", g === a.value ? "active" : ""]),
-          onClick: (b) => l(g)
+      refs: r
+    }), (c, u) => (d(), m(oe, null, [
+      b("div", Yn, [
+        (d(!0), m(oe, null, me(n.value, (g, _) => (d(), x(Xn, {
+          index: _,
+          tab: g,
+          class: T(["d-tab-title", _ === a.value ? "active" : ""]),
+          onClick: (S) => l(_)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
       (d(), x(At, null, [
-        (d(!0), m(oe, null, me(n.value, (u, g) => (d(), m("div", null, [
-          g === a.value ? (d(), x(U(u.component), {
+        (d(!0), m(oe, null, me(n.value, (g, _) => (d(), m("div", null, [
+          _ === a.value ? (d(), x(U(g.component), {
             key: 0,
             ref_for: !0,
-            ref_key: "tabsRef",
-            ref: s
+            ref: (S) => i(S)
           }, null, 512)) : k("", !0)
         ]))), 256))
       ], 1024))
     ], 64));
   }
-}, js = /* @__PURE__ */ se(Un, [["__scopeId", "data-v-a9dc38fc"]]);
+}, js = /* @__PURE__ */ se(Un, [["__scopeId", "data-v-7af8a905"]]);
 const qn = { class: "d-grid" }, Gn = {
   __name: "DGrid",
   props: {
@@ -2487,7 +2488,7 @@ const qn = { class: "d-grid" }, Gn = {
     radius: String
   },
   setup(t) {
-    const e = t, o = S(null), n = new Image();
+    const e = t, o = C(null), n = new Image();
     return n.onload = () => {
       o.value = n.src;
     }, n.onerror = () => {
@@ -2526,7 +2527,7 @@ const Kn = { class: "d-textarea" }, Jn = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
+    const n = t, s = C(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
       get: () => n.modelValue,
       set: (i) => {
         o("update:modelValue", i);
@@ -2542,7 +2543,7 @@ const Kn = { class: "d-textarea" }, Jn = {
       focus: r
     }), (i, c) => (d(), m("div", Kn, [
       n.label ? (d(), m("div", Jn, O(n.label), 1)) : k("", !0),
-      ne(_("textarea", {
+      ne(b("textarea", {
         ref_key: "inputRef",
         ref: s,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
@@ -2644,7 +2645,7 @@ const ps = new us(), G = {
 };
 class fs {
   validate(e, o) {
-    var s, a, l, r, i, c, u, g, b, C, R, $, H, Y;
+    var s, a, l, r, i, c, u, g, _, S, R, $, H, Y;
     let n = "";
     if (o) {
       let M = !1;
@@ -2661,7 +2662,7 @@ class fs {
               n = G.RulesMin.validate(e, (i = o[I]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = o[I]) != null && c.message ? (u = o[I]) == null ? void 0 : u.message : "very_small"), M = n !== "";
               break;
             case "max":
-              n = G.RulesMax.validate(e, (g = o[I]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((b = o[I]) != null && b.message ? (C = o[I]) == null ? void 0 : C.message : "vary_large"), M = n !== "";
+              n = G.RulesMax.validate(e, (g = o[I]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((_ = o[I]) != null && _.message ? (S = o[I]) == null ? void 0 : S.message : "vary_large"), M = n !== "";
               break;
             case "email":
               n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = o[I]) != null && R.message ? ($ = o[I]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
@@ -2682,21 +2683,21 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
 }, vs = {
   key: 0,
   class: "text-red"
-}, ys = { style: { display: "flex", "flex-direction": "row" } }, _s = { style: { flex: "1", position: "relative" } }, bs = /* @__PURE__ */ _("svg", {
+}, ys = { style: { display: "flex", "flex-direction": "row" } }, _s = { style: { flex: "1", position: "relative" } }, bs = /* @__PURE__ */ b("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ _("path", {
+  /* @__PURE__ */ b("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
 ], -1), xs = [
   bs
-], ks = ["id", "type", "placeholder", "disabled"], $s = /* @__PURE__ */ _("svg", {
+], ks = ["id", "type", "placeholder", "disabled"], $s = /* @__PURE__ */ b("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ _("path", {
+  /* @__PURE__ */ b("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
@@ -2732,7 +2733,7 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(t, { expose: e, emit: o }) {
-    const n = t, s = S(n.error), a = zt(), l = S(!1), r = S(null);
+    const n = t, s = C(n.error), a = zt(), l = C(!1), r = C(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const i = h({
       get: () => n.modelValue,
@@ -2741,15 +2742,15 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
         o("update:modelValue", M);
       }
     }), c = h(() => n.type === "password" ? "password" : "text"), u = h(() => n.scale), g = (M) => {
-      o("input", M), b();
-    }, b = () => {
+      o("input", M), _();
+    }, _ = () => {
       if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
         return s.value = ms.validate(i.value, n.form.fields[n.name].rules), !!s.value;
     };
     he(() => {
-      C();
+      S();
     });
-    const C = () => {
+    const S = () => {
       var M;
       (M = r.value) == null || M.focus();
     }, R = () => {
@@ -2762,20 +2763,20 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
       o("blur", M);
     };
     return e({
-      focus: C,
+      focus: S,
       setError: H,
-      validate: b
+      validate: _
     }), (M, I) => {
       var F, D, W, N, w, V, P, f, p, y, A, ae, ve, ye, _e, be, Q, xe, de, ke, Le, ge, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt;
       return d(), m("div", {
         class: T(["d-input-string", u.value])
       }, [
-        _("div", hs, [
+        b("div", hs, [
           n.label ? (d(), m("div", gs, [
             K(O(n.label), 1),
             (F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), m("span", vs, "*")) : k("", !0)
           ])) : k("", !0),
-          _("div", ys, [
+          b("div", ys, [
             (W = (D = n.pre) == null ? void 0 : D.outside) != null && W.component ? (d(), m("div", {
               key: 0,
               class: T(["d-pre", n.disabled ? "disabled" : ""])
@@ -2785,17 +2786,17 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
               key: 1,
               class: T(["d-pre", n.disabled ? "disabled" : ""])
             }, [
-              _("div", {
+              b("div", {
                 class: T(["d-text", l.value ? "focused" : ""])
               }, O((p = (f = n.pre) == null ? void 0 : f.outside) == null ? void 0 : p.text), 3)
             ], 2)) : k("", !0),
-            _("div", _s, [
+            b("div", _s, [
               (A = (y = n.pre) == null ? void 0 : y.inside) != null && A.action && ((ve = (ae = n.pre) == null ? void 0 : ae.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), m("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: R
               }, xs)) : k("", !0),
-              ne(_("input", {
+              ne(b("input", {
                 id: E(a),
                 ref_key: "inputRef",
                 ref: r,
@@ -2833,7 +2834,7 @@ const ms = new fs(), hs = { style: { display: "flex", "flex-direction": "column"
               key: 3,
               class: T(["d-post", n.disabled ? "disabled" : ""])
             }, [
-              _("div", {
+              b("div", {
                 class: T(["d-text", l.value ? "focused" : ""])
               }, O((nt = (ot = n.post) == null ? void 0 : ot.outside) == null ? void 0 : nt.text), 3)
             ], 2)) : k("", !0)