@huyooo/ui 0.5.6 → 0.5.7

package/dist/{WidthContainer-DEGjQQMM.js → WidthContainer-3fyX6xI4.js}

@@ -1,22 +1,22 @@
-import { defineComponent as f, createElementBlock as n, openBlock as t, createElementVNode as c, createCommentVNode as p, toDisplayString as k, ref as x, onMounted as A, onUnmounted as U, Fragment as q, renderList as H, normalizeClass as C, normalizeStyle as S, watch as B, createVNode as w, unref as b, createBlock as P, resolveComponent as R, computed as M, renderSlot as V } from "vue";
+import { defineComponent as f, createElementBlock as n, openBlock as t, createElementVNode as c, createCommentVNode as p, toDisplayString as k, ref as M, onMounted as A, onUnmounted as U, Fragment as q, renderList as H, normalizeClass as C, normalizeStyle as S, watch as B, createVNode as $, unref as b, createBlock as D, renderSlot as P, computed as x } 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-DgSdGhj5.js";
-import { u as K } from "./useAuthkitAppsAuthPageInfo-qWOtNCda.js";
-import { u as W } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-BpOmabWi.js";
-import { a as G } from "./useAuthkitUsersProfile-a-kA3R2Y.js";
-import { u as N, f as O, w as L, a as F } from "./useRoutePermission-BKg7oQTj.js";
-import { useRouter as j, useRoute as J } from "vue-router";
-const Q = {
+import { Spin as E } from "@arco-design/web-vue";
+import { c as K } from "./UserPanel-DgSdGhj5.js";
+import { u as R } from "./useAuthkitAppsAuthPageInfo-qWOtNCda.js";
+import { u as V } from "./AuthkitAuthModal.vue_vue_type_style_index_1_lang-BpOmabWi.js";
+import { a as W } from "./useAuthkitUsersProfile-a-kA3R2Y.js";
+import { u as G, f as N, w as L, a as O } from "./useRoutePermission-BKg7oQTj.js";
+import { useRouter as F, useRoute as j } from "vue-router";
+const J = {
   class: "ContentHead"
-}, X = {
+}, Q = {
   class: "title"
-}, Y = {
+}, X = {
   key: 0,
   class: "description"
-}, Z = /* @__PURE__ */ f({
+}, Y = /* @__PURE__ */ f({
   __name: "ContentHead",
   props: {
     title: {
@@ -32,19 +32,19 @@ const Q = {
   },
   setup(o) {
     const e = o;
-    return (s, r) => (t(), n("div", Q, [c("h1", X, k(e.title), 1), e.description ? (t(), n("p", Y, k(e.description), 1)) : p("", !0)]));
+    return (s, r) => (t(), n("div", J, [c("h1", Q, k(e.title), 1), e.description ? (t(), n("p", X, k(e.description), 1)) : p("", !0)]));
   }
-}), Re = /* @__PURE__ */ l(Z, [["__scopeId", "data-v-209a7bef"]]), ee = {
+}), Be = /* @__PURE__ */ l(Y, [["__scopeId", "data-v-209a7bef"]]), Z = {
   class: "HeaderMenus"
-}, te = {
+}, ee = {
   key: 0,
   class: "desktop-menus"
-}, ne = ["onClick"], oe = {
+}, te = ["onClick"], ne = {
   key: 3,
   class: "mobile-menu"
-}, se = {
+}, oe = {
   class: "mobile-menu-content"
-}, ae = ["onClick"], re = /* @__PURE__ */ f({
+}, se = ["onClick"], ae = /* @__PURE__ */ f({
   __name: "HeaderMenus",
   props: {
     menus: {
@@ -60,7 +60,7 @@ const Q = {
   setup(o, {
     emit: e
   }) {
-    const s = o, r = e, a = x(!1), u = x(!1);
+    const s = o, r = e, a = M(!1), u = M(!1);
     function h() {
       u.value = window.innerWidth <= 1024;
     }
@@ -76,7 +76,7 @@ const Q = {
     function _(i) {
       return s.activateKey === i.path;
     }
-    function $(i) {
+    function w(i) {
       r("change", i);
     }
     function y() {
@@ -86,13 +86,13 @@ const Q = {
       h(), window.addEventListener("resize", y);
     }), U(() => {
       window.removeEventListener("resize", y);
-    }), (i, z) => (t(), n("div", ee, [u.value ? p("", !0) : (t(), n("div", te, [(t(!0), n(q, null, H(s.menus, (d, I) => (t(), n("div", {
+    }), (i, z) => (t(), n("div", Z, [u.value ? p("", !0) : (t(), n("div", ee, [(t(!0), n(q, null, H(s.menus, (d, I) => (t(), n("div", {
       key: I,
       class: C(["headerLink", {
         activate: _(d)
       }]),
-      onClick: (T) => $(d)
-    }, k(d.name), 11, ne))), 128))])), u.value ? (t(), n("button", {
+      onClick: (T) => w(d)
+    }, k(d.name), 11, te))), 128))])), u.value ? (t(), n("button", {
       key: 1,
       class: C(["mobile-menu-toggle", {
         active: a.value
@@ -109,15 +109,15 @@ const Q = {
       key: 2,
       class: "mobile-menu-overlay",
       onClick: m
-    })) : p("", !0), a.value ? (t(), n("div", oe, [c("div", se, [(t(!0), n(q, null, H(s.menus, (d, I) => (t(), n("div", {
+    })) : p("", !0), a.value ? (t(), n("div", ne, [c("div", oe, [(t(!0), n(q, null, H(s.menus, (d, I) => (t(), n("div", {
       key: I,
       class: C(["mobile-menu-item", {
         activate: _(d)
       }]),
       onClick: (T) => v(d)
-    }, k(d.name), 11, ae))), 128))])])) : p("", !0)]));
+    }, k(d.name), 11, se))), 128))])])) : p("", !0)]));
   }
-}), ie = /* @__PURE__ */ l(re, [["__scopeId", "data-v-67bf8ea1"]]), ce = ["src"], ue = /* @__PURE__ */ f({
+}), re = /* @__PURE__ */ l(ae, [["__scopeId", "data-v-67bf8ea1"]]), ie = ["src"], ce = /* @__PURE__ */ f({
   __name: "Logo",
   props: {
     name: {
@@ -159,7 +159,7 @@ const Q = {
       alt: "logo",
       loading: "lazy",
       decoding: "async"
-    }, null, 8, ce)) : p("", !0), c("div", {
+    }, null, 8, ie)) : p("", !0), c("div", {
       class: "text",
       style: S({
         color: s.color,
@@ -167,13 +167,13 @@ const Q = {
       })
     }, k(o.name), 5)]));
   }
-}), le = /* @__PURE__ */ l(ue, [["__scopeId", "data-v-694a3ecc"]]), de = {
+}), ue = /* @__PURE__ */ l(ce, [["__scopeId", "data-v-694a3ecc"]]), le = {
   class: "HeaderCom"
-}, pe = {
+}, de = {
   class: "left"
-}, fe = {
+}, pe = {
   class: "right"
-}, me = /* @__PURE__ */ f({
+}, fe = /* @__PURE__ */ f({
   __name: "Header",
   props: {
     menuType: {
@@ -187,14 +187,14 @@ const Q = {
   setup(o) {
     const e = o, {
       show: s
-    } = W(), {
+    } = V(), {
       isLoggedIn: r
-    } = G(), {
+    } = W(), {
       appsData: a
-    } = K(), {
+    } = R(), {
       menus: u,
       hasPermission: h
-    } = N(e.menuType), g = x(""), m = j(), v = J();
+    } = G(e.menuType), g = M(""), m = F(), v = j();
     function _() {
       L(() => {
         m.push({
@@ -205,7 +205,7 @@ const Q = {
         });
       });
     }
-    function $(y) {
+    function w(y) {
       const i = y.path;
       if (!h(i)) {
         r.value || (s.value = !0);
@@ -219,29 +219,29 @@ const Q = {
       });
     }
     return B(() => v.path, () => {
-      g.value = O(v.matched, e.menuType, v.path);
+      g.value = N(v.matched, e.menuType, v.path);
     }, {
       immediate: !0
-    }), (y, i) => (t(), n("div", de, [c("div", pe, [w(le, {
+    }), (y, i) => (t(), n("div", le, [c("div", de, [$(ue, {
       icon: b(a).applicationLogoUrl,
       name: b(a).name,
       onTo: _
-    }, null, 8, ["icon", "name"])]), c("div", fe, [w(ie, {
+    }, null, 8, ["icon", "name"])]), c("div", pe, [$(re, {
       menus: b(u),
       activateKey: g.value,
-      onChange: $
-    }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), P(E, {
+      onChange: w
+    }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), D(K, {
       key: 0,
       onToHomePage: _,
       onSignOut: _
     })) : p("", !0)])]));
   }
-}), _e = /* @__PURE__ */ l(me, [["__scopeId", "data-v-2225e367"]]), he = {
+}), me = /* @__PURE__ */ l(fe, [["__scopeId", "data-v-2225e367"]]), _e = {
   class: "body"
-}, ge = {
+}, he = {
   key: 0,
   class: "loading"
-}, ve = "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)", ye = /* @__PURE__ */ f({
+}, ge = "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)", ve = /* @__PURE__ */ f({
   __name: "DefaultLayout",
   props: {
     menuType: {
@@ -258,26 +258,23 @@ const Q = {
   setup(o) {
     const e = o, {
       isChecking: s
-    } = F();
-    return (r, a) => {
-      const u = R("RouterView");
-      return t(), n("div", {
-        class: "layout",
-        style: S({
-          backgroundImage: e.backgroundImage || ve,
-          backgroundAttachment: "fixed"
-        })
-      }, [w(_e, {
-        "menu-type": e.menuType,
-        "show-user-panel": e.showUserPanel
-      }, null, 8, ["menu-type", "show-user-panel"]), c("div", he, [b(s) ? (t(), n("div", ge, [w(b(D), {
-        size: 40
-      })])) : (t(), P(u, {
-        key: 1
-      }))])], 4);
-    };
+    } = O();
+    return (r, a) => (t(), n("div", {
+      class: "layout",
+      style: S({
+        backgroundImage: e.backgroundImage || ge,
+        backgroundAttachment: "fixed"
+      })
+    }, [$(me, {
+      "menu-type": e.menuType,
+      "show-user-panel": e.showUserPanel
+    }, null, 8, ["menu-type", "show-user-panel"]), c("div", _e, [b(s) ? (t(), n("div", he, [$(b(E), {
+      size: 40
+    })])) : P(r.$slots, "default", {
+      key: 1
+    }, void 0, !0)])], 4));
   }
-}), Ve = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-c86c5eb9"]]), be = /* @__PURE__ */ f({
+}), De = /* @__PURE__ */ l(ve, [["__scopeId", "data-v-0289e975"]]), ye = /* @__PURE__ */ f({
   __name: "Gradientbackground",
   props: {
     width: {
@@ -315,14 +312,14 @@ const Q = {
     }
   },
   setup(o) {
-    const e = o, s = M(() => ({
+    const e = o, s = x(() => ({
       pointerEvents: "none",
       position: "absolute",
       zIndex: e.zIndex,
       width: e.width,
       height: e.height,
       filter: `blur(${e.blur})`
-    })), r = M(() => ({
+    })), r = x(() => ({
       width: "100%",
       height: "100%",
       background: e.background
@@ -338,9 +335,9 @@ const Q = {
       style: S(r.value)
     }, null, 4)], 4));
   }
-}), De = /* @__PURE__ */ l(be, [["__scopeId", "data-v-b6461ac4"]]), ke = {
+}), Ee = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-b6461ac4"]]), be = {
   class: "SvgIcon"
-}, Se = ["href", "fill"], we = /* @__PURE__ */ f({
+}, ke = ["href", "fill"], Se = /* @__PURE__ */ f({
   __name: "SvgIcon",
   props: {
     prefix: {
@@ -359,26 +356,26 @@ const Q = {
     }
   },
   setup(o) {
-    const e = o, s = M(() => `#${e.prefix ?? "icon"}-${e.name}`);
-    return (r, a) => (t(), n("svg", ke, [c("use", {
+    const e = o, s = x(() => `#${e.prefix ?? "icon"}-${e.name}`);
+    return (r, a) => (t(), n("svg", be, [c("use", {
       href: s.value,
       fill: e.color
-    }, null, 8, Se)]));
+    }, null, 8, ke)]));
   }
-}), Ee = /* @__PURE__ */ l(we, [["__scopeId", "data-v-0a9de94e"]]), $e = {}, Ie = {
+}), Ke = /* @__PURE__ */ l(Se, [["__scopeId", "data-v-0a9de94e"]]), $e = {}, we = {
   class: "WidthContainer"
 };
-function Ce(o, e) {
-  return t(), n("div", Ie, [V(o.$slots, "default", {}, void 0, !0)]);
+function Ie(o, e) {
+  return t(), n("div", we, [P(o.$slots, "default", {}, void 0, !0)]);
 }
-const Ke = /* @__PURE__ */ l($e, [["render", Ce], ["__scopeId", "data-v-d06aac1f"]]);
+const Re = /* @__PURE__ */ l($e, [["render", Ie], ["__scopeId", "data-v-d06aac1f"]]);
 export {
-  Re as C,
-  Ve as D,
-  De as G,
-  _e as H,
-  le as L,
-  Ee as S,
-  Ke as W,
-  ie as a
+  Be as C,
+  De as D,
+  Ee as G,
+  me as H,
+  ue as L,
+  Ke as S,
+  Re as W,
+  re as a
 };

package/dist/common.js

@@ -1,5 +1,5 @@
 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-DEGjQQMM.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-3fyX6xI4.js";
 import { C as i, E as x } from "./CustomTable-B8i1SbFB.js";
 import { M, a as g } from "./Menu-BKBnsDJ8.js";
 export {

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

@@ -3,9 +3,24 @@ interface Props {
     showUserPanel?: boolean;
     backgroundImage?: string;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     backgroundImage: string;
     menuType: string;
     showUserPanel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.js

@@ -19,7 +19,7 @@ import { F as c4, a as r4, c as l4, b as d4, d as p4 } from "./FeedbackItem-TRyk
 import { L as _4, a as h4, b as g4, c as u4, B as L4, C as m4, d as F4, e as w4, f as y4, w as M4, x as x4, g as v4, h as Z4, y as V4, i as H4, j as U4, k as E4, l as k4, m as S4, n as G4, A as A4, o as D4, p as B4, q as b4, r as P4, S as O4, T as I4, s as T4, z as $4, t as N4, u as R4, v as W4 } from "./LandingPageSectionTabs-6Rrgvwqs.js";
 import { L as j4, a as q4, b as Q4, D as J4, c as K4, d as X4, e as Y4, f as e6, g as t6, h as o6, i as a6, j as s6, k as i6, l as n6, m as C6, n as c6 } from "./LandingPageSectionHeader-CSOwusSK.js";
 import { C as l6, a as d6 } from "./CollapseItem-Cw1vcdLu.js";
-import { C as f6, D as _6, G as h6, H as g6, a as u6, L as L6, S as m6, W as F6 } from "./WidthContainer-DEGjQQMM.js";
+import { C as f6, D as _6, G as h6, H as g6, a as u6, L as L6, S as m6, W as F6 } from "./WidthContainer-3fyX6xI4.js";
 import { C as y6, E as M6 } from "./CustomTable-B8i1SbFB.js";
 import { M as v6, a as Z6 } from "./Menu-BKBnsDJ8.js";
 import { S as H6 } from "./PaySubscriptions-DyHMXC_2.js";