@taicode/common-web 1.1.17 → 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"}