@lark-apaas/client-toolkit-lite 1.1.3 → 1.1.5

package/dist/index.d.cts

@@ -61,6 +61,11 @@ declare const Welcome: React__default.FC<{
     description?: string;
 }>;
 
+declare const PagePlaceholder: React__default.FC<{
+    title?: string;
+    description?: string;
+}>;
+
 interface ActiveLinkProps extends Omit<NavLinkProps, 'to'> {
     to: string;
 }
@@ -427,4 +432,4 @@ declare namespace cover {
   export { cover_abstractArt3dRenderingCoverImg1 as abstractArt3dRenderingCoverImg1, cover_abstractArt3dRenderingCoverImg2 as abstractArt3dRenderingCoverImg2, cover_abstractArt3dRenderingCoverImg3 as abstractArt3dRenderingCoverImg3, cover_abstractArt3dRenderingCoverImg4 as abstractArt3dRenderingCoverImg4, cover_abstractArt3dRenderingCoverImg5 as abstractArt3dRenderingCoverImg5, cover_abstractArt3dRenderingCoverImg6 as abstractArt3dRenderingCoverImg6, cover_appealClothingCoverImg1 as appealClothingCoverImg1, cover_appealClothingCoverImg2 as appealClothingCoverImg2, cover_appealClothingCoverImg3 as appealClothingCoverImg3, cover_appealClothingCoverImg4 as appealClothingCoverImg4, cover_appealClothingCoverImg5 as appealClothingCoverImg5, cover_appealClothingCoverImg6 as appealClothingCoverImg6, cover_architectureCoverImg1 as architectureCoverImg1, cover_architectureCoverImg2 as architectureCoverImg2, cover_architectureCoverImg3 as architectureCoverImg3, cover_architectureCoverImg4 as architectureCoverImg4, cover_architectureCoverImg5 as architectureCoverImg5, cover_architectureCoverImg6 as architectureCoverImg6, cover_officeCoverImg1 as officeCoverImg1, cover_officeCoverImg2 as officeCoverImg2, cover_officeCoverImg3 as officeCoverImg3, cover_officeCoverImg4 as officeCoverImg4, cover_officeCoverImg5 as officeCoverImg5, cover_officeCoverImg6 as officeCoverImg6, cover_sceneryCoverImg1 as sceneryCoverImg1, cover_sceneryCoverImg2 as sceneryCoverImg2, cover_sceneryCoverImg3 as sceneryCoverImg3, cover_sceneryCoverImg4 as sceneryCoverImg4, cover_sceneryCoverImg5 as sceneryCoverImg5, cover_sceneryCoverImg6 as sceneryCoverImg6, cover_technologyInternetCoverImg1 as technologyInternetCoverImg1, cover_technologyInternetCoverImg2 as technologyInternetCoverImg2, cover_technologyInternetCoverImg3 as technologyInternetCoverImg3, cover_technologyInternetCoverImg4 as technologyInternetCoverImg4, cover_technologyInternetCoverImg5 as technologyInternetCoverImg5, cover_technologyInternetCoverImg6 as technologyInternetCoverImg6 };
 }
 
-export { ActiveLink, AppContainer, type AppInfoPayload, type IFileAttachment, type IJson, type IUserProfile, NavLink, QueryProvider, TrackKey, type TrackParams, UniversalLink, Welcome, avatar as avatarImages, axiosForBackend, banner as bannerImages, clsxWithTw, copyToClipboard, cover as coverImages, getAppId, getAppInfo, getAxiosForBackend, getCsrfToken, getCurrentUserProfile, getDataloom, getEnvPath, getWsPath, initAxiosConfig, isIOS, isIpad, isMobile, isPreview, normalizeBasePath, reportTeaEvent, resolveAppUrl, safeStringify, scopedStorage, useAppInfo, useCurrentUserProfile, useIsMobile, useLogout };
+export { ActiveLink, AppContainer, type AppInfoPayload, type IFileAttachment, type IJson, type IUserProfile, NavLink, PagePlaceholder, QueryProvider, TrackKey, type TrackParams, UniversalLink, Welcome, avatar as avatarImages, axiosForBackend, banner as bannerImages, clsxWithTw, copyToClipboard, cover as coverImages, getAppId, getAppInfo, getAxiosForBackend, getCsrfToken, getCurrentUserProfile, getDataloom, getEnvPath, getWsPath, initAxiosConfig, isIOS, isIpad, isMobile, isPreview, normalizeBasePath, reportTeaEvent, resolveAppUrl, safeStringify, scopedStorage, useAppInfo, useCurrentUserProfile, useIsMobile, useLogout };

package/dist/index.d.ts

@@ -61,6 +61,11 @@ declare const Welcome: React__default.FC<{
     description?: string;
 }>;
 
+declare const PagePlaceholder: React__default.FC<{
+    title?: string;
+    description?: string;
+}>;
+
 interface ActiveLinkProps extends Omit<NavLinkProps, 'to'> {
     to: string;
 }
