@huyooo/ui 0.5.33 → 0.5.36

package/dist/WidthContainer-DyuW6XVV.js

@@ -0,0 +1,516 @@
+/* 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-Dtro0lLy.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
+};

package/dist/common.js

@@ -1,4 +1,4 @@
-import { A as s, a as o, C as t, D as r, G as p, H as n, b as l, L as u, S as C, W as d } from "./WidthContainer-CLh37Was.js";
+import { A as s, a as o, C as t, D as r, G as p, H as n, b as l, L as u, S as C, W as d } from "./WidthContainer-DyuW6XVV.js";
 import { C as i, a as f } from "./CollapseItem-Cw1vcdLu.js";
 import { C as x, E as H } from "./CustomTable-B8i1SbFB.js";
 import { M, a as g } from "./Menu-ejsosUdV.js";

package/dist/composables.js

@@ -5,7 +5,7 @@ import { u as m } from "./useAuthkitCreateAndUpdate-C7pOKxNA.js";
 import { u as d } from "./useMessageNotifications-BUJtc-Us.js";
 import { u as x, a as C } from "./useDownloads-B7Leb86s.js";
 import { u as k } from "./useTableHandle-DGz8Wwsj.js";
-import { f as w, u as E, a as M, b as O, d as P, c as S, w as U } from "./useSEO-CFQMgnVq.js";
+import { f as w, u as E, a as M, b as O, d as P, c as S, w as U } from "./useSEO-Dtro0lLy.js";
 import { u as G } from "./useUploadCos-Ca4Mo5FD.js";
 export {
   w as findMenuPath,

package/dist/index.js

@@ -6,8 +6,8 @@ import { u as Z3 } from "./useMessageNotifications-BUJtc-Us.js";
 import { a as e2 } from "./useDownloads-B7Leb86s.js";
 import { u as E3 } from "./useDownloads-B7Leb86s.js";
 import { u as S3 } from "./useTableHandle-DGz8Wwsj.js";
-import { n as p2, e as I, U as f2, i as t2, V as h2, h as q, H as K, g as u2, v as _2 } from "./useSEO-CFQMgnVq.js";
-import { f as A3, u as G3, a as D3, b as P3, d as T3, c as O3, w as B3 } from "./useSEO-CFQMgnVq.js";
+import { n as p2, e as I, U as f2, i as t2, V as h2, h as q, H as K, g as u2, v as _2 } from "./useSEO-Dtro0lLy.js";
+import { f as A3, u as G3, a as D3, b as P3, d as T3, c as O3, w as B3 } from "./useSEO-Dtro0lLy.js";
 import { u as $3 } from "./useUploadCos-Ca4Mo5FD.js";
 import { A as W3, a as R3, c as z3, b as j3, n as q3, E as K3, k as J3, l as Q3, _ as X3, O as Y3, f as e4, o as t4, P as o4, j as s4, R as a4, S as i4, i as n4, m as r4, d as c4, e as l4, g as C4, h as d4 } from "./AuthkitAuthModal-BUicw-gi.js";
 import { A as f4, a as h4 } from "./AuthkitAuthorize--PZTQ6P_.js";
@@ -18,7 +18,7 @@ import { C as $4 } from "./Clipboard-07wvmu-K.js";
 import { F as W4, a as R4, c as z4, b as j4, d as q4 } from "./FeedbackItem-CdNcEvhG.js";
 import { L as J4, a as Q4, b as X4, c as Y4, B as e6, C as t6, d as o6, e as s6, x as a6, y as i6, f as n6, g as r6, z as c6, h as l6, i as C6, j as d6, k as p6, l as f6, m as h6, n as u6, D as _6, o as g6, p as m6, q as L6, r as y6, s as w6, T as F6, t as M6, A as v6, u as k6, v as x6, w as H6 } from "./LandingPageSectionTabs-Vk5dMIEO.js";
 import { L as V6, a as E6, b as U6, c as S6, D as b6, d as A6, e as G6, f as D6, g as P6, h as T6, i as O6, j as B6, k as I6, l as $6, m as N6, n as W6 } from "./LandingPageSectionHeader-BWX7bHHG.js";
-import { A as z6, a as j6, C as q6, D as K6, G as J6, H as Q6, b as X6, L as Y6, S as e7, W as t7 } from "./WidthContainer-CLh37Was.js";
+import { A as z6, a as j6, C as q6, D as K6, G as J6, H as Q6, b as X6, L as Y6, S as e7, W as t7 } from "./WidthContainer-DyuW6XVV.js";
 import { C as s7, a as a7 } from "./CollapseItem-Cw1vcdLu.js";
 import { C as n7, E as r7 } from "./CustomTable-B8i1SbFB.js";
 import { M as l7, a as C7 } from "./Menu-ejsosUdV.js";