@huyooo/ui 0.5.37 → 0.5.39

package/dist/WidthContainer-CGy4PLm9.js

@@ -1,516 +0,0 @@
-/* empty css               */
-/* empty css               */
-import { defineComponent as v, ref as $, watch as U, createElementBlock as n, openBlock as t, createElementVNode as r, createVNode as _, unref as d, withCtx as J, resolveComponent as Q, createBlock as z, createCommentVNode as w, toDisplayString as C, onMounted as X, onUnmounted as Y, Fragment as A, renderList as P, normalizeClass as M, normalizeStyle as I, renderSlot as q, computed as T } from "vue";
-import { Spin as H } from "@arco-design/web-vue";
-import { a as E } from "./useAuthkitUsersProfile-B1y2nleU.js";
-import { u as K, a as Z } from "./auth-B864DrVx.js";
-import { u as V } from "./useAuthkitAppsAuthPageInfo-Ct-ElH04.js";
-import { a as B, f as R, w as L, b as D, d as O, c as ee } from "./useSEO-CDBhukDZ.js";
-import "./useUploadCos-Ca4Mo5FD.js";
-import { useRouter as G, useRoute as W } from "vue-router";
-/* empty css               */
-/* empty css               */
-import { d as te, c as N } from "./UserAccountMenu-CBcYE5WO.js";
-/* empty css               */
-/* empty css               */
-/* empty css               */
-/* empty css               */
-import { M as oe } from "./Menu-ejsosUdV.js";
-import "./CollapseItem-Cw1vcdLu.js";
-/* empty css               */
-import "./CustomTable-B8i1SbFB.js";
-import "./index-Bb-d5pBq.js";
-import "@iconify/vue";
-import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ne = {
-  class: "SidebarCom"
-}, se = {
-  class: "LogoContent"
-}, ae = {
-  class: "MenuContent"
-}, ie = {
-  class: "sidebar-footer"
-}, re = /* @__PURE__ */ v({
-  __name: "AppSidebar",
-  props: {
-    menuType: {
-      default: "system"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(o) {
-    const e = o, {
-      show: s
-    } = K(), {
-      isLoggedIn: c
-    } = E(), {
-      appsData: a
-    } = V(), {
-      menus: u,
-      hasPermission: b
-    } = B(e.menuType), g = G(), f = $(!1);
-    function k() {
-      g.push({
-        path: "/"
-      });
-    }
-    const p = W(), y = $([""]);
-    function S(i) {
-      const l = i.path;
-      if (!b(l)) {
-        c.value || (s.value = !0);
-        return;
-      }
-      L(() => {
-        g.push(l), y.value = [l], window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    return U(() => p.path, () => {
-      const i = R(p.matched, e.menuType, p.path);
-      console.log(i, p.matched, e.menuType, p.path, "activateKey"), i && (y.value = [i]);
-    }, {
-      immediate: !0
-    }), (i, l) => (t(), n("div", ne, [r("div", se, [_(d(F), {
-      icon: d(a).applicationLogoUrl,
-      name: d(a).name,
-      onTo: k
-    }, null, 8, ["icon", "name"])]), r("div", ae, [_(oe, {
-      "selected-keys": y.value,
-      "onUpdate:selectedKeys": l[0] || (l[0] = (m) => y.value = m),
-      menus: d(u),
-      onChange: S
-    }, null, 8, ["selected-keys", "menus"])]), r("div", ie, [_(d(te), {
-      onArrowClick: l[2] || (l[2] = (m) => f.value = !f.value)
-    }, {
-      avatar: J(() => [_(d(N), {
-        modelValue: f.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (m) => f.value = m),
-        position: "tr",
-        "dropdown-offset-y": "30px",
-        "dropdown-offset-x": "230px"
-      }, null, 8, ["modelValue"])]),
-      _: 1
-    })])]));
-  }
-}), ce = /* @__PURE__ */ h(re, [["__scopeId", "data-v-df07e222"]]), ue = {
-  class: "layout"
-}, le = {
-  class: "leftContent"
-}, de = {
-  class: "content"
-}, pe = {
-  class: "contentCenter"
-}, me = {
-  class: "pages"
-}, fe = {
-  key: 0,
-  class: "loading"
-}, _e = /* @__PURE__ */ v({
-  __name: "AppLayout",
-  props: {
-    menuType: {
-      default: "system"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(o) {
-    const e = o, {
-      isChecking: s
-    } = D();
-    return O(), (c, a) => {
-      const u = Q("RouterView");
-      return t(), n("div", ue, [r("div", le, [_(ce, {
-        "menu-type": e.menuType,
-        "show-user-panel": e.showUserPanel
-      }, null, 8, ["menu-type", "show-user-panel"])]), r("div", de, [r("div", pe, [r("div", me, [d(s) ? (t(), n("div", fe, [_(d(H), {
-        size: 40
-      })])) : (t(), z(u, {
-        key: 1
-      }))])])])]);
-    };
-  }
-}), ht = /* @__PURE__ */ h(_e, [["__scopeId", "data-v-4a48c340"]]), he = {
-  class: "ContentHead"
-}, ve = {
-  class: "title"
-}, ge = {
-  key: 0,
-  class: "description"
-}, ye = /* @__PURE__ */ v({
-  __name: "ContentHead",
-  props: {
-    title: {
-      type: String,
-      required: !0,
-      default: () => ""
-    },
-    description: {
-      type: String,
-      required: !0,
-      default: () => ""
-    }
-  },
-  setup(o) {
-    const e = o;
-    return (s, c) => (t(), n("div", he, [r("h1", ve, C(e.title), 1), e.description ? (t(), n("p", ge, C(e.description), 1)) : w("", !0)]));
-  }
-}), vt = /* @__PURE__ */ h(ye, [["__scopeId", "data-v-209a7bef"]]), be = {
-  class: "HeaderMenus"
-}, ke = {
-  key: 0,
-  class: "desktop-menus"
-}, Se = ["onClick"], we = {
-  key: 3,
-  class: "mobile-menu"
-}, $e = {
-  class: "mobile-menu-content"
-}, Ce = ["onClick"], Ie = /* @__PURE__ */ v({
-  __name: "HeaderMenus",
-  props: {
-    menus: {
-      type: Array,
-      required: !0
-    },
-    activateKey: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["change"],
-  setup(o, {
-    emit: e
-  }) {
-    const s = o, c = e, a = $(!1), u = $(!1);
-    function b() {
-      u.value = window.innerWidth <= 1024;
-    }
-    function g() {
-      a.value = !a.value;
-    }
-    function f() {
-      a.value = !1;
-    }
-    function k(i) {
-      c("change", i), f();
-    }
-    function p(i) {
-      return s.activateKey === i.path;
-    }
-    function y(i) {
-      c("change", i);
-    }
-    function S() {
-      b(), u.value || f();
-    }
-    return X(() => {
-      b(), window.addEventListener("resize", S);
-    }), Y(() => {
-      window.removeEventListener("resize", S);
-    }), (i, l) => (t(), n("div", be, [u.value ? w("", !0) : (t(), n("div", ke, [(t(!0), n(A, null, P(s.menus, (m, x) => (t(), n("div", {
-      key: x,
-      class: M(["headerLink", {
-        activate: p(m)
-      }]),
-      onClick: (j) => y(m)
-    }, C(m.name), 11, Se))), 128))])), u.value ? (t(), n("button", {
-      key: 1,
-      class: M(["mobile-menu-toggle", {
-        active: a.value
-      }]),
-      "aria-label": "切换菜单",
-      onClick: g
-    }, [...l[0] || (l[0] = [r("span", {
-      class: "hamburger-line"
-    }, null, -1), r("span", {
-      class: "hamburger-line"
-    }, null, -1), r("span", {
-      class: "hamburger-line"
-    }, null, -1)])], 2)) : w("", !0), a.value ? (t(), n("div", {
-      key: 2,
-      class: "mobile-menu-overlay",
-      onClick: f
-    })) : w("", !0), a.value ? (t(), n("div", we, [r("div", $e, [(t(!0), n(A, null, P(s.menus, (m, x) => (t(), n("div", {
-      key: x,
-      class: M(["mobile-menu-item", {
-        activate: p(m)
-      }]),
-      onClick: (j) => k(m)
-    }, C(m.name), 11, Ce))), 128))])])) : w("", !0)]));
-  }
-}), xe = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-beef3157"]]), Me = ["src"], Te = /* @__PURE__ */ v({
-  __name: "Logo",
-  props: {
-    name: {
-      type: String,
-      required: !1,
-      default: () => "#2d2d2d"
-    },
-    icon: {
-      type: String,
-      required: !1,
-      default: () => ""
-    },
-    color: {
-      type: String,
-      required: !1,
-      default: () => "#2d2d2d"
-    },
-    fontSize: {
-      type: String,
-      required: !1,
-      default: () => "16px"
-    }
-  },
-  emits: ["to"],
-  setup(o, {
-    emit: e
-  }) {
-    const s = o, c = e;
-    function a() {
-      c("to");
-    }
-    return (u, b) => (t(), n("div", {
-      class: "Logo",
-      onClick: a
-    }, [o.icon ? (t(), n("img", {
-      key: 0,
-      class: "icon",
-      src: o.icon,
-      alt: "logo",
-      loading: "lazy",
-      decoding: "async"
-    }, null, 8, Me)) : w("", !0), r("div", {
-      class: "text",
-      style: I({
-        color: s.color,
-        fontSize: s.fontSize
-      })
-    }, C(o.name), 5)]));
-  }
-}), F = /* @__PURE__ */ h(Te, [["__scopeId", "data-v-694a3ecc"]]), Le = {
-  class: "HeaderCom"
-}, Ae = {
-  class: "left"
-}, Pe = {
-  class: "right"
-}, Ue = /* @__PURE__ */ v({
-  __name: "Header",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(o) {
-    const e = o, {
-      show: s
-    } = K(), {
-      isLoggedIn: c
-    } = E(), {
-      appsData: a
-    } = V(), {
-      menus: u,
-      hasPermission: b
-    } = B(e.menuType), g = $(""), f = G(), k = W();
-    function p() {
-      L(() => {
-        f.push({
-          path: "/"
-        }), window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    function y(S) {
-      const i = S.path;
-      if (!b(i)) {
-        c.value || (s.value = !0);
-        return;
-      }
-      L(() => {
-        f.push(i), g.value = i, window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    return U(() => k.path, () => {
-      g.value = R(k.matched, e.menuType, k.path);
-    }, {
-      immediate: !0
-    }), (S, i) => (t(), n("div", Le, [r("div", Ae, [_(F, {
-      icon: d(a).applicationLogoUrl,
-      name: d(a).name,
-      onTo: p
-    }, null, 8, ["icon", "name"])]), r("div", Pe, [_(xe, {
-      menus: d(u),
-      activateKey: g.value,
-      onChange: y
-    }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), z(N, {
-      key: 0,
-      onToHomePage: p,
-      onSignOut: p
-    })) : w("", !0)])]));
-  }
-}), ze = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-48ee6be5"]]), qe = {
-  class: "body"
-}, He = {
-  key: 0,
-  class: "loading"
-}, Ee = "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)", Ke = /* @__PURE__ */ v({
-  __name: "DefaultLayout",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    },
-    backgroundImage: {
-      default: ""
-    }
-  },
-  setup(o) {
-    const e = o, {
-      setGlobalSEO: s
-    } = ee();
-    s(Z);
-    const {
-      isChecking: c
-    } = D();
-    return O(), (a, u) => (t(), n("div", {
-      class: "layout",
-      style: I({
-        backgroundImage: e.backgroundImage || Ee,
-        backgroundAttachment: "fixed"
-      })
-    }, [_(ze, {
-      "menu-type": e.menuType,
-      "show-user-panel": e.showUserPanel
-    }, null, 8, ["menu-type", "show-user-panel"]), r("div", qe, [d(c) ? (t(), n("div", He, [_(d(H), {
-      size: 40
-    })])) : q(a.$slots, "default", {
-      key: 1
-    }, void 0, !0)])], 4));
-  }
-}), gt = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-690c2133"]]), Ve = /* @__PURE__ */ v({
-  __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(o) {
-    const e = o, s = T(() => ({
-      pointerEvents: "none",
-      position: "absolute",
-      zIndex: e.zIndex,
-      width: e.width,
-      height: e.height,
-      filter: `blur(${e.blur})`
-    })), c = T(() => ({
-      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 (a, u) => (t(), n("div", {
-      class: "ellipsis",
-      style: I(s.value)
-    }, [r("div", {
-      class: "ellipsis-item",
-      style: I(c.value)
-    }, null, 4)], 4));
-  }
-}), yt = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b6461ac4"]]), Be = {
-  class: "SvgIcon"
-}, Re = ["href", "fill"], De = /* @__PURE__ */ v({
-  __name: "SvgIcon",
-  props: {
-    prefix: {
-      type: String,
-      required: !1,
-      default: "icon"
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    color: {
-      type: String,
-      required: !1,
-      default: "#333"
-    }
-  },
-  setup(o) {
-    const e = o, s = T(() => `#${e.prefix ?? "icon"}-${e.name}`);
-    return (c, a) => (t(), n("svg", Be, [r("use", {
-      href: s.value,
-      fill: e.color
-    }, null, 8, Re)]));
-  }
-}), bt = /* @__PURE__ */ h(De, [["__scopeId", "data-v-0a9de94e"]]), Oe = {}, Ge = {
-  class: "WidthContainer"
-};
-function We(o, e) {
-  return t(), n("div", Ge, [q(o.$slots, "default", {}, void 0, !0)]);
-}
-const kt = /* @__PURE__ */ h(Oe, [["render", We], ["__scopeId", "data-v-d06aac1f"]]);
-export {
-  ht as A,
-  vt as C,
-  gt as D,
-  yt as G,
-  ze as H,
-  F as L,
-  bt as S,
-  kt as W,
-  ce as a,
-  xe as b
-};