@duxweb/dvha-pro 0.0.5

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

@@ -0,0 +1,205 @@
+import { defineComponent as D, computed as p, createVNode as e, createTextVNode as n } 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";
+import A from "./button.js";
+const V = /* @__PURE__ */ D({
+  name: "DuxMenuAvatar",
+  props: {
+    open: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(g) {
+    const i = N(), b = S(), {
+      config: v,
+      getRoutePath: f
+    } = $(), {
+      mutate: h
+    } = j(), {
+      mode: c,
+      primaryColors: y,
+      neutralColors: k,
+      colorMapping: u,
+      setColor: d,
+      setMode: x
+    } = L(), o = (a, t) => e("div", {
+      class: "flex gap-2 items-center w-30"
+    }, [e("div", {
+      class: "flex-1 min-w-0"
+    }, [a]), e("div", null, [t && e("div", {
+      class: "i-tabler:check"
+    }, null)])]), r = (a) => e("div", {
+      class: `${a} size-4`
+    }, null), C = p(() => {
+      var t;
+      const a = (t = v.userMenus) == null ? void 0 : t.map((l) => ({
+        label: l.label,
+        key: l.key,
+        icon: () => r(l.icon),
+        path: l.path
+      }));
+      return (a == null ? void 0 : a.length) > 0 ? [...a, {
+        type: "divider"
+      }] : [];
+    }), z = p(() => {
+      var a, t;
+      return [{
+        key: "header",
+        type: "render",
+        render: () => e("div", {
+          class: "flex gap-2 px-3 pb-1 pt-1 items-center "
+        }, [e(m, {
+          round: !0,
+          size: 28,
+          src: "https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
+        }, null), e("div", {
+          class: "flex flex-col"
+        }, [e("div", {
+          class: "text-sm font-medium"
+        }, [n("admin")]), e("div", {
+          class: "text-xs text-muted"
+        }, [n("admin@example.com")])])])
+      }, {
+        type: "divider"
+      }, ...C.value, {
+        label: "语言",
+        key: "locale",
+        icon: () => r("i-tabler:language"),
+        children: [{
+          label: () => o("中文", i.getLocale() === "zh-CN"),
+          key: "locale.zh-CN"
+        }, {
+          label: () => o("English", i.getLocale() === "en-US"),
+          key: "locale.en-US"
+        }]
+      }, {
+        label: "颜色",
+        key: "color",
+        icon: () => r("i-tabler:palette"),
+        children: [{
+          label: () => e("div", {
+            class: "flex gap-2 items-center w-30"
+          }, [e("div", {
+            class: "size-2 rounded-full",
+            style: {
+              backgroundColor: "rgb(var(--ui-color-primary))"
+            }
+          }, null), e("div", null, [n("主题色")])]),
+          key: "color.primary",
+          children: (a = y.value) == null ? void 0 : a.map((l) => ({
+            label: () => o(e("div", {
+              class: "flex gap-2 items-center"
+            }, [e("div", {
+              class: "size-2 rounded-full",
+              style: {
+                backgroundColor: `rgb(var(--base-color-${l}-500))`
+              }
+            }, null), e("div", null, [l])]), u.value.primary === l),
+            key: `color.primary.${l}`
+          }))
+        }, {
+          label: () => e("div", {
+            class: "flex gap-2 items-center w-30"
+          }, [e("div", {
+            class: "size-2 rounded-full",
+            style: {
+              backgroundColor: "rgb(var(--ui-color-gray-600))"
+            }
+          }, null), e("div", null, [n("中性色")])]),
+          key: "color.neutral",
+          children: (t = k.value) == null ? void 0 : t.map((l) => ({
+            label: () => o(e("div", {
+              class: "flex gap-2 items-center"
+            }, [e("div", {
+              class: "size-2 rounded-full",
+              style: {
+                backgroundColor: `rgb(var(--base-color-${l}-600))`
+              }
+            }, null), e("div", null, [l])]), u.value.gray === l),
+            key: `color.neutral.${l}`
+          }))
+        }]
+      }, {
+        label: "主题",
+        key: "theme",
+        icon: () => r("i-tabler:brightness-half"),
+        children: [{
+          label: () => o("跟随系统", c.value === "auto"),
+          key: "theme.auto"
+        }, {
+          label: () => o("亮色", c.value === "light"),
+          key: "theme.light"
+        }, {
+          label: () => o("暗色", c.value === "dark"),
+          key: "theme.dark"
+        }]
+      }, {
+        type: "divider"
+      }, {
+        label: "查看文档",
+        key: "link.docs",
+        icon: () => r("i-tabler:link")
+      }, {
+        type: "divider"
+      }, {
+        label: "退出登录",
+        key: "logout",
+        icon: () => r("i-tabler:logout")
+      }];
+    });
+    function w(a, t) {
+      const l = a.lastIndexOf("."), [M, s] = l === -1 ? [a, ""] : [a.substring(0, l), a.substring(l + 1)];
+      switch (M) {
+        case "locale":
+          i.changeLocale(s);
+          break;
+        case "color.primary":
+          d("primary", s);
+          break;
+        case "color.neutral":
+          d("gray", s);
+          break;
+        case "theme":
+          x(s);
+          break;
+        case "logout":
+          h();
+          break;
+        default:
+          if (!(t != null && t.path))
+            return;
+          b.push(f(t.path));
+      }
+    }
+    return () => e(R, {
+      options: z.value,
+      placement: "bottom-start",
+      trigger: "click",
+      onSelect: w,
+      width: 200
+    }, {
+      default: () => [e(A, {
+        open: g.open
+      }, {
+        icon: () => e(m, {
+          class: "group-hover:shadow-lg",
+          round: !0,
+          size: 28,
+          src: "https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
+        }, null),
+        default: () => e("div", {
+          class: "flex flex-col"
+        }, [e("div", {
+          class: "text-sm font-medium"
+        }, [n("admin")]), e("div", {
+          class: "text-xs text-muted"
+        }, [n("admin@example.com")])])
+      })]
+    });
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,60 @@
+import { defineComponent as l, createVNode as u } from "vue";
+import "@duxweb/dvha-core";
+import "naive-ui";
+import "vue-router";
+import "../../node_modules/@overlastic/vue/dist/index.js";
+import "clsx";
+import "jinrishici";
+import "lodash-es";
+import "@vueuse/core";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../page404.js";
+import { useUI as d } from "../../hooks/ui.js";
+const s = /* @__PURE__ */ l({
+  name: "DuxMenuButton",
+  props: {
+    class: {
+      type: String,
+      default: ""
+    },
+    onClick: {
+      type: Function,
+      default: () => {
+      }
+    },
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    inverted: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const {
+      menuCollapsed: n,
+      menuMobileCollapsed: o
+    } = d();
+    return () => {
+      var i, a;
+      return u("div", {
+        onClick: () => {
+          var r;
+          (r = e.onClick) == null || r.call(e);
+        },
+        class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", e.class, n.value && !o.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"]
+      }, [(i = t.icon) == null ? void 0 : i.call(t), (!n.value && !o.value || e.open) && u("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 {
+  s as default
+};

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

@@ -0,0 +1,156 @@
+import { defineComponent as M, ref as d, 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 S, NButton as G } from "naive-ui";
+import { Command as n } from "vue-command-palette";
+import { useRouter as L } from "vue-router";
+import "../../node_modules/@overlastic/vue/dist/index.js";
+import "clsx";
+import "jinrishici";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "@duxweb/dvha-naiveui";
+import "../page404.js";
+import { useUI as q } from "../../hooks/ui.js";
+const te = /* @__PURE__ */ M({
+  name: "DuxMenuCmd",
+  setup() {
+    const {
+      cmdVisible: b,
+      setCmdVisible: c
+    } = q(), f = R(), C = f["Meta+K"], m = d(), i = d([]), p = L(), u = D(), {
+      setMode: g
+    } = T(), r = d(""), {
+      t: a
+    } = K(), x = d(), k = (e) => {
+      const l = u.routes.filter((o) => o.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);
+    };
+    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);
+    }, {
+      throttle: 500
+    });
+    const y = () => {
+      const e = u.routes.find((l) => l.name === m.value);
+      k(e == null ? void 0 : e.parent);
+    };
+    s(C, (e) => {
+      e && N();
+    }), s(f.Escape, (e) => {
+      e && c(!1);
+    }), s(f.Backspace, (e) => {
+      e && r.value === "" && m.value && y();
+    }), s(x, (e) => {
+      e && e.focus();
+    });
+    const h = w(() => i.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), v = (e) => t(n.Item, {
+      onSelect: e == null ? void 0 : 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(S, {
+        size: "small"
+      }, {
+        default: () => [e == null ? void 0 : e.keyName]
+      })])])]
+    });
+    return () => t(n.Dialog, {
+      visible: b.value,
+      theme: "command-palette"
+    }, {
+      header: () => t("div", {
+        class: "relative"
+      }, [t("input", {
+        ref: x,
+        placeholder: a("common.search"),
+        onInput: (e) => {
+          r.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", {
+        class: "absolute inset-y-0 start-0 flex items-center ps-3"
+      }, [t("div", {
+        class: "i-tabler:search shrink-0 text-dimmed size-5",
+        "aria-hidden": "true"
+      }, null)]), t("span", {
+        class: "absolute inset-y-0 end-0 flex items-center gap-2 pe-3"
+      }, [t(S, {
+        size: "small"
+      }, {
+        default: () => [B("Esc")]
+      }), t(G, {
+        quaternary: !0,
+        circle: !0,
+        size: "small",
+        onClick: () => c(!1)
+      }, {
+        icon: () => t("div", {
+          class: "i-tabler:x size-5",
+          "aria-hidden": "true"
+        }, null)
+      })])]),
+      body: () => t(V, null, [h.value.length === 0 && r.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, {
+          heading: a("common.menu")
+        }, {
+          default: () => {
+            var e;
+            return [(e = h.value) == null ? void 0 : e.map((l, o) => t(n.Item, {
+              key: o,
+              onSelect: () => {
+                l.path ? (p.push(l.path), z()) : k(l.name);
+              }
+            }, {
+              default: () => [t("div", {
+                class: l.path ? "i-tabler:link" : "i-tabler:folder"
+              }, null), l.label]
+            }))];
+          }
+        }), t(n.Separator, null, null), m.value ? t(v, {
+          icon: "i-tabler:arrow-left",
+          label: a("common.back"),
+          onSelect: y,
+          keyName: "Backspace"
+        }, null) : t(n.Group, {
+          heading: a("common.theme")
+        }, {
+          default: () => [t(v, {
+            icon: "i-tabler:moon",
+            label: a("common.dark"),
+            onSelect: () => {
+              g("dark");
+            }
+          }, null), t(v, {
+            icon: "i-tabler:sun",
+            label: a("common.light"),
+            onSelect: () => {
+              g("light");
+            }
+          }, null)]
+        })]
+      })])
+    });
+  }
+});
+export {
+  te as DuxMenuCmd
+};

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

