@huyooo/ui 0.5.2 → 0.5.3

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

@@ -1,4 +1,4 @@
-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 R, createVNode as w, 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               */
@@ -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)]));
   }
-}), Ue = /* @__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__ */ f({
+}, ae = ["onClick"], re = /* @__PURE__ */ f({
   __name: "HeaderMenus",
   props: {
     menus: {
@@ -59,7 +59,7 @@ const Q = {
   setup(o, {
     emit: e
   }) {
-    const s = o, i = e, a = M(!1), u = M(!1);
+    const s = o, r = e, a = x(!1), u = x(!1);
     function h() {
       u.value = window.innerWidth <= 1024;
     }
@@ -69,14 +69,14 @@ const Q = {
     function m() {
       a.value = !1;
     }
-    function v(r) {
-      i("change", r), m();
+    function v(i) {
+      r("change", i), m();
     }
-    function _(r) {
-      return s.activateKey === r.path;
+    function _(i) {
+      return s.activateKey === i.path;
     }
-    function $(r) {
-      i("change", r);
+    function $(i) {
+      r("change", i);
     }
     function y() {
       h(), u.value || m();
@@ -85,7 +85,7 @@ const Q = {
       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, I) => (t(), n("div", {
+    }), (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: _(d)
@@ -116,7 +116,7 @@ const Q = {
       onClick: (T) => v(d)
     }, k(d.name), 11, ae))), 128))])])) : p("", !0)]));
   }
-}), re = /* @__PURE__ */ l(ie, [["__scopeId", "data-v-67bf8ea1"]]), ce = ["src"], ue = /* @__PURE__ */ f({
+}), ie = /* @__PURE__ */ l(re, [["__scopeId", "data-v-67bf8ea1"]]), ce = ["src"], ue = /* @__PURE__ */ f({
   __name: "Logo",
   props: {
     name: {
@@ -144,9 +144,9 @@ const Q = {
   setup(o, {
     emit: e
   }) {
-    const s = o, i = e;
+    const s = o, r = e;
     function a() {
-      i("to");
+      r("to");
     }
     return (u, h) => (t(), n("div", {
       class: "Logo",
@@ -187,13 +187,13 @@ const Q = {
     const e = o, {
       show: s
     } = K(), {
-      isLoggedIn: i
+      isLoggedIn: r
     } = G(), {
       appsData: a
     } = W(), {
       menus: u,
       hasPermission: h
-    } = N(e.menuType), g = M(""), m = j(), v = J();
+    } = N(e.menuType), g = x(""), m = j(), v = J();
     function _() {
       L(() => {
         m.push({
@@ -205,27 +205,27 @@ const Q = {
       });
     }
     function $(y) {
-      const r = y.path;
-      if (!h(r)) {
-        i.value || (s.value = !0);
+      const i = y.path;
+      if (!h(i)) {
+        r.value || (s.value = !0);
         return;
       }
       L(() => {
-        m.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, [w(le, {
+    }), (y, i) => (t(), n("div", de, [c("div", pe, [w(le, {
       icon: b(a).applicationLogoUrl,
       name: b(a).name,
       onTo: _
-    }, null, 8, ["icon", "name"])]), c("div", fe, [w(re, {
+    }, null, 8, ["icon", "name"])]), c("div", fe, [w(ie, {
       menus: b(u),
       activateKey: g.value,
       onChange: $
@@ -240,7 +240,7 @@ const Q = {
 }, ge = {
   key: 0,
   class: "loading"
-}, ve = /* @__PURE__ */ f({
+}, 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,19 +251,20 @@ const Q = {
       default: !0
     },
     backgroundImage: {
-      default: "linear-gradient(to bottom, #fefdff, #f9f6fe, #f2eefd, #ebe8fd, #e2e1fd, #dfe0fd, #dcdffd, #d9defd, #dde2fd, #e0e5fd, #e4e9fd, #e8ecfd)"
+      default: ""
     }
   },
   setup(o) {
     const e = o, {
       isChecking: s
     } = F();
-    return (i, a) => {
-      const u = V("RouterView");
+    return (r, a) => {
+      const u = R("RouterView");
       return t(), n("div", {
         class: "layout",
         style: S({
-          background: e.backgroundImage
+          backgroundImage: e.backgroundImage || ve,
+          backgroundAttachment: "fixed"
         })
       }, [w(_e, {
         "menu-type": e.menuType,
@@ -275,7 +276,7 @@ const Q = {
       }))])], 4);
     };
   }
-}), Re = /* @__PURE__ */ l(ve, [["__scopeId", "data-v-a4e3a9c9"]]), ye = /* @__PURE__ */ f({
+}), Re = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-c86c5eb9"]]), be = /* @__PURE__ */ f({
   __name: "Gradientbackground",
   props: {
     width: {
@@ -313,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
@@ -333,12 +334,12 @@ const Q = {
       style: S(s.value)
     }, [c("div", {
       class: "ellipsis-item",
-      style: S(i.value)
+      style: S(r.value)
     }, null, 4)], 4));
   }
-}), Ve = /* @__PURE__ */ l(ye, [["__scopeId", "data-v-b6461ac4"]]), be = {
+}), Ve = /* @__PURE__ */ l(be, [["__scopeId", "data-v-b6461ac4"]]), ke = {
   class: "SvgIcon"
-}, ke = ["href", "fill"], Se = /* @__PURE__ */ f({
+}, Se = ["href", "fill"], we = /* @__PURE__ */ f({
   __name: "SvgIcon",
   props: {
     prefix: {
@@ -357,26 +358,26 @@ const Q = {
     }
   },
   setup(o) {
-    const e = o, s = x(() => `#${e.prefix ?? "icon"}-${e.name}`);
-    return (i, a) => (t(), n("svg", be, [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, ke)]));
+    }, null, 8, Se)]));
   }
-}), Be = /* @__PURE__ */ l(Se, [["__scopeId", "data-v-0a9de94e"]]), we = {}, $e = {
+}), De = /* @__PURE__ */ l(we, [["__scopeId", "data-v-0a9de94e"]]), $e = {}, Ie = {
   class: "WidthContainer"
 };
-function Ie(o, e) {
-  return t(), n("div", $e, [B(o.$slots, "default", {}, void 0, !0)]);
+function Ce(o, e) {
+  return t(), n("div", Ie, [V(o.$slots, "default", {}, void 0, !0)]);
 }
-const De = /* @__PURE__ */ l(we, [["render", Ie], ["__scopeId", "data-v-d06aac1f"]]);
+const Ee = /* @__PURE__ */ l($e, [["render", Ce], ["__scopeId", "data-v-d06aac1f"]]);
 export {
-  Ue as C,
+  Be as C,
   Re as D,
   Ve as G,
   _e as H,
   le as L,
-  Be as S,
-  De as W,
-  re as a
+  De as S,
+  Ee as W,
+  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-CMiKkPuv.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/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-CMiKkPuv.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";