@duxweb/dvha-pro 1.1.9 → 1.1.11

package/dist/esm/components/modal/modal.js

@@ -1,7 +1,7 @@
-import { defineComponent as s, defineAsyncComponent as c, createVNode as t, mergeProps as n, Suspense as m } from "vue";
-import { useExtendOverlay as f } from "@overlastic/vue";
+import { defineComponent as c, defineAsyncComponent as s, createVNode as t, mergeProps as n, Suspense as m } from "vue";
+import { useDisclosure as f } from "@overlastic/vue";
 import { NModal as g, NSpin as b } from "naive-ui";
-const w = /* @__PURE__ */ s({
+const y = /* @__PURE__ */ c({
   name: "DuxModal",
   props: {
     title: {
@@ -26,19 +26,19 @@ const w = /* @__PURE__ */ s({
   setup(e) {
     const {
       visible: l,
-      resolve: d,
-      reject: a,
-      vanish: r
+      confirm: d,
+      cancel: a,
+      vanish: i
     } = f({
       duration: 1e3
     }), o = e?.componentProps || {};
     o.title = e.title, o.onConfirm = d, o.onClose = a;
-    const i = typeof e.component == "function" ? c(e.component) : e.component;
+    const r = typeof e.component == "function" ? s(e.component) : e.component;
     return () => t(g, n({
       displayDirective: "show",
       show: l.value,
       onAfterLeave: () => {
-        r();
+        i();
       },
       onClose: () => {
         a();
@@ -61,7 +61,7 @@ const w = /* @__PURE__ */ s({
           width: typeof e.width == "number" ? `${e.width}px` : e.width
         }
       }, [t(m, null, {
-        default: () => t(i, n(o, {
+        default: () => t(r, n(o, {
           title: e.title,
           handle: u
         }), null),
@@ -77,6 +77,6 @@ const w = /* @__PURE__ */ s({
   }
 });
 export {
-  w as DuxModal,
-  w as default
+  y as DuxModal,
+  y as default
 };

package/dist/esm/hooks/dialog.js

@@ -1,4 +1,4 @@
-import { useOverlayInject as p } from "@overlastic/vue";
+import { useOverlay as p } from "@overlastic/vue";
 import "vue";
 import "clsx";
 import "naive-ui";
@@ -61,7 +61,7 @@ import "@vue-flow/background";
 import "@iconify-json/tabler/icons.json";
 import "../components/posterEditor/elements/index.js";
 import "fabric";
-function hr() {
+function wr() {
   const t = p(m), o = (r) => t(r);
   return {
     confirm: (r) => o({
@@ -87,5 +87,5 @@ function hr() {
   };
 }
 export {
-  hr as useDialog
+  wr as useDialog
 };

package/dist/esm/hooks/drawer.js

@@ -1,4 +1,4 @@
-import { useOverlayInject as t } from "@overlastic/vue";
+import { useOverlay as t } from "@overlastic/vue";
 import "vue";
 import "clsx";
 import "naive-ui";
@@ -61,12 +61,12 @@ import "@vue-flow/background";
 import "@iconify-json/tabler/icons.json";
 import "../components/posterEditor/elements/index.js";
 import "fabric";
-function Dr() {
+function hr() {
   const r = t(m);
   return {
     show: (o) => r(o)
   };
 }
 export {
-  Dr as useDrawer
+  hr as useDrawer
 };

package/dist/esm/hooks/modal.js

@@ -1,4 +1,4 @@
-import { useOverlayInject as t } from "@overlastic/vue";
+import { useOverlay as t } from "@overlastic/vue";
 import "vue";
 import "clsx";
 import "naive-ui";

package/dist/esm/pages/menu/menuApp.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, onMounted as D, computed as p, createVNode as e, Transition as z, createTextVNode as u, h as m } from "vue";
-import { useManage as A, useI18n as N, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
+import { defineComponent as C, onMounted as z, computed as u, createVNode as e, Transition as N, createTextVNode as m, h as c } from "vue";
+import { useManage as A, useI18n as D, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
 import { cloneDeep as d } from "lodash-es";
-import { NScrollbar as c, NTag as f, NMenu as L } from "naive-ui";
-import { useRouter as V, RouterLink as j } from "vue-router";
-import F from "./avatar.js";
+import { NScrollbar as f, NTooltip as L, NButton as V, NTag as v, NMenu as j } from "naive-ui";
+import { useRouter as B, RouterLink as F } from "vue-router";
+import O from "./avatar.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -59,11 +59,11 @@ import "../../components/posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as O } from "../../hooks/ui.js";
+import { useUI as R } from "../../hooks/ui.js";
 import "vue-command-palette";
-import R from "./dark.js";
-import S from "./notice.js";
-const We = /* @__PURE__ */ C({
+import S from "./dark.js";
+import U from "./notice.js";
+const Xe = /* @__PURE__ */ C({
   name: "DuxMenuApp",
   props: {
     collapsed: {
@@ -73,33 +73,33 @@ const We = /* @__PURE__ */ C({
   },
   setup() {
     const {
-      setCmdVisible: v,
+      setCmdVisible: h,
       setMenuCollapsed: x
-    } = O(), {
+    } = R(), {
       config: l
     } = A(), {
-      t: h
-    } = N(), g = V(), {
+      t: g
+    } = D(), i = B(), {
       mainMenu: b,
       subMenu: y,
-      appActive: a,
+      appActive: n,
       subActive: s,
-      isSubMenu: M
+      isSubMenu: k
     } = T({
       doubleMenu: !0
     });
-    D(() => {
+    z(() => {
       x(!1);
     });
-    const i = (t) => t.map((r) => {
+    const a = (t) => t.map((r) => {
       const o = {
         ...r,
         key: r.name,
-        icon: r?.icon ? () => m("div", {
+        icon: r?.icon ? () => c("div", {
           class: `${r.icon} size-5`
         }) : void 0,
         labelName: r.label,
-        label: () => r.path ? m(j, {
+        label: () => r.path ? c(F, {
           to: {
             path: r.path
           }
@@ -107,8 +107,8 @@ const We = /* @__PURE__ */ C({
           default: () => r.label
         }) : r.label
       };
-      return o.children && o.children.length > 0 && (o.children = i(o.children)), o;
-    }), k = p(() => i(d(b.value))), w = p(() => i(d(y.value)));
+      return o.children && o.children.length > 0 && (o.children = a(o.children)), o;
+    }), w = u(() => a(d(b.value))), M = u(() => a(d(y.value)));
     return () => e("div", {
       class: "flex h-screen gap-2 pr-2"
     }, [e("div", {
@@ -127,25 +127,50 @@ const We = /* @__PURE__ */ C({
       class: "size-4"
     }, null)])]), e("div", {
       class: "flex-1 min-h-0"
-    }, [e(c, null, {
+    }, [e(f, null, {
       default: () => [e("div", {
         class: "flex flex-col px-2 gap-2"
-      }, [k.value.map((t, n) => e("div", {
-        key: n,
-        class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === a.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
+      }, [w.value.map((t, p) => e("div", {
+        key: p,
+        class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === n.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
         onClick: () => {
-          a.value = t.key, t?.path && g.push(t.path);
+          n.value = t.key, t?.path && i.push(t.path);
         }
       }, [e("div", null, [t.icon?.()]), e("div", {
         class: "text-xs"
       }, [typeof t.label == "function" ? t.label?.() : t.label])]))])]
     })]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2"
-    }, [l.notice?.status && e(S, {
+    }, [l.tools?.map((t) => e(L, {
+      trigger: "hover",
+      placement: "right"
+    }, {
+      default: () => t.label,
+      trigger: () => e(V, {
+        quaternary: !0,
+        onClick: () => {
+          if (t.callback) {
+            t.callback();
+            return;
+          }
+          if (t.path) {
+            i.push(t.path);
+            return;
+          }
+          t.url && window.open(t.url, "_blank");
+        }
+      }, {
+        icon: () => e("div", {
+          class: "transition-all text-muted p-2 hover:text-white"
+        }, [e("div", {
+          class: `${t.icon} size-5`
+        }, null)])
+      })
+    })), l.notice?.status && e(U, {
       collapsed: !0
-    }, null), e(R, null, null), e(F, {
+    }, null), e(S, null, null), e(O, {
       collapsed: !0
-    }, null)])])]), e(z, {
+    }, null)])])]), e(N, {
       name: "submenu-slide",
       enterActiveClass: "transition-all duration-150 ease-out",
       enterFromClass: "opacity-0 translate-x-[-50%]",
@@ -154,39 +179,39 @@ const We = /* @__PURE__ */ C({
       leaveFromClass: "opacity-100 translate-x-0",
       leaveToClass: "opacity-0 translate-x-[-50%]"
     }, {
-      default: () => [M.value && e("div", null, [e("div", {
+      default: () => [k.value && e("div", null, [e("div", {
         class: "w-160px overflow-hidden flex flex-col h-full"
       }, [e("div", {
         class: "py-2 flex-none"
       }, [e("div", {
         class: "rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",
-        onClick: () => v(!0)
+        onClick: () => h(!0)
       }, [e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null), e("div", {
         class: "text-muted text-sm flex-1"
-      }, [h("common.search")]), e("div", {
+      }, [g("common.search")]), e("div", {
         class: "flex items-center gap-1 absolute right-2.5"
-      }, [e(f, {
+      }, [e(v, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
-        default: () => [u("⌘")]
-      }), e(f, {
+        default: () => [m("⌘")]
+      }), e(v, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
-        default: () => [u("K")]
+        default: () => [m("K")]
       })])])]), e("div", {
         class: "flex-1 min-h-0"
-      }, [e(c, null, {
-        default: () => [e(L, {
+      }, [e(f, null, {
+        default: () => [e(j, {
           rootIndent: 20,
           indent: 15,
           class: "app-menu",
-          options: w.value,
+          options: M.value,
           value: s.value,
           collapsed: !1,
           onUpdateValue: (t) => s.value = t
@@ -196,5 +221,5 @@ const We = /* @__PURE__ */ C({
   }
 });
 export {
-  We as DuxMenuApp
+  Xe as DuxMenuApp
 };

package/dist/esm/pages/menu/notice.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, computed as d, ref as C, createVNode as t, Fragment as F, isVNode as S } from "vue";
-import { useI18n as z, useManage as B, useList as M, useCustomMutation as R } from "@duxweb/dvha-core";
-import { NPopover as D, NButton as u, NSpin as _, NTooltip as j, NBadge as A } from "naive-ui";
+import { useI18n as z, useManage as B, useList as R, useCustomMutation as M } from "@duxweb/dvha-core";
+import { NPopover as _, NButton as u, NSpin as j, NTooltip as A, NBadge as D } from "naive-ui";
 import { useRouter as L } from "vue-router";
 import { DuxCard as O } from "../../components/card/card.js";
 import "clsx";
@@ -83,7 +83,7 @@ const Kt = /* @__PURE__ */ k({
       data: f,
       isLoading: v,
       refetch: h
-    } = M({
+    } = R({
       path: o.notice?.path || "notice",
       pagination: {
         page: 1,
@@ -91,7 +91,7 @@ const Kt = /* @__PURE__ */ k({
       }
     }), {
       mutate: p
-    } = R({
+    } = M({
       path: `${o.notice?.path || "notice"}`,
       method: "POST",
       onSuccess: () => {
@@ -111,7 +111,7 @@ const Kt = /* @__PURE__ */ k({
         }
       }), r.value = !1;
     };
-    return () => t(D, {
+    return () => t(_, {
       trigger: "click",
       arrowClass: "ml-2.5",
       placement: "bottom-start",
@@ -120,7 +120,7 @@ const Kt = /* @__PURE__ */ k({
       show: r.value,
       onClickoutside: () => r.value = !1
     }, {
-      trigger: () => t(j, {
+      trigger: () => t(A, {
         trigger: "hover",
         placement: "right"
       }, {
@@ -129,7 +129,7 @@ const Kt = /* @__PURE__ */ k({
           onClick: () => r.value = !0,
           quaternary: !0
         }, {
-          icon: () => t(A, {
+          icon: () => t(D, {
             dot: s.value,
             offset: [-8, 8]
           }, {
@@ -148,7 +148,7 @@ const Kt = /* @__PURE__ */ k({
         contentSize: "none",
         title: i("components.menu.notice", "Notice")
       }, {
-        default: () => t(F, null, [t(_, {
+        default: () => t(F, null, [t(j, {
           show: v.value
         }, {
           default: () => [l.value.length > 0 ? t("div", {

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;--un-space-y-reverse:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -1092,15 +1092,19 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mx-auto{margin-inline:auto;}
 .my-2{margin-block:calc(var(--spacing) * 2);}
 .my-6{margin-block:calc(var(--spacing) * 6);}
+.mb{margin-bottom:calc(var(--spacing) * 4);}
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
+.ml{margin-left:calc(var(--spacing) * 4);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
+.mr{margin-right:calc(var(--spacing) * 4);}
 .mr-1\\!{margin-right:calc(var(--spacing) * 1) !important;}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
+.mt,
+.mt-4{margin-top:calc(var(--spacing) * 4);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
 .mt-3{margin-top:calc(var(--spacing) * 3);}
-.mt-4{margin-top:calc(var(--spacing) * 4);}
 .mt-auto{margin-top:auto;}
 .p-1{padding:calc(var(--spacing) * 1);}
 .p-2{padding:calc(var(--spacing) * 2);}
@@ -1111,11 +1115,12 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .p-8{padding:calc(var(--spacing) * 8);}
 .\\!px-1{padding-inline:calc(var(--spacing) * 1) !important;}
 .\\!px-4{padding-inline:calc(var(--spacing) * 4) !important;}
+.px,
+.px-4{padding-inline:calc(var(--spacing) * 4);}
 .px-1{padding-inline:calc(var(--spacing) * 1);}
 .px-2{padding-inline:calc(var(--spacing) * 2);}
 .px-2\\.5{padding-inline:calc(var(--spacing) * 2.5);}
 .px-3{padding-inline:calc(var(--spacing) * 3);}
-.px-4{padding-inline:calc(var(--spacing) * 4);}
 .px-6{padding-inline:calc(var(--spacing) * 6);}
 .py-1{padding-block:calc(var(--spacing) * 1);}
 .py-1\\.5{padding-block:calc(var(--spacing) * 1.5);}
@@ -1144,6 +1149,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .pt-2{padding-top:calc(var(--spacing) * 2);}
 .pt-4{padding-top:calc(var(--spacing) * 4);}
 .pt-6{padding-top:calc(var(--spacing) * 6);}
+.pie{padding-inline-end:calc(var(--spacing) * 4);}
 .text-center{text-align:center;}
 .text-left{text-align:left;}
 .outline-0{outline-style:var(--un-outline-style);outline-width:0px;}