@huyooo/ui 0.5.15 → 0.5.18

package/dist/WidthContainer-DhHq52TL.js

@@ -0,0 +1,528 @@
+/* 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 m, 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-zbKT0W_h.js";
+import { u as O } from "./useAuthkitAuthModal-BpOmabWi.js";
+import { u as R } from "./useAuthkitAppsAuthPageInfo-BifS1KOG.js";
+/* empty css               */
+import "@huyooo/api";
+import { a as D, w as A, b as G, d as W, f as ee, c as te } from "./useSEO-BLlxOmk2.js";
+import "./useUploadCos-D5k1YLb7.js";
+import { useRouter as N, useRoute as F } from "vue-router";
+/* empty css               */
+/* empty css               */
+import { d as ne, c as j } from "./UserAccountMenu-Bosjhh3l.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { M as oe } from "./Menu-Cxo8Rpu3.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";
+import { a as se } from "./globalConfig-C1YOJcxa.js";
+const ae = {
+  class: "SidebarCom"
+}, ie = {
+  class: "LogoContent"
+}, re = {
+  class: "MenuContent"
+}, ue = {
+  class: "sidebar-footer"
+}, ce = /* @__PURE__ */ g({
+  __name: "AppSidebar",
+  props: {
+    menuType: {
+      default: "system"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(n) {
+    const e = n, {
+      show: a
+    } = O(), {
+      isLoggedIn: u
+    } = B(), {
+      appsData: i
+    } = R(), {
+      menus: c,
+      hasPermission: k
+    } = D(e.menuType), y = N(), f = C(!1);
+    function S() {
+      y.push({
+        path: "/"
+      });
+    }
+    const d = F(), b = C([""]);
+    function w(p) {
+      const s = p.path;
+      if (!k(s)) {
+        u.value || (a.value = !0);
+        return;
+      }
+      A(() => {
+        y.push(s), b.value = [s], window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    function l(p, s, v) {
+      var M;
+      for (let T = p.length - 1; T >= 0; T--) {
+        const U = p[T];
+        if (((M = U.meta) == null ? void 0 : M.menuType) === s)
+          return U.path;
+      }
+      return "";
+    }
+    return H(() => d.path, () => {
+      const p = l(d.matched, e.menuType, d.path);
+      console.log(p, d.matched, e.menuType, d.path, "activateKey"), p && (b.value = [p]);
+    }, {
+      immediate: !0
+    }), (p, s) => (t(), o("div", ae, [r("div", ie, [_(m(J), {
+      icon: m(i).applicationLogoUrl,
+      name: "Captions One",
+      onTo: S
+    }, null, 8, ["icon"])]), r("div", re, [_(oe, {
+      "selected-keys": b.value,
+      "onUpdate:selectedKeys": s[0] || (s[0] = (v) => b.value = v),
+      menus: m(c),
+      onChange: w
+    }, null, 8, ["selected-keys", "menus"])]), r("div", ue, [_(m(ne), {
+      onArrowClick: s[2] || (s[2] = (v) => f.value = !f.value)
+    }, {
+      avatar: Q(() => [_(m(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(ce, [["__scopeId", "data-v-d65df5e3"]]), 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(), (u, i) => {
+      const c = 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, [m(a) ? (t(), o("div", he, [_(m(V), {
+        size: 40
+      })])) : (t(), E(c, {
+        key: 1
+      }))])])])]);
+    };
+  }
+}), kt = /* @__PURE__ */ h(ve, [["__scopeId", "data-v-1778eb2d"]]), 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, u) => (t(), o("div", ge, [r("h1", ye, I(e.title), 1), e.description ? (t(), o("p", be, I(e.description), 1)) : $("", !0)]));
+  }
+}), St = /* @__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, u = e, i = C(!1), c = C(!1);
+    function k() {
+      c.value = window.innerWidth <= 1024;
+    }
+    function y() {
+      i.value = !i.value;
+    }
+    function f() {
+      i.value = !1;
+    }
+    function S(l) {
+      u("change", l), f();
+    }
+    function d(l) {
+      return a.activateKey === l.path;
+    }
+    function b(l) {
+      u("change", l);
+    }
+    function w() {
+      k(), c.value || f();
+    }
+    return Y(() => {
+      k(), window.addEventListener("resize", w);
+    }), Z(() => {
+      window.removeEventListener("resize", w);
+    }), (l, p) => (t(), o("div", Se, [c.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: d(s)
+      }]),
+      onClick: (M) => b(s)
+    }, I(s.name), 11, $e))), 128))])), c.value ? (t(), o("button", {
+      key: 1,
+      class: L(["mobile-menu-toggle", {
+        active: i.value
+      }]),
+      "aria-label": "切换菜单",
+      onClick: y
+    }, [...p[0] || (p[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: d(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, u = e;
+    function i() {
+      u("to");
+    }
+    return (c, 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
+    } = O(), {
+      isLoggedIn: u
+    } = B(), {
+      appsData: i
+    } = R(), {
+      menus: c,
+      hasPermission: k
+    } = D(e.menuType), y = C(""), f = N(), S = F();
+    function d() {
+      A(() => {
+        f.push({
+          path: "/"
+        }), window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    function b(w) {
+      const l = w.path;
+      if (!k(l)) {
+        u.value || (a.value = !0);
+        return;
+      }
+      A(() => {
+        f.push(l), y.value = l, window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    return H(() => S.path, () => {
+      y.value = ee(S.matched, e.menuType, S.path);
+    }, {
+      immediate: !0
+    }), (w, l) => (t(), o("div", Ae, [r("div", Ue, [_(J, {
+      icon: m(i).applicationLogoUrl,
+      name: m(i).name,
+      onTo: d
+    }, null, 8, ["icon", "name"])]), r("div", ze, [_(Te, {
+      menus: m(c),
+      activateKey: y.value,
+      onChange: b
+    }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), E(j, {
+      key: 0,
+      onToHomePage: d,
+      onSignOut: d
+    })) : $("", !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
+    } = te();
+    a(se);
+    const {
+      isChecking: u
+    } = G();
+    return W(), (i, c) => (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, [m(u) ? (t(), o("div", Ke, [_(m(V), {
+      size: 40
+    })])) : K(i.$slots, "default", {
+      key: 1
+    }, void 0, !0)])], 4));
+  }
+}), wt = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-690c2133"]]), Oe = /* @__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})`
+    })), u = 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, c) => (t(), o("div", {
+      class: "ellipsis",
+      style: x(a.value)
+    }, [r("div", {
+      class: "ellipsis-item",
+      style: x(u.value)
+    }, null, 4)], 4));
+  }
+}), $t = /* @__PURE__ */ h(Oe, [["__scopeId", "data-v-b6461ac4"]]), Re = {
+  class: "SvgIcon"
+}, De = ["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 (u, i) => (t(), o("svg", Re, [r("use", {
+      href: a.value,
+      fill: e.color
+    }, null, 8, De)]));
+  }
+}), Ct = /* @__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 It = /* @__PURE__ */ h(We, [["render", Fe], ["__scopeId", "data-v-d06aac1f"]]);
+export {
+  kt as A,
+  St as C,
+  wt as D,
+  $t as G,
+  He as H,
+  J as L,
+  Ct as S,
+  It as W,
+  le as a,
+  Te as b
+};

