@huyooo/ui 0.4.90 → 0.5.0

package/dist/WidthContainer-D9JWjdkk.js

@@ -0,0 +1,376 @@
+import { defineComponent as m, createElementBlock as n, openBlock as t, createElementVNode as c, createCommentVNode as p, toDisplayString as k, ref as I, onMounted as A, onUnmounted as U, Fragment as q, renderList as H, normalizeClass as C, normalizeStyle as M, watch as R, createVNode as S, unref as b, createBlock as P, resolveComponent as V, computed as x, renderSlot as B } from "vue";
+import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+/* empty css               */
+import { Spin as D } from "@arco-design/web-vue";
+import { c as E } from "./UserPanel-C1NGdsFk.js";
+import { a as K, u as W } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-B-QKS_BT.js";
+import { a as G } from "./useAuthkitUsersProfile-D2UZf7n0.js";
+import { u as N, f as O, w as L, a as F } from "./useRoutePermission-Uxu5S3m1.js";
+import { useRouter as j, useRoute as J } from "vue-router";
+const Q = {
+  class: "ContentHead"
+}, X = {
+  class: "title"
+}, Y = {
+  key: 0,
+  class: "description"
+}, Z = /* @__PURE__ */ m({
+  __name: "ContentHead",
+  props: {
+    title: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      required: !0,
+      default: () => ""
+    }
+  },
+  setup(o) {
+    const e = o;
+    return (s, i) => (t(), n("div", Q, [c("h1", X, k(e.title), 1), e.description ? (t(), n("p", Y, k(e.description), 1)) : p("", !0)]));
+  }
+}), Re = /* @__PURE__ */ l(Z, [["__scopeId", "data-v-209a7bef"]]), ee = {
+  class: "HeaderMenus"
+}, te = {
+  key: 0,
+  class: "desktop-menus"
+}, ne = ["onClick"], oe = {
+  key: 3,
+  class: "mobile-menu"
+}, se = {
+  class: "mobile-menu-content"
+}, ae = ["onClick"], ie = /* @__PURE__ */ m({
+  __name: "HeaderMenus",
+  props: {
+    menus: {
+      type: Array,
+      required: !0
+    },
+    activateKey: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(o, {
+    emit: e
+  }) {
+    const s = o, i = e, a = I(!1), u = I(!1);
+    function f() {
+      u.value = window.innerWidth <= 1024;
+    }
+    function g() {
+      a.value = !a.value;
+    }
+    function _() {
+      a.value = !1;
+    }
+    function v(r) {
+      i("change", r), _();
+    }
+    function h(r) {
+      return s.activateKey === r.path;
+    }
+    function w(r) {
+      i("change", r);
+    }
+    function y() {
+      f(), u.value || _();
+    }
+    return A(() => {
+      f(), window.addEventListener("resize", y);
+    }), U(() => {
+      window.removeEventListener("resize", y);
+    }), (r, z) => (t(), n("div", ee, [u.value ? p("", !0) : (t(), n("div", te, [(t(!0), n(q, null, H(s.menus, (d, $) => (t(), n("div", {
+      key: $,
+      class: C(["headerLink", {
+        activate: h(d)
+      }]),
+      onClick: (T) => w(d)
+    }, k(d.name), 11, ne))), 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: _
+    })) : p("", !0), a.value ? (t(), n("div", oe, [c("div", se, [(t(!0), n(q, null, H(s.menus, (d, $) => (t(), n("div", {
+      key: $,
+      class: C(["mobile-menu-item", {
+        activate: h(d)
+      }]),
+      onClick: (T) => v(d)
+    }, k(d.name), 11, ae))), 128))])])) : p("", !0)]));
+  }
+}), re = /* @__PURE__ */ l(ie, [["__scopeId", "data-v-67bf8ea1"]]), ce = ["src"], ue = /* @__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, i = e;
+    function a() {
+      i("to");
+    }
+    return (u, f) => (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, ce)) : p("", !0), c("div", {
+      class: "text",
+      style: M({
+        color: s.color,
+        fontSize: s.fontSize
+      })
+    }, k(o.name), 5)]));
+  }
+}), le = /* @__PURE__ */ l(ue, [["__scopeId", "data-v-694a3ecc"]]), de = {
+  class: "HeaderCom"
+}, pe = {
+  class: "left"
+}, me = {
+  class: "right"
+}, _e = /* @__PURE__ */ m({
+  __name: "Header",
+  props: {
+    menuType: {
+      default: "header"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(o) {
+    const e = o, {
+      show: s
+    } = K(), {
+      isLoggedIn: i
+    } = G(), {
+      appsData: a
+    } = W(), {
+      menus: u,
+      hasPermission: f
+    } = N(e.menuType), g = I(""), _ = j(), v = J();
+    function h() {
+      L(() => {
+        _.push({
+          path: "/"
+        }), window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    function w(y) {
+      const r = y.path;
+      if (!f(r)) {
+        i.value || (s.value = !0);
+        return;
+      }
+      L(() => {
+        _.push(r), g.value = r, window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      });
+    }
+    return R(() => v.path, () => {
+      g.value = O(v.matched, e.menuType, v.path);
+    }, {
+      immediate: !0
+    }), (y, r) => (t(), n("div", de, [c("div", pe, [S(le, {
+      icon: b(a).applicationLogoUrl,
+      name: b(a).name,
+      onTo: h
+    }, null, 8, ["icon", "name"])]), c("div", me, [S(re, {
+      menus: b(u),
+      activateKey: g.value,
+      onChange: w
+    }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), P(E, {
+      key: 0,
+      onToHomePage: h,
+      onSignOut: h
+    })) : p("", !0)])]));
+  }
+}), he = /* @__PURE__ */ l(_e, [["__scopeId", "data-v-2225e367"]]), fe = {
+  class: "layout"
+}, ge = {
+  class: "body"
+}, ve = {
+  key: 0,
+  class: "loading"
+}, ye = /* @__PURE__ */ m({
+  __name: "DefaultLayout",
+  props: {
+    menuType: {
+      default: "header"
+    },
+    showUserPanel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(o) {
+    const {
+      isChecking: e
+    } = F();
+    return (s, i) => {
+      const a = V("RouterView");
+      return t(), n("div", fe, [S(he, {
+        "menu-type": s.menuType,
+        "show-user-panel": s.showUserPanel
+      }, null, 8, ["menu-type", "show-user-panel"]), c("div", ge, [b(e) ? (t(), n("div", ve, [S(b(D), {
+        size: 40
+      })])) : (t(), P(a, {
+        key: 1
+      }))])]);
+    };
+  }
+}), Ve = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-405e9c75"]]), be = /* @__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})`
+    })), i = 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: M(s.value)
+    }, [c("div", {
+      class: "ellipsis-item",
+      style: M(i.value)
+    }, null, 4)], 4));
+  }
+}), Be = /* @__PURE__ */ l(be, [["__scopeId", "data-v-b6461ac4"]]), ke = {
+  class: "SvgIcon"
+}, Se = ["href", "fill"], we = /* @__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 (i, a) => (t(), n("svg", ke, [c("use", {
+      href: s.value,
+      fill: e.color
+    }, null, 8, Se)]));
+  }
+}), De = /* @__PURE__ */ l(we, [["__scopeId", "data-v-0a9de94e"]]), $e = {}, Ce = {
+  class: "WidthContainer"
+};
+function Ie(o, e) {
+  return t(), n("div", Ce, [B(o.$slots, "default", {}, void 0, !0)]);
+}
+const Ee = /* @__PURE__ */ l($e, [["render", Ie], ["__scopeId", "data-v-d06aac1f"]]);
+export {
+  Re as C,
+  Ve as D,
+  Be as G,
+  he as H,
+  le as L,
+  De as S,
+  Ee as W,
+  re as a
+};