@@ -0,0 +1,101 @@
+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 "vue-router";
+import "../../node_modules/@overlastic/vue/dist/index.js";
+import "clsx";
+import "jinrishici";
+import "lodash-es";
+import "@vueuse/core";
+import "vee-validate";
+import "@vee-validate/i18n";
+import b from "./avatar.js";
+import a from "./button.js";
+import "vue-command-palette";
+import "../page404.js";
+import { useUI as M } from "../../hooks/ui.js";
+const W = /* @__PURE__ */ c({
+  name: "DuxMenuMain",
+  props: {
+    open: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(l) {
+    const {
+      options: r,
+      active: s
+    } = g({}), {
+      menuCollapsed: o,
+      setCmdVisible: p,
+      menuMobileCollapsed: t,
+      setMenuCollapsed: u
+    } = M(), {
+      config: d
+    } = f(), {
+      t: m
+    } = 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(a, {
+      onClick: () => u(!o.value),
+      open: l.open
+    }, {
+      icon: () => e("div", {
+        class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
+      }, [e(x, {
+        highlight: "fill-primary",
+        class: "size-4"
+      }, null)]),
+      default: () => e("div", null, [d.title])
+    })]), e("div", {
+      class: "px-2 py-1 hidden lg:block"
+    }, [e(a, {
+      open: l.open,
+      inverted: !0,
+      class: "relative py-1.5 px-3",
+      onClick: () => p(!0)
+    }, {
+      icon: () => e("div", {
+        class: "i-tabler:search size-4 icon-gradient"
+      }, null),
+      default: () => e("div", {
+        class: "text-muted text-sm"
+      }, [m("common.search"), !o.value && e("div", {
+        class: "flex items-center gap-1 absolute right-2.5 top-1.3"
+      }, [e(n, {
+        size: "small",
+        bordered: !1,
+        type: "primary"
+      }, {
+        default: () => [i("⌘")]
+      }), e(n, {
+        size: "small",
+        bordered: !1,
+        type: "primary"
+      }, {
+        default: () => [i("K")]
+      })])])
+    })]), e("div", {
+      class: ["flex-1 min-h-0", t.value ? "border-t border-muted" : ""]
+    }, [e(h, {
+      options: r.value,
+      value: s.value,
+      collapsed: o.value && !t.value,
+      indent: 20,
+      collapsedWidth: 60,
+      collapsedIconSize: 20
+    }, null)]), e("div", {
+      class: "flex-none hidden lg:flex flex-col items-center gap-2  p-2"
+    }, [e(b, {
+      open: l.open
+    }, null)])]);
+  }
+});
+export {
+  W as DuxMenuMain
+};

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

