@huyooo/ui 0.5.51 → 0.5.52

package/package.json

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

package/dist/WidthContainer-XtTUnJB8.js

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