@lark-apaas/client-toolkit 1.0.18 → 1.0.20-alpha.placeholder.1

package/lib/apis/components/PlaceHolder.d.ts

@@ -0,0 +1 @@
+export { default as PlaceHolder } from '../../components/PlaceHolder';

package/lib/apis/components/PlaceHolder.js

@@ -0,0 +1,2 @@
+import PlaceHolder from "../../components/PlaceHolder/index.js";
+export { PlaceHolder };

package/lib/apis/components/Welcome.d.ts

@@ -1 +1 @@
-export { default as Welcome } from '../../components/Welcome';
+export { default as Welcome } from '../../components/PlaceHolder';

package/lib/apis/components/Welcome.js

@@ -1,2 +1,2 @@
-import Welcome from "../../components/Welcome/index.js";
-export { Welcome };
+import PlaceHolder from "../../components/PlaceHolder/index.js";
+export { PlaceHolder as Welcome };

package/lib/components/AppContainer/safety.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
 import { getCsrfToken } from "../../utils/getCsrfToken.js";
 import { getAppId } from "../../utils/getAppId.js";
@@ -7,6 +7,7 @@ const Component = ()=>{
     const [open, setOpen] = useState(false);
     const [userinfo, setUserinfo] = useState(null);
     const [isInternetVisible, setIsInternetVisible] = useState(false);
+    const timeoutRef = useRef(null);
     useEffect(()=>{
         fetch(`/spark/b/${getAppId(window.location.pathname)}/tenant_info`, {
             headers: {
@@ -17,6 +18,7 @@ const Component = ()=>{
             setIsInternetVisible(data?.data?.is_internet_visible);
         });
     }, []);
+    if ('production' !== process.env.NODE_ENV) return null;
     if (!userinfo) return null;
     return /*#__PURE__*/ jsxs(Popover, {
         open: open,
@@ -25,9 +27,14 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(PopoverTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-4 bottom-4 inline-flex items-center gap-x-[4px] px-[12px] py-[6px] bg-[#ffffffcc] shadow-[2px_4px_16px_0px_#00000024] rounded-[99px] text-[var(--token-text-title,#1f2329)] font-['PingFang_SC'] text-[14px] leading-[22px] tracking-[0px] cursor-pointer",
-                    onMouseEnter: ()=>setOpen(true),
-                    onMouseLeave: ()=>setOpen(false),
+                    className: "fixed right-4 bottom-4 inline-flex items-center gap-x-[4px] px-[12px] py-[6px] bg-[#ffffffcc] shadow-[2px_4px_16px_0px_#00000024] rounded-[99px] text-[var(--token-text-title,#1f2329)] font-['PingFang_SC'] text-[14px] leading-[22px] tracking-[0px] cursor-pointer z-[10000000]",
+                    onMouseEnter: ()=>{
+                        clearTimeout(timeoutRef.current);
+                        setOpen(true);
+                    },
+                    onMouseLeave: ()=>{
+                        timeoutRef.current = setTimeout(()=>setOpen(false), 100);
+                    },
                     children: [
                         /*#__PURE__*/ jsx("img", {
                             src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodalogo.svg",
@@ -45,8 +52,13 @@ const Component = ()=>{
                 side: "top",
                 align: "end",
                 sideOffset: 8,
-                onMouseEnter: ()=>setOpen(true),
-                onMouseLeave: ()=>setOpen(false),
+                onMouseEnter: ()=>{
+                    clearTimeout(timeoutRef.current);
+                    setOpen(true);
+                },
+                onMouseLeave: ()=>{
+                    timeoutRef.current = setTimeout(()=>setOpen(false), 100);
+                },
                 children: [
                     /*#__PURE__*/ jsxs("div", {
                         className: "self-stretch px-2 pt-2 pb-1 flex flex-col justify-start items-start gap-1",

package/lib/components/PlaceHolder/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const PlaceHolder: React.FC<{
+    title: string;
+    description: string;
+}>;
+export default PlaceHolder;

package/lib/components/PlaceHolder/index.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const PlaceHolder_PlaceHolder = ({ title = '页面待开发', description = '页面暂未开发，请耐心等待...' })=>/*#__PURE__*/ jsxs("center", {
+        className: "pt-10 md:pt-9 bg-background p-6 text-center",
+        children: [
+            /*#__PURE__*/ jsx("center", {
+                children: /*#__PURE__*/ jsx("img", {
+                    className: "rounded-md",
+                    width: "320",
+                    height: "200",
+                    src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
+                    alt: "Welcome"
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "text-center text-foreground text-base font-medium mb-1 leading-6",
+                children: title
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "text-center text-muted-foreground text-base leading-6",
+                children: description
+            })
+        ]
+    });
+const PlaceHolder = PlaceHolder_PlaceHolder;
+export { PlaceHolder as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.0.18",
+  "version": "1.0.20-alpha.placeholder.1",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [

package/lib/components/Welcome/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './welcome.css';
-declare const Welcome: React.FC;
-export default Welcome;

package/lib/components/Welcome/index.js

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import "./welcome.css";
-const Welcome = ()=>/*#__PURE__*/ jsxs("div", {
-        className: "welcome-page flex flex-col items-center justify-center",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "text-xl font-bold leading-8 mb-2",
-                children: "初始化应用"
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "leading-5",
-                children: "通过对话搭建你的专属应用"
-            })
-        ]
-    });
-const components_Welcome = Welcome;
-export { components_Welcome as default };

package/lib/components/Welcome/welcome.css

@@ -1,12 +0,0 @@
-.welcome-page {
-  min-width: 100vw;
-  min-height: 100vh;
-}
-
-.nav-layout .welcome-page {
-  min-height: unset;
-  min-width: unset;
-  width: 100%;
-  height: 100%;
-}
-