@huyooo/ui 0.9.8 → 0.10.0

package/dist/WidthContainer-BsPQN5_v.js

@@ -1,677 +0,0 @@
-/* empty css               */
-/* empty css               */
-import { defineComponent as x, ref as P, watch as O, openBlock as t, createElementBlock as n, createElementVNode as o, createVNode as y, unref as v, withCtx as te, renderSlot as V, toDisplayString as $, createCommentVNode as S, onMounted as q, onUnmounted as ne, normalizeClass as T, Fragment as A, renderList as H, createTextVNode as oe, normalizeStyle as B, createBlock as se, computed as z, onBeforeUnmount as ae } from "vue";
-import { Spin as R } from "@arco-design/web-vue";
-import "./useAuthkitUsersProfile-BqW74gfs.js";
-import { d as re, b as ie, a as ce } from "./apiClients-DJchWBAG.js";
-import { u as W } from "./useAuthkitAppsAuthPageInfo-C3EHOtlk.js";
-import { b as G, f as N, w as D, 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 ue, d as Y } from "./UserAccountMenu-CxYmNgME.js";
-/* empty css               */
-/* empty css               */
-/* empty css               */
-import "./AuthkitAuthModal-BpQZ_cSv.js";
-import { M as de } from "./Menu-v8cCDSzi.js";
-import "./CollapseItem-DN-GUAQA.js";
-/* empty css               */
-import "./CustomTable-Dyjn6dOW.js";
-import "./index-D56hUMeD.js";
-import { Icon as K } from "@iconify/vue";
-import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const me = {
-  class: "SidebarCom"
-}, pe = {
-  class: "LogoContent"
-}, he = {
-  class: "MenuContent"
-}, fe = {
-  class: "sidebar-footer"
-}, ve = /* @__PURE__ */ x({
-  __name: "AppSidebar",
-  props: {
-    menuType: {
-      default: "system"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(c) {
-    const e = c, {
-      appsData: l
-    } = W(), {
-      menus: r
-    } = G(e.menuType), u = Q(), d = P(!1);
-    function m() {
-      u.push({
-        path: "/"
-      });
-    }
-    const _ = X(), k = P([""]);
-    function M(p) {
-      const a = p.path;
-      D(() => {
-        u.push({
-          path: a,
-          query: _.query
-        }), k.value = [a], window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    return O(() => [_.path, r.value], () => {
-      const p = N(r.value, _.path, {
-        // Sidebar 中，子路由应该选中子菜单项
-        returnParentOnChildMatch: !1,
-        // 后备查找函数
-        fallback: (a) => j(_.matched, e.menuType, a)
-      });
-      console.log(p, _.matched, e.menuType, _.path, "activateKey"), p && (k.value = [p]);
-    }, {
-      immediate: !0,
-      deep: !0
-    }), (p, a) => (t(), n("div", me, [o("div", pe, [y(v(Z), {
-      icon: v(l).applicationLogoUrl,
-      name: v(l).name,
-      onTo: m
-    }, null, 8, ["icon", "name"])]), o("div", he, [y(de, {
-      "selected-keys": k.value,
-      "onUpdate:selectedKeys": a[0] || (a[0] = (s) => k.value = s),
-      menus: v(r),
-      onChange: M
-    }, null, 8, ["selected-keys", "menus"])]), o("div", fe, [y(v(ue), {
-      onArrowClick: a[2] || (a[2] = (s) => d.value = !d.value)
-    }, {
-      avatar: te(() => [y(v(Y), {
-        modelValue: d.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (s) => d.value = s),
-        position: "tr",
-        "dropdown-offset-y": "30px",
-        "dropdown-offset-x": "230px"
-      }, null, 8, ["modelValue"])]),
-      _: 1
-    })])]));
-  }
-}), _e = /* @__PURE__ */ C(ve, [["__scopeId", "data-v-d6d56676"]]), ge = {
-  class: "layout"
-}, ye = {
-  class: "leftContent"
-}, ke = {
-  class: "content"
-}, be = {
-  class: "contentCenter"
-}, we = {
-  class: "pages"
-}, $e = {
-  key: 0,
-  class: "loading"
-}, Se = /* @__PURE__ */ x({
-  __name: "AppLayout",
-  props: {
-    menuType: {
-      default: "system"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(c) {
-    const e = c, {
-      isChecking: l
-    } = F();
-    return J(), (r, u) => (t(), n("div", ge, [o("div", ye, [y(_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, [v(l) ? (t(), n("div", $e, [y(v(R), {
-      size: 40
-    })])) : V(r.$slots, "default", {
-      key: 1
-    }, void 0, !0)])])])]));
-  }
-}), Ot = /* @__PURE__ */ C(Se, [["__scopeId", "data-v-59271b3a"]]), Ce = {
-  class: "ContentHead"
-}, Me = {
-  class: "title"
-}, Ie = {
-  key: 0,
-  class: "description"
-}, Te = /* @__PURE__ */ x({
-  __name: "ContentHead",
-  props: {
-    title: {
-      type: String,
-      required: !0,
-      default: () => ""
-    },
-    description: {
-      type: String,
-      required: !0,
-      default: () => ""
-    }
-  },
-  setup(c) {
-    const e = c;
-    return (l, r) => (t(), n("div", Ce, [o("h1", Me, $(e.title), 1), e.description ? (t(), n("p", Ie, $(e.description), 1)) : S("", !0)]));
-  }
-}), Vt = /* @__PURE__ */ C(Te, [["__scopeId", "data-v-209a7bef"]]), xe = {
-  key: 0,
-  class: "desktop-menus"
-}, Le = {
-  key: 0,
-  class: "header-menu-item"
-}, Pe = {
-  class: "submenu-popup"
-}, Ae = {
-  class: "submenu-content"
-}, Ue = ["onClick"], ze = {
-  key: 0,
-  class: "submenu-item-icon"
-}, He = {
-  class: "submenu-item-content"
-}, Be = {
-  class: "submenu-item-title"
-}, Ee = {
-  key: 0,
-  class: "submenu-item-description"
-}, Ke = ["onClick"], De = {
-  key: 3,
-  class: "mobile-menu"
-}, Oe = {
-  class: "mobile-menu-content"
-}, Ve = ["onClick"], We = {
-  key: 0,
-  class: "mobile-submenu"
-}, qe = ["onClick"], Re = ["onClick"], Ge = /* @__PURE__ */ x({
-  __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 l = c, r = e, u = P(!1), d = P(!1), m = P({});
-    function _() {
-      d.value = window.innerWidth <= 1024;
-    }
-    function k() {
-      u.value = !u.value;
-    }
-    function M() {
-      u.value = !1;
-    }
-    function p(f) {
-      r("change", f);
-    }
-    function a(f) {
-      r("change", f), M();
-    }
-    function s(f) {
-      m.value[f] = !m.value[f];
-    }
-    function h(f) {
-      const b = l.activateKey, i = f.path;
-      if (b === i || b.startsWith(i + "/"))
-        return !0;
-      if (f.children && f.children.length > 0) {
-        for (const w of f.children)
-          if (b === w.path || b.startsWith(w.path + "/"))
-            return !0;
-      }
-      return !1;
-    }
-    function I(f) {
-      const b = l.activateKey, i = f.path;
-      return !!(b === i || b.startsWith(i + "/"));
-    }
-    function L(f) {
-      r("change", f);
-    }
-    function U() {
-      _(), d.value || M();
-    }
-    return q(() => {
-      _(), window.addEventListener("resize", U);
-    }), ne(() => {
-      window.removeEventListener("resize", U);
-    }), (f, b) => (t(), n("div", {
-      class: T(["HeaderMenus", {
-        "HeaderMenus--dark": l.theme === "dark"
-      }])
-    }, [d.value ? S("", !0) : (t(), n("div", xe, [(t(!0), n(A, null, H(l.menus, (i, w) => (t(), n(A, {
-      key: w
-    }, [i.children && i.children.length > 0 ? (t(), n("div", Le, [o("div", {
-      class: T(["headerLink hasChildren", {
-        activate: h(i)
-      }])
-    }, [oe($(i.name) + " ", 1), y(v(K), {
-      icon: "mingcute:down-line",
-      class: "dropdown-arrow"
-    })], 2), o("div", Pe, [o("div", Ae, [(t(!0), n(A, null, H(i.children, (g, E) => (t(), n("div", {
-      key: E,
-      class: T(["submenu-item", {
-        active: I(g)
-      }]),
-      onClick: (ee) => p(g)
-    }, [g.icon ? (t(), n("div", ze, [y(v(K), {
-      icon: g.icon
-    }, null, 8, ["icon"])])) : S("", !0), o("div", He, [o("div", Be, $(g.name), 1), g.description ? (t(), n("div", Ee, $(g.description), 1)) : S("", !0)])], 10, Ue))), 128))])])])) : (t(), n("div", {
-      key: 1,
-      class: T(["headerLink", {
-        activate: h(i)
-      }]),
-      onClick: (g) => L(i)
-    }, $(i.name), 11, Ke))], 64))), 128))])), d.value ? (t(), n("button", {
-      key: 1,
-      class: T(["mobile-menu-toggle", {
-        active: u.value
-      }]),
-      "aria-label": "切换菜单",
-      onClick: k
-    }, [...b[0] || (b[0] = [o("span", {
-      class: "hamburger-line"
-    }, null, -1), o("span", {
-      class: "hamburger-line"
-    }, null, -1), o("span", {
-      class: "hamburger-line"
-    }, null, -1)])], 2)) : S("", !0), u.value ? (t(), n("div", {
-      key: 2,
-      class: "mobile-menu-overlay",
-      onClick: M
-    })) : S("", !0), u.value ? (t(), n("div", De, [o("div", Oe, [(t(!0), n(A, null, H(l.menus, (i, w) => (t(), n(A, {
-      key: w
-    }, [i.children && i.children.length > 0 ? (t(), n("div", {
-      key: 0,
-      class: T(["mobile-menu-item has-children", {
-        activate: h(i),
-        expanded: m.value[w]
-      }])
-    }, [o("div", {
-      class: "mobile-menu-item-header",
-      onClick: (g) => s(w)
-    }, [o("span", null, $(i.name), 1), y(v(K), {
-      icon: m.value[w] ? "mingcute:up-line" : "mingcute:down-line",
-      class: "mobile-submenu-arrow"
-    }, null, 8, ["icon"])], 8, Ve), m.value[w] ? (t(), n("div", We, [(t(!0), n(A, null, H(i.children, (g, E) => (t(), n("div", {
-      key: E,
-      class: T(["mobile-submenu-item", {
-        active: I(g)
-      }]),
-      onClick: (ee) => a(g)
-    }, $(g.name), 11, qe))), 128))])) : S("", !0)], 2)) : (t(), n("div", {
-      key: 1,
-      class: T(["mobile-menu-item", {
-        activate: h(i)
-      }]),
-      onClick: (g) => a(i)
-    }, $(i.name), 11, Re))], 64))), 128))])])) : S("", !0)], 2));
-  }
-}), Ne = /* @__PURE__ */ C(Ge, [["__scopeId", "data-v-0e104390"]]), je = ["src"], Fe = /* @__PURE__ */ x({
-  __name: "Logo",
-  props: {
-    name: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    icon: {
-      type: String,
-      required: !1,
-      default: () => ""
-    },
-    fontSize: {
-      type: String,
-      required: !1,
-      default: () => "16px"
-    }
-  },
-  emits: ["to"],
-  setup(c, {
-    emit: e
-  }) {
-    const l = c, r = e;
-    function u() {
-      r("to");
-    }
-    return (d, m) => (t(), n("div", {
-      class: "Logo",
-      onClick: u
-    }, [c.icon ? (t(), n("img", {
-      key: 0,
-      class: "icon",
-      src: c.icon,
-      alt: "logo",
-      loading: "lazy",
-      decoding: "async"
-    }, null, 8, je)) : S("", !0), o("div", {
-      class: "text",
-      style: B({
-        fontSize: l.fontSize
-      })
-    }, $(c.name), 5)]));
-  }
-}), Z = /* @__PURE__ */ C(Fe, [["__scopeId", "data-v-7fbf0984"]]), Je = {
-  class: "HeaderCom"
-}, Qe = {
-  class: "HeaderCom-inner"
-}, Xe = {
-  class: "left"
-}, Ye = {
-  class: "right"
-}, Ze = ["aria-label"], et = {
-  key: 0,
-  class: "theme-icon",
-  "aria-hidden": "true"
-}, tt = {
-  key: 1,
-  class: "theme-icon",
-  "aria-hidden": "true"
-}, nt = /* @__PURE__ */ x({
-  __name: "Header",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    },
-    theme: {
-      default: "light"
-    }
-  },
-  setup(c) {
-    const e = c, {
-      appsData: l
-    } = W(), {
-      menus: r
-    } = G(e.menuType), u = P(""), d = Q(), m = X();
-    function _() {
-      D(() => {
-        d.push({
-          path: "/"
-        }), window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    function k(p) {
-      const a = p.path;
-      D(() => {
-        d.push(a), u.value = a, window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    function M() {
-      re(e.theme === "dark" ? "light" : "dark");
-    }
-    return O(() => [m.path, r.value], () => {
-      u.value = N(r.value, m.path, {
-        // Header 中，子菜单匹配时返回父菜单路径
-        returnParentOnChildMatch: !0,
-        // 后备查找函数
-        fallback: (p) => j(m.matched, e.menuType, p)
-      });
-    }, {
-      immediate: !0,
-      deep: !0
-    }), (p, a) => (t(), n("header", Je, [o("div", Qe, [o("div", Xe, [y(Z, {
-      icon: v(l).applicationLogoUrl,
-      name: v(l).name,
-      onTo: _
-    }, null, 8, ["icon", "name"])]), o("div", Ye, [y(Ne, {
-      menus: v(r),
-      activateKey: u.value,
-      theme: e.theme,
-      onChange: k
-    }, null, 8, ["menus", "activateKey", "theme"]), o("button", {
-      type: "button",
-      class: "theme-toggle",
-      "aria-label": e.theme === "dark" ? "切换为浅色" : "切换为深色",
-      onClick: M
-    }, [e.theme === "dark" ? (t(), n("span", et, [...a[0] || (a[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", tt, [...a[1] || (a[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, Ze), e.showUserPanel ? (t(), se(Y, {
-      key: 0,
-      onToHomePage: _,
-      onSignOut: _
-    })) : S("", !0)])])]));
-  }
-}), ot = /* @__PURE__ */ C(nt, [["__scopeId", "data-v-2b9d3449"]]), st = {
-  class: "layout-inner"
-}, at = {
-  key: 0,
-  class: "loading"
-}, rt = "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)", it = "linear-gradient(to bottom, #09090b, #0c0c0e, #0f0f12, #121215, #151518, #18181b, #1a1a1e, #1c1c20, #1e1e22, #212124, #242427, #27272a)", ct = /* @__PURE__ */ x({
-  __name: "DefaultLayout",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    },
-    backgroundImage: {
-      default: ""
-    },
-    theme: {
-      default: void 0
-    }
-  },
-  setup(c) {
-    var p, a;
-    const e = c, {
-      appsData: l
-    } = W(), r = P(typeof window < "u" && ((a = (p = window.matchMedia) == null ? void 0 : p.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : a.matches));
-    function u() {
-      var s, h;
-      typeof window > "u" || (r.value = ((h = (s = window.matchMedia) == null ? void 0 : s.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : h.matches) ?? !1);
-    }
-    let d;
-    q(() => {
-      var h, I;
-      u();
-      const s = (h = window.matchMedia) == null ? void 0 : h.call(window, "(prefers-color-scheme: dark)");
-      (I = s == null ? void 0 : s.addEventListener) == null || I.call(s, "change", u), d = () => {
-        var L;
-        return (L = s == null ? void 0 : s.removeEventListener) == null ? void 0 : L.call(s, "change", u);
-      };
-    });
-    const m = z(() => {
-      var L, U;
-      const s = e.theme;
-      if (s && s !== "system") return s;
-      if (s === "system") return r.value ? "dark" : "light";
-      const h = ie.value;
-      if (h === "dark" || h === "light") return h;
-      if (h === "system") return r.value ? "dark" : "light";
-      const I = (U = (L = l.value) == null ? void 0 : L.brand) == null ? void 0 : U.theme;
-      return I === "dark" || I === "light" ? I : "light";
-    }), _ = z(() => e.backgroundImage ? e.backgroundImage : m.value === "dark" ? it : rt);
-    O(m, (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(() => {
-      d == null || d();
-    });
-    const {
-      setGlobalSEO: k
-    } = le();
-    k(ce);
-    const {
-      isChecking: M
-    } = F();
-    return J(), (s, h) => (t(), n("div", {
-      class: T(["layout", {
-        "layout--dark": m.value === "dark"
-      }]),
-      style: B({
-        backgroundImage: e.backgroundImage || _.value,
-        backgroundAttachment: "fixed"
-      })
-    }, [y(ot, {
-      "menu-type": e.menuType,
-      "show-user-panel": e.showUserPanel,
-      theme: m.value
-    }, null, 8, ["menu-type", "show-user-panel", "theme"]), o("main", st, [v(M) ? (t(), n("div", at, [y(v(R), {
-      size: 40
-    })])) : V(s.$slots, "default", {
-      key: 1
-    }, void 0, !0)])], 6));
-  }
-}), Wt = /* @__PURE__ */ C(ct, [["__scopeId", "data-v-cc624db6"]]), lt = /* @__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: () => "linear-gradient(180deg, rgb(0 225 10 / 10%) 0.31%, rgb(26 214 255 / 52%) 74.99%, rgb(220 189 0 / 0%) 99.69%)"
-    }
-  },
-  setup(c) {
-    const e = c, l = z(() => ({
-      pointerEvents: "none",
-      position: "absolute",
-      zIndex: e.zIndex,
-      width: e.width,
-      height: e.height,
-      filter: `blur(${e.blur})`
-    })), r = z(() => ({
-      width: "100%",
-      height: "100%",
-      background: e.background
-      //   background: `linear-gradient(180deg, #D5D1FF 0.31%, #EAEDFF 74.99%, rgba(240, 246, 255, 0) 99.69%)`,
-      //   background: `linear-gradient(180deg, rgb(0 225 10 / 63%) 0.31%, rgb(26 214 255 / 52%) 74.99%, rgb(220 189 0 / 0%) 99.69%)`,
-      // background: `linear-gradient(315deg, rgb(0 225 10 / 63%) 10%, rgb(26 214 255 / 52%) 50%, rgb(220 189 0 / 37%) 100%)`,
-    }));
-    return (u, d) => (t(), n("div", {
-      class: "ellipsis",
-      style: B(l.value)
-    }, [o("div", {
-      class: "ellipsis-item",
-      style: B(r.value)
-    }, null, 4)], 4));
-  }
-}), qt = /* @__PURE__ */ C(lt, [["__scopeId", "data-v-b6461ac4"]]), ut = {
-  class: "SvgIcon"
-}, dt = ["href", "fill"], mt = /* @__PURE__ */ x({
-  __name: "SvgIcon",
-  props: {
-    prefix: {
-      type: String,
-      required: !1,
-      default: "icon"
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    color: {
-      type: String,
-      required: !1,
-      default: "#333"
-    }
-  },
-  setup(c) {
-    const e = c, l = z(() => `#${e.prefix ?? "icon"}-${e.name}`);
-    return (r, u) => (t(), n("svg", ut, [o("use", {
-      href: l.value,
-      fill: e.color
-    }, null, 8, dt)]));
-  }
-}), Rt = /* @__PURE__ */ C(mt, [["__scopeId", "data-v-0a9de94e"]]), pt = {}, ht = {
-  class: "WidthContainer"
-};
-function ft(c, e) {
-  return t(), n("div", ht, [V(c.$slots, "default", {}, void 0, !0)]);
-}
-const Gt = /* @__PURE__ */ C(pt, [["render", ft], ["__scopeId", "data-v-d06aac1f"]]);
-export {
-  Ot as A,
-  Vt as C,
-  Wt as D,
-  qt as G,
-  ot as H,
-  Z as L,
-  Rt as S,
-  Gt as W,
-  _e as a,
-  Ne as b
-};