@duxweb/dvha-pro 1.0.23 → 1.0.25

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

@@ -1,13 +1,24 @@
-import { defineComponent as M, ref as d, watch as u, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
+import { defineComponent as M, ref as c, watch as s, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
 import { useRouteStore as D, useTheme as T, useI18n as K } from "@duxweb/dvha-core";
 import { useMagicKeys as R, watchThrottled as j } from "@vueuse/core";
 import { cloneDeep as E } from "lodash-es";
-import { NTag as y, NButton as G } from "naive-ui";
-import { Command as i } from "vue-command-palette";
+import { NTag as k, NButton as G } from "naive-ui";
+import { Command as o } from "vue-command-palette";
 import { useRouter as L } from "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "vue-draggable-plus";
@@ -25,90 +36,78 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../../components/image/elements/index.js";
+import "fabric";
 import "mime";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as q } from "../../hooks/ui.js";
-const we = /* @__PURE__ */ M({
+const Be = /* @__PURE__ */ M({
   name: "DuxMenuCmd",
   setup() {
     const {
-      cmdVisible: v,
-      setCmdVisible: s
-    } = q(), f = R(), S = f["Meta+K"], c = d(), n = d([]), C = L(), o = D(), {
-      setMode: b
-    } = T(), m = d(""), {
-      t: a
-    } = K(), g = d(), x = (e) => {
-      const l = o.routes.filter((r) => r.parent === e);
-      c.value = e, n.value = l;
+      cmdVisible: h,
+      setCmdVisible: m
+    } = q(), p = R(), y = p["Meta+K"], u = c(), a = c([]), S = L(), i = D(), {
+      setMode: v
+    } = T(), n = c(""), {
+      t: r
+    } = K(), b = c(), g = (e) => {
+      const l = i.routes.filter((I) => I.parent === e);
+      u.value = e, a.value = l;
+    }, C = () => {
+      m(!0);
     }, N = () => {
-      s(!0);
-    }, z = () => {
-      s(!1);
-    }, I = (e) => {
-      e ? n.value = [...E(o.routes).filter((l) => {
-        var r;
-        return (r = l.label) == null ? void 0 : r.includes(e);
-      })] : n.value = o.routes.filter((l) => !l.parent);
+      m(!1);
+    }, z = (e) => {
+      e ? a.value = [...E(i.routes).filter((l) => l.label?.includes(e))] : a.value = i.routes.filter((l) => !l.parent);
     };
-    u(v, (e) => {
-      e ? n.value = o.routes.filter((l) => !l.parent) : n.value = o.routes.filter((l) => !l.parent);
-    }), j(m, () => {
-      I(m.value);
+    s(h, (e) => {
+      e ? a.value = i.routes.filter((l) => !l.parent) : a.value = i.routes.filter((l) => !l.parent);
+    }), j(n, () => {
+      z(n.value);
     }, {
       throttle: 500
     });
-    const k = () => {
-      const e = o.routes.find((l) => l.name === c.value);
-      x(e == null ? void 0 : e.parent);
+    const x = () => {
+      const e = i.routes.find((l) => l.name === u.value);
+      g(e?.parent);
     };
-    u(S, (e) => {
-      e && N();
-    }), u(f.Escape, (e) => {
-      e && s(!1);
-    }), u(f.Backspace, (e) => {
-      e && m.value === "" && c.value && k();
-    }), u(g, (e) => {
+    s(y, (e) => {
+      e && C();
+    }), s(p.Escape, (e) => {
+      e && m(!1);
+    }), s(p.Backspace, (e) => {
+      e && n.value === "" && u.value && x();
+    }), s(b, (e) => {
       e && e.focus();
     });
-    const h = w(() => n.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), p = (e) => t(i.Item, {
-      onSelect: e == null ? void 0 : e.onSelect
+    const d = w(() => a.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), f = (e) => t(o.Item, {
+      onSelect: e?.onSelect
     }, {
       default: () => [t("div", {
         class: "flex items-center justify-between flex-1"
       }, [t("div", {
         class: "flex items-center gap-2"
       }, [t("div", {
-        class: ["size-4", e == null ? void 0 : e.icon]
-      }, null), t("div", null, [e == null ? void 0 : e.label])]), t("div", null, [(e == null ? void 0 : e.keyName) && t(y, {
+        class: ["size-4", e?.icon]
+      }, null), t("div", null, [e?.label])]), t("div", null, [e?.keyName && t(k, {
         size: "small"
       }, {
-        default: () => [e == null ? void 0 : e.keyName]
+        default: () => [e?.keyName]
       })])])]
     });
-    return () => t(i.Dialog, {
-      visible: v.value,
+    return () => t(o.Dialog, {
+      visible: h.value,
       theme: "command-palette"
     }, {
       header: () => t("div", {
         class: "relative"
       }, [t("input", {
-        ref: g,
-        placeholder: a("common.search"),
+        ref: b,
+        placeholder: r("common.search"),
         onInput: (e) => {
-          m.value = e.target.value;
+          n.value = e.target.value;
         },
         class: "w-full h-12 text-base/5 rounded-md border-0 placeholder:text-dimmed outline-0 px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent ps-10 pe-10"
       }, null), t("span", {
@@ -118,7 +117,7 @@ const we = /* @__PURE__ */ M({
         "aria-hidden": "true"
       }, null)]), t("span", {
         class: "absolute inset-y-0 end-0 flex items-center gap-2 pe-3"
-      }, [t(y, {
+      }, [t(k, {
         size: "small"
       }, {
         default: () => [B("Esc")]
@@ -126,51 +125,48 @@ const we = /* @__PURE__ */ M({
         quaternary: !0,
         circle: !0,
         size: "small",
-        onClick: () => s(!1)
+        onClick: () => m(!1)
       }, {
         icon: () => t("div", {
           class: "i-tabler:x size-5",
           "aria-hidden": "true"
         }, null)
       })])]),
-      body: () => t(V, null, [h.value.length === 0 && m.value && t("div", {
+      body: () => t(V, null, [d.value.length === 0 && n.value && t("div", {
         class: "flex items-center justify-center h-20 border-t border-muted"
-      }, [a("common.empty")]), h.value.length > 0 && t(i.List, null, {
-        default: () => [t(i.Group, {
-          heading: a("common.menu")
+      }, [r("common.empty")]), d.value.length > 0 && t(o.List, null, {
+        default: () => [t(o.Group, {
+          heading: r("common.menu")
         }, {
-          default: () => {
-            var e;
-            return [(e = h.value) == null ? void 0 : e.map((l, r) => t(i.Item, {
-              key: r,
-              onSelect: () => {
-                l.path ? (C.push(l.path), z()) : x(l.name);
-              }
-            }, {
-              default: () => [t("div", {
-                class: l.path ? "i-tabler:link" : "i-tabler:folder"
-              }, null), l.label]
-            }))];
-          }
-        }), t(i.Separator, null, null), c.value ? t(p, {
+          default: () => [d.value?.map((e, l) => t(o.Item, {
+            key: l,
+            onSelect: () => {
+              e.path ? (S.push(e.path), N()) : g(e.name);
+            }
+          }, {
+            default: () => [t("div", {
+              class: e.path ? "i-tabler:link" : "i-tabler:folder"
+            }, null), e.label]
+          }))]
+        }), t(o.Separator, null, null), u.value ? t(f, {
           icon: "i-tabler:arrow-left",
-          label: a("common.back"),
-          onSelect: k,
+          label: r("common.back"),
+          onSelect: x,
           keyName: "Backspace"
-        }, null) : t(i.Group, {
-          heading: a("common.theme")
+        }, null) : t(o.Group, {
+          heading: r("common.theme")
         }, {
-          default: () => [t(p, {
+          default: () => [t(f, {
             icon: "i-tabler:moon",
-            label: a("common.dark"),
+            label: r("common.dark"),
             onSelect: () => {
-              b("dark");
+              v("dark");
             }
-          }, null), t(p, {
+          }, null), t(f, {
             icon: "i-tabler:sun",
-            label: a("common.light"),
+            label: r("common.light"),
             onSelect: () => {
-              b("light");
+              v("light");
             }
           }, null)]
         })]
@@ -179,5 +175,5 @@ const we = /* @__PURE__ */ M({
   }
 });
 export {
-  we as DuxMenuCmd
+  Be as DuxMenuCmd
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, createVNode as e, createTextVNode as i } from "vue";
+import { defineComponent as c, createVNode as e, createTextVNode as l } from "vue";
 import { useManage as f, useI18n as v, DuxLogoIcon as x } from "@duxweb/dvha-core";
 import { useNaiveMenu as g } from "@duxweb/dvha-naiveui";
 import { NTag as r, NScrollbar as h, NMenu as b } from "naive-ui";
@@ -7,6 +7,17 @@ import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
@@ -27,22 +38,13 @@ import p from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../../components/image/elements/index.js";
+import "fabric";
 import "mime";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as y } from "../../hooks/ui.js";
-const ue = /* @__PURE__ */ c({
+const fe = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
     collapsed: {
@@ -52,12 +54,12 @@ const ue = /* @__PURE__ */ c({
   },
   setup(o) {
     const {
-      options: a,
-      active: m
+      options: m,
+      active: a
     } = g({}), {
       menuCollapsed: t,
       setCmdVisible: s,
-      menuMobileCollapsed: l,
+      menuMobileCollapsed: i,
       setMenuCollapsed: d
     } = y(), {
       config: n
@@ -99,21 +101,21 @@ const ue = /* @__PURE__ */ c({
         bordered: !1,
         type: "primary"
       }, {
-        default: () => [i("⌘")]
+        default: () => [l("⌘")]
       }), e(r, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
-        default: () => [i("K")]
+        default: () => [l("K")]
       })])])
     })]), e("div", {
-      class: ["flex-1 min-h-0", l.value ? "border-t border-muted" : ""]
+      class: ["flex-1 min-h-0", i.value ? "border-t border-muted" : ""]
     }, [e(h, null, {
       default: () => [e(b, {
-        options: a.value,
-        value: m.value,
-        collapsed: t.value && !l.value,
+        options: m.value,
+        value: a.value,
+        collapsed: t.value && !i.value,
         indent: 20,
         collapsedWidth: 60,
         collapsedIconSize: 20
@@ -126,5 +128,5 @@ const ue = /* @__PURE__ */ c({
   }
 });
 export {
-  ue as DuxMenuMain
+  fe as DuxMenuMain
 };

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

@@ -6,6 +6,17 @@ import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
@@ -26,22 +37,13 @@ import { DuxMenuMain as i } from "./main.js";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../../components/image/elements/index.js";
+import "fabric";
 import "mime";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as e } from "../../hooks/ui.js";
-const Y = /* @__PURE__ */ p({
+const $ = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
   setup(l) {
@@ -61,5 +63,5 @@ const Y = /* @__PURE__ */ p({
   }
 });
 export {
-  Y as DuxMobileMenu
+  $ as DuxMobileMenu
 };

package/dist/esm/pages/page.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, ref as p, createVNode as c } from "vue";
-import { NScrollbar as g } from "naive-ui";
-const x = /* @__PURE__ */ m({
+import { defineComponent as d, ref as s, createVNode as o } from "vue";
+import { NScrollbar as i } from "naive-ui";
+const p = /* @__PURE__ */ d({
   name: "DuxPage",
   props: {
     padding: {
@@ -20,35 +20,31 @@ const x = /* @__PURE__ */ m({
       default: !0
     }
   },
-  setup(a, {
-    slots: e
+  setup(e, {
+    slots: l
   }) {
-    const d = p(!1), f = (r) => {
-      const n = r.target;
-      d.value = n.scrollTop > 0;
+    const r = s(!1), c = (t) => {
+      const a = t.target;
+      r.value = a.scrollTop > 0;
     };
     return () => {
-      var t, o, i;
-      const r = a.card ? "bg-default dark:bg-muted rounded shadow-xs lg:dark:border lg:dark:border-muted" : "", n = a.card && a.padding ? "p-3" : "", l = a.scrollbar ? "" : "h-full";
-      return c("div", {
+      const t = e.card ? "bg-default dark:bg-muted rounded shadow-xs lg:dark:border lg:dark:border-muted" : "", a = e.card && e.padding ? "p-3" : "", n = e.scrollbar ? "" : "h-full";
+      return o("div", {
         class: "h-full flex-1 flex gap-2 relative"
-      }, [c("div", {
-        class: `z-1 absolute top-0 left-0 w-full h-10 bg-linear-to-b from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),white_95%)] dark:from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),theme(colors.gray.950)_95%)] to-transparent pointer-events-none transition-opacity duration-300 ${d.value ? "opacity-100" : "opacity-0"}`
-      }, null), (t = e == null ? void 0 : e.sideLeft) == null ? void 0 : t.call(e), a.scrollbar ? c(g, {
-        class: [r, "flex-1 min-w-0"],
-        contentClass: `${n} ${l}`,
-        onScroll: f
+      }, [o("div", {
+        class: `z-1 absolute top-0 left-0 w-full h-10 bg-linear-to-b from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),white_95%)] dark:from-[color-mix(in_oklch,theme(colors.primary.DEFAULT),theme(colors.gray.950)_95%)] to-transparent pointer-events-none transition-opacity duration-300 ${r.value ? "opacity-100" : "opacity-0"}`
+      }, null), l?.sideLeft?.(), e.scrollbar ? o(i, {
+        class: [t, "flex-1 min-w-0"],
+        contentClass: `${a} ${n}`,
+        onScroll: c
       }, {
-        default: () => {
-          var u;
-          return [(u = e.default) == null ? void 0 : u.call(e)];
-        }
-      }) : c("div", {
-        class: `${r} ${n} ${l} flex-1 min-w-0`
-      }, [(o = e.default) == null ? void 0 : o.call(e)]), (i = e == null ? void 0 : e.sideRight) == null ? void 0 : i.call(e)]);
+        default: () => [l.default?.()]
+      }) : o("div", {
+        class: `${t} ${a} ${n} flex-1 min-w-0`
+      }, [l.default?.()]), l?.sideRight?.()]);
     };
   }
 });
 export {
-  x as DuxPage
+  p as DuxPage
 };

package/dist/esm/pages/page404.js

@@ -12,6 +12,17 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "vue-draggable-plus";
@@ -30,17 +41,8 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import { DuxPageStatus as d } from "./pageStatus.js";
 import "@iconify-json/tabler/icons.json";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
+import "../components/image/elements/index.js";
+import "fabric";
 function g(o) {
   return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
 }

package/dist/esm/pages/pageStatus.js

@@ -1,5 +1,5 @@
-import { defineComponent as o, createVNode as i } from "vue";
-import { DuxCard as p } from "../components/card/card.js";
+import { defineComponent as e, createVNode as t } from "vue";
+import { DuxCard as o } from "../components/card/card.js";
 import "clsx";
 import "naive-ui";
 import "vue-echarts";
@@ -13,6 +13,17 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "vue-draggable-plus";
@@ -30,18 +41,9 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "./page404.js";
 import "@iconify-json/tabler/icons.json";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-const Y = /* @__PURE__ */ o({
+import "../components/image/elements/index.js";
+import "fabric";
+const Y = /* @__PURE__ */ e({
   name: "DuxPageStatus",
   props: {
     title: String,
@@ -51,29 +53,26 @@ const Y = /* @__PURE__ */ o({
       default: !0
     }
   },
-  setup(t, {
-    slots: e
+  setup(r, {
+    slots: i
   }) {
-    return () => i(p, {
+    return () => t(o, {
       class: "size-full flex items-center justify-center",
-      bordered: t.bordered
+      bordered: r.bordered
     }, {
-      default: () => {
-        var r, m;
-        return [i("div", {
-          class: "flex flex-col gap-6 justify-center items-center py-10"
-        }, [i("div", {
-          class: "w-40"
-        }, [(r = e.default) == null ? void 0 : r.call(e)]), i("div", {
-          class: "flex flex-col items-center justify-center gap-2"
-        }, [i("div", {
-          class: "text-lg text-default font-bold"
-        }, [t == null ? void 0 : t.title]), i("div", {
-          class: "text-muted"
-        }, [t == null ? void 0 : t.desc])]), i("div", {
-          class: "flex justify-center items-center gap-4"
-        }, [(m = e.action) == null ? void 0 : m.call(e)])])];
-      }
+      default: () => [t("div", {
+        class: "flex flex-col gap-6 justify-center items-center py-10"
+      }, [t("div", {
+        class: "w-40"
+      }, [i.default?.()]), t("div", {
+        class: "flex flex-col items-center justify-center gap-2"
+      }, [t("div", {
+        class: "text-lg text-default font-bold"
+      }, [r?.title]), t("div", {
+        class: "text-muted"
+      }, [r?.desc])]), t("div", {
+        class: "flex justify-center items-center gap-4"
+      }, [i.action?.()])])]
     });
   }
 });

package/dist/esm/stores/ui.js

@@ -1,26 +1,26 @@
 import { defineStore as u } from "pinia";
-import { inject as c, ref as r } from "vue";
-function a(e) {
-  const o = c("dux.manage");
-  if (e || (e = (o == null ? void 0 : o.value) || ""), !e)
+import { inject as c, ref as s } from "vue";
+function m(e) {
+  const t = c("dux.manage");
+  if (e || (e = t?.value || ""), !e)
     throw new Error("manage not found");
   return d(e)();
 }
 function d(e) {
   return u(`ui-${e}`, () => {
-    const o = r(!0), s = r(!1), i = (t) => {
-      o.value = t;
-    }, l = (t) => {
-      s.value = t;
-    }, n = r(!1);
+    const t = s(!0), n = s(!1), i = (o) => {
+      t.value = o;
+    }, l = (o) => {
+      n.value = o;
+    }, r = s(!1);
     return {
-      menuCollapsed: o,
+      menuCollapsed: t,
       setMenuCollapsed: i,
-      cmdVisible: n,
-      setCmdVisible: (t) => {
-        n.value = t;
+      cmdVisible: r,
+      setCmdVisible: (o) => {
+        r.value = o;
       },
-      menuMobileCollapsed: s,
+      menuMobileCollapsed: n,
       setMenuMobileCollapsed: l
     };
   }, {
@@ -30,5 +30,5 @@ function d(e) {
   });
 }
 export {
-  a as useUIStore
+  m as useUIStore
 };