@taicode/common-web 1.1.16 → 1.1.18

package/output/signin/context.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+/**
+ * 登录上下文值
+ */
+interface SigninContextValue {
+    signin: () => Promise<void>;
+}
+export declare const SigninContext: React.Context<SigninContextValue | null>;
+/**
+ * 使用登录上下文
+ * 用于在任何子组件中调用登录方法
+ */
+export declare function useSignin(): SigninContextValue;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/output/signin/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../source/signin/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;GAEG;AACH,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,0CAAuD,CAAA;AAEjF;;;GAGG;AACH,wBAAgB,SAAS,uBAMxB"}

package/output/signin/context.js

@@ -0,0 +1,13 @@
+import React from 'react';
+export const SigninContext = React.createContext(null);
+/**
+ * 使用登录上下文
+ * 用于在任何子组件中调用登录方法
+ */
+export function useSignin() {
+    const context = React.useContext(SigninContext);
+    if (!context) {
+        throw new Error('useSigninContext must be used within SigninDialogProvider');
+    }
+    return context;
+}

package/output/signin/index.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import type { SigninApi } from './types';
+/**
+ * 登录弹窗文案配置
+ */
+export interface SigninDialogTexts {
+    /** 打开登录页标题 */
+    openingTitle?: string;
+    /** 等待登录标题 */
+    waitingTitle?: string;
+    /** 登录成功标题 */
+    successTitle?: string;
+    /** 登录失败标题 */
+    errorTitle?: string;
+    /** 登录已取消标题 */
+    cancelledTitle?: string;
+    /** 票据已过期标题 */
+    expiredTitle?: string;
+    /** 正在打开登录窗口描述 */
+    openingDescription?: string;
+    /** 请在新窗口中完成登录描述 */
+    waitingDescription?: string;
+    /** 登录成功描述 */
+    successDescription?: string;
+    /** 登录成功后此窗口将自动关闭提示 */
+    waitingHint?: string;
+    /** 登录过程中出现错误描述 */
+    errorDescription?: string;
+    /** 登录已被取消描述 */
+    cancelledDescription?: string;
+    /** 票据已过期描述 */
+    expiredDescription?: string;
+    /** 重新打开登录窗口按钮文字 */
+    reopenButton?: string;
+    /** 重新登录按钮文字 */
+    retryButton?: string;
+    /** 取消按钮文字 */
+    cancelButton?: string;
+    /** 关闭按钮文字 */
+    closeButton?: string;
+}
+/**
+ * 登录弹窗 Provider
+ * 提供登录方法给子组件使用
+ */
+interface SigninDialogProviderProps {
+    children: React.ReactNode;
+    /** API 配置，用于适配不同的认证系统 */
+    apis: SigninApi;
+    /** 文案配置，用于 i18n */
+    texts?: SigninDialogTexts;
+}
+export declare const SigninDialogProvider: ((props: SigninDialogProviderProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type { SigninApi, SigninApiError, ApplySigninResult, CheckStatusResult, SigninStatus } from './types';
+export { useSignin as useSignin } from './context';
+//# sourceMappingURL=index.d.ts.map

package/output/signin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/signin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIxC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,cAAc;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AA+UD;;;GAGG;AACH,UAAU,yBAAyB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yBAAyB;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAED,eAAO,MAAM,oBAAoB,WAAoB,yBAAyB;;CAmC5E,CAAA;AAGF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC5G,OAAO,EAAE,SAAS,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA"}

package/output/signin/index.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { motion, AnimatePresence } from 'framer-motion';
+import { CheckCircleIcon, XCircleIcon, ExclamationTriangleIcon, ClockIcon } from '@heroicons/react/24/outline';
+import { Dialog, DialogBody } from '../catalyst/dialog';
+import { Button } from '../catalyst/button';
+import { SigninService } from './service';
+import { SigninContext } from './context';
+import { ServiceProvider } from '../service';
+/**
+ * 默认文案
+ */
+const defaultTexts = {
+    openingTitle: '正在打开登录页',
+    waitingTitle: '等待登录',
+    successTitle: '登录成功',
+    errorTitle: '登录失败',
+    cancelledTitle: '登录已取消',
+    expiredTitle: '登录已过期',
+    openingDescription: '正在为您打开登录窗口...',
+    waitingDescription: '请在新窗口中完成登录',
+    successDescription: '登录成功！正在跳转...',
+    waitingHint: '登录成功后此窗口将自动关闭',
+    errorDescription: '登录过程中出现错误',
+    cancelledDescription: '您已取消本次登录',
+    expiredDescription: '登录票据已过期，请重新登录',
+    reopenButton: '重新打开登录窗口',
+    retryButton: '重新登录',
+    cancelButton: '取消',
+    closeButton: '关闭'
+};
+const SigninDialog = observer((props) => {
+    const { service, texts } = props;
+    // 禁止关闭弹窗，防止用户误操作
+    const preventClose = () => {
+        // 不执行任何操作，阻止关闭
+    };
+    // 重新打开登录窗口
+    const handleReopenWindow = () => {
+        if (service.signinUrl) {
+            openSigninWindow(service.signinUrl);
+        }
+    };
+    // 取消登录
+    const handleCancel = () => {
+        service.cancel();
+    };
+    // 关闭弹窗
+    const handleClose = () => {
+        service.closeDialog();
+    };
+    // 重新开始登录
+    const handleRetry = async () => {
+        const url = await service.start();
+        if (url) {
+            openSigninWindow(url);
+        }
+    };
+    /**
+     * 打开登录窗口
+     */
+    const openSigninWindow = (url) => {
+        window.open(url, '_blank');
+    };
+    /**
+     * Opening 状态 - 正在打开登录窗口
+     */
+    const OpeningState = () => (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2 }, className: "flex flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex items-center justify-center mb-8", children: [_jsx(motion.div, { className: "absolute size-16 rounded-full border-4 border-transparent border-t-emerald-600 border-r-emerald-600", animate: { rotate: 360 }, transition: { duration: 1, repeat: Infinity, ease: 'linear' } }), _jsx(motion.div, { className: "absolute size-12 rounded-full border-4 border-transparent border-b-emerald-400 border-l-emerald-400", animate: { rotate: -360 }, transition: { duration: 1.5, repeat: Infinity, ease: 'linear' } }), _jsx(motion.div, { className: "size-3 rounded-full bg-emerald-600", animate: {
+                            scale: [1, 1.2, 1],
+                            opacity: [1, 0.7, 1]
+                        }, transition: { duration: 1, repeat: Infinity } })] }), _jsx(motion.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.1 }, className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: texts.openingDescription }), _jsxs(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.2 }, className: "mt-2 flex gap-2", children: [_jsx(Button, { color: "emerald", onClick: handleReopenWindow, children: texts.reopenButton }), _jsx(Button, { outline: true, onClick: handleCancel, children: texts.cancelButton })] })] }, "opening"));
+    /**
+     * Waiting 状态 - 等待用户登录
+     */
+    const WaitingState = () => (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2 }, className: "flex flex-col items-center gap-4", children: [_jsxs("div", { className: "relative mb-2", children: [_jsx(motion.div, { className: "size-16 rounded-full border-4 border-emerald-200 dark:border-emerald-900", animate: { scale: [1, 1.1, 1] }, transition: { duration: 2, repeat: Infinity } }), _jsx(motion.div, { className: "absolute inset-0 size-16 rounded-full border-4 border-emerald-400", animate: { scale: [1, 1.3, 1], opacity: [0.75, 0, 0.75] }, transition: { duration: 2, repeat: Infinity } }), _jsx(motion.svg, { className: "absolute inset-0 m-auto size-8 text-emerald-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", initial: { scale: 0 }, animate: { scale: 1 }, transition: { delay: 0.1 }, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) })] }), _jsx("p", { className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: texts.waitingDescription }), _jsx("p", { className: "text-xs text-slate-500 dark:text-slate-500", children: texts.waitingHint }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { color: "emerald", onClick: handleReopenWindow, children: texts.reopenButton }), _jsx(Button, { outline: true, onClick: handleCancel, children: texts.cancelButton })] })] }, "waiting"));
+    /**
+     * Success 状态 - 登录成功
+     */
+    const SuccessState = () => (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.5 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.5 }, transition: { duration: 0.3, type: 'spring' }, className: "flex flex-col items-center gap-4", children: [_jsx(motion.div, { className: "mb-2", initial: { scale: 0 }, animate: { scale: 1 }, transition: { delay: 0.1, type: 'spring', stiffness: 200 }, children: _jsx(CheckCircleIcon, { className: "size-16 text-emerald-600 dark:text-emerald-400" }) }), _jsx(motion.p, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.2 }, className: "text-base font-semibold text-emerald-600 dark:text-emerald-400", children: texts.successDescription })] }, "success"));
+    /**
+     * Error 状态 - 登录失败
+     */
+    const ErrorState = () => (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2 }, className: "flex flex-col items-center gap-4", children: [_jsx(motion.div, { className: "mb-2", initial: { scale: 0 }, animate: { scale: 1, rotate: [0, -10, 10, -10, 0] }, transition: { scale: { delay: 0.1 }, rotate: { delay: 0.2, duration: 0.5 } }, children: _jsx(XCircleIcon, { className: "size-16 text-red-600 dark:text-red-400" }) }), _jsx("p", { className: "text-base font-semibold text-red-600 dark:text-red-400", children: service.errorMessage || texts.errorDescription }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { color: "emerald", onClick: handleRetry, children: texts.retryButton }), _jsx(Button, { outline: true, onClick: handleClose, children: texts.closeButton })] })] }, "error"));
+    /**
+     * Cancelled 状态 - 用户取消登录
+     */
+    const CancelledState = () => (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2 }, className: "flex flex-col items-center gap-4", children: [_jsx(motion.div, { className: "mb-2", initial: { scale: 0 }, animate: { scale: 1 }, transition: { delay: 0.1, type: 'spring' }, children: _jsx(ExclamationTriangleIcon, { className: "size-16 text-amber-600 dark:text-amber-400" }) }), _jsx("p", { className: "text-base font-semibold text-amber-600 dark:text-amber-400", children: texts.cancelledDescription }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { color: "emerald", onClick: handleRetry, children: texts.retryButton }), _jsx(Button, { outline: true, onClick: handleClose, children: texts.closeButton })] })] }, "cancelled"));
+    /**
+     * Expired 状态 - 票据过期
+     */
+    const ExpiredState = () => (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2 }, className: "flex flex-col items-center gap-4", children: [_jsx(motion.div, { className: "mb-2", initial: { scale: 0 }, animate: { scale: 1 }, transition: { delay: 0.1, type: 'spring' }, children: _jsx(ClockIcon, { className: "size-16 text-orange-600 dark:text-orange-400" }) }), _jsx("p", { className: "text-base font-semibold text-orange-600 dark:text-orange-400", children: texts.expiredDescription }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { color: "emerald", onClick: handleRetry, children: texts.retryButton }), _jsx(Button, { outline: true, onClick: handleClose, children: texts.closeButton })] })] }, "expired"));
+    return (_jsx(Dialog, { open: service.isDialogOpen, onClose: preventClose, children: _jsx(DialogBody, { children: _jsx("div", { className: "flex flex-col items-center justify-center py-8", children: _jsxs(AnimatePresence, { mode: "wait", children: [service.dialogStatus === 'opening' && _jsx(OpeningState, {}), service.dialogStatus === 'waiting' && _jsx(WaitingState, {}), service.dialogStatus === 'success' && _jsx(SuccessState, {}), service.dialogStatus === 'error' && _jsx(ErrorState, {}), service.dialogStatus === 'cancelled' && _jsx(CancelledState, {}), service.dialogStatus === 'expired' && _jsx(ExpiredState, {})] }) }) }) }));
+});
+export const SigninDialogProvider = observer((props) => {
+    const { children, apis: apiConfig, texts: customTexts } = props;
+    // 创建服务实例，使用 useRef 保持引用稳定
+    const signinService = React.useRef();
+    if (!signinService.current) {
+        signinService.current = new SigninService(apiConfig);
+        signinService.current.init();
+    }
+    // 合并默认文案和自定义文案
+    const texts = React.useMemo(() => (Object.assign(Object.assign({}, defaultTexts), customTexts)), [customTexts]);
+    const handleSignin = React.useCallback(async () => {
+        var _a;
+        const url = await ((_a = signinService.current) === null || _a === void 0 ? void 0 : _a.start());
+        if (url) {
+            window.open(url, '_blank');
+        }
+    }, []);
+    const contextValue = React.useMemo(() => ({
+        signin: handleSignin
+    }), [handleSignin]);
+    return (_jsx(SigninContext.Provider, { value: contextValue, children: _jsxs(ServiceProvider, { services: [{ provide: SigninService, useValue: signinService.current }], children: [children, signinService.current && _jsx(SigninDialog, { service: signinService.current, texts: texts })] }) }));
+});
+export { useSignin as useSignin } from './context';

