@huyooo/ui 0.5.34 → 0.5.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huyooo/ui",
-  "version": "0.5.34",
+  "version": "0.5.37",
   "private": false,
   "type": "module",
   "files": [

package/dist/WidthContainer-DrExTm1Z.js

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