@lark-apaas/client-toolkit-lite 1.1.0 → 1.1.1-alpha.1

package/dist/index.cjs

@@ -37,6 +37,7 @@ __export(index_exports, {
   QueryProvider: () => QueryProvider_default,
   TrackKey: () => TrackKey,
   UniversalLink: () => UniversalLink,
+  Welcome: () => Welcome_default,
   avatarImages: () => avatar_exports,
   axiosForBackend: () => axiosForBackend,
   bannerImages: () => banner_exports,
@@ -530,6 +531,65 @@ function useLogout() {
 }
 __name(useLogout, "useLogout");
 
+// src/locales/messages.ts
+var messages = {
+  // ── Safety 组件 ──────────────────────────────────────────────
+  "safety.badge.label": {
+    zh: "\u5999\u642D",
+    en: "Spark"
+  },
+  "safety.badge.builtWith": {
+    zh: "\u7531\u5999\u642D\u642D\u5EFA",
+    en: "Built with Spark"
+  },
+  "safety.ai.disclaimer": {
+    zh: "\u5305\u542B AI \u751F\u6210\u5185\u5BB9\uFF0C\u8BF7\u6CE8\u610F\u7504\u522B",
+    en: "AI-generated content. Use with care."
+  },
+  "safety.tenant.operated": {
+    zh: "{name}\u8FD0\u8425",
+    en: "Operated by {name}"
+  },
+  "safety.button.dontShowAgain": {
+    zh: "\u4E0D\u518D\u5C55\u793A",
+    en: "Don't show again"
+  },
+  "safety.button.learnMore": {
+    zh: "\u4E86\u89E3\u66F4\u591A",
+    en: "Learn more"
+  },
+  "safety.cover.pc": {
+    zh: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover.png",
+    en: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-weben.png"
+  },
+  "safety.cover.mobile": {
+    zh: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-mobile.png",
+    en: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-mobileen.png"
+  }
+};
+var messages_default = messages;
+
+// src/utils/locale.ts
+function getLocale() {
+  const lang = navigator.language || "zh";
+  return lang.startsWith("zh") ? "zh" : "en";
+}
+__name(getLocale, "getLocale");
+
+// src/locales/index.ts
+function t(key, params) {
+  const locale = getLocale();
+  const entry = messages_default[key];
+  let text = entry?.[locale] ?? entry?.zh ?? key;
+  if (params) {
+    for (const [k, v] of Object.entries(params)) {
+      text = text.replace(`{${k}}`, v);
+    }
+  }
+  return text;
+}
+__name(t, "t");
+
 // src/components/AppContainer/safety.tsx
 var resetBase = {
   boxSizing: "border-box",
@@ -552,8 +612,8 @@ var FONT_FAMILY = "'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI',
 var Z_BADGE = 1e7;
 var Z_OVERLAY = 10000001;
 var LOGO_URL = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodalogo.svg";
-var COVER_URL = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover.png";
-var COVER_MOBILE_URL = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-mobile.png";
+var getCoverUrl = /* @__PURE__ */ __name(() => t("safety.cover.pc"), "getCoverUrl");
+var getCoverMobileUrl = /* @__PURE__ */ __name(() => t("safety.cover.mobile"), "getCoverMobileUrl");
 var ICON_COMPANY_URL = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/icon/icon_company_outlined.svg";
 var ICON_AI_URL = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/icon/icon_efficiency-ai_outlined.svg";
 var LANDING_URL = "https://miaoda.feishu.cn/landing";
@@ -839,7 +899,7 @@ var Safety = /* @__PURE__ */ __name(() => {
       const link = document.createElement("link");
       link.rel = "preload";
       link.as = "image";
-      link.href = COVER_MOBILE_URL;
+      link.href = getCoverMobileUrl();
       document.head.appendChild(link);
     }
   }, [
@@ -866,7 +926,7 @@ var Safety = /* @__PURE__ */ __name(() => {
         ...badgeTextStyle,
         minWidth: 28
       }
-    }, "\u5999\u642D"))), /* @__PURE__ */ import_react5.default.createElement(DialogPrimitive.Portal, null, /* @__PURE__ */ import_react5.default.createElement(DialogPrimitive.Overlay, {
+    }, t("safety.badge.label")))), /* @__PURE__ */ import_react5.default.createElement(DialogPrimitive.Portal, null, /* @__PURE__ */ import_react5.default.createElement(DialogPrimitive.Overlay, {
       style: overlayStyle
     }), /* @__PURE__ */ import_react5.default.createElement(DialogPrimitive.Content, {
       style: sheetContent,
@@ -876,13 +936,13 @@ var Safety = /* @__PURE__ */ __name(() => {
         position: "absolute",
         clip: "rect(0 0 0 0)"
       }
-    }, "\u5999\u642D\u54C1\u724C\u4FE1\u606F"), /* @__PURE__ */ import_react5.default.createElement("div", {
+    }, t("safety.badge.builtWith")), /* @__PURE__ */ import_react5.default.createElement("div", {
       style: sheetInner
     }, /* @__PURE__ */ import_react5.default.createElement(XIcon, {
       style: sheetCloseBtn,
       onClick: /* @__PURE__ */ __name(() => setOpen(false), "onClick")
     }), /* @__PURE__ */ import_react5.default.createElement("img", {
-      src: COVER_MOBILE_URL,
+      src: getCoverMobileUrl(),
       alt: "",
       style: sheetCover,
       onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
@@ -902,14 +962,16 @@ var Safety = /* @__PURE__ */ __name(() => {
       style: infoIconMobile
     }), /* @__PURE__ */ import_react5.default.createElement("p", {
       style: sheetInfoText
-    }, userinfo?.name, "\u8FD0\u8425")), /* @__PURE__ */ import_react5.default.createElement("div", {
+    }, t("safety.tenant.operated", {
+      name: userinfo?.name ?? ""
+    }))), /* @__PURE__ */ import_react5.default.createElement("div", {
       style: infoRow
     }, /* @__PURE__ */ import_react5.default.createElement("img", {
       src: ICON_AI_URL,
       style: infoIconMobile
     }), /* @__PURE__ */ import_react5.default.createElement("p", {
       style: sheetInfoText
-    }, "\u5305\u542B AI \u751F\u6210\u5185\u5BB9\uFF0C\u8BF7\u6CE8\u610F\u7504\u522B"))), /* @__PURE__ */ import_react5.default.createElement("div", {
+    }, t("safety.ai.disclaimer")))), /* @__PURE__ */ import_react5.default.createElement("div", {
       style: mobileBtnRow
     }, /* @__PURE__ */ import_react5.default.createElement("div", {
       style: mobileBtnOutline,
@@ -920,10 +982,10 @@ var Safety = /* @__PURE__ */ __name(() => {
         setTimeout(() => setVisible(false), 200);
         window.localStorage?.setItem(HasClosedKey, "true");
       }, "onClick")
-    }, "\u4E0D\u518D\u5C55\u793A"), /* @__PURE__ */ import_react5.default.createElement("div", {
+    }, t("safety.button.dontShowAgain")), /* @__PURE__ */ import_react5.default.createElement("div", {
       style: mobileBtnFilled,
       onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
-    }, "\u4E86\u89E3\u66F4\u591A")))))));
+    }, t("safety.button.learnMore"))))))));
   }
   return /* @__PURE__ */ import_react5.default.createElement(PopoverPrimitive.Root, {
     open,
@@ -947,7 +1009,7 @@ var Safety = /* @__PURE__ */ __name(() => {
       ...badgeTextStyle,
       minWidth: 60
     }
-  }, "\u7531\u5999\u642D\u642D\u5EFA"))), /* @__PURE__ */ import_react5.default.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ import_react5.default.createElement(PopoverPrimitive.Content, {
+  }, t("safety.badge.builtWith")))), /* @__PURE__ */ import_react5.default.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ import_react5.default.createElement(PopoverPrimitive.Content, {
     style: popoverContent,
     side: "top",
     align: "end",
@@ -962,7 +1024,7 @@ var Safety = /* @__PURE__ */ __name(() => {
   }, /* @__PURE__ */ import_react5.default.createElement("div", {
     style: popoverInner
   }, /* @__PURE__ */ import_react5.default.createElement("img", {
-    src: COVER_URL,
+    src: getCoverUrl(),
     alt: "",
     style: popoverCover,
     onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
@@ -982,14 +1044,16 @@ var Safety = /* @__PURE__ */ __name(() => {
     style: infoIcon
   }), /* @__PURE__ */ import_react5.default.createElement("p", {
     style: infoText
-  }, userinfo?.name, "\u8FD0\u8425")), /* @__PURE__ */ import_react5.default.createElement("div", {
+  }, t("safety.tenant.operated", {
+    name: userinfo?.name ?? ""
+  }))), /* @__PURE__ */ import_react5.default.createElement("div", {
     style: infoRow
   }, /* @__PURE__ */ import_react5.default.createElement("img", {
     src: ICON_AI_URL,
     style: infoIcon
   }), /* @__PURE__ */ import_react5.default.createElement("p", {
     style: infoText
-  }, "\u5305\u542B AI \u751F\u6210\u5185\u5BB9\uFF0C\u8BF7\u6CE8\u610F\u7504\u522B"))), /* @__PURE__ */ import_react5.default.createElement("div", {
+  }, t("safety.ai.disclaimer")))), /* @__PURE__ */ import_react5.default.createElement("div", {
     style: btnRow
   }, /* @__PURE__ */ import_react5.default.createElement(HoverButton, {
     style: btnBase,
@@ -1000,11 +1064,11 @@ var Safety = /* @__PURE__ */ __name(() => {
       setVisible(false);
       window.localStorage?.setItem(HasClosedKey, "true");
     }, "onClick")
-  }, "\u4E0D\u518D\u5C55\u793A"), /* @__PURE__ */ import_react5.default.createElement(HoverButton, {
+  }, t("safety.button.dontShowAgain")), /* @__PURE__ */ import_react5.default.createElement(HoverButton, {
     style: btnBase,
     "data-custom-element": "safety-more",
     onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
-  }, "\u4E86\u89E3\u66F4\u591A")))))));
+  }, t("safety.button.learnMore"))))))));
 }, "Safety");
 var safety_default = Safety;
 
