@huyooo/ui 0.11.1 → 0.11.5

package/dist/WidthContainer-BG10rumn.js

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