@lark-apaas/client-toolkit 1.2.9 → 1.2.34

package/lib/antd-table.d.ts

@@ -1,4 +1,4 @@
 import { Table } from 'antd';
-import type { TableProps } from 'antd';
+import type { TableProps, TableColumnType, TableColumnsType } from 'antd';
 export { Table };
-export type { TableProps };
+export type { TableProps, TableColumnType, TableColumnsType };

package/lib/apis/aily-chat.d.ts

@@ -0,0 +1,2 @@
+export type { ChatPanel, IframeEventMessage, IframeMessage, IframeMessageType, IframeRequestMessage, IframeResponseMessage, WebSDKCommonConfig, WebSDKConfig, WebSDKConversionConfig, WebSDKEditorConfig, WebSDKEvents, WebSDKSkillInfo, } from '@lark-apaas/aily-web-sdk';
+export { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, getIframeBaseURL, IFRAME_BASE_URL, initAilyChat, MESSAGE_TIMEOUT, } from '@lark-apaas/aily-web-sdk';

package/lib/apis/aily-chat.js

@@ -0,0 +1,2 @@
+import { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, IFRAME_BASE_URL, MESSAGE_TIMEOUT, getIframeBaseURL, initAilyChat } from "@lark-apaas/aily-web-sdk";
+export { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, IFRAME_BASE_URL, MESSAGE_TIMEOUT, getIframeBaseURL, initAilyChat };

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

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

package/lib/apis/hooks/useScrollReveal.js

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

package/lib/apis/udt-types.d.ts

@@ -9,6 +9,10 @@ export type IUserProfile = {
      * inactive 2
      */
     status?: number;
+    /**
+     * 飞书 user_id
+     */
+    lark_user_id?: string;
 };
 export type IFileAttachment = {
     bucket_id: string;

package/lib/apis/utils/resolveAppUrl.d.ts

@@ -0,0 +1 @@
+export { resolveAppUrl } from '../../utils/resolveAppUrl';

package/lib/apis/utils/resolveAppUrl.js

@@ -0,0 +1,2 @@
+import { resolveAppUrl } from "../../utils/resolveAppUrl.js";
+export { resolveAppUrl };

package/lib/apis/utils/scopedStorage.d.ts

@@ -0,0 +1 @@
+export { scopedStorage } from '../../utils/scopedStorage';

package/lib/apis/utils/scopedStorage.js

@@ -0,0 +1,2 @@
+import { scopedStorage } from "../../utils/scopedStorage.js";
+export { scopedStorage };

package/lib/auth.d.ts

@@ -1 +1,2 @@
-export { CanRole, AbilityContext, ROLE_SUBJECT } from '@lark-apaas/auth-sdk';
+export { AuthProvider, useAuth, Can, CanRole, useCan, AbilityContext, useUserPermissions, PermissionClient, ROLE_SUBJECT, } from '@lark-apaas/auth-sdk';
+export type { AuthProviderProps, PermissionApiResponse, PermissionApiConfig, PermissionPointData, AuthSdkConfig, } from '@lark-apaas/auth-sdk';

package/lib/auth.js

@@ -1,2 +1,2 @@
-import { AbilityContext, CanRole, ROLE_SUBJECT } from "@lark-apaas/auth-sdk";
-export { AbilityContext, CanRole, ROLE_SUBJECT };
+import { AbilityContext, AuthProvider, Can, CanRole, PermissionClient, ROLE_SUBJECT, useAuth, useCan, useUserPermissions } from "@lark-apaas/auth-sdk";
+export { AbilityContext, AuthProvider, Can, CanRole, PermissionClient, ROLE_SUBJECT, useAuth, useCan, useUserPermissions };

package/lib/components/AppContainer/api-proxy/core.js

@@ -139,7 +139,8 @@ class ApiProxy {
             ...config,
             headers: {
                 ...this.defaultConfig.headers,
-                ...config.headers
+                ...config.headers,
+                'X-Page-Route': 'undefined' != typeof window ? window.location?.pathname || '/' : '/'
             }
         };
         const requestKey = this.generateRequestKey(mergedConfig);

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

@@ -4,7 +4,11 @@ import '../../runtime';
 interface IBaseAuthProviderProps {
     enableAuth?: boolean;
 }
+interface IToasterProps {
+    /** 禁用内建 Toaster 组件，默认 false */
+    disableToaster?: boolean;
+}
 declare const AppContainer: React.FC<{
     children: React.ReactNode;
-} & IBaseThemeProviderProps & IBaseAuthProviderProps>;
+} & IBaseThemeProviderProps & IBaseAuthProviderProps & IToasterProps>;
 export default AppContainer;