package/output/signin/service.d.ts

@@ -0,0 +1,92 @@
+import { Service } from '@taicode/common-base';
+import type { SigninApi, SigninStatus } from './types';
+export type SigninDialogStatus = 'idle' | 'opening' | 'waiting' | 'success' | 'error' | 'cancelled' | 'expired';
+/**
+ * 登录服务配置
+ */
+export interface SigninServiceConfig {
+    /** 票据轮询间隔（毫秒），默认 2000ms */
+    pollInterval?: number;
+    /** 错误自动关闭延迟（毫秒），默认 3000ms */
+    errorAutoCloseDelay?: number;
+    /** 成功状态显示时长（毫秒），默认 1500ms */
+    successDisplayDuration?: number;
+}
+export declare class SigninService extends Service {
+    accessor inited: boolean;
+    private isPolling;
+    private readonly disposer;
+    private readonly apiConfig;
+    private readonly config;
+    private pollingTimer;
+    private accessor check;
+    private accessor ticket;
+    accessor dialogStatus: SigninDialogStatus;
+    accessor errorMessage: string;
+    constructor(apiConfig: SigninApi, config?: SigninServiceConfig);
+    get status(): SigninStatus | null;
+    get signinUrl(): string | null;
+    get isDialogOpen(): boolean;
+    get hasActiveTicket(): boolean;
+    /**
+     * 检查票据是否过期
+     */
+    private isTicketExpired;
+    /**
+     * 保存状态到 localStorage
+     */
+    private saveState;
+    /**
+     * 从 localStorage 恢复状态
+     */
+    private restoreState;
+    /**
+     * 清理持久化状态
+     */
+    private clearPersistedState;
+    /**
+     * 设置错误状态
+     */
+    private setError;
+    /**
+     * 停止票据状态轮询
+     */
+    private stopPolling;
+    /**
+     * 处理认证成功
+     */
+    private handleAuthSuccess;
+    /**
+     * 轮询检查票据状态
+     */
+    private watchTicketStatus;
+    /**
+     * 安排下一次轮询
+     */
+    private scheduleNextPoll;
+    /**
+     * 开始登录流程
+     */
+    start(): Promise<string | null>;
+    /**
+     * 关闭对话框
+     */
+    closeDialog(): Promise<void>;
+    /**
+     * 取消登录流程
+     */
+    cancel(): Promise<void>;
+    /**
+     * 初始化服务
+     */
+    init(): Promise<boolean>;
+    /**
+     * 清理资源
+     */
+    private cleanup;
+    /**
+     * 销毁服务
+     */
+    dispose(): void;
+}
+//# sourceMappingURL=service.d.ts.map

