@huyooo/ui 0.5.1 → 0.5.3

package/dist/{WidthContainer-D9JWjdkk.js → WidthContainer-C30YFs9X.js}

@@ -1,4 +1,4 @@
-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 { 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 { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 /* empty css               */
 /* empty css               */
@@ -15,7 +15,7 @@ const Q = {
 }, Y = {
   key: 0,
   class: "description"
-}, Z = /* @__PURE__ */ m({
+}, Z = /* @__PURE__ */ f({
   __name: "ContentHead",
   props: {
     title: {
@@ -31,9 +31,9 @@ const Q = {
   },
   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)]));
+    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)]));
   }
-}), Re = /* @__PURE__ */ l(Z, [["__scopeId", "data-v-209a7bef"]]), ee = {
+}), Be = /* @__PURE__ */ l(Z, [["__scopeId", "data-v-209a7bef"]]), ee = {
   class: "HeaderMenus"
 }, te = {
   key: 0,
@@ -43,7 +43,7 @@ const Q = {
   class: "mobile-menu"
 }, se = {
   class: "mobile-menu-content"
-}, ae = ["onClick"], ie = /* @__PURE__ */ m({
+}, ae = ["onClick"], re = /* @__PURE__ */ f({
   __name: "HeaderMenus",
   props: {
     menus: {
@@ -59,38 +59,38 @@ const Q = {
   setup(o, {
     emit: e
   }) {
-    const s = o, i = e, a = I(!1), u = I(!1);
-    function f() {
+    const s = o, r = e, a = x(!1), u = x(!1);
+    function h() {
       u.value = window.innerWidth <= 1024;
     }
     function g() {
       a.value = !a.value;
     }
-    function _() {
+    function m() {
       a.value = !1;
     }
-    function v(r) {
-      i("change", r), _();
+    function v(i) {
+      r("change", i), m();
     }
-    function h(r) {
-      return s.activateKey === r.path;
+    function _(i) {
+      return s.activateKey === i.path;
     }
-    function w(r) {
-      i("change", r);
+    function $(i) {
+      r("change", i);
     }
     function y() {
-      f(), u.value || _();
+      h(), u.value || m();
     }
     return A(() => {
-      f(), window.addEventListener("resize", y);
+      h(), 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: $,
+    }), (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", {
+      key: I,
       class: C(["headerLink", {
-        activate: h(d)
+        activate: _(d)
       }]),
-      onClick: (T) => w(d)
+      onClick: (T) => $(d)
     }, k(d.name), 11, ne))), 128))])), u.value ? (t(), n("button", {
       key: 1,
       class: C(["mobile-menu-toggle", {
@@ -107,16 +107,16 @@ const Q = {
     }, 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: $,
+      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", {
+      key: I,
       class: C(["mobile-menu-item", {
-        activate: h(d)
+        activate: _(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({
+}), ie = /* @__PURE__ */ l(re, [["__scopeId", "data-v-67bf8ea1"]]), ce = ["src"], ue = /* @__PURE__ */ f({
   __name: "Logo",
   props: {
     name: {
@@ -144,11 +144,11 @@ const Q = {
   setup(o, {
     emit: e
   }) {
-    const s = o, i = e;
+    const s = o, r = e;
     function a() {
-      i("to");
+      r("to");
     }
-    return (u, f) => (t(), n("div", {
+    return (u, h) => (t(), n("div", {
       class: "Logo",
       onClick: a
     }, [o.icon ? (t(), n("img", {
@@ -160,7 +160,7 @@ const Q = {
       decoding: "async"
     }, null, 8, ce)) : p("", !0), c("div", {
       class: "text",
-      style: M({
+      style: S({
         color: s.color,
         fontSize: s.fontSize
       })
@@ -170,9 +170,9 @@ const Q = {
   class: "HeaderCom"
 }, pe = {
   class: "left"
-}, me = {
+}, fe = {
   class: "right"
-}, _e = /* @__PURE__ */ m({
+}, me = /* @__PURE__ */ f({
   __name: "Header",
   props: {
     menuType: {
@@ -187,16 +187,16 @@ const Q = {
     const e = o, {
       show: s
     } = K(), {
-      isLoggedIn: i
+      isLoggedIn: r
     } = G(), {
       appsData: a
     } = W(), {
       menus: u,
-      hasPermission: f
-    } = N(e.menuType), g = I(""), _ = j(), v = J();
-    function h() {
+      hasPermission: h
+    } = N(e.menuType), g = x(""), m = j(), v = J();
+    function _() {
       L(() => {
-        _.push({
+        m.push({
           path: "/"
         }), window.scrollTo({
           top: 0,
@@ -204,45 +204,43 @@ const Q = {
         });
       });
     }
-    function w(y) {
-      const r = y.path;
-      if (!f(r)) {
-        i.value || (s.value = !0);
+    function $(y) {
+      const i = y.path;
+      if (!h(i)) {
+        r.value || (s.value = !0);
         return;
       }
       L(() => {
-        _.push(r), g.value = r, window.scrollTo({
+        m.push(i), g.value = i, window.scrollTo({
           top: 0,
           behavior: "smooth"
         });
       });
     }
-    return R(() => v.path, () => {
+    return B(() => v.path, () => {
       g.value = O(v.matched, e.menuType, v.path);
     }, {
       immediate: !0
-    }), (y, r) => (t(), n("div", de, [c("div", pe, [S(le, {
+    }), (y, i) => (t(), n("div", de, [c("div", pe, [w(le, {
       icon: b(a).applicationLogoUrl,
       name: b(a).name,
-      onTo: h
-    }, null, 8, ["icon", "name"])]), c("div", me, [S(re, {
+      onTo: _
+    }, null, 8, ["icon", "name"])]), c("div", fe, [w(ie, {
       menus: b(u),
       activateKey: g.value,
-      onChange: w
+      onChange: $
     }, null, 8, ["menus", "activateKey"]), e.showUserPanel ? (t(), P(E, {
       key: 0,
-      onToHomePage: h,
-      onSignOut: h
+      onToHomePage: _,
+      onSignOut: _
     })) : p("", !0)])]));
   }
-}), he = /* @__PURE__ */ l(_e, [["__scopeId", "data-v-2225e367"]]), fe = {
-  class: "layout"
-}, ge = {
+}), _e = /* @__PURE__ */ l(me, [["__scopeId", "data-v-2225e367"]]), he = {
   class: "body"
-}, ve = {
+}, ge = {
   key: 0,
   class: "loading"
-}, ye = /* @__PURE__ */ m({
+}, ve = "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)", ye = /* @__PURE__ */ f({
   __name: "DefaultLayout",
   props: {
     menuType: {
@@ -251,25 +249,34 @@ const Q = {
     showUserPanel: {
       type: Boolean,
       default: !0
+    },
+    backgroundImage: {
+      default: ""
     }
   },
   setup(o) {
-    const {
-      isChecking: e
+    const e = o, {
+      isChecking: s
     } = 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), {
+    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(a, {
+      })])) : (t(), P(u, {
         key: 1
-      }))])]);
+      }))])], 4);
     };
   }
-}), Ve = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-405e9c75"]]), be = /* @__PURE__ */ m({
+}), Re = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-c86c5eb9"]]), be = /* @__PURE__ */ f({
   __name: "Gradientbackground",
   props: {
     width: {
@@ -307,14 +314,14 @@ const Q = {
     }
   },
   setup(o) {
-    const e = o, s = x(() => ({
+    const e = o, s = M(() => ({
       pointerEvents: "none",
       position: "absolute",
       zIndex: e.zIndex,
       width: e.width,
       height: e.height,
       filter: `blur(${e.blur})`
-    })), i = x(() => ({
+    })), r = M(() => ({
       width: "100%",
       height: "100%",
       background: e.background
@@ -324,15 +331,15 @@ const Q = {
     }));
     return (a, u) => (t(), n("div", {
       class: "ellipsis",
-      style: M(s.value)
+      style: S(s.value)
     }, [c("div", {
       class: "ellipsis-item",
-      style: M(i.value)
+      style: S(r.value)
     }, null, 4)], 4));
   }
-}), Be = /* @__PURE__ */ l(be, [["__scopeId", "data-v-b6461ac4"]]), ke = {
+}), Ve = /* @__PURE__ */ l(be, [["__scopeId", "data-v-b6461ac4"]]), ke = {
   class: "SvgIcon"
-}, Se = ["href", "fill"], we = /* @__PURE__ */ m({
+}, Se = ["href", "fill"], we = /* @__PURE__ */ f({
   __name: "SvgIcon",
   props: {
     prefix: {
@@ -351,26 +358,26 @@ const Q = {
     }
   },
   setup(o) {
-    const e = o, s = x(() => `#${e.prefix ?? "icon"}-${e.name}`);
-    return (i, a) => (t(), n("svg", ke, [c("use", {
+    const e = o, s = M(() => `#${e.prefix ?? "icon"}-${e.name}`);
+    return (r, 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 = {
+}), De = /* @__PURE__ */ l(we, [["__scopeId", "data-v-0a9de94e"]]), $e = {}, Ie = {
   class: "WidthContainer"
 };
-function Ie(o, e) {
-  return t(), n("div", Ce, [B(o.$slots, "default", {}, void 0, !0)]);
+function Ce(o, e) {
+  return t(), n("div", Ie, [V(o.$slots, "default", {}, void 0, !0)]);
 }
-const Ee = /* @__PURE__ */ l($e, [["render", Ie], ["__scopeId", "data-v-d06aac1f"]]);
+const Ee = /* @__PURE__ */ l($e, [["render", Ce], ["__scopeId", "data-v-d06aac1f"]]);
 export {
-  Re as C,
-  Ve as D,
-  Be as G,
-  he as H,
+  Be as C,
+  Re as D,
+  Ve as G,
+  _e as H,
   le as L,
   De as S,
   Ee as W,
-  re as a
+  ie 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-D9JWjdkk.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-C30YFs9X.js";
 import { C as i, E as x } from "./CustomTable-kfI18phy.js";
 import { M, a as g } from "./Menu-BKBnsDJ8.js";
 export {

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

@@ -1,8 +1,10 @@
 interface Props {
     menuType?: string;
     showUserPanel?: boolean;
+    backgroundImage?: string;
 }
 declare const _default: 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>;

package/dist/index.js

@@ -17,7 +17,7 @@ import { C as i4 } from "./Clipboard-CGm0G1dN.js";
 import { F as C4, a as r4, c as c4, b as l4, d as d4 } from "./FeedbackItem-Day3rfSw.js";
 import { L as f4, a as _4, b as h4, c as g4, d as u4, B as L4, C as m4, e as F4, f as w4, g as y4, h as M4, D as v4, i as Z4, j as x4, P as V4, Q as H4, k as U4, l as E4, R as k4, m as G4, n as S4, o as A4, p as D4, q as B4, r as b4, s as P4, t as O4, u as I4, v as T4, w as $4, x as N4, y as R4, z as W4, A as z4, V as q4, E as j4, F as Q4, G as J4, H as K4, S as X4, T as Y4, I as e6, J as t6, K as o6, U as a6, M as s6, N as i6, O as n6 } from "./LandingPageSectionTabs-DPTZIwiJ.js";
 import { C as r6, a as c6 } from "./CollapseItem-Cw1vcdLu.js";
-import { C as d6, D as p6, G as f6, H as _6, a as h6, L as g6, S as u6, W as L6 } from "./WidthContainer-D9JWjdkk.js";
+import { C as d6, D as p6, G as f6, H as _6, a as h6, L as g6, S as u6, W as L6 } from "./WidthContainer-C30YFs9X.js";
 import { C as F6, E as w6 } from "./CustomTable-kfI18phy.js";
 import { M as M6, a as v6 } from "./Menu-BKBnsDJ8.js";
 import { S as x6 } from "./PaySubscriptions-Dp8y1fdJ.js";