@@ -1172,13 +1236,32 @@ var AppContainer = /* @__PURE__ */ __name(({ children }) => {
 }, "AppContainer");
 var AppContainer_default = AppContainer;
 
-// src/route-components/ActiveLink.tsx
+// src/components/Welcome/index.tsx
 var import_react8 = __toESM(require("react"), 1);
+var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1", description = "\u9875\u9762\u6682\u672A\u5F00\u53D1\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..." }) => {
+  return /* @__PURE__ */ import_react8.default.createElement("div", {
+    className: "flex flex-col items-center justify-center px-6 w-full h-[calc(100vh-64px)] text-center"
+  }, /* @__PURE__ */ import_react8.default.createElement("img", {
+    className: "rounded-md mb-6",
+    width: "320",
+    height: "200",
+    src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
+    alt: "Welcome"
+  }), /* @__PURE__ */ import_react8.default.createElement("div", {
+    className: "text-center text-foreground text-base font-medium mb-1 leading-6"
+  }, title), /* @__PURE__ */ import_react8.default.createElement("div", {
+    className: "text-center text-muted-foreground text-base leading-6 line-clamp-2 sm:max-w-[480px]"
+  }, description));
+}, "Welcome");
+var Welcome_default = Welcome;
+
+// src/route-components/ActiveLink.tsx
+var import_react9 = __toESM(require("react"), 1);
 var import_react_router_dom = require("react-router-dom");
