@junfuhuang/tcamp-components 1.0.20 → 1.0.22

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as U, ref as S, computed as u, onMounted as G, onUnmounted as I, createElementBlock as r, openBlock as l, createElementVNode as c, createCommentVNode as v, withModifiers as C, normalizeStyle as d, normalizeClass as f, renderSlot as F, unref as a, Fragment as Z, renderList as E, toDisplayString as m, createBlock as j, withCtx as y, createVNode as b, createTextVNode as Y } from "vue";
-import { Dropdown as R, Space as K, Button as q, Icon as _ } from "tdesign-vue-next";
+import { defineComponent as U, ref as Z, computed as u, onMounted as G, onUnmounted as j, createElementBlock as r, openBlock as l, createElementVNode as c, createCommentVNode as v, withModifiers as O, normalizeStyle as d, normalizeClass as f, renderSlot as F, unref as a, Fragment as M, renderList as x, toDisplayString as y, createBlock as Y, withCtx as g, createVNode as b, createTextVNode as R } from "vue";
+import { Dropdown as I, Space as K, Button as q, Icon as _ } from "tdesign-vue-next";
 var w = /* @__PURE__ */ ((n) => (n.Logout = "logout", n.Account = "account", n.Certificates = "certificates", n.MyCamp = "myCamp", n))(w || {});
