@lark-apaas/client-toolkit 1.1.9-alpha.log.4 → 1.1.9-dataloom-test.1

package/lib/apis/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export * from '../../hooks/useTheme';

package/lib/apis/hooks/useTheme.js

@@ -0,0 +1 @@
+export * from "../../hooks/useTheme.js";

package/lib/components/AppContainer/index.js

@@ -1,11 +1,12 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { StyleProvider } from "@ant-design/cssinjs";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import IframeBridge from "./IframeBridge.js";
 import { defaultUIConfig } from "../theme/ui-config.js";
 import { Toaster } from "./sonner.js";
 import { PageHoc } from "./PageHoc.js";
-import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, themeMetaOptions } from "../theme/index.js";
+import { ThemeProvider, findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, themeMetaOptions } from "../theme/index.js";
 import { registerDayjsPlugins } from "./dayjsPlugins.js";
 import "../../index.css";
 import { initAxiosConfig } from "../../utils/axiosConfig.js";
@@ -36,7 +37,8 @@ const App = (props)=>{
             }, 300);
         });
     }, []);
-    return /*#__PURE__*/ jsxs(Fragment, {
+    return /*#__PURE__*/ jsxs(StyleProvider, {
+        layer: true,
         children: [
             /*#__PURE__*/ jsx(Toaster, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
@@ -56,7 +58,8 @@ const App = (props)=>{
 };
 const AppContainer = (props)=>{
     const { children, ...rest } = props;
-    return /*#__PURE__*/ jsxs(Fragment, {
+    return /*#__PURE__*/ jsxs(ThemeProvider, {
+        ...rest,
         children: [
             /*#__PURE__*/ jsx(safety, {}),
             /*#__PURE__*/ jsx(App, {

package/lib/components/AppContainer/sonner.js

@@ -2,7 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { Toaster, toast } from "sonner";
 import "./sonner.css";
-const sonner_Toaster = ({ ...props })=>/*#__PURE__*/ jsx(Toaster, {
+import { useTheme } from "../../hooks/index.js";
+const sonner_Toaster = ({ ...props })=>{
+    const { theme } = useTheme();
+    return /*#__PURE__*/ jsx(Toaster, {
+        theme: theme,
         className: "toaster group",
         style: {
             top: 70
@@ -18,4 +22,5 @@ const sonner_Toaster = ({ ...props })=>/*#__PURE__*/ jsx(Toaster, {
         },
         ...props
     });
+};
 export { sonner_Toaster as Toaster, toast };

package/lib/components/ErrorRender/index.js

@@ -1,21 +1,48 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { logger } from "../../logger/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Button } from "../ui/button.js";
+import { postMessage } from "../../utils/postMessage.js";
+import { copyToClipboard } from "../../utils/copyToClipboard.js";
 const RenderError = (props)=>{
     const { error } = props;
+    const location = useLocation();
+    const onClickCopy = useCallback(()=>{
+        const { message, stack } = error ?? {};
+        let result = '';
+        if (message && stack) {
+            const wrapIndex = stack.indexOf('\n');
+            const extraMsg = -1 !== wrapIndex ? stack.slice(0, wrapIndex) : stack;
+            result = `${message}
+  ${extraMsg}`;
+        }
+        if (!result) try {
+            result = JSON.stringify(error);
+        } catch (e) {
+            console.error('复制到剪切板失败:', error);
+            result = 'unknown error';
+        }
+        copyToClipboard(result);
+    }, [
+        error
+    ]);
+    const onClickRepair = useCallback(()=>{
+        postMessage({
+            type: 'RenderErrorRepair',
+            data: props.error
+        });
+    }, [
+        props
+    ]);
     useEffect(()=>{
-        if (props.error) logger.log({
-            level: 'error',
-            args: [
-                'Render Error',
-                error
-            ],
-            meta: {
-                type: 'render-error'
-            }
+        if (props.error) postMessage({
+            type: 'RenderError',
+            data: props.error,
+            location: location
         });
     }, [
-        props.error
+        props.error,
+        location
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "min-h-screen flex items-center justify-center bg-gray-100",
@@ -23,14 +50,37 @@ const RenderError = (props)=>{
             className: "flex flex-col justify-center items-center text-center",
             children: [
                 /*#__PURE__*/ jsx("img", {
-                    src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_negative_error.svg",
+                    src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/render_error.svg",
                     alt: "render error",
-                    className: "mb-3 w-[100px]"
+                    className: "mb-4 w-[120px]"
                 }),
                 /*#__PURE__*/ jsx("p", {
-                    className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium",
-                    children: "页面出错了"
-                })
+                    className: "text-l/[22px] text-[#1F2329] font-medium mb-2",
+                    children: 'production' !== process.env.NODE_ENV ? '哎呀，写错代码了' : '哎呀，出错了'
+                }),
+                'production' !== process.env.NODE_ENV ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx("p", {
+                            className: "text-sm/[22px] text-[#646A73] font-normal mb-2",
+                            children: "可复制错误信息，或告诉妙搭进行修复"
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex space-x-4",
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    className: "bg-white cursor-pointer text-gray-600 font-[400] border rounded-[6px] shadow-xs hover:bg-gray-100 active:bg-gray-200 focus:outline-hidden h-[32px] border-[#D0D3D6]",
+                                    onClick: onClickCopy,
+                                    children: "复制错误信息"
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    className: "cursor-pointer h-[32px] text-sm font-medium text-white bg-blue-600 border border-transparent rounded-[6px] shadow-xs hover:bg-blue-600 active:bg-blue-700 focus:outline-hidden ",
+                                    onClick: onClickRepair,
+                                    children: "告诉妙搭修复"
+                                })
+                            ]
+                        })
+                    ]
+                }) : null
             ]
         })
     });

package/lib/components/NotFoundRender/index.js

@@ -1,9 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLocation } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useLocation, useNavigate } from "react-router-dom";
 import { useEffect } from "react";
+import { postMessage } from "../../utils/postMessage.js";
+import { useUpdatingRef } from "../../hooks/useUpdatingRef.js";
 import { logger } from "../../logger/index.js";
 const NotFound = ()=>{
     const location = useLocation();
+    const navigate = useNavigate();
+    const navigateRef = useUpdatingRef(navigate);
     useEffect(()=>{
         logger.log({
             level: 'error',
@@ -11,27 +15,52 @@ const NotFound = ()=>{
                 `页面 ${location.pathname} 不存在`
             ],
             meta: {
-                repairMessage: `页面 ${location.pathname} 不存在，帮我创建对应页面，并配置到"client/src/app.tsx"路由表中`,
-                noStacktrace: true,
-                stacktrace: [],
-                type: 'not-found'
+                repairMessage: `页面 ${location.pathname} 不存在，帮我创建`,
+                noStacktrace: true
             }
         });
     }, [
         location.pathname
     ]);
+    const onClick = ()=>{
+        if ('production' !== process.env.NODE_ENV) postMessage({
+            type: 'CreatePage',
+            data: location.pathname
+        });
+        else navigateRef.current('/');
+    };
     return /*#__PURE__*/ jsxs("div", {
-        className: "min-h-screen flex flex-col items-center justify-center bg-white gap-3",
+        className: "min-h-screen flex flex-col items-center justify-center bg-white",
         children: [
             /*#__PURE__*/ jsx("img", {
-                src: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_neutral_unfinished_gray.svg',
-                alt: "Not Found",
-                className: "w-[100px]"
+                src: 'production' !== process.env.NODE_ENV ? 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_positive_create.svg' : 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_negative_failure-miss.svg',
+                alt: "Empty",
+                className: "mb-3 w-[120px]"
             }),
             /*#__PURE__*/ jsx("p", {
                 className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium",
-                children: "页面不存在"
-            })
+                children: 'production' !== process.env.NODE_ENV ? '哎呀，这个页面尚未生成' : '404'
+            }),
+            'production' !== process.env.NODE_ENV ? /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-sm/[22px] text-[14px] text-[#646A73] font-normal mt-1",
+                        children: "戳下方按钮，我可以根据上下文帮你生成一个"
+                    }),
+                    /*#__PURE__*/ jsxs("button", {
+                        className: "h-[32px] text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-xs hover:bg-blue-600 active:bg-blue-700 focus:outline-hidden focus:ring-2 focus:ring-blue-500 px-3 flex flex-row items-center mt-3",
+                        onClick: onClick,
+                        children: [
+                            /*#__PURE__*/ jsx("img", {
+                                src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/icon_chat-ai_outlined.svg",
+                                alt: "Icon",
+                                className: "w-[14px] h-[14px] mr-1"
+                            }),
+                            "告诉妙搭生成一个"
+                        ]
+                    })
+                ]
+            }) : null
         ]
     });
 };

package/lib/components/theme/ThemeProvider.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type ReactNode } from 'react';
+import type { ITheme } from '../../types';
+import { IThemeTokenMeta } from './util';
+export interface IBaseThemeProviderProps {
+    defaultTheme?: ITheme;
+    themeMeta?: Partial<IThemeTokenMeta>;
+}
+interface ThemeProviderProps extends IBaseThemeProviderProps {
+    children: ReactNode;
+    /** 是否启用系统主题自动切换 */
+    enableSystemTheme?: boolean;
+}
+type ThemeProviderState = {
+    theme: ITheme;
+    setTheme: (theme: ITheme) => void;
+};
+export declare const ThemeProviderContext: React.Context<ThemeProviderState>;
+export declare function ThemeProvider({ children, defaultTheme, themeMeta, enableSystemTheme, ...props }: ThemeProviderProps): React.JSX.Element;
+export {};

package/lib/components/theme/ThemeProvider.js

@@ -0,0 +1,75 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useEffect, useMemo, useState } from "react";
+import { ConfigProvider } from "antd";
+import { generateDarkTheme, generateLightTheme } from "./util.js";
+import { findValueByPixel, themeMetaOptions } from "./constants.js";
+const initialState = {
+    theme: 'system',
+    setTheme: ()=>null
+};
+const ThemeProviderContext = /*#__PURE__*/ createContext(initialState);
+const themeKey = 'miao-ui-theme';
+function ThemeProvider({ children, defaultTheme = 'light', themeMeta = {}, enableSystemTheme = false, ...props }) {
+    const [theme, setTheme] = useState(()=>localStorage.getItem(themeKey) || defaultTheme);
+    useEffect(()=>{
+        const root = window.document.documentElement;
+        root.classList.remove('light', 'dark');
+        root.classList.add(theme);
+    }, [
+        theme,
+        enableSystemTheme
+    ]);
+    useEffect(()=>{
+        const root = window.document.documentElement;
+        if (void 0 !== themeMeta.spacing) {
+            const { rem } = findValueByPixel(themeMetaOptions.themeSpaces, themeMeta.spacing) || {
+                rem: '0.25'
+            };
+            root.style.setProperty('--spacing', `${rem}rem`);
+        }
+        if (void 0 !== themeMeta.borderRadius) {
+            const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
+                rem: '0.625'
+            };
+            root.style.setProperty('--radius', `${rem}rem`);
+        }
+    }, [
+        themeMeta
+    ]);
+    const value = {
+        theme,
+        setTheme: (theme)=>{
+            localStorage.setItem(themeKey, theme);
+            setTheme(theme);
+        }
+    };
+    const antdTheme = useMemo(()=>{
+        const res = findValueByPixel(themeMetaOptions.themeSpaces, themeMeta.spacing) || {
+            pixel: '36',
+            rem: '0.25',
+            size: {
+                sizeUnit: '4',
+                sizeStep: '4'
+            }
+        };
+        const transformThemeMeta = {
+            colorPrimary: themeMeta.colorPrimary,
+            borderRadius: Number(themeMeta.borderRadius),
+            sizeUnit: Number(res.size.sizeUnit),
+            sizeStep: Number(res.size.sizeStep)
+        };
+        return 'dark' === theme ? generateDarkTheme(transformThemeMeta) : generateLightTheme(transformThemeMeta);
+    }, [
+        theme,
+        themeMeta
+    ]);
+    return /*#__PURE__*/ jsx(ThemeProviderContext.Provider, {
+        ...props,
+        value: value,
+        children: /*#__PURE__*/ jsx(ConfigProvider, {
+            theme: antdTheme,
+            children: children
+        })
+    });
+}
+export { ThemeProvider, ThemeProviderContext };

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

@@ -1,3 +1,4 @@
+export * from './ThemeProvider';
 export * from './constants';
-export * from './util';
+export { generateTailwindRadiusToken } from './util';
 export * from './ui-config';

package/lib/components/theme/index.js

@@ -1,3 +1,5 @@
+import { generateTailwindRadiusToken } from "./util.js";
+export * from "./ThemeProvider.js";
 export * from "./constants.js";
-export * from "./util.js";
 export * from "./ui-config.js";
+export { generateTailwindRadiusToken };

package/lib/components/theme/miaoDarkTheme.d.ts

@@ -0,0 +1,2 @@
+import { type ThemeConfig } from 'antd';
+export declare const defaultDarkTheme: ThemeConfig;

package/lib/components/theme/miaoDarkTheme.js

@@ -0,0 +1,310 @@
+const defaultPrimaryPresets = {
+    colorPrimary: '#336df4',
+    colorPrimaryBg: '#152340',
+    colorPrimaryBgHover: '#173166',
+    colorPrimaryBorder: '#336df4',
+    colorPrimaryBorderHover: '#888888',
+    colorPrimaryHover: '#4c88ff',
+    colorPrimaryActive: '#75a4ff',
+    colorPrimaryTextHover: '#3370eb',
+    colorPrimaryText: '#4c88ff',
+    colorPrimaryTextActive: '#75a4ff',
+    colorPrimaryFill: 'rgba(255, 255, 255, 0.22)',
+    colorPrimaryFillSecondary: 'rgba(255, 255, 255, 0.16)',
+    colorPrimaryFillTertiary: 'rgba(255, 255, 255, 0.08)',
+    colorPrimaryFillQuaternary: 'rgba(255, 255, 255, 0.02)'
+};
+const darkToken = {
+    blue: '#8ae8ff',
+    purple: '#bd54c6',
+    cyan: '#95f3d9',
+    green: '#62c473',
+    magenta: '#e34ba9',
+    pink: '#EB2F96',
+    red: '#f4416c',
+    orange: '#ff9927',
+    yellow: '#ffef5c',
+    volcano: '#ec5e41',
+    geekblue: '#0072f5',
+    gold: '#ffb224',
+    lime: '#c4f042',
+    colorPrimary: '#336df4',
+    colorSuccess: '#51ba43',
+    colorWarning: '#f3871b',
+    colorError: '#f05b56',
+    colorInfo: '#336df4',
+    colorLink: '#4c88ff',
+    colorTextBase: '#ebebeb',
+    colorBgBase: '#000',
+    fontFamily: '"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    fontFamilyCode: 'Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    fontSize: 14,
+    lineWidth: 1,
+    lineType: 'solid',
+    motionUnit: 0.1,
+    motionBase: 0,
+    motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+    motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
+    motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+    motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+    motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+    motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
+    motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+    motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+    borderRadius: 6,
+    sizeUnit: 4,
+    sizeStep: 4,
+    sizePopupArrow: 16,
+    controlHeight: 36,
+    zIndexBase: 0,
+    zIndexPopupBase: 1000,
+    opacityImage: 1,
+    wireframe: false,
+    motion: true,
+    borderRadiusLG: 8,
+    borderRadiusSM: 4,
+    colorText: '#ebebeb',
+    colorTextSecondary: '#a6a6a6',
+    colorTextTertiary: '#757575',
+    colorTextQuaternary: '#5f5f5f',
+    colorFill: 'rgba(255, 255, 255, 0.16)',
+    colorFillSecondary: 'rgba(255, 255, 255, 0.10)',
+    colorFillTertiary: 'rgba(255, 255, 255, 0.06)',
+    colorFillQuaternary: 'rgba(255, 255, 255, 0.02)',
+    colorBgSolid: 'rgba(255,255,255,0.95)',
+    colorBgSolidHover: 'rgb(255,255,255)',
+    colorBgSolidActive: 'rgba(255,255,255,0.9)',
+    colorBgLayout: '#000000',
+    colorBgContainer: '#0d0d0d',
+    colorBgElevated: '#1a1a1a',
+    colorBgSpotlight: '#2d2d2d',
+    colorBgBlur: 'rgba(255,255,255,0.04)',
+    colorBorder: '#505050',
+    colorBorderSecondary: '#ebebeb26',
+    colorPrimaryBg: '#152340',
+    colorPrimaryBgHover: '#173166',
+    colorPrimaryBorder: '#336df4',
+    colorPrimaryBorderHover: '#888888',
+    colorPrimaryHover: '#4c88ff',
+    colorPrimaryActive: '#75a4ff',
+    colorPrimaryTextHover: '#3370eb',
+    colorPrimaryText: '#4c88ff',
+    colorPrimaryTextActive: '#75a4ff',
+    colorSuccessBg: '#0e2b0a',
+    colorSuccessBgHover: '#173b12',
+    colorSuccessBorder: '#2f7526',
+    colorSuccessBorderHover: '#35872a',
+    colorSuccessHover: '#419e34',
+    colorSuccessActive: '#69cc5c',
+    colorSuccessTextHover: '#419e34',
+    colorSuccessText: '#51ba43',
+    colorSuccessTextActive: '#69cc5c',
+    colorErrorBg: '#3d1a19',
+    colorErrorBgHover: '#591f1d',
+    colorErrorBgFilledHover: '#441e1f',
+    colorErrorBgActive: '#5b2526',
+    colorErrorBorder: '#b33a37',
+    colorErrorBorderHover: '#d14642',
+    colorErrorHover: '#f05b56',
+    colorErrorActive: '#f89e9b',
+    colorErrorTextHover: '#d14642',
+    colorErrorText: '#f05b56',
+    colorErrorTextActive: '#f89e9b',
+    colorWarningBg: '#33210b',
+    colorWarningBgHover: '#4a2b10',
+    colorWarningBorder: '#a15317',
+    colorWarningBorderHover: '#b85e1a',
+    colorWarningHover: '#db7018',
+    colorWarningActive: '#f89e44',
+    colorWarningTextHover: '#db7018',
+    colorWarningText: '#f3871b',
+    colorWarningTextActive: '#f89e44',
+    colorInfoBg: '#002126',
+    colorInfoBgHover: '#00363f',
+    colorInfoBorder: '#006675',
+    colorInfoBorderHover: '#008093',
+    colorInfoHover: '#b8f0ff',
+    colorInfoActive: '#47b3ca',
+    colorInfoTextHover: '#b8f0ff',
+    colorInfoText: '#8ae8ff',
+    colorInfoTextActive: '#47b3ca',
+    colorLinkHover: '#3370eb',
+    colorLinkActive: '#75a4ff',
+    colorBgMask: 'rgba(0, 0, 0, 0.44)',
+    colorWhite: '#fff',
+    fontSizeSM: 12,
+    fontSizeLG: 16,
+    fontSizeXL: 18,
+    fontSizeHeading1: 30,
+    fontSizeHeading2: 24,
+    fontSizeHeading3: 20,
+    fontSizeHeading4: 18,
+    fontSizeHeading5: 16,
+    lineHeight: 1.5714285714285714,
+    lineHeightLG: 1.5,
+    lineHeightSM: 1.6666666666666667,
+    fontHeight: 22,
+    fontHeightLG: 24,
+    fontHeightSM: 20,
+    lineHeightHeading1: 1.2105263157894737,
+    lineHeightHeading2: 1.2666666666666666,
+    lineHeightHeading3: 1.3333333333333333,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    sizeXXL: 48,
+    sizeXL: 32,
+    sizeLG: 24,
+    sizeMD: 20,
+    sizeMS: 16,
+    size: 16,
+    sizeSM: 12,
+    sizeXS: 8,
+    sizeXXS: 4,
+    controlHeightSM: 27,
+    controlHeightXS: 18,
+    controlHeightLG: 45,
+    motionDurationFast: '0.1s',
+    motionDurationMid: '0.2s',
+    motionDurationSlow: '0.3s',
+    lineWidthBold: 2,
+    borderRadiusOuter: 4,
+    colorPrimaryFill: 'rgba(255, 255, 255, 0.22)',
+    colorPrimaryFillSecondary: 'rgba(255, 255, 255, 0.16)',
+    colorPrimaryFillTertiary: 'rgba(255, 255, 255, 0.08)',
+    colorPrimaryFillQuaternary: 'rgba(255, 255, 255, 0.02)',
+    colorSuccessFill: 'rgba(177, 255, 0, 0.31)',
+    colorSuccessFillSecondary: 'rgba(168, 250, 0, 0.22)',
+    colorSuccessFillTertiary: 'rgba(154, 254, 0, 0.13)',
+    colorSuccessFillQuaternary: 'rgba(100, 200, 0, 0.02)',
+    colorWarningFill: 'rgba(252, 174, 0, 0.42)',
+    colorWarningFillSecondary: 'rgba(248, 166, 0, 0.29)',
+    colorWarningFillTertiary: 'rgba(247, 159, 0, 0.17)',
+    colorWarningFillQuaternary: 'rgba(233, 100, 0, 0.03)',
+    colorErrorFill: 'rgba(255, 0, 106, 0.47)',
+    colorErrorFillSecondary: 'rgba(253, 0, 103, 0.34)',
+    colorErrorFillTertiary: 'rgba(255, 0, 95, 0.22)',
+    colorErrorFillQuaternary: 'rgba(250, 0, 50, 0.06)',
+    colorInfoFill: 'rgba(0, 223, 254, 0.35)',
+    colorInfoFillSecondary: 'rgba(0, 216, 252, 0.25)',
+    colorInfoFillTertiary: 'rgba(0, 220, 253, 0.15)',
+    colorInfoFillQuaternary: 'rgba(0, 167, 200, 0.03)',
+    boxShadow: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowSecondary: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTertiary: '\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ',
+    colorTextLightSolid: '#fff',
+    colorFillContent: 'rgba(255, 255, 255, 0.10)',
+    colorFillContentHover: 'rgba(255, 255, 255, 0.16)',
+    colorFillAlter: 'rgba(255, 255, 255, 0.02)',
+    colorBgContainerDisabled: 'rgba(255, 255, 255, 0.06)',
+    colorBorderBg: '#0d0d0d',
+    colorSplit: 'rgba(230,230,230,0.06)',
+    colorTextPlaceholder: '#555555',
+    colorTextDisabled: '#555555',
+    colorTextHeading: '#ffffff',
+    colorTextLabel: '#aaaaaa',
+    colorTextDescription: '#6f6f6f',
+    colorHighlight: '#f4416c',
+    colorBgTextHover: 'rgba(255, 255, 255, 0.10)',
+    colorBgTextActive: 'rgba(255, 255, 255, 0.16)',
+    colorIcon: '#6f6f6f',
+    colorIconHover: '#ffffff',
+    colorErrorOutline: 'rgba(57,0,21,0.97)',
+    colorWarningOutline: 'rgba(43,27,0,0.97)',
+    fontSizeIcon: 12,
+    lineWidthFocus: 3,
+    controlOutlineWidth: 2,
+    controlInteractiveSize: 18,
+    controlItemBgHover: 'rgba(255, 255, 255, 0.06)',
+    controlItemBgActive: '#111111',
+    controlItemBgActiveHover: '#333333',
+    controlItemBgActiveDisabled: 'rgba(255, 255, 255, 0.16)',
+    controlTmpOutline: 'rgba(255, 255, 255, 0.02)',
+    controlOutline: 'rgba(213,213,213,0.02)',
+    fontWeightStrong: 600,
+    opacityLoading: 0.65,
+    linkDecoration: 'none',
+    linkHoverDecoration: 'none',
+    linkFocusDecoration: 'none',
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8,
+    paddingXXS: 4,
+    paddingXS: 8,
+    paddingSM: 12,
+    padding: 16,
+    paddingMD: 20,
+    paddingLG: 24,
+    paddingXL: 32,
+    paddingContentHorizontalLG: 24,
+    paddingContentVerticalLG: 16,
+    paddingContentHorizontal: 16,
+    paddingContentVertical: 12,
+    paddingContentHorizontalSM: 16,
+    paddingContentVerticalSM: 8,
+    marginXXS: 4,
+    marginXS: 8,
+    marginSM: 12,
+    margin: 16,
+    marginMD: 20,
+    marginLG: 24,
+    marginXL: 32,
+    marginXXL: 48,
+    screenXS: 480,
+    screenXSMin: 480,
+    screenXSMax: 575,
+    screenSM: 576,
+    screenSMMin: 576,
+    screenSMMax: 767,
+    screenMD: 768,
+    screenMDMin: 768,
+    screenMDMax: 991,
+    screenLG: 992,
+    screenLGMin: 992,
+    screenLGMax: 1199,
+    screenXL: 1200,
+    screenXLMin: 1200,
+    screenXLMax: 1599,
+    screenXXL: 1600,
+    screenXXLMin: 1600,
+    boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
+    boxShadowCard: '\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ',
+    boxShadowDrawerRight: '\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerLeft: '\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerUp: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerDown: '\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',
+    Button: {
+        contentFontSizeSM: 12
+    },
+    DatePicker: {},
+    Input: {},
+    InputNumber: {},
+    Mentions: {},
+    Select: {},
+    themeMode: 'dark',
+    appearance: 'dark',
+    isDarkMode: true,
+    browserPrefers: 'light',
+    prefixCls: 'antd',
+    iconPrefixCls: 'anticon'
+};
+const defaultDarkTheme = {
+    cssVar: true,
+    token: {
+        ...darkToken,
+        ...defaultPrimaryPresets
+    },
+    components: {
+        Tag: {
+            lineType: 'none'
+        },
+        Button: {
+            dangerShadow: '0',
+            defaultShadow: '0',
+            primaryShadow: '0'
+        }
+    }
+};
+export { defaultDarkTheme };

package/lib/components/theme/miaoLightTheme.d.ts

@@ -0,0 +1,2 @@
+import { type ThemeConfig } from 'antd';
+export declare const defaultLightTheme: ThemeConfig;

package/lib/components/theme/miaoLightTheme.js

@@ -0,0 +1,296 @@
+const defaultPrimaryPresets = {
+    colorPrimary: '#1456f0',
+    colorPrimaryBg: '#f0f4ff',
+    colorPrimaryBgHover: '#e0e9ff',
+    colorPrimaryBorder: '#336df4',
+    colorPrimaryBorderHover: '#5083fb',
+    colorPrimaryHover: '#336df4',
+    colorPrimaryActive: '#0442d2',
+    colorPrimaryTextHover: '#336df4',
+    colorPrimaryText: '#1456f0',
+    colorPrimaryTextActive: '#0442d2',
+    colorPrimaryFill: 'rgba(0, 0, 0, 0.36)',
+    colorPrimaryFillSecondary: 'rgba(0, 0, 0, 0.22)',
+    colorPrimaryFillTertiary: 'rgba(0, 0, 0, 0.16)',
+    colorPrimaryFillQuaternary: 'rgba(0, 0, 0, 0.08)'
+};
+const lightToken = {
+    blue: '#7AA2FF',
+    purple: '#B791FA',
+    cyan: '#2DBEAB',
+    green: '#32A645',
+    magenta: '#EB78B8',
+    pink: '#EB2F96',
+    red: '#FF7570',
+    orange: '#FF811A',
+    yellow: '#FFC60A',
+    volcano: '#FFE928',
+    geekblue: '#25B0E7',
+    gold: '#DE81DE',
+    lime: '#91AD00',
+    colorSuccess: '#32a645',
+    colorError: '#f54a45',
+    colorInfo: '#1456f0',
+    colorLink: '#1456f0',
+    colorTextBase: '#1f2329',
+    colorBgBase: '#fff',
+    fontFamily: '"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    fontFamilyCode: 'Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif,"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"',
+    lineWidth: 1,
+    lineType: 'solid',
+    motionUnit: 0.1,
+    motionBase: 0,
+    motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+    motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
+    motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+    motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+    motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+    motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
+    motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+    motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+    borderRadius: 6,
+    sizePopupArrow: 16,
+    controlHeight: 36,
+    zIndexBase: 0,
+    zIndexPopupBase: 1000,
+    opacityImage: 1,
+    wireframe: false,
+    motion: true,
+    borderRadiusLG: 8,
+    borderRadiusSM: 4,
+    colorText: '#1f2329',
+    colorTextSecondary: '#646a73',
+    colorTextTertiary: '#8f959e',
+    colorTextQuaternary: '#bbbfc4',
+    colorFill: '#1f23291f',
+    colorFillSecondary: '#1f23290f',
+    colorFillTertiary: '#1f232908',
+    colorFillQuaternary: '#1f232905',
+    colorBgSolid: 'rgb(0,0,0)',
+    colorBgSolidHover: 'rgba(0,0,0,0.75)',
+    colorBgSolidActive: 'rgba(0,0,0,0.95)',
+    colorBgSpotlight: '#eff0f1',
+    colorBgBlur: 'transparent',
+    colorBorder: '#d0d3d6',
+    colorBorderSecondary: '#dee0e3',
+    colorSuccessBg: '#e4fae1',
+    colorSuccessBgHover: '#d0f5ce',
+    colorSuccessBorder: '#32a645',
+    colorSuccessBorderHover: '#258832',
+    colorSuccessHover: '#71c179',
+    colorSuccessActive: '#258832',
+    colorSuccessTextHover: '#35bd4b',
+    colorSuccessText: '#32a645',
+    colorSuccessTextActive: '#258832',
+    colorErrorBg: '#fef0f0',
+    colorErrorBgHover: '#fee3e2',
+    colorErrorBgFilledHover: '#ffdfdc',
+    colorErrorBgActive: '#ffccc7',
+    colorErrorBorder: '#f54a45',
+    colorErrorBorderHover: '#e22e28',
+    colorErrorHover: '#f54a45',
+    colorErrorActive: '#a53716',
+    colorErrorTextHover: '#ff7570',
+    colorErrorText: '#f54a45',
+    colorErrorTextActive: '#de332c',
+    colorWarningBg: '#fff3e5',
+    colorWarningBgHover: '#fee7cd',
+    colorWarningBorder: '#ed6d0c',
+    colorWarningBorderHover: '#c25705',
+    colorWarningHover: '#ffc368',
+    colorWarningActive: '#c25705',
+    colorWarningTextHover: '#ff9d4c',
+    colorWarningText: '#ff811a',
+    colorWarningTextActive: '#ed6d0c',
+    colorInfoBg: '#fcfbff',
+    colorInfoBgHover: '#f1f5ff',
+    colorInfoBorder: '#cedfff',
+    colorInfoBorderHover: '#e2ebff',
+    colorInfoHover: '#4c90ff',
+    colorInfoActive: '#005ae0',
+    colorInfoTextHover: '#4c90ff',
+    colorInfoText: '#0072f5',
+    colorInfoTextActive: '#005ae0',
+    colorLinkHover: '#336df4',
+    colorLinkActive: '#0442d2',
+    colorBgMask: '#1f232966',
+    colorWhite: '#fff',
+    fontSizeSM: 12,
+    fontSizeLG: 16,
+    fontSizeXL: 18,
+    fontSizeHeading1: 30,
+    fontSizeHeading2: 24,
+    fontSizeHeading3: 20,
+    fontSizeHeading4: 18,
+    fontSizeHeading5: 16,
+    lineHeight: 1.5714285714285714,
+    lineHeightLG: 1.5,
+    lineHeightSM: 1.6666666666666667,
+    fontHeight: 22,
+    fontHeightLG: 24,
+    fontHeightSM: 20,
+    lineHeightHeading1: 1.2105263157894737,
+    lineHeightHeading2: 1.2666666666666666,
+    lineHeightHeading3: 1.3333333333333333,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    sizeXXL: 48,
+    sizeXL: 32,
+    sizeLG: 24,
+    sizeMD: 20,
+    sizeMS: 16,
+    size: 16,
+    sizeSM: 12,
+    sizeXS: 8,
+    sizeXXS: 4,
+    controlHeightSM: 27,
+    controlHeightXS: 18,
+    controlHeightLG: 45,
+    motionDurationFast: '0.1s',
+    motionDurationMid: '0.2s',
+    motionDurationSlow: '0.3s',
+    lineWidthBold: 2,
+    borderRadiusOuter: 4,
+    colorSuccessFill: 'rgba(40, 174, 1, 0.26)',
+    colorSuccessFillSecondary: 'rgba(60, 190, 10, 0.14)',
+    colorSuccessFillTertiary: 'rgba(84, 205, 12, 0.10)',
+    colorSuccessFillQuaternary: 'rgba(117, 230, 5, 0.06)',
+    colorWarningFill: 'rgba(255, 134, 5, 0.20)',
+    colorWarningFillSecondary: 'rgba(255, 117, 5, 0.16)',
+    colorWarningFillTertiary: 'rgba(255,155,55,0.08)',
+    colorWarningFillQuaternary: 'rgba(255,145,55,0.04)',
+    colorErrorFill: 'rgba(255, 42, 3, 0.20)',
+    colorErrorFillSecondary: 'rgba(255, 35, 2, 0.12)',
+    colorErrorFillTertiary: 'rgba(255, 44, 11, 0.06)',
+    colorErrorFillQuaternary: 'rgba(255, 55, 30, 0.04)',
+    colorInfoFill: 'rgba(10, 95, 255, 0.2)',
+    colorInfoFillSecondary: 'rgba(13, 88, 255, 0.12)',
+    colorInfoFillTertiary: 'rgba(22, 88, 255, 0.06)',
+    colorInfoFillQuaternary: 'rgba(105, 55, 255, 0.02)',
+    boxShadow: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowSecondary: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTertiary: '\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ',
+    colorTextLightSolid: '#fff',
+    colorFillContent: 'rgba(0, 0, 0, 0.06)',
+    colorFillContentHover: 'rgba(0, 0, 0, 0.12)',
+    colorFillAlter: 'rgba(0, 0, 0, 0.015)',
+    colorBgContainerDisabled: 'rgba(0, 0, 0, 0.03)',
+    colorBorderBg: '#ffffff',
+    colorSplit: 'rgba(12,12,12,0.07)',
+    colorTextPlaceholder: '#bbbbbb',
+    colorTextDisabled: '#bbbbbb',
+    colorTextHeading: '#080808',
+    colorTextLabel: '#666666',
+    colorTextDescription: '#999999',
+    colorHighlight: '#ec5e41',
+    colorBgTextHover: 'rgba(0, 0, 0, 0.06)',
+    colorBgTextActive: 'rgba(0, 0, 0, 0.12)',
+    colorIcon: '#999999',
+    colorIconHover: '#080808',
+    colorErrorOutline: 'rgba(255,55,30,0.04)',
+    colorWarningOutline: 'rgba(255,55,255,0.01)',
+    fontSizeIcon: 12,
+    lineWidthFocus: 3,
+    controlOutlineWidth: 2,
+    controlInteractiveSize: 18,
+    controlItemBgHover: 'rgba(0, 0, 0, 0.03)',
+    controlItemBgActive: '#f5f5f5',
+    controlItemBgActiveHover: '#eeeeee',
+    controlItemBgActiveDisabled: 'rgba(0, 0, 0, 0.12)',
+    controlTmpOutline: 'rgba(0, 0, 0, 0.015)',
+    controlOutline: 'rgba(5,5,5,0.04)',
+    fontWeightStrong: 600,
+    opacityLoading: 0.65,
+    linkDecoration: 'none',
+    linkHoverDecoration: 'none',
+    linkFocusDecoration: 'none',
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8,
+    paddingXXS: 4,
+    paddingXS: 8,
+    paddingSM: 12,
+    padding: 16,
+    paddingMD: 20,
+    paddingLG: 24,
+    paddingXL: 32,
+    paddingContentHorizontalLG: 24,
+    paddingContentVerticalLG: 16,
+    paddingContentHorizontal: 16,
+    paddingContentVertical: 12,
+    paddingContentHorizontalSM: 16,
+    paddingContentVerticalSM: 8,
+    marginXXS: 4,
+    marginXS: 8,
+    marginSM: 12,
+    margin: 16,
+    marginMD: 20,
+    marginLG: 24,
+    marginXL: 32,
+    marginXXL: 48,
+    screenXS: 480,
+    screenXSMin: 480,
+    screenXSMax: 575,
+    screenSM: 576,
+    screenSMMin: 576,
+    screenSMMax: 767,
+    screenMD: 768,
+    screenMDMin: 768,
+    screenMDMax: 991,
+    screenLG: 992,
+    screenLGMin: 992,
+    screenLGMax: 1199,
+    screenXL: 1200,
+    screenXLMin: 1200,
+    screenXLMax: 1599,
+    screenXXL: 1600,
+    screenXXLMin: 1600,
+    boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
+    boxShadowCard: '\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ',
+    boxShadowDrawerRight: '\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerLeft: '\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerUp: '\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowDrawerDown: '\n      0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n    ',
+    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',
+    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',
+    Button: {
+        contentFontSizeSM: 12
+    },
+    DatePicker: {},
+    Input: {},
+    InputNumber: {},
+    Mentions: {},
+    Select: {},
+    themeMode: 'light',
+    appearance: 'light',
+    isDarkMode: false,
+    browserPrefers: 'light',
+    prefixCls: 'antd',
+    iconPrefixCls: 'anticon',
+    colorPrimaryBgHover: '#e0e9ff',
+    colorWarning: '#ed6d0c',
+    colorBgLayout: '#f5f6f7'
+};
+const defaultLightTheme = {
+    cssVar: true,
+    token: {
+        ...lightToken,
+        ...defaultPrimaryPresets
+    },
+    components: {
+        Tag: {
+            lineType: 'none',
+            algorithm: true
+        },
+        Tooltip: {
+            colorBgSpotlight: 'rgb(31,35,41)'
+        },
+        Button: {
+            dangerShadow: '0',
+            defaultShadow: '0',
+            primaryShadow: '0'
+        }
+    }
+};
+export { defaultLightTheme };

package/lib/components/theme/util.d.ts

@@ -1,9 +1,6 @@
-import { ITheme } from "../../types";
-import { UIComponentConfig } from "./ui-config";
-export interface IBaseThemeProviderProps {
-    defaultTheme?: ITheme;
-    themeMeta?: Partial<IThemeTokenMeta>;
-}
+import { type ThemeConfig } from 'antd';
+import { UIComponentConfig } from './ui-config';
+export type IThemeMode = 'dark' | 'light' | 'system';
 export interface IThemeTokenMeta {
     /**
      * 品牌色
@@ -19,3 +16,5 @@ export interface IThemeTokenMeta {
     spacing: number;
 }
 export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;
+export declare function generateLightTheme(override?: Partial<IThemeTokenMeta>): ThemeConfig;
+export declare function generateDarkTheme(override?: Partial<IThemeTokenMeta>): ThemeConfig;

package/lib/components/theme/util.js

@@ -1,3 +1,59 @@
+import { generate } from "@ant-design/colors";
+import { defaultDarkTheme } from "./miaoDarkTheme.js";
+import { defaultLightTheme } from "./miaoLightTheme.js";
+const generateColorPalettes = (baseColor, mode)=>{
+    const colors = generate(baseColor, {
+        theme: mode
+    });
+    return {
+        1: colors[0],
+        2: colors[1],
+        3: colors[2],
+        4: colors[3],
+        5: colors[6],
+        6: colors[5],
+        7: colors[4],
+        8: colors[6],
+        9: colors[5],
+        10: colors[4]
+    };
+};
+function generateColorPrimaryToken(colorPrimary, mode = 'light') {
+    const primaryColors = generateColorPalettes(colorPrimary, 'dark' === mode ? 'dark' : 'default');
+    return {
+        colorPrimaryBg: primaryColors[1],
+        colorPrimaryBgHover: primaryColors[2],
+        colorPrimaryBorder: primaryColors[3],
+        colorPrimaryBorderHover: primaryColors[4],
+        colorPrimaryHover: primaryColors[5],
+        colorPrimary: primaryColors[6],
+        colorPrimaryActive: primaryColors[7],
+        colorPrimaryTextHover: primaryColors[8],
+        colorPrimaryText: primaryColors[9],
+        colorPrimaryTextActive: primaryColors[10]
+    };
+}
+const generateBorderRadiusTokenSyncTailwind = (radiusBase)=>({
+        borderRadius: radiusBase,
+        borderRadiusXS: radiusBase - 4,
+        borderRadiusSM: radiusBase - 2,
+        borderRadiusLG: radiusBase + 2,
+        borderRadiusOuter: radiusBase + 4
+    });
+const generateSpacingToken = (token)=>{
+    const { sizeUnit, sizeStep } = token;
+    return {
+        sizeXXL: sizeUnit * (sizeStep + 8),
+        sizeXL: sizeUnit * (sizeStep + 4),
+        sizeLG: sizeUnit * (sizeStep + 2),
+        sizeMD: sizeUnit * (sizeStep + 1),
+        sizeMS: sizeUnit * sizeStep,
+        size: sizeUnit * sizeStep,
+        sizeSM: sizeUnit * (sizeStep - 1),
+        sizeXS: sizeUnit * (sizeStep - 2),
+        sizeXXS: sizeUnit * (sizeStep - 3)
+    };
+};
 const generateTailwindRadiusToken = (radiusRemValue)=>{
     try {
         const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
@@ -105,4 +161,28 @@ const generateTailwindRadiusToken = (radiusRemValue)=>{
         };
     }
 };
-export { generateTailwindRadiusToken };
+const lightColorPrimary = '#1456f0';
+const darkColorPrimary = '#336df4';
+function generateLightTheme(override) {
+    return {
+        ...defaultLightTheme,
+        token: {
+            ...defaultLightTheme.token,
+            ...generateColorPrimaryToken(override?.colorPrimary || lightColorPrimary, 'light'),
+            ...generateBorderRadiusTokenSyncTailwind(override?.borderRadius),
+            ...generateSpacingToken(override)
+        }
+    };
+}
+function generateDarkTheme(override) {
+    return {
+        ...defaultDarkTheme,
+        token: {
+            ...defaultDarkTheme.token,
+            ...generateColorPrimaryToken(override?.colorPrimary || darkColorPrimary, 'dark'),
+            ...generateBorderRadiusTokenSyncTailwind(override?.borderRadius),
+            ...generateSpacingToken(override)
+        }
+    };
+}
+export { generateDarkTheme, generateLightTheme, generateTailwindRadiusToken };

package/lib/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useAppInfo';
 export * from './useCurrentUserProfile';
 export * from './useIsMobile';
 export * from './useLogout';
+export * from './useTheme';

package/lib/hooks/index.js

@@ -2,3 +2,4 @@ export * from "./useAppInfo.js";
 export * from "./useCurrentUserProfile.js";
 export * from "./useIsMobile.js";
 export * from "./useLogout.js";
+export * from "./useTheme.js";

package/lib/hooks/useTheme.d.ts

@@ -0,0 +1,4 @@
+export declare const useTheme: () => {
+    theme: import("../types").ITheme;
+    setTheme: (theme: import("../types").ITheme) => void;
+};

package/lib/hooks/useTheme.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { ThemeProviderContext } from "../components/theme/index.js";
+const useTheme = ()=>{
+    const context = useContext(ThemeProviderContext);
+    if (void 0 === context) throw new Error('useTheme 必须在 ThemeProvider 内使用');
+    return context;
+};
+export { useTheme };

package/lib/integrations/dataloom.js

@@ -8,7 +8,7 @@ const createDataLoomClient = (url, pat)=>{
     const appId = getAppId(window.location.pathname);
     return createClient(baseUrl, pat, workspace, {
         global: {
-            enablePostgresBuilderLog: 'production' !== process.env.NODE_ENV,
+            enableDataloomLog: 'production' !== process.env.NODE_ENV,
             requestRateLimit: 'production' !== process.env.NODE_ENV ? 100 : void 0,
             brandName: 'miaoda',
             appId,

package/lib/logger/log-types.d.ts

@@ -44,7 +44,6 @@ export declare const logMeta: z.ZodObject<{
     skipFrame: z.ZodOptional<z.ZodNumber>;
     noStacktrace: z.ZodOptional<z.ZodBoolean>;
     repairMessage: z.ZodOptional<z.ZodString>;
-    type: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 export declare const selectedLogSchema: z.ZodObject<{
     type: z.ZodLiteral<"typedLogV2">;
@@ -68,7 +67,6 @@ export declare const selectedLogSchema: z.ZodObject<{
         skipFrame: z.ZodOptional<z.ZodNumber>;
         noStacktrace: z.ZodOptional<z.ZodBoolean>;
         repairMessage: z.ZodOptional<z.ZodString>;
-        type: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>;
 }, z.core.$strip>;
 export type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'success';
@@ -92,7 +90,6 @@ export declare const logWithMetaSchema: z.ZodObject<{
         skipFrame: z.ZodOptional<z.ZodNumber>;
         noStacktrace: z.ZodOptional<z.ZodBoolean>;
         repairMessage: z.ZodOptional<z.ZodString>;
-        type: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
 export type LogStackFrame = z.infer<typeof logStackFrameSchema>;

package/lib/logger/log-types.js

@@ -38,8 +38,7 @@ const logMeta = zod.object({
     logTraceID: zod.optional(zod.string()),
     skipFrame: zod.optional(zod.number()),
     noStacktrace: zod.optional(zod.boolean()),
-    repairMessage: zod.optional(zod.string()),
-    type: zod.optional(zod.string())
+    repairMessage: zod.optional(zod.string())
 });
 const selectedLogSchema = zod.object({
     type: zod.literal('typedLogV2'),

package/lib/logger/logger.js

@@ -59,11 +59,6 @@ let logger = {
         if (shouldLog(level)) console.log(...getFormattedPrefix(level), ...args);
     }
 };
-if ('production' !== process.env.NODE_ENV) window.__RUNTIME_LOGGER__ = {
-    get () {
-        return logger;
-    }
-};
 for (const interceptor of interceptors)logger = interceptor(logger);
 'production' !== process.env.NODE_ENV && interceptErrors();
 export { logger };

package/lib/logger/selected-logs.js

@@ -43,7 +43,6 @@ async function sendSelectedLog(logWithoutID) {
             } catch (e) {}
             newParts.push(newError.message, newError);
         } else newParts.push(log.args[i]);
-        log.args = newParts;
         if (!log.meta.stacktrace) try {
             let frames = await getStacktrace();
             const firstFrameIndex = frames.findIndex((frame)=>!frame.fileName.includes('node_modules/@lark-apaas/client-toolkit/lib/logger'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.9-alpha.log.4",
+  "version": "1.1.9-dataloom-test.1",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -73,7 +73,9 @@
     "prepublishOnly": "npm run build && node scripts/replace-workspace-alias.js"
   },
   "dependencies": {
-    "@data-loom/js": "0.3.4",
+    "@ant-design/colors": "^7.2.1",
+    "@ant-design/cssinjs": "^1.24.0",
+    "@data-loom/js": "0.4.0",
     "@lark-apaas/miaoda-inspector": "^1.0.2",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
@@ -118,6 +120,7 @@
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "@types/sockjs-client": "^1",
+    "antd": "^5.26.6",
     "eslint": "^8.57.0",
     "jsdom": "^26.1.0",
     "lucide-react": "npm:@lark-apaas/lucide-react@1.0.2",
@@ -134,6 +137,7 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
+    "antd": ">=5.26.6",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0",
     "react-router-dom": ">=6.26.2"