package/dist/authkit.js

@@ -1,8 +1,8 @@
-import { A as a, a as s, c as u, b as A, n as h, E as e, k as r, l as o, _ as k, O as n, f as d, o as p, P as f, j as m, R as P, S, i as g, m as l, d as w, e as U, g as c, h as x } from "./AuthkitAuthModal-z2tnXCf6.js";
-import { A as y, a as E } from "./AuthkitAuthorize-RSe0DQNQ.js";
+import { A as a, a as s, c as u, b as A, n as h, E as e, k as r, l as o, _ as k, O as n, f as d, o as p, P as f, j as m, R as P, S, i as g, m as l, d as w, e as U, g as c, h as x } from "./AuthkitAuthModal-CPyOF0SH.js";
+import { A as y, a as E } from "./AuthkitAuthorize-DuQ4CKWT.js";
 import { u as C } from "./useAuthkitAppsAuthPageInfo-BifS1KOG.js";
 import { u as V, a as b } from "./useAuthkitUsersProfile-zbKT0W_h.js";
-import { u as B } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-BpOmabWi.js";
+import { u as B } from "./useAuthkitAuthModal-BpOmabWi.js";
 import { u as j } from "./useAuthkitCreateAndUpdate-BpPW409v.js";
 export {
   a as AuthkitAppSetting,

package/dist/common.d.ts

@@ -1,3 +1,5 @@
+export { default as AppLayout } from './components/AppLayout.vue';
+export { default as AppSidebar } from './components/AppSidebar.vue';
 export { default as Collapse } from './components/Collapse.vue';
 export { default as CollapseItem } from './components/CollapseItem.vue';
 export { default as ContentHead } from './components/ContentHead.vue';

package/dist/common.js

@@ -1,20 +1,22 @@
-import { C as s, a as o } from "./CollapseItem-Cw1vcdLu.js";
-import { C as r, D as n, G as l, H as C, a as m, L as p, S as u, W as d } from "./WidthContainer-6YR2TCen.js";
-import { C as i, E as x } from "./CustomTable-B8i1SbFB.js";
-import { M, a as g } from "./Menu-BKBnsDJ8.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-DhHq52TL.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-Cxo8Rpu3.js";
 export {
-  s as Collapse,
-  o as CollapseItem,
-  r as ContentHead,
-  i as CustomTable,
-  n as DefaultLayout,
-  x as Ellipsis,
-  l as Gradientbackground,
-  C as Header,
-  m as HeaderMenus,
-  p as Logo,
+  s as AppLayout,
+  o as AppSidebar,
+  i as Collapse,
+  f as CollapseItem,
+  t as ContentHead,
+  x as CustomTable,
+  r as DefaultLayout,
+  H as Ellipsis,
+  p as Gradientbackground,
+  n as Header,
+  l as HeaderMenus,
+  u as Logo,
   M as Menu,
   g as MenuItem,
-  u as SvgIcon,
+  C as SvgIcon,
   d as WidthContainer
 };

package/dist/components/AppLayout.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    menuType?: string;
+    showUserPanel?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    menuType: string;
+    showUserPanel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/AppSidebar.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    menuType?: string;
+    showUserPanel?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    menuType: string;
+    showUserPanel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/HeaderMenus.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 interface MenuType {
     name: string;
     path: string;
-    icon: string;
+    icon?: string;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     menus: {

package/dist/composables/Authkit/useAuthMenu.d.ts

@@ -1,13 +1,16 @@
 import { RouteLocationMatched } from 'vue-router';
 export declare function findMenuPath(matched: RouteLocationMatched[], menuType: string, currentPath: string): string;
+interface MenuItem {
+    name: string;
+    path: string;
+    icon?: string;
+    hidden?: boolean;
+    children?: MenuItem[];
+}
 export declare function useAuthMenu(menuType?: string): {
-    menus: import('vue').ComputedRef<{
-        name: any;
-        path: string;
-        key: string;
-        icon: any;
-    }[]>;
+    menus: import('vue').ComputedRef<MenuItem[]>;
     isRoutePublic: (path: string) => boolean;
     hasPermission: (path: string) => boolean;
     isLoggedIn: import('vue').ComputedRef<boolean>;
 };
+export {};

package/dist/composables.js

@@ -1,12 +1,12 @@
 import { u as o, a } from "./useAuthkitUsersProfile-zbKT0W_h.js";
-import { u } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-BpOmabWi.js";
+import { u } from "./useAuthkitAuthModal-BpOmabWi.js";
 import { u as i } from "./useAuthkitAppsAuthPageInfo-BifS1KOG.js";
 import { u as n } from "./useAuthkitCreateAndUpdate-BpPW409v.js";
 import { u as l } from "./useMessageNotifications-DSRanuRe.js";
 import { g as A, a as h, s as d, b as x } from "./globalConfig-C1YOJcxa.js";
 import { u as C, a as b } from "./useDownloads-DnMYa52H.js";
 import { u as c } from "./useTableHandle-DKUIdSSh.js";
-import { f as E, u as M, a as O, b as P, d as S, c as U, w as D } from "./useSEO-BkqUiuvw.js";
+import { f as E, u as M, a as O, b as P, d as S, c as U, w as D } from "./useSEO-BLlxOmk2.js";
 import { u as R } from "./useUploadCos-D5k1YLb7.js";
 export {
   E as findMenuPath,

package/dist/feedback.js

@@ -1,6 +1,6 @@
-import { _ as b, a as s, F as d, b as F, c, d as o, R as t } from "./FeedbackModal-DdTqdVlw.js";
+import { _ as b, a as s, F as d, b as F, c, d as o, R as t } from "./FeedbackModal-5C17AhkV.js";
 import { C as r } from "./Clipboard-Bful1lNJ.js";
-import { F as m, a as n, c as f, b as i, d as p } from "./FeedbackItem-44CGbXN_.js";
+import { F as m, a as n, c as f, b as i, d as p } from "./FeedbackItem-DGAsK3HZ.js";
 export {
   r as Clipboard,
   b as FeedbackBubbleEnd,