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

package/dist/index.cjs

@@ -34,6 +34,7 @@ __export(index_exports, {
   ActiveLink: () => ActiveLink,
   AppContainer: () => AppContainer_default,
   NavLink: () => NavLink2,
+  PagePlaceholder: () => PagePlaceholder_default,
   QueryProvider: () => QueryProvider_default,
   TrackKey: () => TrackKey,
   UniversalLink: () => UniversalLink,
@@ -373,26 +374,18 @@ function splitWorkspaceUrl(fullUrl) {
 __name(splitWorkspaceUrl, "splitWorkspaceUrl");
 
 // src/integrations/dataloom.ts
-var import_js = require("@data-loom/js");
+var import_dataloom = require("@lark-apaas/dataloom");
 var createDataLoomClient = /* @__PURE__ */ __name((url, pat) => {
-  const { baseUrl, workspace } = url ? splitWorkspaceUrl(url) : {
-    baseUrl: "",
-    workspace: ""
+  const { baseUrl } = url ? splitWorkspaceUrl(url) : {
+    baseUrl: ""
   };
   const appId = getAppId() ?? "";
-  return (0, import_js.createClient)(baseUrl, pat ?? "", workspace, {
+  return (0, import_dataloom.createClient)(baseUrl, pat ?? "", {
     global: {
       enableDataloomLog: process.env.NODE_ENV !== "production",
       requestRateLimit: process.env.NODE_ENV !== "production" ? 100 : void 0,
       brandName: "miaoda",
-      appId,
-      onError: /* @__PURE__ */ __name((error, dataloomInstance) => {
-        if (error?.status === 401) {
-          if (error?.code === "k_ident_013001") {
-            dataloomInstance.service.session.redirectToLogin();
-          }
-        }
-      }, "onError")
+      appId
     }
   });
 }, "createDataLoomClient");
@@ -1240,28 +1233,96 @@ var AppContainer_default = AppContainer;
 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"
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      height: "calc(100vh - 64px)",
+      padding: "0 24px",
+      textAlign: "center"
+    }
   }, /* @__PURE__ */ import_react8.default.createElement("img", {
-    className: "rounded-md mb-6",
+    style: {
+      borderRadius: 6,
+      marginBottom: 24
+    },
     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"
+    style: {
+      fontSize: 16,
+      fontWeight: 500,
+      lineHeight: "24px",
+      marginBottom: 4,
+      color: "#1f2329"
+    }
   }, title), /* @__PURE__ */ import_react8.default.createElement("div", {
-    className: "text-center text-muted-foreground text-base leading-6 line-clamp-2 sm:max-w-[480px]"
+    style: {
+      fontSize: 16,
+      lineHeight: "24px",
+      color: "#8f959e",
+      maxWidth: 480
+    }
   }, description));
 }, "Welcome");
 var Welcome_default = Welcome;
 
-// src/route-components/ActiveLink.tsx
+// src/components/PagePlaceholder/index.tsx
 var import_react9 = __toESM(require("react"), 1);
+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__ */ import_react9.default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "0 24px",
+      width: "100%",
+      height: "calc(100vh - 64px)",
+      textAlign: "center"
+    }
+  }, /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement("div", {
+    style: {
+      fontSize: "16px",
+      fontWeight: 500,
+      marginBottom: "4px",
+      lineHeight: "24px"
+    }
+  }, title), /* @__PURE__ */ import_react9.default.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
+var import_react10 = __toESM(require("react"), 1);
 var import_react_router_dom = require("react-router-dom");
-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 : "");
+var ActiveLink = /* @__PURE__ */ (0, import_react10.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
+  const [currentHash, setCurrentHash] = (0, import_react10.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
   const isHashRoute = typeof to === "string" && to.startsWith("#");
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!isHashRoute) return;
     const handleHashChange = /* @__PURE__ */ __name(() => {
       setCurrentHash(window.location.hash);
@@ -1273,7 +1334,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react9.forwardRef)(({ to, onClick, c
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ import_react9.default.createElement(import_react_router_dom.NavLink, {
+    return /* @__PURE__ */ import_react10.default.createElement(import_react_router_dom.NavLink, {
       ref,
       to,
       onClick,
@@ -1314,7 +1375,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react9.forwardRef)(({ to, onClick, c
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ import_react9.default.createElement("a", {
+  return /* @__PURE__ */ import_react10.default.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -1326,9 +1387,9 @@ var ActiveLink = /* @__PURE__ */ (0, import_react9.forwardRef)(({ to, onClick, c
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-var React7 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 var import_react_router_dom2 = require("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 = (0, import_react_router_dom2.useLocation)();
   const navigate = (0, import_react_router_dom2.useNavigate)();
@@ -1352,7 +1413,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,
@@ -1361,7 +1422,7 @@ var NavLink2 = /* @__PURE__ */ React7.forwardRef(({ to, children, className, sty
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React7.createElement(import_react_router_dom2.NavLink, {
+  return /* @__PURE__ */ React8.createElement(import_react_router_dom2.NavLink, {
     to,
     ref,
     className,
@@ -1376,7 +1437,7 @@ var NavLink2 = /* @__PURE__ */ React7.forwardRef(({ to, children, className, sty
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react11 = __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("//");
@@ -1386,15 +1447,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ import_react10.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ import_react11.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ import_react10.default.createElement(import_react_router_dom3.Link, {
+    return /* @__PURE__ */ import_react11.default.createElement(import_react_router_dom3.Link, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ import_react10.default.createElement("a", {
+  return /* @__PURE__ */ import_react11.default.createElement("a", {
     href: to,
     ref,
     ...props,
@@ -1819,6 +1880,7 @@ var abstractArt3dRenderingCoverImg6 = "https://lf3-static.bytednsdoc.com/obj/ede
   ActiveLink,
   AppContainer,
   NavLink,
+  PagePlaceholder,
   QueryProvider,
   TrackKey,
   UniversalLink,