package/lib/components/AppContainer/index.js

@@ -4,15 +4,15 @@ import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import zh_CN from "antd/locale/zh_CN";
 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 { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
 import { TrackKey } from "../../types/tea.js";
+import { slardar } from "@lark-apaas/internal-slardar";
 import safety from "./safety.js";
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 import QueryProvider from "../QueryProvider/index.js";
 import { AuthProvider } from "@lark-apaas/auth-sdk";
 import "../../runtime/index.js";
@@ -26,20 +26,10 @@ const readCssVarColor = (varName, fallback)=>{
         return fallback;
     }
 };
+const appFlags = process.env.APP_FLAGS || {};
 const App = (props)=>{
-    const { themeMeta = {}, enableAuth } = props;
+    const { enableAuth, disableToaster = false } = props;
     useAppInfo();
-    const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
-        rem: '0.625'
-    };
-    const radiusToken = generateTailwindRadiusToken(Number(rem));
-    const themeToken = {
-        ...defaultUIConfig,
-        common: {
-            ...defaultUIConfig.common,
-            borderRadius: radiusToken
-        }
-    };
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
             setTimeout(()=>{
@@ -49,29 +39,46 @@ const App = (props)=>{
         });
     }, []);
     useEffect(()=>{
-        if ('production' === process.env.NODE_ENV) reportTeaEvent({
-            trackKey: TrackKey.VIEW,
-            trackParams: {
-                artifact_uid: getAppId(window.location.pathname),
-                agent_id: 'agent_miaoda',
-                url: window.location.href
-            }
-        });
+        if ('production' === process.env.NODE_ENV) {
+            reportTeaEvent({
+                trackKey: TrackKey.VIEW,
+                trackParams: {
+                    artifact_uid: getAppId(),
+                    agent_id: 'agent_miaoda',
+                    url: window.location.href
+                }
+            });
+            const appId = getAppId();
+            const firstRenderTime = Math.round(performance.now());
+            const navEntry = performance.getEntriesByType('navigation')[0];
+            const pageLoadTime = navEntry && navEntry.loadEventEnd > 0 ? Math.round(navEntry.loadEventEnd - navEntry.startTime) : void 0;
+            slardar.sendEvent({
+                name: 'app-first-render',
+                metrics: {
+                    firstRenderTime,
+                    ...null != pageLoadTime ? {
+                        pageLoadTime
+                    } : {}
+                },
+                categories: {
+                    appId: appId ?? 'unknown',
+                    mode: isMiaodaPreview ? 'preview' : 'runtime'
+                }
+            });
+        }
     }, []);
