@huyooo/ui 0.14.4 → 0.14.5

package/dist/WidthContainer-DSxG-FRN.js

@@ -0,0 +1,688 @@
+/* empty css               */
+import "./index-D3Kp6R4z.js";
+import { defineComponent as P, ref as U, watch as V, openBlock as n, createElementBlock as o, createElementVNode as r, createVNode as a, unref as i, withCtx as x, createTextVNode as z, renderSlot as G, toDisplayString as I, createCommentVNode as $, onMounted as j, onUnmounted as me, normalizeClass as S, Fragment as L, renderList as D, createBlock as he, computed as B, onBeforeUnmount as pe, normalizeStyle as W } from "vue";
+import { Spin as q } from "@arco-design/web-vue";
+import { u as F } from "./useAuthkitAuth-C--qS6UE.js";
+import { d as fe, b as _e } from "./apiClients-CkI47p36.js";
+import { u as N } from "./useAuthkitAppsAuthPageInfo-nCjfAjiw.js";
+import { u as J } from "./useAuthkitUsersProfile-BC5EsA2f.js";
+import { b as Q, f as X, w as O, a as Y, c as Z } from "./useRoutePermission-CxRJlooW.js";
+import "./useUploadCos-DGPnLOC9.js";
+import { useRouter as ee, useRoute as te } from "vue-router";
+import "@unhead/vue";
+import "./useUserMenu-ClPBlvaM.js";
+import "./useBillingStatusOptions-D5Ehwtbj.js";
+import { U as ve, c as ne, h as oe, k as se, _ as ae, f as re, j as ie, d as ue, g as K, i as le } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-f2mzNg6i.js";
+/* empty css               */
+import { Icon as R } from "@iconify/vue";
+import "./Clipboard-C8ncjaAJ.js";
+/* empty css               */
+import { M as ge } from "./Menu-Cy2ZPeaz.js";
+import "./CollapseItem-DUzZA6tx.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import "./CustomTable-BT-cnhLR.js";
+import "./index-D56hUMeD.js";
+import { L as ce } from "./Logo-D7fyXyB-.js";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ye = {
+  class: "SidebarCom"
+}, ke = {
+  class: "LogoContent"
+}, be = {
+  class: "MenuContent"
+}, we = {
+  class: "sidebar-footer"
+}, $e = /* @__PURE__ */ P({
+  __name: "AppSidebar",
+  props: {
+    menuType: {
+      default: "system"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(m) {
+    const e = m, {
+      appsData: c
+    } = N(), {
+      clearAuth: h
+    } = F(), {
+      clearUserProfile: p
+    } = J(), {
+      menus: d
+    } = Q(e.menuType), f = ee();
+    function y() {
+      f.push({
+        path: "/"
+      });
+    }
+    function C() {
+      p(), h(), y();
+    }
+    const v = te(), k = U([""]);
+    function M(t) {
+      const s = t.path;
+      O(() => {
+        f.push({
+          path: s,
+          query: v.query
+        }), k.value = [s], window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    return V(() => [v.path, d.value], () => {
+      const t = X(d.value, v.path, {
+        // Sidebar 中，子路由应该选中子菜单项
+        returnParentOnChildMatch: !1,
+        // 后备查找函数
+        fallback: (s) => Y(v.matched, e.menuType, s)
+      });
+      t && (k.value = [t]);
+    }, {
+      immediate: !0,
+      deep: !0
+    }), (t, s) => (n(), o("div", ye, [r("div", ke, [a(i(ce), {
+      icon: i(c).applicationLogoUrl,
+      name: i(c).name,
+      onTo: y
+    }, null, 8, ["icon", "name"])]), r("div", be, [a(ge, {
+      "selected-keys": k.value,
+      "onUpdate:selectedKeys": s[0] || (s[0] = (u) => k.value = u),
+      menus: i(d),
+      onChange: M
+    }, null, 8, ["selected-keys", "menus"])]), r("div", we, [a(i(ve), null, {
+      avatar: x(() => [a(i(ne), {
+        position: "tr",
+        "dropdown-offset-y": "30px"
+      }, {
+        items: x(() => [a(i(oe)), a(i(se)), a(i(ae)), a(i(re)), a(i(ie)), a(i(ue)), a(i(K), {
+          icon: "lucide:home",
+          onClick: y
+        }, {
+          default: x(() => [...s[1] || (s[1] = [z("主页", -1)])]),
+          _: 1
+        }), a(i(K), {
+          icon: "lucide:log-out",
+          danger: "",
+          onClick: C
+        }, {
+          default: x(() => [...s[2] || (s[2] = [z("退出登陆", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      _: 1
+    }), a(i(le))])]));
+  }
+}), Ce = /* @__PURE__ */ T($e, [["__scopeId", "data-v-f465af61"]]), Me = {
+  class: "layout"
+}, Se = {
+  class: "leftContent"
+}, Ie = {
+  class: "content"
+}, Te = {
+  class: "contentCenter"
+}, Pe = {
+  class: "pages"
+}, Ae = {
+  key: 0,
+  class: "loading"
+}, xe = /* @__PURE__ */ P({
+  __name: "AppLayout",
+  props: {
+    menuType: {
+      default: "system"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(m) {
+    const e = m, {
+      isChecking: c
+    } = Z();
+    return (h, p) => (n(), o("div", Me, [r("div", Se, [a(Ce, {
+      "menu-type": e.menuType,
+      "show-user-panel": e.showUserPanel
+    }, null, 8, ["menu-type", "show-user-panel"])]), r("div", Ie, [r("div", Te, [r("div", Pe, [i(c) ? (n(), o("div", Ae, [a(i(q), {
+      size: 40
+    })])) : G(h.$slots, "default", {
+      key: 1
+    }, void 0, !0)])])])]));
+  }
+}), Xt = /* @__PURE__ */ T(xe, [["__scopeId", "data-v-410ad52b"]]), Ue = {
+  class: "ContentHead"
+}, Le = {
+  class: "title"
+}, Be = {
+  key: 0,
+  class: "description"
+}, He = /* @__PURE__ */ P({
+  __name: "ContentHead",
+  props: {
+    title: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      required: !0,
+      default: () => ""
+    }
+  },
+  setup(m) {
+    const e = m;
+    return (c, h) => (n(), o("div", Ue, [r("h1", Le, I(e.title), 1), e.description ? (n(), o("p", Be, I(e.description), 1)) : $("", !0)]));
+  }
+}), Yt = /* @__PURE__ */ T(He, [["__scopeId", "data-v-209a7bef"]]), ze = {
+  key: 0,
+  class: "desktop-menus"
+}, De = {
+  key: 0,
+  class: "header-menu-item"
+}, Ke = {
+  class: "submenu-popup"
+}, Ee = {
+  class: "submenu-content"
+}, Re = ["onClick"], We = {
+  key: 0,
+  class: "submenu-item-icon"
+}, Oe = {
+  class: "submenu-item-content"
+}, Ve = {
+  class: "submenu-item-title"
+}, Ge = {
+  key: 0,
+  class: "submenu-item-description"
+}, Ne = ["onClick"], je = {
+  key: 3,
+  class: "mobile-menu"
+}, qe = {
+  class: "mobile-menu-content"
+}, Fe = ["onClick"], Je = {
+  key: 0,
+  class: "mobile-submenu"
+}, Qe = ["onClick"], Xe = ["onClick"], Ye = /* @__PURE__ */ P({
+  __name: "HeaderMenus",
+  props: {
+    menus: {
+      type: Array,
+      required: !0
+    },
+    activateKey: {
+      type: String,
+      required: !0
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+  },
+  emits: ["change"],
+  setup(m, {
+    emit: e
+  }) {
+    const c = m, h = e, p = U(!1), d = U(!1), f = U({});
+    function y() {
+      d.value = window.innerWidth <= 1024;
+    }
+    function C() {
+      p.value = !p.value;
+    }
+    function v() {
+      p.value = !1;
+    }
+    function k(_) {
+      h("change", _);
+    }
+    function M(_) {
+      h("change", _), v();
+    }
+    function t(_) {
+      f.value[_] = !f.value[_];
+    }
+    function s(_) {
+      const b = c.activateKey, l = _.path;
+      if (b === l || b.startsWith(l + "/"))
+        return !0;
+      if (_.children && _.children.length > 0) {
+        for (const w of _.children)
+          if (b === w.path || b.startsWith(w.path + "/"))
+            return !0;
+      }
+      return !1;
+    }
+    function u(_) {
+      const b = c.activateKey, l = _.path;
+      return !!(b === l || b.startsWith(l + "/"));
+    }
+    function A(_) {
+      h("change", _);
+    }
+    function H() {
+      y(), d.value || v();
+    }
+    return j(() => {
+      y(), window.addEventListener("resize", H);
+    }), me(() => {
+      window.removeEventListener("resize", H);
+    }), (_, b) => (n(), o("div", {
+      class: S(["HeaderMenus", {
+        "HeaderMenus--dark": c.theme === "dark"
+      }])
+    }, [d.value ? $("", !0) : (n(), o("div", ze, [(n(!0), o(L, null, D(c.menus, (l, w) => (n(), o(L, {
+      key: w
+    }, [l.children && l.children.length > 0 ? (n(), o("div", De, [r("div", {
+      class: S(["headerLink hasChildren", {
+        activate: s(l)
+      }])
+    }, [z(I(l.name) + " ", 1), a(i(R), {
+      icon: "mingcute:down-line",
+      class: "dropdown-arrow"
+    })], 2), r("div", Ke, [r("div", Ee, [(n(!0), o(L, null, D(l.children, (g, E) => (n(), o("div", {
+      key: E,
+      class: S(["submenu-item", {
+        active: u(g)
+      }]),
+      onClick: (de) => k(g)
+    }, [g.icon ? (n(), o("div", We, [a(i(R), {
+      icon: g.icon
+    }, null, 8, ["icon"])])) : $("", !0), r("div", Oe, [r("div", Ve, I(g.name), 1), g.description ? (n(), o("div", Ge, I(g.description), 1)) : $("", !0)])], 10, Re))), 128))])])])) : (n(), o("div", {
+      key: 1,
+      class: S(["headerLink", {
+        activate: s(l)
+      }]),
+      onClick: (g) => A(l)
+    }, I(l.name), 11, Ne))], 64))), 128))])), d.value ? (n(), o("button", {
+      key: 1,
+      class: S(["mobile-menu-toggle", {
+        active: p.value
+      }]),
+      "aria-label": "切换菜单",
+      onClick: C
+    }, [...b[0] || (b[0] = [r("span", {
+      class: "hamburger-line"
+    }, null, -1), r("span", {
+      class: "hamburger-line"
+    }, null, -1), r("span", {
+      class: "hamburger-line"
+    }, null, -1)])], 2)) : $("", !0), p.value ? (n(), o("div", {
+      key: 2,
+      class: "mobile-menu-overlay",
+      onClick: v
+    })) : $("", !0), p.value ? (n(), o("div", je, [r("div", qe, [(n(!0), o(L, null, D(c.menus, (l, w) => (n(), o(L, {
+      key: w
+    }, [l.children && l.children.length > 0 ? (n(), o("div", {
+      key: 0,
+      class: S(["mobile-menu-item has-children", {
+        activate: s(l),
+        expanded: f.value[w]
+      }])
+    }, [r("div", {
+      class: "mobile-menu-item-header",
+      onClick: (g) => t(w)
+    }, [r("span", null, I(l.name), 1), a(i(R), {
+      icon: f.value[w] ? "mingcute:up-line" : "mingcute:down-line",
+      class: "mobile-submenu-arrow"
+    }, null, 8, ["icon"])], 8, Fe), f.value[w] ? (n(), o("div", Je, [(n(!0), o(L, null, D(l.children, (g, E) => (n(), o("div", {
+      key: E,
+      class: S(["mobile-submenu-item", {
+        active: u(g)
+      }]),
+      onClick: (de) => M(g)
+    }, I(g.name), 11, Qe))), 128))])) : $("", !0)], 2)) : (n(), o("div", {
+      key: 1,
+      class: S(["mobile-menu-item", {
+        activate: s(l)
+      }]),
+      onClick: (g) => M(l)
+    }, I(l.name), 11, Xe))], 64))), 128))])])) : $("", !0)], 2));
+  }
+}), Ze = /* @__PURE__ */ T(Ye, [["__scopeId", "data-v-42f528ac"]]), et = {
+  class: "HeaderCom"
+}, tt = {
+  class: "HeaderCom-inner"
+}, nt = {
+  class: "left"
+}, ot = {
+  class: "right"
+}, st = ["aria-label"], at = {
+  key: 0,
+  class: "theme-icon",
+  "aria-hidden": "true"
+}, rt = {
+  key: 1,
+  class: "theme-icon",
+  "aria-hidden": "true"
+}, it = /* @__PURE__ */ P({
+  __name: "Header",
+  props: {
+    menuType: {
+      default: "header"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    },
+    showThemeToggle: {
+      type: Boolean,
+      default: !0
+    },
+    theme: {
+      default: "light"
+    }
+  },
+  setup(m) {
+    const e = m, {
+      appsData: c
+    } = N(), {
+      clearAuth: h
+    } = F(), {
+      clearUserProfile: p
+    } = J(), {
+      menus: d
+    } = Q(e.menuType), f = U(""), y = ee(), C = te();
+    function v() {
+      O(() => {
+        y.push({
+          path: "/"
+        }), window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    function k() {
+      p(), h(), v();
+    }
+    function M(s) {
+      const u = s.path;
+      O(() => {
+        y.push(u), f.value = u, window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    function t() {
+      fe(e.theme === "dark" ? "light" : "dark");
+    }
+    return V(() => [C.path, d.value], () => {
+      f.value = X(d.value, C.path, {
+        // Header 中，子菜单匹配时返回父菜单路径
+        returnParentOnChildMatch: !0,
+        // 后备查找函数
+        fallback: (s) => Y(C.matched, e.menuType, s)
+      });
+    }, {
+      immediate: !0,
+      deep: !0
+    }), (s, u) => (n(), o("header", et, [r("div", tt, [r("div", nt, [a(ce, {
+      icon: i(c).applicationLogoUrl,
+      name: i(c).name,
+      onTo: v
+    }, null, 8, ["icon", "name"])]), r("div", ot, [a(Ze, {
+      menus: i(d),
+      activateKey: f.value,
+      theme: e.theme,
+      onChange: M
+    }, null, 8, ["menus", "activateKey", "theme"]), e.showThemeToggle ? (n(), o("button", {
+      key: 0,
+      type: "button",
+      class: "theme-toggle",
+      "aria-label": e.theme === "dark" ? "切换为浅色" : "切换为深色",
+      onClick: t
+    }, [e.theme === "dark" ? (n(), o("span", at, [...u[0] || (u[0] = [r("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, [r("circle", {
+      cx: "12",
+      cy: "12",
+      r: "4"
+    }), r("path", {
+      d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"
+    })], -1)])])) : (n(), o("span", rt, [...u[1] || (u[1] = [r("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, [r("path", {
+      d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
+    })], -1)])]))], 8, st)) : $("", !0), e.showUserPanel ? (n(), he(ne, {
+      key: 1
+    }, {
+      items: x(() => [a(oe), a(se), a(ae), a(re), a(ie), a(ue), a(K, {
+        icon: "lucide:home",
+        onClick: v
+      }, {
+        default: x(() => [...u[2] || (u[2] = [z("主页", -1)])]),
+        _: 1
+      }), a(K, {
+        icon: "lucide:log-out",
+        danger: "",
+        onClick: k
+      }, {
+        default: x(() => [...u[3] || (u[3] = [z("退出登陆", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })) : $("", !0), a(le)])])]));
+  }
+}), ut = /* @__PURE__ */ T(it, [["__scopeId", "data-v-ce7108a0"]]), lt = {
+  class: "layout-inner"
+}, ct = {
+  key: 0,
+  class: "loading"
+}, dt = "none", mt = "var(--huyooo-layout-dark-background)", ht = /* @__PURE__ */ P({
+  __name: "DefaultLayout",
+  props: {
+    menuType: {
+      default: "header"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    },
+    showThemeToggle: {
+      type: Boolean,
+      default: !0
+    },
+    enableRoutePermission: {
+      type: Boolean,
+      default: !0
+    },
+    backgroundImage: {
+      default: ""
+    },
+    theme: {
+      default: void 0
+    }
+  },
+  setup(m) {
+    var k, M;
+    const e = m, {
+      appsData: c
+    } = N(), h = U(typeof window < "u" && ((M = (k = window.matchMedia) == null ? void 0 : k.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : M.matches));
+    function p() {
+      var t, s;
+      typeof window > "u" || (h.value = ((s = (t = window.matchMedia) == null ? void 0 : t.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : s.matches) ?? !1);
+    }
+    let d;
+    j(() => {
+      var s, u;
+      p();
+      const t = (s = window.matchMedia) == null ? void 0 : s.call(window, "(prefers-color-scheme: dark)");
+      (u = t == null ? void 0 : t.addEventListener) == null || u.call(t, "change", p), d = () => {
+        var A;
+        return (A = t == null ? void 0 : t.removeEventListener) == null ? void 0 : A.call(t, "change", p);
+      };
+    });
+    const f = B(() => {
+      var A, H;
+      const t = e.theme;
+      if (t && t !== "system") return t;
+      if (t === "system") return h.value ? "dark" : "light";
+      const s = _e.value;
+      if (s === "dark" || s === "light") return s;
+      if (s === "system") return h.value ? "dark" : "light";
+      const u = (H = (A = c.value) == null ? void 0 : A.brand) == null ? void 0 : H.theme;
+      return u === "dark" || u === "light" ? u : "light";
+    }), y = B(() => e.backgroundImage ? e.backgroundImage : f.value === "dark" ? mt : dt), C = B(() => {
+      const t = y.value;
+      return !t || t === "none" ? {
+        backgroundImage: "none",
+        backgroundColor: "transparent"
+      } : {
+        backgroundImage: t,
+        backgroundAttachment: "fixed"
+      };
+    });
+    V(f, (t) => {
+      typeof document > "u" || (t === "dark" ? (document.body.setAttribute("arco-theme", "dark"), document.body.classList.add("dark")) : (document.body.removeAttribute("arco-theme"), document.body.classList.remove("dark")));
+    }, {
+      immediate: !0
+    }), pe(() => {
+      d == null || d();
+    });
+    const v = e.enableRoutePermission ? Z().isChecking : U(!1);
+    return (t, s) => (n(), o("div", {
+      class: S(["layout", {
+        "layout--dark": f.value === "dark"
+      }]),
+      style: W(C.value)
+    }, [a(ut, {
+      "menu-type": e.menuType,
+      "show-user-panel": e.showUserPanel,
+      "show-theme-toggle": e.showThemeToggle,
+      theme: f.value
+    }, null, 8, ["menu-type", "show-user-panel", "show-theme-toggle", "theme"]), r("main", lt, [i(v) ? (n(), o("div", ct, [a(i(q), {
+      size: 40
+    })])) : G(t.$slots, "default", {
+      key: 1
+    }, void 0, !0)])], 6));
+  }
+}), Zt = /* @__PURE__ */ T(ht, [["__scopeId", "data-v-692eaec7"]]), pt = /* @__PURE__ */ P({
+  __name: "Gradientbackground",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    },
+    zIndex: {
+      type: String,
+      default: "-1"
+    },
+    top: {
+      type: String,
+      default: "10%"
+    },
+    left: {
+      type: String,
+      default: "0%"
+    },
+    right: {
+      type: String,
+      default: "auto"
+    },
+    blur: {
+      type: String,
+      default: "0px"
+    },
+    background: {
+      type: String,
+      required: !1,
+      default: () => "var(--huyooo-gradient-background)"
+    }
+  },
+  setup(m) {
+    const e = m, c = B(() => ({
+      pointerEvents: "none",
+      position: "absolute",
+      zIndex: e.zIndex,
+      width: e.width,
+      height: e.height,
+      filter: `blur(${e.blur})`
+    })), h = B(() => ({
+      width: "100%",
+      height: "100%",
+      background: e.background
+    }));
+    return (p, d) => (n(), o("div", {
+      class: "ellipsis",
+      style: W(c.value)
+    }, [r("div", {
+      class: "ellipsis-item",
+      style: W(h.value)
+    }, null, 4)], 4));
+  }
+}), en = /* @__PURE__ */ T(pt, [["__scopeId", "data-v-64c41f65"]]), ft = {
+  class: "SvgIcon"
+}, _t = ["href", "fill"], vt = /* @__PURE__ */ P({
+  __name: "SvgIcon",
+  props: {
+    prefix: {
+      type: String,
+      required: !1,
+      default: "icon"
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    }
+  },
+  setup(m) {
+    const e = m, c = B(() => `#${e.prefix ?? "icon"}-${e.name}`);
+    return (h, p) => (n(), o("svg", ft, [r("use", {
+      href: c.value,
+      fill: e.color
+    }, null, 8, _t)]));
+  }
+}), tn = /* @__PURE__ */ T(vt, [["__scopeId", "data-v-9d0b08a0"]]), gt = {}, yt = {
+  class: "WidthContainer"
+};
+function kt(m, e) {
+  return n(), o("div", yt, [G(m.$slots, "default", {}, void 0, !0)]);
+}
+const nn = /* @__PURE__ */ T(gt, [["render", kt], ["__scopeId", "data-v-d06aac1f"]]);
+export {
+  Xt as A,
+  Yt as C,
+  Zt as D,
+  en as G,
+  ut as H,
+  tn as S,
+  nn as W,
+  Ce as a,
+  Ze as b
+};

package/dist/common.js

@@ -1,4 +1,4 @@
-import { A as s, a as o, C as r, D as t, G as p, H as n, b as l, S as m, W as u } from "./WidthContainer-B5gW9ACv.js";
+import { A as s, a as o, C as r, D as t, G as p, H as n, b as l, S as m, W as u } from "./WidthContainer-DSxG-FRN.js";
 import { C as d, a as f } from "./CollapseItem-DUzZA6tx.js";
 import { C as x, E as b } from "./CustomTable-BT-cnhLR.js";
 import { L } from "./Logo-D7fyXyB-.js";