@duxweb/dvha-pro 1.0.18 → 1.0.20

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

@@ -1,9 +1,9 @@
-import { defineComponent as M, ref as d, watch as m, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
+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 { 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 n } from "vue-command-palette";
+import { Command as i } from "vue-command-palette";
 import { useRouter as L } from "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -26,36 +26,47 @@ import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
 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 pe = /* @__PURE__ */ M({
+const we = /* @__PURE__ */ M({
   name: "DuxMenuCmd",
   setup() {
     const {
-      cmdVisible: b,
+      cmdVisible: v,
       setCmdVisible: s
-    } = q(), f = R(), S = f["Meta+K"], c = d(), i = d([]), C = L(), o = D(), {
-      setMode: p
-    } = T(), u = d(""), {
+    } = 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, i.value = l;
+      c.value = e, n.value = l;
     }, N = () => {
       s(!0);
     }, z = () => {
       s(!1);
     }, I = (e) => {
-      e ? i.value = [...E(o.routes).filter((l) => {
+      e ? n.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);
+      })] : n.value = o.routes.filter((l) => !l.parent);
     };
-    m(b, (e) => {
-      e ? i.value = o.routes.filter((l) => !l.parent) : i.value = o.routes.filter((l) => !l.parent);
-    }), j(u, () => {
-      I(u.value);
+    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);
     }, {
       throttle: 500
     });
@@ -63,16 +74,16 @@ const pe = /* @__PURE__ */ M({
       const e = o.routes.find((l) => l.name === c.value);
       x(e == null ? void 0 : e.parent);
     };
-    m(S, (e) => {
+    u(S, (e) => {
       e && N();
-    }), m(f.Escape, (e) => {
+    }), u(f.Escape, (e) => {
       e && s(!1);
-    }), m(f.Backspace, (e) => {
-      e && u.value === "" && c.value && k();
-    }), m(g, (e) => {
+    }), u(f.Backspace, (e) => {
+      e && m.value === "" && c.value && k();
+    }), u(g, (e) => {
       e && e.focus();
     });
-    const h = w(() => i.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), v = (e) => t(n.Item, {
+    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
     }, {
       default: () => [t("div", {
@@ -87,8 +98,8 @@ const pe = /* @__PURE__ */ M({
         default: () => [e == null ? void 0 : e.keyName]
       })])])]
     });
-    return () => t(n.Dialog, {
-      visible: b.value,
+    return () => t(i.Dialog, {
+      visible: v.value,
       theme: "command-palette"
     }, {
       header: () => t("div", {
@@ -97,7 +108,7 @@ const pe = /* @__PURE__ */ M({
         ref: g,
         placeholder: a("common.search"),
         onInput: (e) => {
-          u.value = e.target.value;
+          m.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", {
@@ -122,15 +133,15 @@ const pe = /* @__PURE__ */ M({
           "aria-hidden": "true"
         }, null)
       })])]),
-      body: () => t(V, null, [h.value.length === 0 && u.value && t("div", {
+      body: () => t(V, null, [h.value.length === 0 && m.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, {
+      }, [a("common.empty")]), h.value.length > 0 && t(i.List, null, {
+        default: () => [t(i.Group, {
           heading: a("common.menu")
         }, {
           default: () => {
             var e;
-            return [(e = h.value) == null ? void 0 : e.map((l, r) => t(n.Item, {
+            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);
@@ -141,25 +152,25 @@ const pe = /* @__PURE__ */ M({
               }, null), l.label]
             }))];
           }
-        }), t(n.Separator, null, null), c.value ? t(v, {
+        }), t(i.Separator, null, null), c.value ? t(p, {
           icon: "i-tabler:arrow-left",
           label: a("common.back"),
           onSelect: k,
           keyName: "Backspace"
-        }, null) : t(n.Group, {
+        }, null) : t(i.Group, {
           heading: a("common.theme")
         }, {
-          default: () => [t(v, {
+          default: () => [t(p, {
             icon: "i-tabler:moon",
             label: a("common.dark"),
             onSelect: () => {
-              p("dark");
+              b("dark");
             }
-          }, null), t(v, {
+          }, null), t(p, {
             icon: "i-tabler:sun",
             label: a("common.light"),
             onSelect: () => {
-              p("light");
+              b("light");
             }
           }, null)]
         })]
@@ -168,5 +179,5 @@ const pe = /* @__PURE__ */ M({
   }
 });
 export {
-  pe as DuxMenuCmd
+  we as DuxMenuCmd
 };

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

@@ -1,7 +1,7 @@
 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 r, NMenu as h } from "naive-ui";
+import { NTag as r, NScrollbar as h, NMenu as b } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -22,16 +22,27 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import b from "./avatar.js";
-import a from "./button.js";
+import M from "./avatar.js";
+import p from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
 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 M } from "../../hooks/ui.js";
-const ee = /* @__PURE__ */ c({
+import { useUI as y } from "../../hooks/ui.js";
+const ue = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
     collapsed: {
@@ -41,14 +52,14 @@ const ee = /* @__PURE__ */ c({
   },
   setup(o) {
     const {
-      options: s,
-      active: p
+      options: a,
+      active: m
     } = g({}), {
-      menuCollapsed: l,
-      setCmdVisible: m,
-      menuMobileCollapsed: t,
+      menuCollapsed: t,
+      setCmdVisible: s,
+      menuMobileCollapsed: l,
       setMenuCollapsed: d
-    } = M(), {
+    } = y(), {
       config: n
     } = f(), {
       t: u
@@ -57,8 +68,8 @@ const ee = /* @__PURE__ */ c({
       class: "flex flex-col h-screen px-1"
     }, [e("div", {
       class: "h-13 px-2 hidden lg:flex justify-center items-center"
-    }, [e(a, {
-      onClick: () => d(!l.value),
+    }, [e(p, {
+      onClick: () => d(!t.value),
       collapsed: o.collapsed
     }, {
       icon: () => e("div", {
@@ -70,18 +81,18 @@ const ee = /* @__PURE__ */ c({
       default: () => e("div", null, [n.title])
     })]), e("div", {
       class: "px-2 py-1 hidden lg:block"
-    }, [e(a, {
+    }, [e(p, {
       collapsed: o.collapsed,
       inverted: !0,
       class: "relative py-1.5 px-3",
-      onClick: () => m(!0)
+      onClick: () => s(!0)
     }, {
       icon: () => e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null),
       default: () => e("div", {
         class: "text-muted text-sm"
-      }, [u("common.search"), !l.value && e("div", {
+      }, [u("common.search"), !t.value && e("div", {
         class: "flex items-center gap-1 absolute right-2.5 top-1.3"
       }, [e(r, {
         size: "small",
@@ -97,21 +108,23 @@ const ee = /* @__PURE__ */ c({
         default: () => [i("K")]
       })])])
     })]), e("div", {
-      class: ["flex-1 min-h-0", t.value ? "border-t border-muted" : ""]
-    }, [e(h, {
-      options: s.value,
-      value: p.value,
-      collapsed: l.value && !t.value,
-      indent: 20,
-      collapsedWidth: 60,
-      collapsedIconSize: 20
-    }, null)]), e("div", {
+      class: ["flex-1 min-h-0", l.value ? "border-t border-muted" : ""]
+    }, [e(h, null, {
+      default: () => [e(b, {
+        options: a.value,
+        value: m.value,
+        collapsed: t.value && !l.value,
+        indent: 20,
+        collapsedWidth: 60,
+        collapsedIconSize: 20
+      }, null)]
+    })]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2 border-t border-muted/50"
-    }, [e(b, {
+    }, [e(M, {
       collapsed: o.collapsed
     }, null)])]);
   }
 });
 export {
-  ee as DuxMenuMain
+  ue as DuxMenuMain
 };

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

@@ -27,10 +27,21 @@ import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
 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 H = /* @__PURE__ */ p({
+const Y = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
   setup(l) {
@@ -50,5 +61,5 @@ const H = /* @__PURE__ */ p({
   }
 });
 export {
-  H as DuxMobileMenu
+  Y as DuxMobileMenu
 };

package/dist/esm/pages/page.js

@@ -29,7 +29,7 @@ const x = /* @__PURE__ */ m({
     };
     return () => {
       var t, o, 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" : "", l = a.scrollbar ? "" : "h-full";
+      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", {
         class: "h-full flex-1 flex gap-2 relative"
       }, [c("div", {

package/dist/esm/pages/page404.js

@@ -30,20 +30,31 @@ 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";
 function g(o) {
   return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
 }
 const D = /* @__PURE__ */ n({
   name: "DuxPage404",
   setup(o) {
-    const i = l(), p = c(), {
+    const p = l(), m = c(), {
       t: r
     } = s();
-    function m() {
-      p.push({
-        path: i.path,
+    function e() {
+      m.push({
+        path: p.path,
         query: {
-          ...i.query,
+          ...p.query,
           t: Date.now()
         }
       });
@@ -54,14 +65,14 @@ const D = /* @__PURE__ */ n({
     }, {
       default: () => t("div", null, [t(f, null, null)]),
       action: () => {
-        let e;
+        let i;
         return t(a, {
-          onClick: m,
+          onClick: e,
           renderIcon: () => t("div", {
             class: "n-icon i-tabler:refresh"
           }, null)
-        }, g(e = r("components.button.refresh")) ? e : {
-          default: () => [e]
+        }, g(i = r("components.button.refresh")) ? i : {
+          default: () => [i]
         });
       }
     });

package/dist/esm/pages/pageStatus.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createVNode as t } from "vue";
+import { defineComponent as o, createVNode as i } from "vue";
 import { DuxCard as p } from "../components/card/card.js";
 import "clsx";
 import "naive-ui";
@@ -30,37 +30,53 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "./page404.js";
 import "@iconify-json/tabler/icons.json";
-const J = /* @__PURE__ */ o({
+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({
   name: "DuxPageStatus",
   props: {
     title: String,
-    desc: String
+    desc: String,
+    bordered: {
+      type: Boolean,
+      default: !0
+    }
   },
-  setup(i, {
+  setup(t, {
     slots: e
   }) {
-    return () => t(p, {
-      class: "size-full flex items-center justify-center"
+    return () => i(p, {
+      class: "size-full flex items-center justify-center",
+      bordered: t.bordered
     }, {
       default: () => {
-        var m, r;
-        return [t("div", {
+        var r, m;
+        return [i("div", {
           class: "flex flex-col gap-6 justify-center items-center py-10"
-        }, [t("div", {
+        }, [i("div", {
           class: "w-40"
-        }, [(m = e.default) == null ? void 0 : m.call(e)]), t("div", {
+        }, [(r = e.default) == null ? void 0 : r.call(e)]), i("div", {
           class: "flex flex-col items-center justify-center gap-2"
-        }, [t("div", {
+        }, [i("div", {
           class: "text-lg text-default font-bold"
-        }, [i == null ? void 0 : i.title]), t("div", {
+        }, [t == null ? void 0 : t.title]), i("div", {
           class: "text-muted"
-        }, [i == null ? void 0 : i.desc])]), t("div", {
+        }, [t == null ? void 0 : t.desc])]), i("div", {
           class: "flex justify-center items-center gap-4"
-        }, [(r = e.action) == null ? void 0 : r.call(e)])])];
+        }, [(m = e.action) == null ? void 0 : m.call(e)])])];
       }
     });
   }
 });
 export {
-  J as DuxPageStatus
+  Y as DuxPageStatus
 };

package/dist/esm/theme/naiveTheme.js

@@ -1,12 +1,12 @@
 import { useTheme as C } from "@duxweb/dvha-core";
 import { hex2rgb as i } from "colorizr";
-import { merge as a } from "lodash-es";
+import { merge as s } from "lodash-es";
 import { computed as l } from "vue";
 function g() {
   const { getSceneColor: o, getSemanticColor: r } = C(), e = (m) => {
     const t = i(m);
     return `${t.r}, ${t.g},${t.b}`;
-  }, d = l(() => ({
+  }, a = l(() => ({
     common: {
       primaryColor: o("primary"),
       primaryColorHover: o("primary", "hover"),
@@ -70,18 +70,18 @@ function g() {
       tabTextColorHoverSegment: r("text", "muted")
     },
     Card: {}
-  })), s = l(() => a(d.value, {
+  })), d = l(() => s(a.value, {
     common: {
       cardColor: r("bg", "base"),
       modalColor: r("bg", "base"),
       dividerColor: r("border", "muted"),
       borderColor: r("border", "muted"),
-      popoverColor: `rgba(${e(r("bg", "muted"))}, 0.95)`
+      popoverColor: `rgba(${e(r("bg", "base"))}, 0.98)`
     },
     DataTable: {
       tdColor: r("bg", "base")
     }
-  })), n = l(() => a(d.value, {
+  })), n = l(() => s(a.value, {
     common: {
       cardColor: r("bg", "muted"),
       modalColor: r("bg", "muted"),
@@ -94,7 +94,7 @@ function g() {
     }
   }));
   return {
-    lightTheme: s,
+    lightTheme: d,
     darkTheme: n
   };
 }