@@ -427,4 +432,4 @@ declare namespace cover {
   export { cover_abstractArt3dRenderingCoverImg1 as abstractArt3dRenderingCoverImg1, cover_abstractArt3dRenderingCoverImg2 as abstractArt3dRenderingCoverImg2, cover_abstractArt3dRenderingCoverImg3 as abstractArt3dRenderingCoverImg3, cover_abstractArt3dRenderingCoverImg4 as abstractArt3dRenderingCoverImg4, cover_abstractArt3dRenderingCoverImg5 as abstractArt3dRenderingCoverImg5, cover_abstractArt3dRenderingCoverImg6 as abstractArt3dRenderingCoverImg6, cover_appealClothingCoverImg1 as appealClothingCoverImg1, cover_appealClothingCoverImg2 as appealClothingCoverImg2, cover_appealClothingCoverImg3 as appealClothingCoverImg3, cover_appealClothingCoverImg4 as appealClothingCoverImg4, cover_appealClothingCoverImg5 as appealClothingCoverImg5, cover_appealClothingCoverImg6 as appealClothingCoverImg6, cover_architectureCoverImg1 as architectureCoverImg1, cover_architectureCoverImg2 as architectureCoverImg2, cover_architectureCoverImg3 as architectureCoverImg3, cover_architectureCoverImg4 as architectureCoverImg4, cover_architectureCoverImg5 as architectureCoverImg5, cover_architectureCoverImg6 as architectureCoverImg6, cover_officeCoverImg1 as officeCoverImg1, cover_officeCoverImg2 as officeCoverImg2, cover_officeCoverImg3 as officeCoverImg3, cover_officeCoverImg4 as officeCoverImg4, cover_officeCoverImg5 as officeCoverImg5, cover_officeCoverImg6 as officeCoverImg6, cover_sceneryCoverImg1 as sceneryCoverImg1, cover_sceneryCoverImg2 as sceneryCoverImg2, cover_sceneryCoverImg3 as sceneryCoverImg3, cover_sceneryCoverImg4 as sceneryCoverImg4, cover_sceneryCoverImg5 as sceneryCoverImg5, cover_sceneryCoverImg6 as sceneryCoverImg6, cover_technologyInternetCoverImg1 as technologyInternetCoverImg1, cover_technologyInternetCoverImg2 as technologyInternetCoverImg2, cover_technologyInternetCoverImg3 as technologyInternetCoverImg3, cover_technologyInternetCoverImg4 as technologyInternetCoverImg4, cover_technologyInternetCoverImg5 as technologyInternetCoverImg5, cover_technologyInternetCoverImg6 as technologyInternetCoverImg6 };
 }
 
-export { ActiveLink, AppContainer, type AppInfoPayload, type IFileAttachment, type IJson, type IUserProfile, NavLink, QueryProvider, TrackKey, type TrackParams, UniversalLink, Welcome, avatar as avatarImages, axiosForBackend, banner as bannerImages, clsxWithTw, copyToClipboard, cover as coverImages, getAppId, getAppInfo, getAxiosForBackend, getCsrfToken, getCurrentUserProfile, getDataloom, getEnvPath, getWsPath, initAxiosConfig, isIOS, isIpad, isMobile, isPreview, normalizeBasePath, reportTeaEvent, resolveAppUrl, safeStringify, scopedStorage, useAppInfo, useCurrentUserProfile, useIsMobile, useLogout };
+export { ActiveLink, AppContainer, type AppInfoPayload, type IFileAttachment, type IJson, type IUserProfile, NavLink, PagePlaceholder, QueryProvider, TrackKey, type TrackParams, UniversalLink, Welcome, avatar as avatarImages, axiosForBackend, banner as bannerImages, clsxWithTw, copyToClipboard, cover as coverImages, getAppId, getAppInfo, getAxiosForBackend, getCsrfToken, getCurrentUserProfile, getDataloom, getEnvPath, getWsPath, initAxiosConfig, isIOS, isIpad, isMobile, isPreview, normalizeBasePath, reportTeaEvent, resolveAppUrl, safeStringify, scopedStorage, useAppInfo, useCurrentUserProfile, useIsMobile, useLogout };

package/dist/index.js

@@ -506,9 +506,52 @@ var messages = {
 var messages_default = messages;
 
 // src/utils/locale.ts
+var STORAGE_KEY = "miaoda:preview-locale";
+function toLocale(value) {
+  const lang = value ?? "zh";
+  return lang.toLowerCase().startsWith("zh") ? "zh" : "en";
+}
+__name(toLocale, "toLocale");
+function readLocaleFromQuery() {
+  if (typeof window === "undefined") return null;
+  try {
+    const value = new URLSearchParams(window.location.search).get("locale");
+    return value && value.length > 0 ? value : null;
+  } catch {
+    return null;
+  }
+}
+__name(readLocaleFromQuery, "readLocaleFromQuery");
+function readLocaleFromStorage() {
+  if (typeof window === "undefined") return null;
+  try {
+    const value = window.localStorage?.getItem(STORAGE_KEY);
+    return value && value.length > 0 ? value : null;
+  } catch {
+    return null;
+  }
+}
+__name(readLocaleFromStorage, "readLocaleFromStorage");
+function writeLocaleToStorage(value) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage?.setItem(STORAGE_KEY, value);
+  } catch {
+  }
+}
+__name(writeLocaleToStorage, "writeLocaleToStorage");
 function getLocale() {
-  const lang = navigator.language || "zh";
-  return lang.startsWith("zh") ? "zh" : "en";
+  if (process.env.NODE_ENV === "production") {
+    return toLocale(navigator.language);
+  }
+  const fromQuery = readLocaleFromQuery();
+  if (fromQuery) {
+    writeLocaleToStorage(fromQuery);
+    return toLocale(fromQuery);
+  }
+  const fromStorage = readLocaleFromStorage();
+  if (fromStorage) return toLocale(fromStorage);
+  return toLocale(navigator.language);
 }
 __name(getLocale, "getLocale");
 