@@ -0,0 +1,38 @@
+import { defineComponent as t, createVNode as e } from "vue";
+import { NDrawer as p } from "naive-ui";
+import "@duxweb/dvha-core";
+import "vue-router";
+import "../../node_modules/@overlastic/vue/dist/index.js";
+import "clsx";
+import "jinrishici";
+import "lodash-es";
+import "@vueuse/core";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "@duxweb/dvha-naiveui";
+import "../page404.js";
+import { useUI as m } from "../../hooks/ui.js";
+import "vue-command-palette";
+import { DuxMenuMain as i } from "./main.js";
+const U = /* @__PURE__ */ t({
+  name: "DuxMobileMenu",
+  props: {},
+  setup(n) {
+    const {
+      menuMobileCollapsed: o
+    } = m();
+    return () => e(p, {
+      show: o.value,
+      onUpdateShow: (r) => o.value = r,
+      width: 250,
+      placement: "left"
+    }, {
+      default: () => [e(i, {
+        open: !0
+      }, null)]
+    });
+  }
+});
+export {
+  U as DuxMobileMenu
+};

package/dist/esm/pages/page.js

@@ -0,0 +1,47 @@
+import { defineComponent as u, createVNode as d } from "vue";
+import { NScrollbar as o } from "naive-ui";
+const m = /* @__PURE__ */ u({
+  name: "DuxPage",
+  props: {
+    padding: {
+      type: Boolean,
+      default: !0
+    },
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    card: {
+      type: Boolean,
+      default: !0
+    },
+    scrollbar: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e, {
+    slots: a
+  }) {
+    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";
+      return d("div", {
+        class: "h-full"
+      }, [e.scrollbar ? d(o, {
+        class: r,
+        contentClass: `${t} ${l}`
+      }, {
+        default: () => {
+          var c;
+          return [(c = a.default) == null ? void 0 : c.call(a)];
+        }
+      }) : d("div", {
+        class: `${r} ${t} ${l}`
+      }, [(n = a.default) == null ? void 0 : n.call(a)])]);
+    };
+  }
+});
+export {
+  m as DuxPage
+};