package/output/signin/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../source/signin/service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAsB,MAAM,sBAAsB,CAAA;AAElE,OAAO,KAAK,EAAE,SAAS,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAE5F,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAE/G;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAoBD,qBAAa,aAAc,SAAQ,OAAO;IACxC,SACgB,MAAM,EAAE,OAAO,CAAQ;IAEvC,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAiB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+B;IACtD,OAAO,CAAC,YAAY,CAA6C;IAGjE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAiC;IAGvD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiC;IAGxD,SACgB,YAAY,EAAE,kBAAkB,CAAS;IAEzD,SACgB,YAAY,EAAE,MAAM,CAAK;gBAE7B,SAAS,EAAE,SAAS,EAAE,MAAM,GAAE,mBAAwB;IAMlE,IACW,MAAM,IAAI,YAAY,GAAG,IAAI,CAIvC;IAED,IACW,SAAS,IAAI,MAAM,GAAG,IAAI,CAEpC;IAED,IACW,YAAY,IAAI,OAAO,CAEjC;IAED,IACW,eAAe,IAAI,OAAO,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,eAAe;IAKvB;;OAEG;IACH,OAAO,CAAC,SAAS;IAgBjB;;OAEG;IACH,OAAO,CAAC,YAAY;IAuCpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;OAEG;IACH,OAAO,CAAC,QAAQ;IAehB;;OAEG;IACH,OAAO,CAAC,WAAW;IAQnB;;OAEG;YACW,iBAAiB;IAyB/B;;OAEG;YACW,iBAAiB;IA4G/B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAQxB;;OAEG;IAEG,KAAK,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IA+CrC;;OAEG;IAEG,WAAW;IASjB;;OAEG;IAEG,MAAM;IAqBZ;;OAEG;IAEU,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IA8BrC;;OAEG;IACH,OAAO,CAAC,OAAO;IAWf;;OAEG;IACI,OAAO;CAIf"}

package/output/signin/service.js

