@lark-apaas/client-toolkit-lite 1.1.7-alpha.8 → 1.1.7-alpha.9

package/dist/index.cjs

@@ -33,6 +33,7 @@ var index_exports = {};
 __export(index_exports, {
   ActiveLink: () => ActiveLink,
   AppContainer: () => AppContainer_default,
+  ErrorRender: () => ErrorRender_default,
   NavLink: () => NavLink2,
   PagePlaceholder: () => PagePlaceholder_default,
   QueryProvider: () => QueryProvider_default,
@@ -2130,13 +2131,62 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
 }, "PagePlaceholder");
 var PagePlaceholder_default = PagePlaceholder;
 
-// src/route-components/ActiveLink.tsx
+// src/components/ErrorRender/index.tsx
 var import_react12 = __toESM(require("react"), 1);
+var ErrorRender = /* @__PURE__ */ __name((props) => {
+  const { error, resetErrorBoundary } = props;
+  (0, import_react12.useEffect)(() => {
+    if (error) {
+      submitPostMessage({
+        type: "RenderError",
+        data: error
+      });
+      logger.log({
+        level: "error",
+        args: [
+          "Render Error",
+          error
+        ],
+        meta: {
+          type: "render-error"
+        }
+      });
+    }
+  }, [
+    error
+  ]);
+  (0, import_react12.useEffect)(() => {
+    if (!resetErrorBoundary) return;
+    const hmr = getHmrApi();
+    if (hmr) {
+      return hmr.onSuccess(() => {
+        resetErrorBoundary();
+      });
+    }
+  }, [
+    resetErrorBoundary
+  ]);
+  return /* @__PURE__ */ import_react12.default.createElement("div", {
+    className: "min-h-screen flex items-center justify-center bg-white"
+  }, /* @__PURE__ */ import_react12.default.createElement("div", {
+    className: "flex flex-col justify-center items-center text-center"
+  }, /* @__PURE__ */ import_react12.default.createElement("img", {
+    src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_negative_error.svg",
+    alt: "render error",
+    className: "mb-3 w-[100px]"
+  }), /* @__PURE__ */ import_react12.default.createElement("p", {
+    className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium"
+  }, "\u9875\u9762\u51FA\u9519\u4E86")));
+}, "ErrorRender");
+var ErrorRender_default = ErrorRender;
+
+// src/route-components/ActiveLink.tsx
+var import_react13 = __toESM(require("react"), 1);
 var import_react_router_dom2 = require("react-router-dom");
-var ActiveLink = /* @__PURE__ */ (0, import_react12.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
-  const [currentHash, setCurrentHash] = (0, import_react12.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
+var ActiveLink = /* @__PURE__ */ (0, import_react13.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
+  const [currentHash, setCurrentHash] = (0, import_react13.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
   const isHashRoute = typeof to === "string" && to.startsWith("#");
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isHashRoute) return;
     const handleHashChange = /* @__PURE__ */ __name(() => {
       setCurrentHash(window.location.hash);
@@ -2148,7 +2198,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react12.forwardRef)(({ to, onClick,
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ import_react12.default.createElement(import_react_router_dom2.NavLink, {
+    return /* @__PURE__ */ import_react13.default.createElement(import_react_router_dom2.NavLink, {
       ref,
       to,
       onClick,
@@ -2189,7 +2239,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react12.forwardRef)(({ to, onClick,
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ import_react12.default.createElement("a", {
+  return /* @__PURE__ */ import_react13.default.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -2201,9 +2251,9 @@ var ActiveLink = /* @__PURE__ */ (0, import_react12.forwardRef)(({ to, onClick,
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var import_react_router_dom3 = require("react-router-dom");
-var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, style, ...props }, ref) => {
+var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, style, ...props }, ref) => {
   const isHashLink = typeof to === "string" && to.startsWith("#");
   const location = (0, import_react_router_dom3.useLocation)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
@@ -2227,7 +2277,7 @@ var NavLink2 = /* @__PURE__ */ React9.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__ */ React9.createElement("a", {
+    return /* @__PURE__ */ React10.createElement("a", {
       href: to,
       onClick: handleClick,
       ref,
@@ -2236,7 +2286,7 @@ var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, sty
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React9.createElement(import_react_router_dom3.NavLink, {
+  return /* @__PURE__ */ React10.createElement(import_react_router_dom3.NavLink, {
     to,
     ref,
     className,
@@ -2251,7 +2301,7 @@ var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, sty
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_react_router_dom4 = require("react-router-dom");
 function isInternalRoute(to) {
   return !to.startsWith("#") && !to.startsWith("http://") && !to.startsWith("https://") && !to.startsWith("//");
@@ -2261,15 +2311,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ import_react13.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ import_react14.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ import_react13.default.createElement(import_react_router_dom4.Link, {
+    return /* @__PURE__ */ import_react14.default.createElement(import_react_router_dom4.Link, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ import_react13.default.createElement("a", {
+  return /* @__PURE__ */ import_react14.default.createElement("a", {
     href: to,
     ref,
     ...props,
@@ -2670,6 +2720,7 @@ var abstractArt3dRenderingCoverImg6 = "https://lf3-static.bytednsdoc.com/obj/ede
 0 && (module.exports = {
   ActiveLink,
   AppContainer,
+  ErrorRender,
   NavLink,
   PagePlaceholder,
   QueryProvider,