@duxweb/dvha-pro 0.0.6 → 0.0.8

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

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as p, createVNode as e, createTextVNode as n } from "vue";
+import { defineComponent as D, computed as p, createVNode as e, createTextVNode as s } from "vue";
 import { useI18n as N, useManage as $, useLogout as j, useTheme as L } from "@duxweb/dvha-core";
 import { NAvatar as m, NDropdown as R } from "naive-ui";
 import { useRouter as S } from "vue-router";
@@ -6,7 +6,7 @@ import A from "./button.js";
 const V = /* @__PURE__ */ D({
   name: "DuxMenuAvatar",
   props: {
-    open: {
+    collapsed: {
       type: Boolean,
       default: !1
     }
@@ -58,9 +58,9 @@ const V = /* @__PURE__ */ D({
           class: "flex flex-col"
         }, [e("div", {
           class: "text-sm font-medium"
-        }, [n("admin")]), e("div", {
+        }, [s("admin")]), e("div", {
           class: "text-xs text-muted"
-        }, [n("admin@example.com")])])])
+        }, [s("admin@example.com")])])])
       }, {
         type: "divider"
       }, ...C.value, {
@@ -86,7 +86,7 @@ const V = /* @__PURE__ */ D({
             style: {
               backgroundColor: "rgb(var(--ui-color-primary))"
             }
-          }, null), e("div", null, [n("主题色")])]),
+          }, null), e("div", null, [s("主题色")])]),
           key: "color.primary",
           children: (a = y.value) == null ? void 0 : a.map((l) => ({
             label: () => o(e("div", {
@@ -107,7 +107,7 @@ const V = /* @__PURE__ */ D({
             style: {
               backgroundColor: "rgb(var(--ui-color-gray-600))"
             }
-          }, null), e("div", null, [n("中性色")])]),
+          }, null), e("div", null, [s("中性色")])]),
           key: "color.neutral",
           children: (t = k.value) == null ? void 0 : t.map((l) => ({
             label: () => o(e("div", {
@@ -150,19 +150,19 @@ const V = /* @__PURE__ */ D({
       }];
     });
     function w(a, t) {
-      const l = a.lastIndexOf("."), [M, s] = l === -1 ? [a, ""] : [a.substring(0, l), a.substring(l + 1)];
+      const l = a.lastIndexOf("."), [M, n] = l === -1 ? [a, ""] : [a.substring(0, l), a.substring(l + 1)];
       switch (M) {
         case "locale":
-          i.changeLocale(s);
+          i.changeLocale(n);
           break;
         case "color.primary":
-          d("primary", s);
+          d("primary", n);
           break;
         case "color.neutral":
-          d("gray", s);
+          d("gray", n);
           break;
         case "theme":
-          x(s);
+          x(n);
           break;
         case "logout":
           h();
@@ -181,7 +181,7 @@ const V = /* @__PURE__ */ D({
       width: 200
     }, {
       default: () => [e(A, {
-        open: g.open
+        collapsed: g.collapsed
       }, {
         icon: () => e(m, {
           class: "group-hover:shadow-lg",
@@ -193,9 +193,9 @@ const V = /* @__PURE__ */ D({
           class: "flex flex-col"
         }, [e("div", {
           class: "text-sm font-medium"
-        }, [n("admin")]), e("div", {
+        }, [s("admin")]), e("div", {
           class: "text-xs text-muted"
-        }, [n("admin@example.com")])])
+        }, [s("admin@example.com")])])
       })]
     });
   }

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

@@ -1,8 +1,9 @@
-import { defineComponent as l, createVNode as u } from "vue";
+import { defineComponent as u, createVNode as l } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
@@ -10,11 +11,14 @@ import "@vueuse/core";
 import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import { useUI as d } from "../../hooks/ui.js";
-const D = /* @__PURE__ */ l({
+const N = /* @__PURE__ */ u({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -26,9 +30,9 @@ const D = /* @__PURE__ */ l({
       default: () => {
       }
     },
-    open: {
+    collapsed: {
       type: Boolean,
-      default: !1
+      default: !0
     },
     inverted: {
       type: Boolean,
@@ -43,19 +47,19 @@ const D = /* @__PURE__ */ l({
       menuMobileCollapsed: i
     } = d();
     return () => {
-      var n, a;
-      return u("div", {
+      var r, a;
+      return l("div", {
         onClick: () => {
-          var r;
-          (r = e.onClick) == null || r.call(e);
+          var n;
+          (n = e.onClick) == null || n.call(e);
         },
         class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", e.class, o.value && !i.value ? "group" : "hover:shadow-xs hover:bg-default flex-1 w-full", e.inverted ? "transition-all duration-300 bg-inverted/5 rounded-full hover:bg-default hover:shadow-xs" : " rounded-md"]
-      }, [(n = t.icon) == null ? void 0 : n.call(t), (!o.value && !i.value || e.open) && u("div", {
+      }, [(r = t.icon) == null ? void 0 : r.call(t), e.collapsed === !1 && !o.value && !i.value && l("div", {
         class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", e.inverted ? "text-default" : ""]
       }, [(a = t.default) == null ? void 0 : a.call(t)])]);
     };
   }
 });
 export {
-  D as default
+  N as default
 };

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

@@ -2,58 +2,62 @@ import { defineComponent as M, ref as d, watch as s, computed as w, createVNode
 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 S, NButton as G } from "naive-ui";
+import { NTag as p, NButton as G } from "naive-ui";
 import { Command as n } from "vue-command-palette";
 import { useRouter as L } from "vue-router";
 import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import { useUI as q } from "../../hooks/ui.js";
-const le = /* @__PURE__ */ M({
+const oe = /* @__PURE__ */ M({
   name: "DuxMenuCmd",
   setup() {
     const {
       cmdVisible: b,
       setCmdVisible: c
-    } = q(), f = R(), p = f["Meta+K"], m = d(), i = d([]), C = L(), u = D(), {
+    } = q(), f = R(), S = f["Meta+K"], m = d(), i = d([]), C = L(), o = D(), {
       setMode: g
-    } = T(), r = d(""), {
+    } = T(), u = d(""), {
       t: a
     } = K(), x = d(), k = (e) => {
-      const l = u.routes.filter((o) => o.parent === e);
+      const l = o.routes.filter((r) => r.parent === e);
       m.value = e, i.value = l;
     }, N = () => {
       c(!0);
     }, z = () => {
       c(!1);
     }, I = (e) => {
-      e ? i.value = [...E(u.routes).filter((l) => {
-        var o;
-        return (o = l.label) == null ? void 0 : o.includes(e);
-      })] : i.value = u.routes.filter((l) => !l.parent);
+      e ? i.value = [...E(o.routes).filter((l) => {
+        var r;
+        return (r = l.label) == null ? void 0 : r.includes(e);
+      })] : i.value = o.routes.filter((l) => !l.parent);
     };
     s(b, (e) => {
-      e ? i.value = u.routes.filter((l) => !l.parent) : i.value = u.routes.filter((l) => !l.parent);
-    }), j(r, () => {
-      I(r.value);
+      e ? i.value = o.routes.filter((l) => !l.parent) : i.value = o.routes.filter((l) => !l.parent);
+    }), j(u, () => {
+      I(u.value);
     }, {
       throttle: 500
     });
     const y = () => {
-      const e = u.routes.find((l) => l.name === m.value);
+      const e = o.routes.find((l) => l.name === m.value);
       k(e == null ? void 0 : e.parent);
     };
-    s(p, (e) => {
+    s(S, (e) => {
       e && N();
     }), s(f.Escape, (e) => {
       e && c(!1);
     }), s(f.Backspace, (e) => {
-      e && r.value === "" && m.value && y();
+      e && u.value === "" && m.value && y();
     }), s(x, (e) => {
       e && e.focus();
     });
@@ -66,7 +70,7 @@ const le = /* @__PURE__ */ M({
         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(S, {
+      }, null), t("div", null, [e == null ? void 0 : e.label])]), t("div", null, [(e == null ? void 0 : e.keyName) && t(p, {
         size: "small"
       }, {
         default: () => [e == null ? void 0 : e.keyName]
@@ -82,7 +86,7 @@ const le = /* @__PURE__ */ M({
         ref: x,
         placeholder: a("common.search"),
         onInput: (e) => {
-          r.value = e.target.value;
+          u.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", {
@@ -92,7 +96,7 @@ const le = /* @__PURE__ */ M({
         "aria-hidden": "true"
       }, null)]), t("span", {
         class: "absolute inset-y-0 end-0 flex items-center gap-2 pe-3"
-      }, [t(S, {
+      }, [t(p, {
         size: "small"
       }, {
         default: () => [B("Esc")]
@@ -107,7 +111,7 @@ const le = /* @__PURE__ */ M({
           "aria-hidden": "true"
         }, null)
       })])]),
-      body: () => t(V, null, [h.value.length === 0 && r.value && t("div", {
+      body: () => t(V, null, [h.value.length === 0 && u.value && t("div", {
         class: "flex items-center justify-center h-20 border-t border-muted"
       }, [a("common.empty")]), h.value.length > 0 && t(n.List, null, {
         default: () => [t(n.Group, {
@@ -115,8 +119,8 @@ const le = /* @__PURE__ */ M({
         }, {
           default: () => {
             var e;
-            return [(e = h.value) == null ? void 0 : e.map((l, o) => t(n.Item, {
-              key: o,
+            return [(e = h.value) == null ? void 0 : e.map((l, r) => t(n.Item, {
+              key: r,
               onSelect: () => {
                 l.path ? (C.push(l.path), z()) : k(l.name);
               }
@@ -153,5 +157,5 @@ const le = /* @__PURE__ */ M({
   }
 });
 export {
-  le as DuxMenuCmd
+  oe as DuxMenuCmd
 };

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

@@ -1,9 +1,10 @@
 import { defineComponent as c, createVNode as e, createTextVNode as i } 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 n, NMenu as h } from "naive-ui";
+import { NTag as a, NMenu as h } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
@@ -11,40 +12,43 @@ import "@vueuse/core";
 import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import b from "./avatar.js";
-import r from "./button.js";
+import s from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import { useUI as M } from "../../hooks/ui.js";
-const q = /* @__PURE__ */ c({
+const H = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
-    open: {
+    collapsed: {
       type: Boolean,
       default: !1
     }
   },
   setup(l) {
     const {
-      options: a,
-      active: s
+      options: r,
+      active: n
     } = g({}), {
       menuCollapsed: o,
       setCmdVisible: p,
       menuMobileCollapsed: t,
-      setMenuCollapsed: u
+      setMenuCollapsed: d
     } = M(), {
-      config: d
+      config: m
     } = f(), {
-      t: m
+      t: u
     } = v();
     return () => e("div", {
       class: "flex flex-col h-screen"
     }, [e("div", {
       class: "h-13 px-2 hidden lg:flex justify-center items-center"
-    }, [e(r, {
-      onClick: () => u(!o.value),
-      open: l.open
+    }, [e(s, {
+      onClick: () => d(!o.value),
+      collapsed: l.collapsed
     }, {
       icon: () => e("div", {
         class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
@@ -52,11 +56,11 @@ const q = /* @__PURE__ */ c({
         highlight: "fill-primary",
         class: "size-4"
       }, null)]),
-      default: () => e("div", null, [d.title])
+      default: () => e("div", null, [m.title])
     })]), e("div", {
       class: "px-2 py-1 hidden lg:block"
-    }, [e(r, {
-      open: l.open,
+    }, [e(s, {
+      collapsed: l.collapsed,
       inverted: !0,
       class: "relative py-1.5 px-3",
       onClick: () => p(!0)
@@ -66,15 +70,15 @@ const q = /* @__PURE__ */ c({
       }, null),
       default: () => e("div", {
         class: "text-muted text-sm"
-      }, [m("common.search"), !o.value && e("div", {
+      }, [u("common.search"), !o.value && e("div", {
         class: "flex items-center gap-1 absolute right-2.5 top-1.3"
-      }, [e(n, {
+      }, [e(a, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
         default: () => [i("⌘")]
-      }), e(n, {
+      }), e(a, {
         size: "small",
         bordered: !1,
         type: "primary"
@@ -84,8 +88,8 @@ const q = /* @__PURE__ */ c({
     })]), e("div", {
       class: ["flex-1 min-h-0", t.value ? "border-t border-muted" : ""]
     }, [e(h, {
-      options: a.value,
-      value: s.value,
+      options: r.value,
+      value: n.value,
       collapsed: o.value && !t.value,
       indent: 20,
       collapsedWidth: 60,
@@ -93,10 +97,10 @@ const q = /* @__PURE__ */ c({
     }, null)]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2  p-2"
     }, [e(b, {
-      open: l.open
+      collapsed: l.collapsed
     }, null)])]);
   }
 });
 export {
-  q as DuxMenuMain
+  H as DuxMenuMain
 };

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

@@ -1,8 +1,9 @@
-import { defineComponent as e, createVNode as r } from "vue";
-import { NDrawer as p } from "naive-ui";
+import { defineComponent as p, createVNode as r } from "vue";
+import { NDrawer as e } from "naive-ui";
 import "@duxweb/dvha-core";
 import "vue-router";
 import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
@@ -10,30 +11,33 @@ import "@vueuse/core";
 import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import { DuxMenuMain as m } from "./main.js";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import { useUI as i } from "../../hooks/ui.js";
-const I = /* @__PURE__ */ e({
+const g = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
-  setup(n) {
+  setup(l) {
     const {
       menuMobileCollapsed: o
     } = i();
-    return () => r(p, {
+    return () => r(e, {
       show: o.value,
       onUpdateShow: (t) => o.value = t,
       width: 250,
       placement: "left"
     }, {
       default: () => [r(m, {
-        open: !0
+        collapsed: !1
       }, null)]
     });
   }
 });
 export {
-  I as DuxMobileMenu
+  g as DuxMobileMenu
 };

package/dist/esm/pages/page.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, createVNode as d } from "vue";
-import { NScrollbar as o } from "naive-ui";
-const m = /* @__PURE__ */ u({
+import { defineComponent as g, createVNode as d } from "vue";
+import { NScrollbar as l } from "naive-ui";
+const x = /* @__PURE__ */ g({
   name: "DuxPage",
   props: {
     padding: {
@@ -20,28 +20,28 @@ const m = /* @__PURE__ */ u({
       default: !0
     }
   },
-  setup(e, {
-    slots: a
+  setup(a, {
+    slots: e
   }) {
     return () => {
-      var n;
-      const r = e.card ? "bg-default dark:bg-muted rounded-md shadow-xs lg:dark:border lg:dark:border-muted" : "", t = e.card && e.padding ? "p-3" : "", l = e.scrollbar ? "" : "h-full";
+      var u, f, i;
+      const r = a.card ? "bg-default dark:bg-muted rounded-md shadow-xs lg:dark:border lg:dark:border-muted" : "", n = a.card && a.padding ? "p-3" : "", c = a.scrollbar ? "" : "h-full";
       return d("div", {
-        class: "h-full"
-      }, [e.scrollbar ? d(o, {
-        class: r,
-        contentClass: `${t} ${l}`
+        class: "h-full flex-1 flex gap-2"
+      }, [(u = e == null ? void 0 : e.sideLeft) == null ? void 0 : u.call(e), a.scrollbar ? d(l, {
+        class: [r, "flex-1 min-w-0"],
+        contentClass: `${n} ${c}`
       }, {
         default: () => {
-          var c;
-          return [(c = a.default) == null ? void 0 : c.call(a)];
+          var t;
+          return [(t = e.default) == null ? void 0 : t.call(e)];
         }
       }) : d("div", {
-        class: `${r} ${t} ${l}`
-      }, [(n = a.default) == null ? void 0 : n.call(a)])]);
+        class: `${r} ${n} ${c} flex-1 min-w-0`
+      }, [(f = e.default) == null ? void 0 : f.call(e)]), (i = e == null ? void 0 : e.sideRight) == null ? void 0 : i.call(e)]);
     };
   }
 });
 export {
-  m as DuxPage
+  x as DuxPage
 };

package/dist/esm/pages/page404.js

@@ -1,52 +1,56 @@
-import { defineComponent as u, createVNode as t, isVNode as m } from "vue";
+import { defineComponent as m, createVNode as t, isVNode as u } from "vue";
 import { useI18n as s } from "@duxweb/dvha-core";
 import { NButton as a } from "naive-ui";
 import { useRoute as l, useRouter as c } from "vue-router";
+import "vue-echarts";
+import "@overlastic/vue";
+import "lodash-es";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
 import "clsx";
 import "jinrishici";
-import "lodash-es";
 import { DuxDrawEmpty as f } from "../components/draw/drawEmpty.js";
-import "@overlastic/vue";
-import "@vueuse/core";
 import "vee-validate";
-import "@duxweb/dvha-naiveui";
-import "pinia";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import { DuxPageStatus as d } from "./pageStatus.js";
 function g(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !m(o);
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
 }
-const D = /* @__PURE__ */ u({
+const D = /* @__PURE__ */ m({
   name: "DuxPage404",
   setup(o) {
-    const n = l(), i = c(), {
-      t: e
+    const i = l(), p = c(), {
+      t: r
     } = s();
-    function p() {
-      i.push({
-        path: n.path,
+    function n() {
+      p.push({
+        path: i.path,
         query: {
-          ...n.query,
+          ...i.query,
           t: Date.now()
         }
       });
     }
     return () => t(d, {
-      title: e("pages.404.title"),
-      desc: e("pages.404.desc")
+      title: r("pages.404.title"),
+      desc: r("pages.404.desc")
     }, {
       default: () => t("div", null, [t(f, null, null)]),
       action: () => {
-        let r;
+        let e;
         return t(a, {
-          onClick: p,
+          onClick: n,
           renderIcon: () => t("div", {
             class: "n-icon i-tabler:refresh"
           }, null)
-        }, g(r = e("components.button.refresh")) ? r : {
-          default: () => [r]
+        }, g(e = r("components.button.refresh")) ? e : {
+          default: () => [e]
         });
       }
     });

package/dist/esm/pages/pageStatus.js

@@ -1,21 +1,25 @@
 import { defineComponent as c, createVNode as t } from "vue";
 import { DuxCard as a } from "../components/card/card.js";
 import "naive-ui";
-import "clsx";
-import "jinrishici";
-import "lodash-es";
-import "@overlastic/vue";
-import "@vueuse/core";
-import "vee-validate";
+import "vue-echarts";
 import "@duxweb/dvha-core";
 import "vue-router";
+import "@overlastic/vue";
+import "lodash-es";
 import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
 import "pinia";
+import "clsx";
+import "jinrishici";
+import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import "./page404.js";
-const b = /* @__PURE__ */ c({
+const V = /* @__PURE__ */ c({
   name: "DuxPageStatus",
   props: {
     title: String,
@@ -47,5 +51,5 @@ const b = /* @__PURE__ */ c({
   }
 });
 export {
-  b as DuxPageStatus
+  V as DuxPageStatus
 };