@@ -0,0 +1,520 @@
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+import { computed, observable, runInAction, reaction } from 'mobx';
+import { Service, debounce, Disposer } from '@taicode/common-base';
+const DEFAULT_CONFIG = {
+    pollInterval: 2000,
+    errorAutoCloseDelay: 3000,
+    successDisplayDuration: 1500
+};
+const STORAGE_KEY = '__signin_service_state__';
+let SigninService = (() => {
+    var _a, _SigninService_inited_accessor_storage, _SigninService_check_accessor_storage, _SigninService_ticket_accessor_storage, _SigninService_dialogStatus_accessor_storage, _SigninService_errorMessage_accessor_storage;
+    var _b, _c;
+    let _classSuper = Service;
+    let _instanceExtraInitializers = [];
+    let _inited_decorators;
+    let _inited_initializers = [];
+    let _inited_extraInitializers = [];
+    let _check_decorators;
+    let _check_initializers = [];
+    let _check_extraInitializers = [];
+    let _ticket_decorators;
+    let _ticket_initializers = [];
+    let _ticket_extraInitializers = [];
+    let _dialogStatus_decorators;
+    let _dialogStatus_initializers = [];
+    let _dialogStatus_extraInitializers = [];
+    let _errorMessage_decorators;
+    let _errorMessage_initializers = [];
+    let _errorMessage_extraInitializers = [];
+    let _get_status_decorators;
+    let _get_signinUrl_decorators;
+    let _get_isDialogOpen_decorators;
+    let _get_hasActiveTicket_decorators;
+    let _start_decorators;
+    let _closeDialog_decorators;
+    let _cancel_decorators;
+    let _init_decorators;
+    return _a = class SigninService extends _classSuper {
+            get inited() { return __classPrivateFieldGet(this, _SigninService_inited_accessor_storage, "f"); }
+            set inited(value) { __classPrivateFieldSet(this, _SigninService_inited_accessor_storage, value, "f"); }
+            get check() { return __classPrivateFieldGet(this, _SigninService_check_accessor_storage, "f"); }
+            set check(value) { __classPrivateFieldSet(this, _SigninService_check_accessor_storage, value, "f"); }
+            get ticket() { return __classPrivateFieldGet(this, _SigninService_ticket_accessor_storage, "f"); }
+            set ticket(value) { __classPrivateFieldSet(this, _SigninService_ticket_accessor_storage, value, "f"); }
+            // UI 状态管理
+            get dialogStatus() { return __classPrivateFieldGet(this, _SigninService_dialogStatus_accessor_storage, "f"); }
+            set dialogStatus(value) { __classPrivateFieldSet(this, _SigninService_dialogStatus_accessor_storage, value, "f"); }
+            get errorMessage() { return __classPrivateFieldGet(this, _SigninService_errorMessage_accessor_storage, "f"); }
+            set errorMessage(value) { __classPrivateFieldSet(this, _SigninService_errorMessage_accessor_storage, value, "f"); }
+            constructor(apiConfig, config = {}) {
+                super();
+                _SigninService_inited_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _inited_initializers, false)));
+                this.isPolling = (__runInitializers(this, _inited_extraInitializers), false);
+                this.disposer = new Disposer();
+                this.pollingTimer = null;
+                _SigninService_check_accessor_storage.set(this, __runInitializers(this, _check_initializers, null));
+                _SigninService_ticket_accessor_storage.set(this, (__runInitializers(this, _check_extraInitializers), __runInitializers(this, _ticket_initializers, null
+                // UI 状态管理
+                )));
+                _SigninService_dialogStatus_accessor_storage.set(this, (__runInitializers(this, _ticket_extraInitializers), __runInitializers(this, _dialogStatus_initializers, 'idle')));
+                _SigninService_errorMessage_accessor_storage.set(this, (__runInitializers(this, _dialogStatus_extraInitializers), __runInitializers(this, _errorMessage_initializers, '')));
+                __runInitializers(this, _errorMessage_extraInitializers);
+                this.apiConfig = apiConfig;
+                this.config = Object.assign(Object.assign({}, DEFAULT_CONFIG), config);
+            }
+            get status() {
+                if (this.ticket == null)
+                    return null;
+                if (this.check == null)
+                    return null;
+                return this.check.status;
+            }
+            get signinUrl() {
+                var _b, _c;
+                return (_c = (_b = this.ticket) === null || _b === void 0 ? void 0 : _b.signinUrl) !== null && _c !== void 0 ? _c : null;
+            }
+            get isDialogOpen() {
+                return this.dialogStatus !== 'idle';
+            }
+            get hasActiveTicket() {
+                return this.ticket != null;
+            }
+            /**
+             * 检查票据是否过期
+             */
+            isTicketExpired(ticket) {
+                const expiredTime = new Date(ticket.expiredTime);
+                return new Date() > expiredTime;
+            }
+            /**
+             * 保存状态到 localStorage
+             */
+            saveState() {
+                if (typeof window === 'undefined' || !window.localStorage)
+                    return;
+                try {
+                    const state = {
+                        ticket: this.ticket,
+                        dialogStatus: this.dialogStatus,
+                        errorMessage: this.errorMessage,
+                        timestamp: Date.now()
+                    };
+                    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+                }
+                catch (error) {
+                    console.warn('Failed to save signin state:', error);
+                }
+            }
+            /**
+             * 从 localStorage 恢复状态
+             */
+            restoreState() {
+                if (typeof window === 'undefined' || !window.localStorage)
+                    return false;
+                try {
+                    const data = localStorage.getItem(STORAGE_KEY);
+                    if (!data)
+                        return false;
+                    const state = JSON.parse(data);
+                    // 检查票据是否存在且未过期（使用票据本身的过期时间）
+                    if (state.ticket && !this.isTicketExpired(state.ticket)) {
+                        runInAction(() => {
+                            this.ticket = state.ticket;
+                            this.dialogStatus = state.dialogStatus;
+                            this.errorMessage = state.errorMessage;
+                        });
+                        // 如果是等待或打开中状态，恢复轮询并显示弹窗
+                        if (state.dialogStatus === 'waiting' || state.dialogStatus === 'opening') {
+                            // 确保弹窗显示
+                            runInAction(() => {
+                                this.dialogStatus = 'waiting';
+                            });
+                            this.watchTicketStatus();
+                        }
+                        return true;
+                    }
+                    // 票据无效或过期，清理状态
+                    this.clearPersistedState();
+                    return false;
+                }
+                catch (error) {
+                    console.warn('Failed to restore signin state:', error);
+                    this.clearPersistedState();
+                    return false;
+                }
+            }
+            /**
+             * 清理持久化状态
+             */
+            clearPersistedState() {
+                if (typeof window === 'undefined' || !window.localStorage)
+                    return;
+                try {
+                    localStorage.removeItem(STORAGE_KEY);
+                }
+                catch (error) {
+                    console.warn('Failed to clear signin state:', error);
+                }
+            }
+            /**
+             * 设置错误状态
+             */
+            setError(message, autoClose = true) {
+                runInAction(() => {
+                    this.dialogStatus = 'error';
+                    this.errorMessage = message;
+                });
+                if (autoClose) {
+                    setTimeout(() => {
+                        if (this.dialogStatus === 'error') {
+                            runInAction(() => this.dialogStatus = 'idle');
+                        }
+                    }, this.config.errorAutoCloseDelay);
+                }
+            }
+            /**
+             * 停止票据状态轮询
+             */
+            stopPolling() {
+                this.isPolling = false;
+                if (this.pollingTimer) {
+                    clearTimeout(this.pollingTimer);
+                    this.pollingTimer = null;
+                }
+            }
+            /**
+             * 处理认证成功
+             */
+            async handleAuthSuccess(token) {
+                try {
+                    runInAction(() => {
+                        this.ticket = null;
+                        this.dialogStatus = 'success';
+                    });
+                    this.clearPersistedState();
+                    // 显示成功状态一段时间
+                    await new Promise(resolve => setTimeout(resolve, this.config.successDisplayDuration));
+                    if (this.apiConfig.onSuccess) {
+                        await this.apiConfig.onSuccess(token);
+                    }
+                    runInAction(() => {
+                        this.dialogStatus = 'idle';
+                        this.errorMessage = '';
+                    });
+                }
+                catch (error) {
+                    console.error('Auth success handler failed:', error);
+                    this.setError('Failed to complete authentication');
+                }
+            }
+            /**
+             * 轮询检查票据状态
+             */
+            async watchTicketStatus() {
+                if (!this.ticket || this.isPolling)
+                    return;
+                this.isPolling = true;
+                const poll = async () => {
+                    if (!this.ticket || !this.isPolling) {
+                        this.stopPolling();
+                        return;
+                    }
+                    try {
+                        // 检查票据是否过期
+                        if (this.isTicketExpired(this.ticket)) {
+                            this.stopPolling();
+                            this.setError('Ticket expired');
+                            return;
+                        }
+                        // 调用外部提供的检查方法
+                        const result = await this.apiConfig.checkStatus(this.ticket.ticket);
+                        // 检查是否有错误
+                        if (result.isError()) {
+                            console.error('Check ticket failed:', result.error);
+                            // API 调用失败，继续轮询
+                            this.scheduleNextPoll(poll);
+                            return;
+                        }
+                        const check = result.value;
+                        // 更新检查结果
+                        runInAction(() => this.check = check);
+                        // 根据状态处理
+                        switch (check.status) {
+                            case 'Finished':
+                                this.stopPolling();
+                                if (check.token) {
+                                    await this.handleAuthSuccess(check.token);
+                                }
+                                else {
+                                    this.setError('Authentication completed but no token received');
+                                }
+                                break;
+                            case 'Cancelled':
+                                this.stopPolling();
+                                runInAction(() => {
+                                    this.dialogStatus = 'cancelled';
+                                    this.ticket = null;
+                                });
+                                this.clearPersistedState();
+                                // 调用 onCancel 回调
+                                if (this.apiConfig.onCancel) {
+                                    try {
+                                        await this.apiConfig.onCancel();
+                                    }
+                                    catch (error) {
+                                        console.error('Cancel handler error:', error);
+                                    }
+                                }
+                                // 显示取消状态后自动关闭
+                                setTimeout(() => {
+                                    if (this.dialogStatus === 'cancelled') {
+                                        runInAction(() => this.dialogStatus = 'idle');
+                                    }
+                                }, this.config.errorAutoCloseDelay);
+                                break;
+                            case 'Expired':
+                                this.stopPolling();
+                                runInAction(() => {
+                                    this.dialogStatus = 'expired';
+                                    this.ticket = null;
+                                });
+                                this.clearPersistedState();
+                                // 显示过期状态后自动关闭
+                                setTimeout(() => {
+                                    if (this.dialogStatus === 'expired') {
+                                        runInAction(() => this.dialogStatus = 'idle');
+                                    }
+                                }, this.config.errorAutoCloseDelay);
+                                break;
+                            case 'Pending':
+                                // 继续轮询
+                                this.scheduleNextPoll(poll);
+                                break;
+                            default:
+                                // 未知状态，继续轮询
+                                this.scheduleNextPoll(poll);
+                        }
+                    }
+                    catch (error) {
+                        console.error('Ticket polling error:', error);
+                        // 出错继续轮询，避免暂时性网络问题导致整个流程中断
+                        this.scheduleNextPoll(poll);
+                    }
+                };
+                // 开始轮询
+                poll();
+            }
+            /**
+             * 安排下一次轮询
+             */
+            scheduleNextPoll(pollFn) {
+                if (!this.isPolling)
+                    return;
+                this.pollingTimer = setTimeout(() => {
+                    pollFn();
+                }, this.config.pollInterval);
+            }
+            /**
+             * 开始登录流程
+             */
+            async start() {
+                // 防止重复启动
+                if (this.dialogStatus !== 'idle') {
+                    console.warn('Login already in progress');
+                    return null;
+                }
+                runInAction(() => {
+                    this.dialogStatus = 'opening';
+                    this.errorMessage = '';
+                });
+                try {
+                    // 调用外部提供的申请票据方法
+                    const result = await this.apiConfig.applySignin();
+                    // 检查是否有错误
+                    if (result.isError()) {
+                        this.setError(result.error.message || 'Failed to get signin ticket');
+                        return null;
+                    }
+                    const ticket = result.value;
+                    // 验证票据有效性
+                    if (this.isTicketExpired(ticket)) {
+                        this.setError('Received expired ticket');
+                        return null;
+                    }
+                    runInAction(() => {
+                        this.check = null;
+                        this.ticket = ticket;
+                        this.dialogStatus = 'waiting';
+                    });
+                    // 开始轮询
+                    this.watchTicketStatus();
+                    return this.signinUrl;
+                }
+                catch (error) {
+                    const message = error instanceof Error ? error.message : 'Unknown error';
+                    this.setError(message);
+                    return null;
+                }
+            }
+            /**
+             * 关闭对话框
+             */
+            async closeDialog() {
+                this.stopPolling();
+                this.clearPersistedState();
+                runInAction(() => {
+                    this.dialogStatus = 'idle';
+                    this.errorMessage = '';
+                });
+            }
+            /**
+             * 取消登录流程
+             */
+            async cancel() {
+                this.stopPolling();
+                // 调用 onCancel 回调
+                if (this.apiConfig.onCancel) {
+                    try {
+                        await this.apiConfig.onCancel();
+                    }
+                    catch (error) {
+                        console.error('Cancel handler error:', error);
+                    }
+                }
+                this.clearPersistedState();
+                runInAction(() => {
+                    this.ticket = null;
+                    this.check = null;
+                    this.dialogStatus = 'idle';
+                    this.errorMessage = '';
+                });
+            }
+            /**
+             * 初始化服务
+             */
+            async init() {
+                this.disposer.addDisposer(() => this.cleanup());
+                // 监听状态变化并自动保存
+                this.disposer.addDisposer(reaction(() => ({
+                    ticket: this.ticket,
+                    dialogStatus: this.dialogStatus,
+                    errorMessage: this.errorMessage
+                }), () => {
+                    // 只在有活跃票据或等待状态时保存
+                    if (this.ticket || this.dialogStatus !== 'idle') {
+                        this.saveState();
+                    }
+                }, { delay: 100 } // 防抖，避免过于频繁的保存
+                ));
+                // 尝试恢复持久化状态
+                const restored = this.restoreState();
+                if (restored) {
+                    console.log('Signin state restored from localStorage');
+                }
+                return true;
+            }
+            /**
+             * 清理资源
+             */
+            cleanup() {
+                this.stopPolling();
+                this.clearPersistedState();
+                runInAction(() => {
+                    this.ticket = null;
+                    this.check = null;
+                    this.dialogStatus = 'idle';
+                    this.errorMessage = '';
+                });
+            }
+            /**
+             * 销毁服务
+             */
+            dispose() {
+                this.cleanup();
+                this.disposer.dispose();
+            }
+        },
+        _SigninService_inited_accessor_storage = new WeakMap(),
+        _SigninService_check_accessor_storage = new WeakMap(),
+        _SigninService_ticket_accessor_storage = new WeakMap(),
+        _SigninService_dialogStatus_accessor_storage = new WeakMap(),
+        _SigninService_errorMessage_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _inited_decorators = [observable];
+            _check_decorators = [(_b = observable).ref.bind(_b)];
+            _ticket_decorators = [(_c = observable).ref.bind(_c)];
+            _dialogStatus_decorators = [observable];
+            _errorMessage_decorators = [observable];
+            _get_status_decorators = [computed];
+            _get_signinUrl_decorators = [computed];
+            _get_isDialogOpen_decorators = [computed];
+            _get_hasActiveTicket_decorators = [computed];
+            _start_decorators = [debounce(100)];
+            _closeDialog_decorators = [debounce(100)];
+            _cancel_decorators = [debounce(100)];
+            _init_decorators = [debounce(100)];
+            __esDecorate(_a, null, _inited_decorators, { kind: "accessor", name: "inited", static: false, private: false, access: { has: obj => "inited" in obj, get: obj => obj.inited, set: (obj, value) => { obj.inited = value; } }, metadata: _metadata }, _inited_initializers, _inited_extraInitializers);
+            __esDecorate(_a, null, _check_decorators, { kind: "accessor", name: "check", static: false, private: false, access: { has: obj => "check" in obj, get: obj => obj.check, set: (obj, value) => { obj.check = value; } }, metadata: _metadata }, _check_initializers, _check_extraInitializers);
+            __esDecorate(_a, null, _ticket_decorators, { kind: "accessor", name: "ticket", static: false, private: false, access: { has: obj => "ticket" in obj, get: obj => obj.ticket, set: (obj, value) => { obj.ticket = value; } }, metadata: _metadata }, _ticket_initializers, _ticket_extraInitializers);
+            __esDecorate(_a, null, _dialogStatus_decorators, { kind: "accessor", name: "dialogStatus", static: false, private: false, access: { has: obj => "dialogStatus" in obj, get: obj => obj.dialogStatus, set: (obj, value) => { obj.dialogStatus = value; } }, metadata: _metadata }, _dialogStatus_initializers, _dialogStatus_extraInitializers);
+            __esDecorate(_a, null, _errorMessage_decorators, { kind: "accessor", name: "errorMessage", static: false, private: false, access: { has: obj => "errorMessage" in obj, get: obj => obj.errorMessage, set: (obj, value) => { obj.errorMessage = value; } }, metadata: _metadata }, _errorMessage_initializers, _errorMessage_extraInitializers);
+            __esDecorate(_a, null, _get_status_decorators, { kind: "getter", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_signinUrl_decorators, { kind: "getter", name: "signinUrl", static: false, private: false, access: { has: obj => "signinUrl" in obj, get: obj => obj.signinUrl }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_isDialogOpen_decorators, { kind: "getter", name: "isDialogOpen", static: false, private: false, access: { has: obj => "isDialogOpen" in obj, get: obj => obj.isDialogOpen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_hasActiveTicket_decorators, { kind: "getter", name: "hasActiveTicket", static: false, private: false, access: { has: obj => "hasActiveTicket" in obj, get: obj => obj.hasActiveTicket }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _start_decorators, { kind: "method", name: "start", static: false, private: false, access: { has: obj => "start" in obj, get: obj => obj.start }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _closeDialog_decorators, { kind: "method", name: "closeDialog", static: false, private: false, access: { has: obj => "closeDialog" in obj, get: obj => obj.closeDialog }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _cancel_decorators, { kind: "method", name: "cancel", static: false, private: false, access: { has: obj => "cancel" in obj, get: obj => obj.cancel }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { SigninService };

package/output/signin/service.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=service.test.d.ts.map

package/output/signin/service.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.test.d.ts","sourceRoot":"","sources":["../../source/signin/service.test.ts"],"names":[],"mappings":""}

package/output/signin/service.test.js

@@ -0,0 +1,207 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+import { SigninService } from './service';
+// Mock localStorage
+const localStorageMock = (() => {
+    let store = {};
+    return {
+        getItem: (key) => store[key] || null,
+        setItem: (key, value) => {
+            store[key] = value;
+        },
+        removeItem: (key) => {
+            delete store[key];
+        },
+        clear: () => {
+            store = {};
+        }
+    };
+})();
+Object.defineProperty(window, 'localStorage', {
+    value: localStorageMock,
+    writable: true
+});
+describe('SigninService', () => {
+    let service;
+    let mockApi;
+    const mockTicket = {
+        ticket: 'test-ticket-123',
+        signinUrl: 'https://example.com/signin',
+        expiredTime: new Date(Date.now() + 10 * 60 * 1000).toISOString() // 10 分钟后过期
+    };
+    const mockPendingCheck = {
+        status: 'Pending'
+    };
+    const mockFinishedCheck = {
+        status: 'Finished',
+        token: 'test-token-456'
+    };
+    beforeEach(() => {
+        localStorageMock.clear();
+        vi.clearAllTimers();
+        mockApi = {
+            applySignin: vi.fn().mockResolvedValue({
+                isError: () => false,
+                value: mockTicket
+            }),
+            checkStatus: vi.fn().mockResolvedValue({
+                isError: () => false,
+                value: mockPendingCheck
+            }),
+            onSuccess: vi.fn(),
+            onCancel: vi.fn()
+        };
+        service = new SigninService(mockApi, {
+            pollInterval: 100,
+            errorAutoCloseDelay: 1000,
+            successDisplayDuration: 500
+        });
+    });
+    afterEach(() => {
+        service.dispose();
+    });
+    describe('状态持久化', () => {
+        it('应该在状态变化时自动保存到 localStorage', async () => {
+            await service.init();
+            // 开始登录流程
+            await service.start();
+            // 等待状态保存 (reaction 有 100ms delay)
+            await new Promise(resolve => setTimeout(resolve, 150));
+            // 验证 localStorage 中有保存的状态
+            const saved = localStorageMock.getItem('__signin_service_state__');
+            expect(saved).toBeTruthy();
+            const state = JSON.parse(saved);
+            expect(state.ticket).toEqual(mockTicket);
+            expect(state.dialogStatus).toBe('waiting');
+        });
+        it('应该在初始化时恢复之前保存的状态', async () => {
+            // 模拟已保存的状态
+            const savedState = {
+                ticket: mockTicket,
+                dialogStatus: 'waiting',
+                errorMessage: '',
+                timestamp: Date.now()
+            };
+            localStorageMock.setItem('__signin_service_state__', JSON.stringify(savedState));
+            // 创建新的服务实例
+            const newService = new SigninService(mockApi);
+            await newService.init();
+            // 验证状态已恢复
+            expect(newService.hasActiveTicket).toBe(true);
+            expect(newService.dialogStatus).toBe('waiting');
+            expect(newService.signinUrl).toBe(mockTicket.signinUrl);
+            newService.dispose();
+        });
+        it('应该在票据过期时不恢复状态', async () => {
+            // 模拟已过期的票据
+            const expiredTicket = Object.assign(Object.assign({}, mockTicket), { expiredTime: new Date(Date.now() - 1000).toISOString() // 已过期
+             });
+            const savedState = {
+                ticket: expiredTicket,
+                dialogStatus: 'waiting',
+                errorMessage: '',
+                timestamp: Date.now()
+            };
+            localStorageMock.setItem('__signin_service_state__', JSON.stringify(savedState));
+            // 创建新的服务实例
+            const newService = new SigninService(mockApi);
+            await newService.init();
+            // 验证状态未恢复
+            expect(newService.hasActiveTicket).toBe(false);
+            expect(newService.dialogStatus).toBe('idle');
+            // 验证 localStorage 已清理
+            expect(localStorageMock.getItem('__signin_service_state__')).toBeNull();
+            newService.dispose();
+        });
+        it('应该在登录成功后清理持久化状态', async () => {
+            await service.init();
+            await service.start();
+            // 等待状态保存
+            await new Promise(resolve => setTimeout(resolve, 150));
+            expect(localStorageMock.getItem('__signin_service_state__')).toBeTruthy();
+            // 模拟登录成功
+            mockApi.checkStatus = vi.fn().mockResolvedValue({
+                isError: () => false,
+                value: mockFinishedCheck
+            });
+            // 等待轮询检测到成功状态
+            await new Promise(resolve => setTimeout(resolve, 200));
+            // 等待成功处理完成
+            await new Promise(resolve => setTimeout(resolve, 600));
+            // 验证状态已清理
+            expect(localStorageMock.getItem('__signin_service_state__')).toBeNull();
+        });
+        it('应该在取消登录后清理持久化状态', async () => {
+            await service.init();
+            await service.start();
+            // 等待状态保存
+            await new Promise(resolve => setTimeout(resolve, 150));
+            expect(localStorageMock.getItem('__signin_service_state__')).toBeTruthy();
+            // 取消登录
+            await service.cancel();
+            // 验证状态已清理
+            expect(localStorageMock.getItem('__signin_service_state__')).toBeNull();
+            expect(service.dialogStatus).toBe('idle');
+        });
+    });
+    describe('页面刷新场景', () => {
+        it('应该在页面刷新后继续轮询检查登录状态', async () => {
+            // 第一次会话：开始登录
+            await service.init();
+            await service.start();
+            // 等待状态保存
+            await new Promise(resolve => setTimeout(resolve, 150));
+            // 模拟页面刷新 - 销毁旧服务
+            service.dispose();
+            // 创建新服务实例（模拟页面重新加载）
+            const newService = new SigninService(mockApi, {
+                pollInterval: 100,
+                errorAutoCloseDelay: 1000,
+                successDisplayDuration: 500
+            });
+            await newService.init();
+            // 验证状态已恢复且开始轮询
+            expect(newService.dialogStatus).toBe('waiting');
+            expect(newService.hasActiveTicket).toBe(true);
+            // 验证轮询正在进行
+            expect(mockApi.checkStatus).toHaveBeenCalled();
+            newService.dispose();
+        });
+        it('应该在页面刷新后显示登录弹窗', async () => {
+            // 第一次会话：开始登录
+            await service.init();
+            await service.start();
+            // 等待状态保存
+            await new Promise(resolve => setTimeout(resolve, 150));
+            expect(service.isDialogOpen).toBe(true);
+            // 模拟页面刷新
+            service.dispose();
+            // 创建新服务实例
+            const newService = new SigninService(mockApi);
+            await newService.init();
+            // 验证弹窗仍然显示
+            expect(newService.isDialogOpen).toBe(true);
+            expect(newService.dialogStatus).toBe('waiting');
+            newService.dispose();
+        });
+    });
+    describe('错误处理', () => {
+        it('应该处理 localStorage 损坏的数据', async () => {
+            // 保存无效的 JSON
+            localStorageMock.setItem('__signin_service_state__', 'invalid json');
+            const newService = new SigninService(mockApi);
+            await newService.init();
+            // 应该优雅处理并从 idle 状态开始
+            expect(newService.dialogStatus).toBe('idle');
+            expect(newService.hasActiveTicket).toBe(false);
+            newService.dispose();
+        });
+        it('应该在恢复状态失败时清理 localStorage', async () => {
+            localStorageMock.setItem('__signin_service_state__', 'invalid json');
+            const newService = new SigninService(mockApi);
+            await newService.init();
+            // 验证已清理
+            expect(localStorageMock.getItem('__signin_service_state__')).toBeNull();
+            newService.dispose();
+        });
+    });
+});

package/output/signin/types.d.ts

@@ -0,0 +1,63 @@
+import type { CatchResult } from '@taicode/common-base';
+/**
+ * 登录状态
+ */
+export type SigninStatus = 'Pending' | 'Finished' | 'Expired' | 'Cancelled';
+/**
+ * 登录票据信息
+ */
+export interface ApplySigninResult {
+    /** 票据 ID */
+    ticket: string;
+    /** 登录页 URL */
+    signinUrl: string;
+    /** 过期时间 */
+    expiredTime: string | Date;
+}
+/**
+ * 登录状态检查结果
+ */
+export interface CheckStatusResult {
+    /** 当前状态 */
+    status: SigninStatus;
+    /** 认证成功后的令牌（仅在 status 为 Finished 时存在） */
+    token?: string;
+}
+/**
+ * API 错误类型
+ */
+export interface SigninApiError {
+    /** 错误消息 */
+    message: string;
+    /** 错误代码（可选） */
+    code?: string;
+    /** 原始错误（可选） */
+    cause?: unknown;
+}
+/**
+ * 登录 API 配置
+ * 应用需要实现这些方法来适配自己的认证系统
+ */
+export interface SigninApi {
+    /**
+   * 用户取消登录时的回调
+   */
+    onCancel?: () => Promise<void> | void;
+    /**
+     * 认证成功后的回调
+     * @param token 认证令牌
+     */
+    onSuccess?: (token: string) => Promise<void> | void;
+    /**
+     * 申请跨域认证票据
+     * @returns 返回票据信息或错误
+     */
+    applySignin: () => Promise<CatchResult<ApplySigninResult, SigninApiError>>;
+    /**
+     * 检查票据状态
+     * @param ticket 票据 ID
+     * @returns 返回票据状态信息或错误
+     */
+    checkStatus: (ticket: string) => Promise<CatchResult<CheckStatusResult, SigninApiError>>;
+}
+//# sourceMappingURL=types.d.ts.map

package/output/signin/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../source/signin/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAA;AAE3E;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,YAAY;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,cAAc;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW;IACX,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,WAAW;IACX,OAAO,EAAE,MAAM,CAAA;IACf,eAAe;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB;;KAEC;IACD,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAErC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAEnD;;;OAGG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAA;IAE1E;;;;OAIG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAA;CACzF"}

package/output/signin/types.js

@@ -0,0 +1 @@
+export {};

package/output/size-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { SizeProvider } from './size-provider';
+//# sourceMappingURL=index.d.ts.map

package/output/size-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/size-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA"}

package/output/size-provider/index.js

@@ -0,0 +1 @@
+export { SizeProvider } from './size-provider';

package/output/size-provider/size-provider.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+interface SizeProviderProps {
+    className?: string;
+    render?: (width: number, height: number) => ReactNode;
+    children?: (width: number, height: number) => ReactNode;
+}
+export declare const SizeProvider: React.FC<SizeProviderProps>;
+export {};
+//# sourceMappingURL=size-provider.d.ts.map

package/output/size-provider/size-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-provider.d.ts","sourceRoot":"","sources":["../../source/size-provider/size-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,CAAA;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,CAAA;CACxD;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAA"}

package/output/size-provider/size-provider.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useRef, useState, useEffect } from 'react';
+export const SizeProvider = (props) => {
+    const { children, className } = props;
+    const [width, setWidth] = useState(0);
+    const [height, setHeight] = useState(0);
+    const sizeRef = useRef(null);
+    useEffect(() => {
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const { width, height } = entry.contentRect;
+                setWidth(width);
+                setHeight(height);
+            }
+        });
+        if (sizeRef.current) {
+            resizeObserver.observe(sizeRef.current);
+        }
+        return () => {
+            if (sizeRef.current) {
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+                resizeObserver.unobserve(sizeRef.current);
+            }
+        };
+    }, []);
+    const render = props.render || children || null;
+    return (_jsxs("div", { className: clsx(className, 'relative w-full h-full overflow-hidden isolate'), children: [_jsx("div", { ref: sizeRef, className: 'absolute flex-shrink-0 w-full h-full z-0 opacity-0', children: "SizeProvider" }), _jsx("div", { className: 'absolute w-full h-full z-1', children: render === null || render === void 0 ? void 0 : render(width, height) })] }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taicode/common-web",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "author": "Alain",
   "license": "ISC",
   "description": "",
@@ -30,11 +30,14 @@
   "peerDependencies": {
     "@taicode/common-base": ">=1.1.0",
     "@needle-di/core": ">=1.0.0",
+    "@heroicons/react": "^2.2.0",
+    "mobx-react-lite": "^4.1.1",
     "@types/react": ">=18",
     "mobx": ">=6",
     "react": ">=18"
   },
   "dependencies": {
+    "@heroicons/react": "^2.2.0",
     "@headlessui/react": "^2.2.4",
     "framer-motion": "^12.19.2",
     "clsx": "^2.1.1"
@@ -45,8 +48,9 @@
     "jsdom": "^23.0.0",
     "vitest": "^1.0.0",
     "@vitest/ui": "^1.0.0",
-    "@needle-di/core": "^1.0.0",
     "@types/react": "^18.0.0",
+    "@needle-di/core": "^1.0.0",
+    "mobx-react-lite": "^4.1.1",
     "mobx": "^6.0.0",
     "react": "^18.0.0"
   }