@huyooo/ui 0.10.3 → 0.10.7

package/dist/WidthContainer-Cpdc67hQ.js

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