@huyooo/ui 0.5.15 → 0.5.18

package/dist/WidthContainer-6YR2TCen.js

@@ -1,397 +0,0 @@
-import { defineComponent as m, createElementBlock as n, openBlock as t, createElementVNode as c, createCommentVNode as p, toDisplayString as k, ref as M, onMounted as A, onUnmounted as E, Fragment as q, renderList as H, normalizeClass as C, normalizeStyle as S, watch as U, createVNode as $, unref as b, createBlock as B, renderSlot as P, computed as x } from "vue";
-import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-/* empty css               */
-/* empty css               */
-import { Spin as O } from "@arco-design/web-vue";
-import { c as D } from "./UserPanel-hGYAeWcj.js";
-import { u as K } from "./useAuthkitAppsAuthPageInfo-BifS1KOG.js";
-import { u as R } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-BpOmabWi.js";
-import { a as G } from "./useAuthkitUsersProfile-zbKT0W_h.js";
-import { a as V, f as W, w as L, c as N, b as F, d as j } from "./useSEO-BkqUiuvw.js";
-import { useRouter as J, useRoute as Q } from "vue-router";
-import { a as X } from "./globalConfig-C1YOJcxa.js";
-import "@huyooo/api";
-import "./useUploadCos-D5k1YLb7.js";
-/* empty css               */
-/* empty css               */
-/* empty css               */
-import "@iconify/vue";
-/* empty css                                                              */
-/* empty css               */
-/* empty css                                                                          */
-/* empty css               */
-/* empty css               */
-const Y = {
-  class: "ContentHead"
-}, Z = {
-  class: "title"
-}, ee = {
-  key: 0,
-  class: "description"
-}, te = /* @__PURE__ */ m({
-  __name: "ContentHead",
-  props: {
-    title: {
-      type: String,
-      required: !0,
-      default: () => ""
-    },
-    description: {
-      type: String,
-      required: !0,
-      default: () => ""
-    }
-  },
-  setup(o) {
-    const e = o;
-    return (s, r) => (t(), n("div", Y, [c("h1", Z, k(e.title), 1), e.description ? (t(), n("p", ee, k(e.description), 1)) : p("", !0)]));
-  }
-}), Ye = /* @__PURE__ */ l(te, [["__scopeId", "data-v-209a7bef"]]), ne = {
-  class: "HeaderMenus"
-}, oe = {
-  key: 0,
-  class: "desktop-menus"
-}, se = ["onClick"], ae = {
-  key: 3,
-  class: "mobile-menu"
-}, re = {
-  class: "mobile-menu-content"
-}, ie = ["onClick"], ce = /* @__PURE__ */ m({
-  __name: "HeaderMenus",
-  props: {
-    menus: {
-      type: Array,
-      required: !0
-    },
-    activateKey: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["change"],
-  setup(o, {
-    emit: e
-  }) {
-    const s = o, r = e, a = M(!1), u = M(!1);
-    function h() {
-      u.value = window.innerWidth <= 1024;
-    }
-    function g() {
-      a.value = !a.value;
-    }
-    function f() {
-      a.value = !1;
-    }
-    function v(i) {
-      r("change", i), f();
-    }
-    function _(i) {
-      return s.activateKey === i.path;
-    }
-    function w(i) {
-      r("change", i);
-    }
-    function y() {
-      h(), u.value || f();
-    }
-    return A(() => {
-      h(), window.addEventListener("resize", y);
-    }), E(() => {
-      window.removeEventListener("resize", y);
-    }), (i, z) => (t(), n("div", ne, [u.value ? p("", !0) : (t(), n("div", oe, [(t(!0), n(q, null, H(s.menus, (d, I) => (t(), n("div", {
-      key: I,
-      class: C(["headerLink", {
-        activate: _(d)
-      }]),
-      onClick: (T) => w(d)
-    }, k(d.name), 11, se))), 128))])), u.value ? (t(), n("button", {
-      key: 1,
-      class: C(["mobile-menu-toggle", {
-        active: a.value
-      }]),
-      "aria-label": "切换菜单",
-      onClick: g
-    }, [...z[0] || (z[0] = [c("span", {
-      class: "hamburger-line"
-    }, null, -1), c("span", {
-      class: "hamburger-line"
-    }, null, -1), c("span", {
-      class: "hamburger-line"
-    }, null, -1)])], 2)) : p("", !0), a.value ? (t(), n("div", {
-      key: 2,
-      class: "mobile-menu-overlay",
-      onClick: f
-    })) : p("", !0), a.value ? (t(), n("div", ae, [c("div", re, [(t(!0), n(q, null, H(s.menus, (d, I) => (t(), n("div", {
-      key: I,
-      class: C(["mobile-menu-item", {
-        activate: _(d)
-      }]),
-      onClick: (T) => v(d)
-    }, k(d.name), 11, ie))), 128))])])) : p("", !0)]));
-  }
-}), ue = /* @__PURE__ */ l(ce, [["__scopeId", "data-v-67bf8ea1"]]), le = ["src"], de = /* @__PURE__ */ m({
-  __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, r = e;
-    function a() {
-      r("to");
-    }
-    return (u, h) => (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, le)) : p("", !0), c("div", {
-      class: "text",
-      style: S({
-        color: s.color,
-        fontSize: s.fontSize
-      })
-    }, k(o.name), 5)]));
-  }
-}), pe = /* @__PURE__ */ l(de, [["__scopeId", "data-v-694a3ecc"]]), me = {
-  class: "HeaderCom"
-}, fe = {
-  class: "left"
-}, _e = {
-  class: "right"
-}, he = /* @__PURE__ */ m({
-  __name: "Header",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(o) {
-    const e = o, {
-      show: s
-    } = R(), {
-      isLoggedIn: r
-    } = G(), {
-      appsData: a
-    } = K(), {
-      menus: u,
-      hasPermission: h
-    } = V(e.menuType), g = M(""), f = J(), v = Q();
-    function _() {
-      L(() => {
-        f.push({
-          path: "/"
-        }), window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    function w(y) {
-      const i = y.path;
-      if (!h(i)) {
-        r.value || (s.value = !0);
-        return;
-      }
-      L(() => {
-        f.push(i), g.value = i, window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    return U(() => v.path, () => {
-      g.value = W(v.matched, e.menuType, v.path);
-    }, {
-      immediate: !0
-    }), (y, i) => (t(), n("div", me, [c("div", fe, [$(pe, {
-      icon: b(a).applicationLogoUrl,
-      name: b(a).name,
-      onTo: _
-    }, null, 8, ["icon", "name"])]), c("div", _e, [$(ue, {
-      menus: b(u),
-      activateKey: g.value,
-      onChange: w
-    }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), B(D, {
-      key: 0,
-      onToHomePage: _,
-      onSignOut: _
-    })) : p("", !0)])]));
-  }
-}), ge = /* @__PURE__ */ l(he, [["__scopeId", "data-v-48ee6be5"]]), ve = {
-  class: "body"
-}, ye = {
-  key: 0,
-  class: "loading"
-}, be = "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)", ke = /* @__PURE__ */ m({
-  __name: "DefaultLayout",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    },
-    backgroundImage: {
-      default: ""
-    }
-  },
-  setup(o) {
-    const e = o, {
-      setGlobalSEO: s
-    } = N();
-    s(X);
-    const {
-      isChecking: r
-    } = F();
-    return j(), (a, u) => (t(), n("div", {
-      class: "layout",
-      style: S({
-        backgroundImage: e.backgroundImage || be,
-        backgroundAttachment: "fixed"
-      })
-    }, [$(ge, {
-      "menu-type": e.menuType,
-      "show-user-panel": e.showUserPanel
-    }, null, 8, ["menu-type", "show-user-panel"]), c("div", ve, [b(r) ? (t(), n("div", ye, [$(b(O), {
-      size: 40
-    })])) : P(a.$slots, "default", {
-      key: 1
-    }, void 0, !0)])], 4));
-  }
-}), Ze = /* @__PURE__ */ l(ke, [["__scopeId", "data-v-690c2133"]]), Se = /* @__PURE__ */ m({
-  __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 = x(() => ({
-      pointerEvents: "none",
-      position: "absolute",
-      zIndex: e.zIndex,
-      width: e.width,
-      height: e.height,
-      filter: `blur(${e.blur})`
-    })), r = x(() => ({
-      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: S(s.value)
-    }, [c("div", {
-      class: "ellipsis-item",
-      style: S(r.value)
-    }, null, 4)], 4));
-  }
-}), et = /* @__PURE__ */ l(Se, [["__scopeId", "data-v-b6461ac4"]]), $e = {
-  class: "SvgIcon"
-}, we = ["href", "fill"], Ie = /* @__PURE__ */ m({
-  __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 = x(() => `#${e.prefix ?? "icon"}-${e.name}`);
-    return (r, a) => (t(), n("svg", $e, [c("use", {
-      href: s.value,
-      fill: e.color
-    }, null, 8, we)]));
-  }
-}), tt = /* @__PURE__ */ l(Ie, [["__scopeId", "data-v-0a9de94e"]]), Ce = {}, Me = {
-  class: "WidthContainer"
-};
-function xe(o, e) {
-  return t(), n("div", Me, [P(o.$slots, "default", {}, void 0, !0)]);
-}
-const nt = /* @__PURE__ */ l(Ce, [["render", xe], ["__scopeId", "data-v-d06aac1f"]]);
-export {
-  Ye as C,
-  Ze as D,
-  et as G,
-  ge as H,
-  pe as L,
-  tt as S,
-  nt as W,
-  ue as a
-};