-var ActiveLink = /* @__PURE__ */ (0, import_react8.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
-  const [currentHash, setCurrentHash] = (0, import_react8.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
+var ActiveLink = /* @__PURE__ */ (0, import_react9.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
+  const [currentHash, setCurrentHash] = (0, import_react9.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
   const isHashRoute = typeof to === "string" && to.startsWith("#");
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isHashRoute) return;
     const handleHashChange = /* @__PURE__ */ __name(() => {
       setCurrentHash(window.location.hash);
@@ -1190,7 +1273,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react8.forwardRef)(({ to, onClick, c
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ import_react8.default.createElement(import_react_router_dom.NavLink, {
+    return /* @__PURE__ */ import_react9.default.createElement(import_react_router_dom.NavLink, {
       ref,
       to,
       onClick,
@@ -1231,7 +1314,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react8.forwardRef)(({ to, onClick, c
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ import_react8.default.createElement("a", {
+  return /* @__PURE__ */ import_react9.default.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -1243,9 +1326,9 @@ var ActiveLink = /* @__PURE__ */ (0, import_react8.forwardRef)(({ to, onClick, c
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var import_react_router_dom2 = require("react-router-dom");
-var NavLink2 = /* @__PURE__ */ React6.forwardRef(({ to, children, className, style, ...props }, ref) => {
+var NavLink2 = /* @__PURE__ */ React7.forwardRef(({ to, children, className, style, ...props }, ref) => {
   const isHashLink = typeof to === "string" && to.startsWith("#");
   const location = (0, import_react_router_dom2.useLocation)();
   const navigate = (0, import_react_router_dom2.useNavigate)();
@@ -1269,7 +1352,7 @@ var NavLink2 = /* @__PURE__ */ React6.forwardRef(({ to, children, className, sty
     const resolvedClassName = typeof className === "function" ? className(renderProps) : className;
     const resolvedStyle = typeof style === "function" ? style(renderProps) : style;
     const { caseSensitive, end, replace, state, preventScrollReset, relative, viewTransition, ...restProps } = props;
-    return /* @__PURE__ */ React6.createElement("a", {
+    return /* @__PURE__ */ React7.createElement("a", {
       href: to,
       onClick: handleClick,
       ref,
@@ -1278,7 +1361,7 @@ var NavLink2 = /* @__PURE__ */ React6.forwardRef(({ to, children, className, sty
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React6.createElement(import_react_router_dom2.NavLink, {
+  return /* @__PURE__ */ React7.createElement(import_react_router_dom2.NavLink, {
     to,
     ref,
     className,
@@ -1293,7 +1376,7 @@ var NavLink2 = /* @__PURE__ */ React6.forwardRef(({ to, children, className, sty
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 var import_react_router_dom3 = require("react-router-dom");
 function isInternalRoute(to) {
   return !to.startsWith("#") && !to.startsWith("http://") && !to.startsWith("https://") && !to.startsWith("//");
@@ -1303,15 +1386,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ import_react9.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ import_react10.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ import_react9.default.createElement(import_react_router_dom3.Link, {
+    return /* @__PURE__ */ import_react10.default.createElement(import_react_router_dom3.Link, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ import_react9.default.createElement("a", {
+  return /* @__PURE__ */ import_react10.default.createElement("a", {
     href: to,
     ref,
     ...props,
@@ -1739,6 +1822,7 @@ var abstractArt3dRenderingCoverImg6 = "https://lf3-static.bytednsdoc.com/obj/ede
   QueryProvider,
   TrackKey,
   UniversalLink,
+  Welcome,
   avatarImages,
   axiosForBackend,
   bannerImages,