@huyooo/ui 0.4.67 → 0.4.69

package/dist/WidthContainer-CfR77puD.js

@@ -0,0 +1,263 @@
+import { defineComponent as f, createElementBlock as t, openBlock as n, createElementVNode as a, createCommentVNode as d, toDisplayString as _, computed as y, normalizeStyle as b, ref as C, onMounted as L, onUnmounted as H, Fragment as x, renderList as I, normalizeClass as h, renderSlot as E } from "vue";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const W = {
+  class: "ContentHead"
+}, G = {
+  class: "title"
+}, B = {
+  key: 0,
+  class: "description"
+}, K = /* @__PURE__ */ f({
+  __name: "ContentHead",
+  props: {
+    title: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      required: !0,
+      default: () => ""
+    }
+  },
+  setup(s) {
+    const e = s;
+    return (i, r) => (n(), t("div", W, [a("h1", G, _(e.title), 1), e.description ? (n(), t("p", B, _(e.description), 1)) : d("", !0)]));
+  }
+}), ne = /* @__PURE__ */ p(K, [["__scopeId", "data-v-209a7bef"]]), N = /* @__PURE__ */ f({
+  __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(s) {
+    const e = s, i = y(() => ({
+      pointerEvents: "none",
+      position: "absolute",
+      zIndex: e.zIndex,
+      width: e.width,
+      height: e.height,
+      filter: `blur(${e.blur})`
+    })), r = y(() => ({
+      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 (o, c) => (n(), t("div", {
+      class: "ellipsis",
+      style: b(i.value)
+    }, [a("div", {
+      class: "ellipsis-item",
+      style: b(r.value)
+    }, null, 4)], 4));
+  }
+}), se = /* @__PURE__ */ p(N, [["__scopeId", "data-v-b6461ac4"]]), V = {
+  class: "HeaderMenus"
+}, A = {
+  key: 0,
+  class: "desktop-menus"
+}, D = ["onClick"], F = {
+  key: 3,
+  class: "mobile-menu"
+}, O = {
+  class: "mobile-menu-content"
+}, R = ["onClick"], U = /* @__PURE__ */ f({
+  __name: "HeaderMenus",
+  props: {
+    menus: {
+      type: Array,
+      required: !0
+    },
+    activateKey: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(s, {
+    emit: e
+  }) {
+    const i = s, r = e, o = C(!1), c = C(!1);
+    function g() {
+      c.value = window.innerWidth <= 1024;
+    }
+    function M() {
+      o.value = !o.value;
+    }
+    function m() {
+      o.value = !1;
+    }
+    function q(u) {
+      r("change", u), m();
+    }
+    function S(u) {
+      return i.activateKey === u.path;
+    }
+    function z(u) {
+      r("change", u);
+    }
+    function k() {
+      g(), c.value || m();
+    }
+    return L(() => {
+      g(), window.addEventListener("resize", k);
+    }), H(() => {
+      window.removeEventListener("resize", k);
+    }), (u, $) => (n(), t("div", V, [c.value ? d("", !0) : (n(), t("div", A, [(n(!0), t(x, null, I(i.menus, (l, v) => (n(), t("div", {
+      key: v,
+      class: h(["headerLink", {
+        activate: S(l)
+      }]),
+      onClick: (w) => z(l)
+    }, _(l.name), 11, D))), 128))])), c.value ? (n(), t("button", {
+      key: 1,
+      class: h(["mobile-menu-toggle", {
+        active: o.value
+      }]),
+      "aria-label": "切换菜单",
+      onClick: M
+    }, $[0] || ($[0] = [a("span", {
+      class: "hamburger-line"
+    }, null, -1), a("span", {
+      class: "hamburger-line"
+    }, null, -1), a("span", {
+      class: "hamburger-line"
+    }, null, -1)]), 2)) : d("", !0), o.value ? (n(), t("div", {
+      key: 2,
+      class: "mobile-menu-overlay",
+      onClick: m
+    })) : d("", !0), o.value ? (n(), t("div", F, [a("div", O, [(n(!0), t(x, null, I(i.menus, (l, v) => (n(), t("div", {
+      key: v,
+      class: h(["mobile-menu-item", {
+        activate: S(l)
+      }]),
+      onClick: (w) => q(l)
+    }, _(l.name), 11, R))), 128))])])) : d("", !0)]));
+  }
+}), ie = /* @__PURE__ */ p(U, [["__scopeId", "data-v-67bf8ea1"]]), j = ["src"], J = /* @__PURE__ */ f({
+  __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(s, {
+    emit: e
+  }) {
+    const i = s, r = e;
+    function o() {
+      r("to");
+    }
+    return (c, g) => (n(), t("div", {
+      class: "Logo",
+      onClick: o
+    }, [s.icon ? (n(), t("img", {
+      key: 0,
+      class: "icon",
+      src: s.icon,
+      alt: "logo",
+      loading: "lazy",
+      decoding: "async"
+    }, null, 8, j)) : d("", !0), a("div", {
+      class: "text",
+      style: b({
+        color: i.color,
+        fontSize: i.fontSize
+      })
+    }, _(s.name), 5)]));
+  }
+}), oe = /* @__PURE__ */ p(J, [["__scopeId", "data-v-694a3ecc"]]), P = {
+  class: "SvgIcon"
+}, Q = ["href", "fill"], T = /* @__PURE__ */ f({
+  __name: "SvgIcon",
+  props: {
+    prefix: {
+      type: String,
+      required: !1,
+      default: "icon"
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String,
+      required: !1,
+      default: "#333"
+    }
+  },
+  setup(s) {
+    const e = s, i = y(() => `#${e.prefix ?? "icon"}-${e.name}`);
+    return (r, o) => (n(), t("svg", P, [a("use", {
+      href: i.value,
+      fill: e.color
+    }, null, 8, Q)]));
+  }
+}), re = /* @__PURE__ */ p(T, [["__scopeId", "data-v-0a9de94e"]]), X = {}, Y = {
+  class: "WidthContainer"
+};
+function Z(s, e) {
+  return n(), t("div", Y, [E(s.$slots, "default", {}, void 0, !0)]);
+}
+const ae = /* @__PURE__ */ p(X, [["render", Z], ["__scopeId", "data-v-d06aac1f"]]);
+export {
+  ne as C,
+  se as G,
+  ie as H,
+  oe as L,
+  re as S,
+  ae as W
+};

package/dist/authkit.d.ts

@@ -28,4 +28,3 @@ export { useAuthkitAuthModal } from './composables/Authkit/useAuthkitAuthModal';
 export { useAuthkitUsersProfile } from './composables/Authkit/useAuthkitUsersProfile';
 export { useAuthkitCreateAndUpdate } from './composables/Authkit/useAuthkitCreateAndUpdate';
 export type * from './types/auth';
-export type * from './types/users';

package/dist/authkit.js

@@ -1,5 +1,5 @@
 import { b as a, A as s, a as u, c 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 U, e as w, g as c, h as x } from "./AuthkitAppSetting-CX3_9Jcg.js";
-import { A as y, a as E } from "./AuthkitAuthorize-B3WS5eGX.js";
+import { A as y, a as E } from "./AuthkitAuthorize-CA0jmnjq.js";
 import { U as C, u as R } from "./useAuthkitAuthModal-hxivJw_U.js";
 import { u as b, a as v } from "./useAuthkitUsersProfile-DNOB_Kuk.js";
 import { u as M } from "./useAuthkitCreateAndUpdate-BpPW409v.js";

package/dist/common.d.ts

@@ -4,7 +4,9 @@ export { default as ContentHead } from './components/ContentHead.vue';
 export { default as CustomTable } from './components/CustomTable.vue';
 export { default as Ellipsis } from './components/Ellipsis.vue';
 export { default as Gradientbackground } from './components/Gradientbackground.vue';
+export { default as HeaderMenus } from './components/HeaderMenus.vue';
 export { default as InfiniteLoading } from './components/InfiniteLoading.vue';
+export { default as Logo } from './components/Logo.vue';
 export { default as Menu } from './components/Menu.vue';
 export { default as MenuItem } from './components/MenuItem.vue';
 export { default as SvgIcon } from './components/SvgIcon.vue';

package/dist/common.js

@@ -1,40 +1,42 @@
 import { C as s, a as e } from "./CollapseItem-Cw1vcdLu.js";
-import { C as t, G as n, S as p, W as m } from "./WidthContainer-D795bWdT.js";
-import { C as i, E as l } from "./CustomTable-JflAYS8i.js";
-import { I as x } from "./MessageHandle-BelPivb3.js";
-import { M as d, a as b } from "./Menu-Cxo8Rpu3.js";
-import { S as U, b as g, c as I, a as S, U as v } from "./UserPanel-CaaTu1mu.js";
+import { C as t, G as n, H as p, L as m, S as f, W as i } from "./WidthContainer-CfR77puD.js";
+import { C as u, E as x } from "./CustomTable-JflAYS8i.js";
+import { I as d } from "./MessageHandle-BelPivb3.js";
+import { M as c, a as g } from "./Menu-Cxo8Rpu3.js";
+import { S as I, b as S, c as H, a as M, U as v } from "./UserPanel-CaaTu1mu.js";
 import { S as B } from "./PaySubscriptions-BRWvLeed.js";
-import { R as M } from "./ReferrerReferees-BVj9o5kG.js";
-import { _ as H } from "./Upload.vue_vue_type_script_setup_true_lang-CDyUt05d.js";
-import { g as T, s as W } from "./globalConfig-DZIhLe1R.js";
-import { a as k, u as D } from "./useActiveDoc-BWHkOJhJ.js";
-import { u as P } from "./useTableHandle-DKUIdSSh.js";
-import { u as j } from "./useUploadCos-B5P_PDcy.js";
+import { R as L } from "./ReferrerReferees-BVj9o5kG.js";
+import { _ as R } from "./Upload.vue_vue_type_script_setup_true_lang-CDyUt05d.js";
+import { g as W, s as h } from "./globalConfig-DZIhLe1R.js";
+import { a as D, u as P } from "./useActiveDoc-BWHkOJhJ.js";
+import { u as j } from "./useTableHandle-DKUIdSSh.js";
+import { u as w } from "./useUploadCos-B5P_PDcy.js";
 export {
   s as Collapse,
   e as CollapseItem,
   t as ContentHead,
-  i as CustomTable,
-  l as Ellipsis,
+  u as CustomTable,
+  x as Ellipsis,
   n as Gradientbackground,
-  x as InfiniteLoading,
-  d as Menu,
-  b as MenuItem,
-  M as Referees,
-  U as SubscriptionBaseInformation,
+  p as HeaderMenus,
+  d as InfiniteLoading,
+  m as Logo,
+  c as Menu,
+  g as MenuItem,
+  L as Referees,
+  I as SubscriptionBaseInformation,
   B as Subscriptions,
-  p as SvgIcon,
-  H as Upload,
-  g as UserAvatar,
-  I as UserBasicInformation,
-  S as UserButton,
+  f as SvgIcon,
+  R as Upload,
+  S as UserAvatar,
+  H as UserBasicInformation,
+  M as UserButton,
   v as UserPanel,
-  m as WidthContainer,
-  T as globalConfig,
-  W as setGlobalConfig,
-  k as useActiveDoc,
-  D as useCommonCreateAndUpdate,
-  P as useTableHandle,
-  j as useUploadCos
+  i as WidthContainer,
+  W as globalConfig,
+  h as setGlobalConfig,
+  D as useActiveDoc,
+  P as useCommonCreateAndUpdate,
+  j as useTableHandle,
+  w as useUploadCos
 };

package/dist/components/Authkit/Auth/AuthkitAuthorize.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { FormSizeType } from '../../../types/auth';
-import { UsersResponseType } from '../../../types/users';
+import { UserResponseType } from '../../../types/user';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
         type: PropType<FormSizeType>;
@@ -42,7 +42,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => string;
     };
     userInfo: {
-        type: PropType<UsersResponseType>;
+        type: PropType<UserResponseType>;
         required: true;
         default: () => string;
     };
@@ -87,7 +87,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => string;
     };
     userInfo: {
-        type: PropType<UsersResponseType>;
+        type: PropType<UserResponseType>;
         required: true;
         default: () => string;
     };
@@ -99,6 +99,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clientId: string;
     responseType: string;
     scope: string;
-    userInfo: UsersResponseType;
+    userInfo: UserResponseType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+interface MenuType {
+    name: string;
+    path: string;
+    icon: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    menus: {
+        type: PropType<MenuType[]>;
+        required: true;
+    };
+    activateKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    menus: {
+        type: PropType<MenuType[]>;
+        required: true;
+    };
+    activateKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/LandingPage/LandingPageSectionHeader.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    title: string;
+    subtitle: string;
+    icon: string;
+    iconAlt?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    dashline: string;
+    dashlineAlt?: string;
+    dashlineWidth?: number;
+    dashlineHeight?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    iconAlt: string;
+    iconWidth: number;
+    iconHeight: number;
+    dashlineAlt: string;
+    dashlineWidth: number;
+    dashlineHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,53 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+    icon: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+    color: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    to: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+    icon: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+    color: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+}>> & Readonly<{
+    onTo?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    icon: string;
+    color: string;
+    fontSize: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/User/UserAvatar.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    avatar: string;
     nickname: string;
+    avatar: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/User/UserBasicInformation.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     email: string;
     referrerId: string;
-    avatarUrl: string;
     nickname: string;
+    avatarUrl: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;