+    const appId = getAppId();
+    const permissionApiUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/permissions/roles` : `/spark/app/${appId}/runtime/api/v1/permissions/roles`;
     return /*#__PURE__*/ jsxs(AuthProvider, {
         config: {
-            enable: enableAuth
+            enable: enableAuth,
+            permissionApi: {
+                url: permissionApiUrl
+            }
         },
         children: [
-            /*#__PURE__*/ jsx(Toaster, {}),
-            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
-                theme: {
-                    themeMetaOptions: themeMetaOptions,
-                    themeColorTokenMap: themeColorTokenMap,
-                    themeToken
-                },
-                cwd: process.env.CWD || ''
-            }),
+            !disableToaster && true !== appFlags.customToaster && /*#__PURE__*/ jsx(Toaster, {}),
+            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(IframeBridge, {}),
             /*#__PURE__*/ jsx(PageHoc, {
                 children: props.children
@@ -80,7 +87,7 @@ const App = (props)=>{
     });
 };
 const AppContainer_AppContainer = (props)=>{
-    const { children, ...rest } = props;
+    const { children } = props;
     const [cssColors, setCssColors] = useState(()=>({
             background: readCssVarColor('--background'),
             destructive: readCssVarColor('--destructive'),
@@ -208,8 +215,8 @@ const AppContainer_AppContainer = (props)=>{
                         }
                     },
                     children: /*#__PURE__*/ jsx(App, {
-                        themeMeta: props.themeMeta,
                         enableAuth: props.enableAuth,
+                        disableToaster: props.disableToaster,
                         children: children
                     })
                 })

package/lib/components/AppContainer/safety.js

@@ -3,25 +3,42 @@ 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";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 import { useIsMobile } from "../../hooks/index.js";
 import { X } from "lucide-react";
 import { Sheet, SheetContent, SheetTrigger } from "../ui/drawer.js";
 const Component = ()=>{
-    const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId(window.location.pathname)}`;
+    const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId()}`;
     const [visible, setVisible] = useState(!window.localStorage?.getItem(HasClosedKey));
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
     const [userinfo, setUserinfo] = useState(null);
     const [isInternetVisible, setIsInternetVisible] = useState(false);
+    const [showBadge, setShowBadge] = useState(true);
+    const [badgeLoaded, setBadgeLoaded] = useState(false);
     const timeoutRef = useRef(null);
     useEffect(()=>{
-        fetch(`/spark/b/${getAppId(window.location.pathname)}/tenant_info`, {
-            headers: {
-                'X-Suda-Csrf-Token': getCsrfToken()
-            }
+        const appId = getAppId();
+        const csrfHeaders = {
+            'X-Suda-Csrf-Token': getCsrfToken()
+        };
+        const tenantInfoUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/tenant_info` : `/spark/b/${appId}/tenant_info`;
+        fetch(tenantInfoUrl, {
+            headers: csrfHeaders
         }).then((res)=>res.json()).then((data)=>{
             setUserinfo(data?.data?.tenant_info);
             setIsInternetVisible(data?.data?.is_internet_visible);
+        }).catch(()=>{});
+        const getPublishedUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/get_published` : `/spark/b/${appId}/get_published`;
+        fetch(getPublishedUrl, {
+            headers: csrfHeaders
+        }).then((res)=>res.json()).then((data)=>{
+            const badge = data?.data?.app_info?.show_badge;
+            setShowBadge(false !== badge);
+        }).catch(()=>{
+            setShowBadge(true);
+        }).finally(()=>{
+            setBadgeLoaded(true);
         });
     }, []);
     useEffect(()=>{
@@ -36,6 +53,8 @@ const Component = ()=>{
         isMobile
     ]);
     if ('production' !== process.env.NODE_ENV) return null;
+    if (!badgeLoaded) return null;
+    if (!showBadge) return null;
     if (!visible) return null;
     if (isMobile) return /*#__PURE__*/ jsxs(Sheet, {
         open: open,
@@ -44,7 +63,7 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(SheetTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-[12px] bottom-[80px] inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-[10px] py-[6px] bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000]",
+                    className: "fixed right-[12px] bottom-[80px] inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-[10px] py-[6px] bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-[6px] text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000]",
                     onClick: ()=>{
                         setOpen(true);
                     },
@@ -239,7 +258,7 @@ const Component = ()=>{
                                     className: "w-full self-stretch shrink-0 flex items-start gap-x-[8px]",
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-lg items-center justify-center h-[34px] border-[0.5px] border-solid border-[#ffffff1c] hover:border-[#ffffff33] bg-[#ffffff08] hover:bg-[#ffffff14] cursor-pointer text-[#ebebeb]",
+                                            className: "flex-1 flex rounded-[8px] items-center justify-center h-[34px] border-[0.5px] border-solid border-[#ffffff1c] hover:border-[#ffffff33] bg-[#ffffff08] hover:bg-[#ffffff14] cursor-pointer text-[#ebebeb]",
                                             "data-custom-element": "safety-close",
                                             onClick: (e)=>{
                                                 e.stopPropagation();
@@ -250,7 +269,7 @@ const Component = ()=>{
                                             children: "不再展示"
                                         }),
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-lg items-center justify-center h-[34px] border-[0.5px] border-solid border-[#ffffff1c] hover:border-[#ffffff33] bg-[#ffffff08] hover:bg-[#ffffff14] cursor-pointer text-[#ebebeb]",
+                                            className: "flex-1 flex rounded-[8px] items-center justify-center h-[34px] border-[0.5px] border-solid border-[#ffffff1c] hover:border-[#ffffff33] bg-[#ffffff08] hover:bg-[#ffffff14] cursor-pointer text-[#ebebeb]",
                                             "data-custom-element": "safety-more",
                                             onClick: ()=>{
                                                 window.open('https://miaoda.feishu.cn/landing', '_blank');

package/lib/components/AppContainer/utils/childApi.js

@@ -16,6 +16,7 @@ async function getRoutes() {
     return routes;
 }
 async function getSourceMap() {
+    if ('vite' === process.env.BUILD_TOOL) return '';
     let sourceMapContent = '';
     try {
         const basePath = normalizeBasePath(process.env.CLIENT_BASE_PATH);

package/lib/components/AppContainer/utils/getLarkUser.js

@@ -1,13 +1,15 @@
 import { getAppId } from "../../../utils/getAppId.js";
 import { getCsrfToken } from "../../../utils/getCsrfToken.js";
+import { isNewPathEnabled } from "../../../utils/apiPath.js";
 async function getLarkUserInfo() {
-    const appId = getAppId(window.location.pathname);
+    const appId = getAppId();
     if (!appId) return {
         code: 1,
         msg: 'appId is required',
         data: {}
     };
-    const response = await fetch(`/spark/b/${appId}/lark/user_info`, {
+    const url = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/lark/user_info` : `/spark/b/${appId}/lark/user_info`;
+    const response = await fetch(url, {
         headers: {
             'X-Suda-Csrf-Token': getCsrfToken()
         }

package/lib/components/AppContainer/utils/observable.js

@@ -1,11 +1,17 @@
 import { AppEnv, observable } from "@lark-apaas/observable-web";
+import { isNewPathEnabled } from "../../../utils/apiPath.js";
 const initObservable = ()=>{
     try {
         const appId = window.appId;
         observable.start({
             serviceName: "app",
             env: 'development' === process.env.NODE_ENV ? AppEnv.Dev : AppEnv.Prod,
-            collectorUrl: {
+            collectorUrl: isNewPathEnabled() ? {
+                log: `/app/${appId}/__runtime__/api/v1/observability/logs/collect`,
+                trace: `/app/${appId}/__runtime__/api/v1/observability/traces/collect`,
+                metric: `/app/${appId}/__runtime__/api/v1/observability/metrics/collect`,
+                time: `/app/${appId}/__runtime__/api/v1/observability/current_server_timestamp`
+            } : {
                 log: `/spark/app/${appId}/runtime/api/v1/observability/logs/collect`,
                 trace: `/spark/app/${appId}/runtime/api/v1/observability/traces/collect`,
                 metric: `/spark/app/${appId}/runtime/api/v1/observability/metrics/collect`,

package/lib/components/AppContainer/utils/tea.js

@@ -16,7 +16,7 @@ async function createTracker() {
     const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
     const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
     window.collectEvent('init', {
-        app_id: 672575,
+        app_id: 788827,
         channel: 'cn',
         disable_auto_pv: false,
         enable_ab_test: false,

package/lib/components/ErrorRender/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
-import { createApplyHandle, getModuleHot } from "../../utils/module-hot.js";
+import { getHmrApi } from "../../utils/hmr-api.js";
 import { submitPostMessage } from "../../utils/postMessage.js";
 const RenderError = (props)=>{
     const { error, resetErrorBoundary } = props;
@@ -27,16 +27,10 @@ const RenderError = (props)=>{
     ]);
     useEffect(()=>{
         if (!resetErrorBoundary) return;
-        const hot = getModuleHot();
-        if (hot) {
-            const handler = createApplyHandle((success)=>{
-                if (success) resetErrorBoundary();
-            });
-            hot.addStatusHandler(handler);
-            return ()=>{
-                hot.removeStatusHandler(handler);
-            };
-        }
+        const hmr = getHmrApi();
+        if (hmr) return hmr.onSuccess(()=>{
+            resetErrorBoundary();
+        });
     }, [
         resetErrorBoundary
     ]);

package/lib/components/User/UserSelect.js

@@ -67,20 +67,8 @@ const UserSelect = ({ mode = 'single', defaultValue, value, onChange, placeholde
         if (!normalizedIds.length) return void setUiValue(void 0);
         const fetchProfiles = async ()=>{
             try {
-                const ids = normalizedIds.map((id)=>Number(id)).filter((id)=>Number.isFinite(id));
-                if (!ids.length) {
-                    const profiles = normalizedIds.map((id)=>inputProfilesMap.get(id) ?? {
-                            user_id: id,
-                            name: '',
-                            avatar: '',
-                            email: '',
-                            status: 1
-                        });
-                    setUiValue('single' === mode ? profiles[0] : profiles);
-                    return;
-                }
                 const dataloom = await getDataloom();
-                const response = await dataloom.service.user.getByIds(ids);
+                const response = await dataloom.service.user.getByIds(normalizedIds);
                 const fetchedList = Array.isArray(response?.data) ? response?.data : Array.isArray(response?.data?.user_list) ? response?.data?.user_list : [];
                 const fetchedMap = new Map();
                 fetchedList.forEach((profile)=>{

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

@@ -1,3 +1,2 @@
 export * from './constants';
 export * from './util';
-export * from './ui-config';

package/lib/components/theme/index.js

@@ -1,3 +1,2 @@
 export * from "./constants.js";
 export * from "./util.js";
-export * from "./ui-config.js";

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

@@ -1,5 +1,4 @@
 import { ITheme } from "../../types";
-import { UIComponentConfig } from "./ui-config";
 export interface IBaseThemeProviderProps {
     defaultTheme?: ITheme;
     themeMeta?: Partial<IThemeTokenMeta>;
@@ -18,4 +17,3 @@ export interface IThemeTokenMeta {
      */
     spacing: number;
 }
-export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;

package/lib/components/theme/util.js

@@ -1,108 +0,0 @@
-const generateTailwindRadiusToken = (radiusRemValue)=>{
-    try {
-        const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        const radiusPx = radiusRemValue * rootFontSize;
-        const tempElement = document.createElement('div');
-        tempElement.style.position = 'absolute';
-        tempElement.style.visibility = 'hidden';
-        document.body.appendChild(tempElement);
-        tempElement.style.borderRadius = `${radiusPx}px`;
-        const computed = getComputedStyle(tempElement).borderRadius;
-        document.body.removeChild(tempElement);
-        if (computed && 'auto' !== computed && 'initial' !== computed) return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-        throw new Error('Browser calculation validation failed');
-    } catch (error) {
-        console.warn('Failed to get computed values from browser, falling back to default calculation:', error);
-        const radiusPx = 16 * radiusRemValue;
-        return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-    }
-};
-export { generateTailwindRadiusToken };

package/lib/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "default" | "destructive" | "secondary" | "outline";
+    variant?: "default" | "destructive" | "outline" | "secondary";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/lib/components/ui/button.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: {
-    variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost";
-    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg";
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost";
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/lib/components/ui/button.js

@@ -8,7 +8,7 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
         variant: {
             default: "bg-primary text-primary-foreground not-disabled:hover:bg-primary/90",
             destructive: "bg-destructive text-white not-disabled:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background not-disabled:hover:bg-accent not-disabled:hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:not-disabled:hover:bg-input/50",
+            outline: "border border-input bg-transparent text-foreground not-disabled:hover:bg-accent not-disabled:hover:text-accent-foreground",
             secondary: "bg-secondary text-secondary-foreground not-disabled:hover:bg-secondary/80",
             ghost: "not-disabled:hover:bg-accent not-disabled:hover:text-accent-foreground dark:not-disabled:hover:bg-accent/50",
             link: "text-primary underline-offset-4 not-disabled:hover:underline"

package/lib/components/ui/confirm.d.ts

@@ -0,0 +1,28 @@
+export interface ConfirmOptions {
+    /** 标题，默认 "提示" */
+    title?: string;
+    /** 内容描述 */
+    message: string;
+    /** 确认按钮文案，默认 "确认" */
+    confirmText?: string;
+    /** 取消按钮文案，默认 "取消" */
+    cancelText?: string;
+    /** 确认按钮样式变体 */
+    variant?: 'default' | 'destructive';
+}
+/**
+ * 函数式确认弹窗，作为 window.confirm 的直接平替。
+ *
+ * @example
+ * // 简单用法（兼容 window.confirm 传参）
+ * const ok = await showConfirm('确定删除吗？');
+ *
+ * // 完整用法
+ * const ok = await showConfirm({
+ *   title: '确认删除',
+ *   message: '删除后不可恢复',
+ *   confirmText: '删除',
+ *   variant: 'destructive',
+ * });
+ */
+export declare function showConfirm(options: string | ConfirmOptions): Promise<boolean>;