-const x = [
+const W = [
   {
     content: "我的营地",
     value: "myCamp"
@@ -84,28 +84,28 @@ const x = [
     userName: {}
   },
   emits: ["logo-click", "menu-click", "login-click", "user-dropdown-click", "logout"],
-  setup(n, { emit: g }) {
-    const t = n, X = g, o = S(!1), B = S(-1), W = u(
+  setup(n, { emit: m }) {
+    const t = n, X = m, o = Z(!1), B = Z(-1), E = u(
       () => o.value ? "translate-x-0" : "-translate-x-full"
-    ), h = u(() => t.transparent && !t.scrolled ? $ : L), N = u(() => t.transparent && !t.scrolled ? "!text-white" : "login-btn-primary"), O = u(() => t.transparent && !t.scrolled ? {} : {
+    ), h = u(() => t.transparent && !t.scrolled ? $ : L), k = u(() => t.transparent && !t.scrolled ? "!text-white" : "login-btn-primary"), N = u(() => t.transparent && !t.scrolled ? {} : {
       color: "#0052D9 !important"
-    }), P = u(() => t.transparent && !t.scrolled ? "text-white/90 hover:text-white transition-colors duration-200" : "nav-text-primary"), V = u(() => t.transparent && !t.scrolled ? {} : {
+    }), P = u(() => t.transparent && !t.scrolled ? "text-white/90 hover:text-white transition-colors duration-200" : "nav-text-primary"), z = u(() => t.transparent && !t.scrolled ? {} : {
       color: "#0052D9 !important",
       opacity: "0.9"
     }), J = u(() => t.transparent && !t.scrolled ? "after:bg-white" : "nav-underline-primary");
     function Q() {
       console.log("toggleMobileMenu - before:", o.value), o.value = !o.value, console.log("toggleMobileMenu - after:", o.value);
     }
-    function k() {
+    function C() {
       o.value = !1;
     }
-    function z() {
-      window.location.href = `${import.meta.env.VITE_API_DOMAIN}`;
+    function V() {
+      window.location.href = import.meta.env.VITE_API_DOMAIN;
     }
-    function D(A) {
-      k(), window.location.href = `${import.meta.env.VITE_API_DOMAIN}${A.path}`;
+    function S(A) {
+      C(), window.location.href = `${import.meta.env.VITE_API_DOMAIN}${A.path}`;
     }
-    function M() {
+    function D() {
       try {
         const A = new URL("auth", import.meta.env.VITE_API_DOMAIN), s = window.location.href;
         A.searchParams.set("redirect", s), window.location.href = A.toString();
@@ -120,9 +120,9 @@ const x = [
     return G(() => {
       const A = (s) => {
         const e = s.target, i = e.closest(".mobile-menu-container"), p = e.closest('button[aria-label="菜单"]');
-        o.value && !i && !p && (console.log("handleClickOutside - closing menu"), k());
+        o.value && !i && !p && (console.log("handleClickOutside - closing menu"), C());
       };
-      document.addEventListener("click", A), I(() => {
+      document.addEventListener("click", A), j(() => {
         document.removeEventListener("click", A);
       });
     }), (A, s) => (l(), r("div", AA, [
@@ -130,8 +130,8 @@ const x = [
         c("div", tA, [
           c("button", {
             class: f(["md:hidden p-2 relative z-50", P.value]),
-            style: d(V.value),
-            onClick: C(Q, ["stop"]),
+            style: d(z.value),
+            onClick: O(Q, ["stop"]),
             "aria-label": "菜单",
             type: "button"
           }, [
@@ -151,16 +151,16 @@ const x = [
             key: 0,
             class: "fixed inset-0 bg-black/50 backdrop-blur-sm z-40 lg:hidden top-[56px]",
             style: d({ width: `calc(100vw - ${A.scrollbarWidth}px)` }),
-            onClick: C(k, ["stop"])
+            onClick: O(C, ["stop"])
           }, null, 4)) : v("", !0),
           c("div", {
-            class: f(["fixed top-[56px] left-0 max-w-[90vw] h-[calc(100vh-51px)] bg-white transform transition-transform duration-300 z-40 md:hidden mobile-menu-container", W.value]),
+            class: f(["fixed top-[56px] left-0 max-w-[90vw] h-[calc(100vh-51px)] bg-white transform transition-transform duration-300 z-40 md:hidden mobile-menu-container", E.value]),
             style: { width: "320px" }
           }, [
             c("div", oA, [
               c("div", {
                 class: "flex justify-start px-4 mb-6 cursor-pointer",
-                onClick: z
+                onClick: V
               }, [
                 F(A.$slots, "mobile-logo", {}, () => [
                   a(L) ? (l(), r("img", {
@@ -173,16 +173,16 @@ const x = [
                 ], !0)
               ]),
               c("nav", sA, [
-                (l(!0), r(Z, null, E(a(H), (e, i) => (l(), r("a", {
+                (l(!0), r(M, null, x(a(H), (e, i) => (l(), r("a", {
                   href: "#",
                   key: (e == null ? void 0 : e.value) || i,
                   class: "flex items-center px-4 py-3 rounded-lg transition-colors duration-200",
                   style: d(B.value === i ? { color: "#0052D9" } : {}),
                   onMouseenter: (p) => B.value = i,
                   onMouseleave: s[0] || (s[0] = (p) => B.value = -1),
-                  onClick: C((p) => D(e), ["prevent"])
+                  onClick: O((p) => S(e), ["prevent"])
                 }, [
-                  c("span", iA, m(e.title), 1)
+                  c("span", iA, y(e.title), 1)
                 ], 44, aA))), 128))
               ])
             ])
@@ -190,7 +190,7 @@ const x = [
           c("div", {
             class: "cursor-pointer",
             style: d({ display: o.value ? "none" : "block" }),
-            onClick: z
+            onClick: V
           }, [
             F(A.$slots, "logo", {}, () => [
               h.value ? (l(), r("img", {
@@ -202,56 +202,56 @@ const x = [
             ], !0)
           ], 4),
           A.showNavigation && a(H).length > 0 ? (l(), r("div", uA, [
-            (l(!0), r(Z, null, E(a(H), (e, i) => (l(), r("span", {
+            (l(!0), r(M, null, x(a(H), (e, i) => (l(), r("span", {
               class: f([
                 "px-3 md:px-4 text-[14px] relative transition-all duration-300",
                 P.value,
                 J.value
               ]),
-              style: d(V.value),
+              style: d(z.value),
               key: e.title || i,
-              onClick: (p) => D(e)
-            }, m(e.title), 15, dA))), 128))
+              onClick: (p) => S(e)
+            }, y(e.title), 15, dA))), 128))
           ])) : v("", !0)
         ]),
         c("div", fA, [
           F(A.$slots, "user-area", {
-            loginBtnClass: N.value,
-            loginBtnStyle: O.value,
-            handleLogin: M
+            loginBtnClass: k.value,
+            loginBtnStyle: N.value,
+            handleLogin: D
           }, () => [
-            A.userInfo && a(x).length > 0 ? (l(), j(a(R), {
+            A.userInfo && a(W).length > 0 ? (l(), Y(a(I), {
               key: 0,
               placement: "bottom-right",
               trigger: "hover",
-              options: a(x),
+              options: a(W),
               onClick: T
             }, {
-              default: y(() => [
+              default: g(() => [
                 b(a(K), null, {
-                  default: y(() => [
+                  default: g(() => [
                     b(a(q), {
                       variant: "text",
-                      class: f(N.value),
+                      class: f(k.value),
                       style: d({
                         border: "0px !important",
                         backgroundColor: "transparent !important",
                         boxShadow: "none",
-                        ...O.value
+                        ...N.value
                       }),
                       onMouseenter: s[1] || (s[1] = (e) => e.target.style.backgroundColor = "transparent !important"),
                       onMouseleave: s[2] || (s[2] = (e) => e.target.style.backgroundColor = "transparent !important")
                     }, {
-                      suffix: y(() => [
+                      suffix: g(() => [
                         b(a(_), {
                           name: "chevron-down",
                           size: "16"
                         })
                       ]),
-                      default: y(() => {
+                      default: g(() => {
                         var e, i;
                         return [
-                          Y(m(((e = A.userInfo) == null ? void 0 : e.name) || ((i = A.userInfo) == null ? void 0 : i.Name) || "我的账号") + " ", 1)
+                          R(y(((e = A.userInfo) == null ? void 0 : e.name) || ((i = A.userInfo) == null ? void 0 : i.Name) || "我的账号") + " ", 1)
                         ];
                       }),
                       _: 1
@@ -263,27 +263,27 @@ const x = [
               _: 1
             }, 8, ["options"])) : A.showLogin ? (l(), r("span", {
               key: 1,
-              class: f(["cursor-pointer", N.value]),
-              style: d(O.value),
-              onClick: M
-            }, m(A.loginText), 7)) : v("", !0)
+              class: f(["cursor-pointer", k.value]),
+              style: d(N.value),
+              onClick: D
+            }, y(A.loginText), 7)) : v("", !0)
           ], !0)
         ])
       ])
     ]));
   }
-}), vA = (n, g) => {
+}), vA = (n, m) => {
   const t = n.__vccOpts || n;
-  for (const [X, o] of g)
+  for (const [X, o] of m)
     t[X] = o;
   return t;
-}, yA = /* @__PURE__ */ vA(pA, [["__scopeId", "data-v-c8f793e3"]]), gA = () => {
+}, gA = /* @__PURE__ */ vA(pA, [["__scopeId", "data-v-c8f793e3"]]), mA = () => {
   if (typeof document < "u") {
     const n = document.createElement("link");
     n.rel = "stylesheet", n.href = "https://unpkg.com/@junfuhuang/tcamp-components/dist/index.css", document.head.appendChild(n);
   }
 };
 export {
-  yA as NavigationBar,
-  gA as importStyles
+  gA as NavigationBar,
+  mA as importStyles
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@junfuhuang/tcamp-components",
   "private": false,
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "TCamp 组件库 - 基于 Vue 3 和 TDesign 的企业级组件库",
   "keywords": [
     "vue",