@huyooo/ui 0.14.4 → 0.14.5

package/dist/WidthContainer-B5gW9ACv.js

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