package/dist/esm/pages/page403.js

@@ -0,0 +1,46 @@
+import { defineComponent as i, createVNode as t, isVNode as c } from "vue";
+import { useI18n as l } from "@duxweb/dvha-core";
+import { NButton as p } from "naive-ui";
+import { useRoute as a, useRouter as f } from "vue-router";
+import { DuxDrawAuth as m } from "../components/draw/drawAuth.js";
+import { DuxPageStatus as d } from "./pageStatus.js";
+function h(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
+}
+const N = /* @__PURE__ */ i({
+  name: "DuxPage403",
+  setup(e) {
+    const n = a(), u = f(), {
+      t: o
+    } = l();
+    function s() {
+      u.push({
+        path: n.path,
+        query: {
+          ...n.query,
+          t: Date.now()
+        }
+      });
+    }
+    return () => t(d, {
+      title: o("pages.403.title"),
+      desc: o("pages.403.desc")
+    }, {
+      default: () => t("div", null, [t(m, null, null)]),
+      action: () => {
+        let r;
+        return t(p, {
+          onClick: s,
+          renderIcon: () => t("div", {
+            class: "n-icon i-tabler:refresh"
+          }, null)
+        }, h(r = o("components.button.refresh")) ? r : {
+          default: () => [r]
+        });
+      }
+    });
+  }
+});
+export {
+  N as DuxPage403
+};