package/dist/authkit.js

@@ -1,7 +1,7 @@
-import { A as a, a as s, c as u, b as A, n as h, E as e, k as r, l as k, _ as o, 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-4u1nye5k.js";
-import { A as y, a as E } from "./AuthkitAuthorize-ScwqrsOC.js";
-import { u as C, a as R } from "./useAuthkitAppsAuthPageInfo-Dy0Snk6O.js";
-import { u as b, a as v } from "./useAuthkitUsersProfile-DNOB_Kuk.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 k, _ as o, 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-cEi5Hm14.js";
+import { A as y, a as E } from "./AuthkitAuthorize-DksJZktr.js";
+import { u as C, a as R } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-B-QKS_BT.js";
+import { u as b, a as v } from "./useAuthkitUsersProfile-D2UZf7n0.js";
 import { u as M } from "./useAuthkitCreateAndUpdate-BpPW409v.js";
 export {
   a as AuthkitAppSetting,

package/dist/common.d.ts

@@ -2,8 +2,10 @@ export { default as Collapse } from './components/Collapse.vue';
 export { default as CollapseItem } from './components/CollapseItem.vue';
 export { default as ContentHead } from './components/ContentHead.vue';
 export { default as CustomTable } from './components/CustomTable.vue';
+export { default as DefaultLayout } from './components/DefaultLayout.vue';
 export { default as Ellipsis } from './components/Ellipsis.vue';
 export { default as Gradientbackground } from './components/Gradientbackground.vue';
+export { default as Header } from './components/Header.vue';
 export { default as HeaderMenus } from './components/HeaderMenus.vue';
 export { default as Logo } from './components/Logo.vue';
 export { default as Menu } from './components/Menu.vue';

package/dist/common.js

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

package/dist/components/DefaultLayout.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/Header.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/composables/Authkit/useAuthMenu.d.ts

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

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

@@ -0,0 +1,5 @@
+export declare function useRoutePermission(): {
+    isChecking: import('vue').Ref<boolean, boolean>;
+    isRoutePublic: (path: string) => boolean;
+    hasPermission: (path: string) => boolean;
+};

package/dist/composables.d.ts

@@ -11,3 +11,5 @@ export { useActiveDoc } from './composables/useActiveDoc';
 export { useUploadCos } from './composables/Upload/useUploadCos';
 export { withViewTransition } from './composables/viewTransitions';
 export { useDownloads } from './composables/useDownloads';
+export { useAuthMenu, findMenuPath } from './composables/Authkit/useAuthMenu';
+export { useRoutePermission } from './composables/Authkit/useRoutePermission';

package/dist/composables.js

@@ -1,24 +1,28 @@
-import { u as o, a } from "./useAuthkitUsersProfile-DNOB_Kuk.js";
-import { u, a as r } from "./useAuthkitAppsAuthPageInfo-Dy0Snk6O.js";
+import { u as a, a as o } from "./useAuthkitUsersProfile-D2UZf7n0.js";
+import { u, a as r } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-B-QKS_BT.js";
 import { u as f } from "./useAuthkitCreateAndUpdate-BpPW409v.js";
-import { u as A } from "./useMessageNotifications-DOH1MS61.js";
-import { g as l, s as m } from "./globalConfig-DZIhLe1R.js";
-import { a as d, u as x, b as g, w as C } from "./useDownloads-BkDo_wOR.js";
-import { u as b } from "./useTableHandle-DKUIdSSh.js";
-import { u as U } from "./useUploadCos-B5P_PDcy.js";
+import { u as p } from "./useMessageNotifications-BahKMcby.js";
+import { g as m, s as h } from "./index-DZIhLe1R.js";
+import { a as d, u as x, b as g } from "./useDownloads-CHe228Vf.js";
+import { u as k } from "./useTableHandle-DKUIdSSh.js";
+import { u as w } from "./useUploadCos-DNKp_9xt.js";
+import { f as P, u as U, a as c, w as D } from "./useRoutePermission-Uxu5S3m1.js";
 export {
-  l as globalConfig,
-  m as setGlobalConfig,
+  P as findMenuPath,
+  m as globalConfig,
+  h as setGlobalConfig,
   d as useActiveDoc,
+  U as useAuthMenu,
   u as useAuthkitAppsAuthPageInfo,
-  o as useAuthkitAuth,
+  a as useAuthkitAuth,
   r as useAuthkitAuthModal,
   f as useAuthkitCreateAndUpdate,
-  a as useAuthkitUsersProfile,
+  o as useAuthkitUsersProfile,
   x as useCommonCreateAndUpdate,
   g as useDownloads,
-  A as useMessageNotifications,
-  b as useTableHandle,
-  U as useUploadCos,
-  C as withViewTransition
+  p as useMessageNotifications,
+  c as useRoutePermission,
+  k as useTableHandle,
+  w as useUploadCos,
+  D as withViewTransition
 };

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-D1htK7xY.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-B_EUApFA.js";
+import { _ as b, a as s, F as d, b as F, c, d as o, R as t } from "./FeedbackModal-CsRXm-MY.js";
+import { C as r } from "./Clipboard-CGm0G1dN.js";
+import { F as m, a as n, c as f, b as i, d as p } from "./FeedbackItem-Day3rfSw.js";
 export {
   r as Clipboard,
   b as FeedbackBubbleEnd,