@@ -1214,8 +1257,53 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
 }, "Welcome");
 var Welcome_default = Welcome;
 
+// src/components/PagePlaceholder/index.tsx
+import React6 from "react";
+var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1", description = "\u9875\u9762\u6682\u672A\u5F00\u53D1\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..." }) => {
+  return /* @__PURE__ */ React6.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "0 24px",
+      width: "100%",
+      height: "calc(100vh - 64px)",
+      textAlign: "center"
+    }
+  }, /* @__PURE__ */ React6.createElement("img", {
+    style: {
+      borderRadius: "6px",
+      marginBottom: "24px"
+    },
+    width: "320",
+    height: "200",
+    src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
+    alt: "Welcome"
+  }), /* @__PURE__ */ React6.createElement("div", {
+    style: {
+      fontSize: "16px",
+      fontWeight: 500,
+      marginBottom: "4px",
+      lineHeight: "24px"
+    }
+  }, title), /* @__PURE__ */ React6.createElement("div", {
+    style: {
+      color: "#6b7280",
+      fontSize: "16px",
+      lineHeight: "24px",
+      maxWidth: "480px",
+      overflow: "hidden",
+      display: "-webkit-box",
+      WebkitLineClamp: 2,
+      WebkitBoxOrient: "vertical"
+    }
+  }, description));
+}, "PagePlaceholder");
+var PagePlaceholder_default = PagePlaceholder;
+
 // src/route-components/ActiveLink.tsx
-import React6, { forwardRef, useEffect as useEffect5, useState as useState5 } from "react";
+import React7, { forwardRef, useEffect as useEffect5, useState as useState5 } from "react";
 import { NavLink } from "react-router-dom";
 var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, children, ...rest }, ref) => {
   const [currentHash, setCurrentHash] = useState5(() => typeof window !== "undefined" ? window.location.hash : "");
@@ -1232,7 +1320,7 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ React6.createElement(NavLink, {
+    return /* @__PURE__ */ React7.createElement(NavLink, {
       ref,
       to,
       onClick,
@@ -1273,7 +1361,7 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ React6.createElement("a", {
+  return /* @__PURE__ */ React7.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -1285,9 +1373,9 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { NavLink as OriginalNavLink, useLocation, useNavigate } from "react-router-dom";
-var NavLink2 = /* @__PURE__ */ React7.forwardRef(({ to, children, className, style, ...props }, ref) => {
+var NavLink2 = /* @__PURE__ */ React8.forwardRef(({ to, children, className, style, ...props }, ref) => {
   const isHashLink = typeof to === "string" && to.startsWith("#");
   const location = useLocation();
   const navigate = useNavigate();
@@ -1311,7 +1399,7 @@ var NavLink2 = /* @__PURE__ */ React7.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__ */ React7.createElement("a", {
+    return /* @__PURE__ */ React8.createElement("a", {
       href: to,
       onClick: handleClick,
       ref,
@@ -1320,7 +1408,7 @@ var NavLink2 = /* @__PURE__ */ React7.forwardRef(({ to, children, className, sty
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React7.createElement(OriginalNavLink, {
+  return /* @__PURE__ */ React8.createElement(OriginalNavLink, {
     to,
     ref,
     className,
@@ -1335,7 +1423,7 @@ var NavLink2 = /* @__PURE__ */ React7.forwardRef(({ to, children, className, sty
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-import React8 from "react";
+import React9 from "react";
 import { Link as RouterLink } from "react-router-dom";
 function isInternalRoute(to) {
   return !to.startsWith("#") && !to.startsWith("http://") && !to.startsWith("https://") && !to.startsWith("//");
@@ -1345,15 +1433,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ React9.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ React8.createElement(RouterLink, {
+    return /* @__PURE__ */ React9.createElement(RouterLink, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ React8.createElement("a", {
+  return /* @__PURE__ */ React9.createElement("a", {
     href: to,
     ref,
     ...props,
@@ -1777,6 +1865,7 @@ export {
   ActiveLink,
   AppContainer_default as AppContainer,
   NavLink2 as NavLink,
+  PagePlaceholder_default as PagePlaceholder,
   QueryProvider_default as QueryProvider,
   TrackKey,
   UniversalLink,