@turinhub/atomix-common-ui 0.3.0 → 0.5.0

package/dist/AuthPanel-D2HFX8eN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPanel-D2HFX8eN.js","sources":["../src/components/AuthLoginPanel.tsx","../src/components/AuthRegisterPanel.tsx","../src/components/AuthPageShell.tsx","../src/components/AuthVisualCarousel.tsx","../src/components/AuthPanel.tsx"],"sourcesContent":["import {\n  ArrowRight,\n  Layers3,\n  Loader2,\n  LockKeyhole,\n  MessageCircle,\n  UserRound,\n} from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { FormEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n  ButtonComponent,\n  InputComponent,\n  LabelComponent,\n  TabsComponent,\n  TabsContentComponent,\n  TabsListComponent,\n  TabsTriggerComponent,\n} from '../types/component-types';\n\nexport type AuthLoginMethod = 'password' | 'sms';\nexport type AuthValidationResult = string | undefined | null;\n\nexport interface AuthUIComponents {\n  Button: ButtonComponent;\n  Input: InputComponent;\n  Label: LabelComponent;\n  Tabs: TabsComponent;\n  TabsList: TabsListComponent;\n  TabsTrigger: TabsTriggerComponent;\n  TabsContent: TabsContentComponent;\n}\n\nexport interface AuthSocialProvider {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n  onClick?: () => Promise<void> | void;\n}\n\nexport interface AuthSmsCodeResult {\n  smsId?: string;\n  smsType?: string;\n}\n\nexport interface AuthPasswordLoginPayload {\n  username: string;\n  password: string;\n}\n\nexport interface AuthSmsLoginPayload {\n  phone: string;\n  code: string;\n  smsId?: string;\n  smsType?: string;\n}\n\nexport interface AuthLoginPanelProps {\n  components?: AuthUIComponents;\n  title?: ReactNode;\n  description?: ReactNode;\n  brandIcon?: ReactNode;\n  defaultMethod?: AuthLoginMethod;\n  enabledMethods?: AuthLoginMethod[];\n  error?: ReactNode;\n  extraActions?: ReactNode;\n  footer?: ReactNode;\n  socialProviders?: AuthSocialProvider[];\n  className?: string;\n  smsCountdownSeconds?: number;\n  validatePhone?: (phone: string) => AuthValidationResult;\n  validatePassword?: (payload: AuthPasswordLoginPayload) => AuthValidationResult;\n  onPasswordLogin?: (payload: AuthPasswordLoginPayload) => Promise<void> | void;\n  onSendSmsCode?: (\n    phone: string\n  ) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;\n  onSmsLogin?: (payload: AuthSmsLoginPayload) => Promise<void> | void;\n}\n\nconst defaultValidatePhone = (phone: string) =>\n  /^1[3-9]\\d{9}$/.test(phone) ? undefined : '请输入正确的手机号';\n\nconst getErrorMessage = (error: unknown, fallback: string) => {\n  if (error instanceof Error && error.message) return error.message;\n  if (typeof error === 'string' && error) return error;\n  return fallback;\n};\n\nconst normalizePhone = (value: string) => value.replace(/\\D/g, '').slice(0, 11);\n\nconst formatPhone = (phone: string) => {\n  if (phone.length <= 3) return phone;\n  if (phone.length <= 7) return `${phone.slice(0, 3)} ${phone.slice(3)}`;\n  return `${phone.slice(0, 3)} ${phone.slice(3, 7)} ${phone.slice(7)}`;\n};\n\nexport function AuthLoginPanel({\n  components,\n  title = '欢迎登录',\n  description = '使用账号密码或手机号验证码进入系统',\n  brandIcon,\n  defaultMethod = 'password',\n  enabledMethods = ['password', 'sms'],\n  error,\n  extraActions,\n  footer,\n  socialProviders,\n  className,\n  smsCountdownSeconds = 60,\n  validatePhone = defaultValidatePhone,\n  validatePassword,\n  onPasswordLogin,\n  onSendSmsCode,\n  onSmsLogin,\n}: AuthLoginPanelProps) {\n  const [activeMethod, setActiveMethod] = useState<AuthLoginMethod>(\n    enabledMethods.includes(defaultMethod) ? defaultMethod : enabledMethods[0]\n  );\n  const [phone, setPhone] = useState('');\n  const [smsId, setSmsId] = useState<string | undefined>();\n  const [smsType, setSmsType] = useState<string | undefined>();\n  const [localError, setLocalError] = useState<ReactNode>();\n  const [passwordPending, setPasswordPending] = useState(false);\n  const [smsPending, setSmsPending] = useState(false);\n  const [codePending, setCodePending] = useState(false);\n  const [countdown, setCountdown] = useState(0);\n\n  const methods = useMemo(\n    () =>\n      enabledMethods.filter(\n        (method, index, array) => array.indexOf(method) === index\n      ),\n    [enabledMethods]\n  );\n  const shouldShowTabs = methods.length > 1;\n  const displayedError = localError || error;\n\n  useEffect(() => {\n    if (countdown <= 0) return;\n    const timer = setTimeout(() => setCountdown((value) => value - 1), 1000);\n    return () => clearTimeout(timer);\n  }, [countdown]);\n\n  if (!components) {\n    return (\n      <div className=\"p-4 text-center text-destructive\">\n        错误：请通过 components prop 注入 UI 组件\n      </div>\n    );\n  }\n\n  const { Button, Input, Label, Tabs, TabsList, TabsTrigger, TabsContent } =\n    components;\n\n  const handlePasswordSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n    const payload = {\n      username: String(formData.get('username') || '').trim(),\n      password: String(formData.get('password') || ''),\n    };\n\n    const validationError =\n      !payload.username || !payload.password\n        ? '请输入账号和密码'\n        : validatePassword?.(payload);\n    if (validationError) {\n      setLocalError(validationError);\n      return;\n    }\n\n    try {\n      setPasswordPending(true);\n      setLocalError(undefined);\n      await onPasswordLogin?.(payload);\n    } catch (err) {\n      setLocalError(getErrorMessage(err, '登录失败，请稍后重试'));\n    } finally {\n      setPasswordPending(false);\n    }\n  };\n\n  const handleSendCode = async () => {\n    const validationError = validatePhone(phone);\n    if (validationError) {\n      setLocalError(validationError);\n      return;\n    }\n\n    try {\n      setCodePending(true);\n      setLocalError(undefined);\n      const result = await onSendSmsCode?.(phone);\n      setSmsId(result?.smsId);\n      setSmsType(result?.smsType);\n      setCountdown(smsCountdownSeconds);\n    } catch (err) {\n      setLocalError(getErrorMessage(err, '发送验证码失败，请稍后重试'));\n    } finally {\n      setCodePending(false);\n    }\n  };\n\n  const handleSmsSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n    const code = String(formData.get('code') || '').trim();\n    const validationError = validatePhone(phone);\n\n    if (validationError) {\n      setLocalError(validationError);\n      return;\n    }\n    if (!code) {\n      setLocalError('请输入验证码');\n      return;\n    }\n\n    try {\n      setSmsPending(true);\n      setLocalError(undefined);\n      await onSmsLogin?.({ phone, code, smsId, smsType });\n    } catch (err) {\n      setLocalError(getErrorMessage(err, '验证码错误或已过期'));\n    } finally {\n      setSmsPending(false);\n    }\n  };\n\n  const renderHeader = () => (\n    <div className=\"mb-7\">\n      <div className=\"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm\">\n        {brandIcon || <Layers3 className=\"h-5 w-5\" />}\n      </div>\n      <h1 className=\"text-2xl font-semibold\">{title}</h1>\n      {description && (\n        <p className=\"mt-2 text-sm leading-6 text-muted-foreground\">\n          {description}\n        </p>\n      )}\n    </div>\n  );\n\n  const renderSocialProviders = () =>\n    socialProviders?.length ? (\n      <div className=\"mb-6 grid gap-2\">\n        {socialProviders.map((provider) => (\n          <Button\n            key={provider.id}\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-10 w-full\"\n            disabled={provider.disabled}\n            onClick={provider.onClick}\n          >\n            {provider.icon && (\n              <span className=\"mr-2 inline-flex h-4 w-4 items-center justify-center\">\n                {provider.icon}\n              </span>\n            )}\n            {provider.label}\n          </Button>\n        ))}\n      </div>\n    ) : null;\n\n  const renderPasswordForm = () => (\n    <form className=\"flex flex-col\" onSubmit={handlePasswordSubmit}>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"auth-username\">用户名</Label>\n          <div className=\"relative\">\n            <UserRound className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            <Input\n              id=\"auth-username\"\n              name=\"username\"\n              className=\"bg-background/80 pl-9 backdrop-blur\"\n              placeholder=\"请输入用户名\"\n              autoComplete=\"username\"\n              required\n            />\n          </div>\n        </div>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"auth-password\">密码</Label>\n          <div className=\"relative\">\n            <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            <Input\n              id=\"auth-password\"\n              name=\"password\"\n              className=\"bg-background/80 pl-9 backdrop-blur\"\n              type=\"password\"\n              placeholder=\"请输入密码\"\n              autoComplete=\"current-password\"\n              required\n            />\n          </div>\n        </div>\n        <Button\n          type=\"submit\"\n          className=\"mt-4 h-11 w-full\"\n          disabled={passwordPending}\n        >\n          {passwordPending ? (\n            <>\n              <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n              登录中...\n            </>\n          ) : (\n            <>\n              登录\n              <ArrowRight className=\"ml-2 h-4 w-4\" />\n            </>\n          )}\n        </Button>\n      </div>\n    </form>\n  );\n\n  const renderSmsForm = () => (\n    <form className=\"flex flex-col\" onSubmit={handleSmsSubmit}>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"auth-phone\">手机号</Label>\n          <div className=\"flex gap-2\">\n            <div className=\"relative w-full\">\n              <MessageCircle className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                id=\"auth-phone\"\n                name=\"phone\"\n                className=\"bg-background/80 pl-9 backdrop-blur\"\n                placeholder=\"请输入手机号\"\n                value={formatPhone(phone)}\n                onChange={(event) => setPhone(normalizePhone(event.target.value))}\n                required\n                maxLength={13}\n                inputMode=\"numeric\"\n              />\n            </div>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              className=\"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90\"\n              onClick={handleSendCode}\n              disabled={!phone || codePending || countdown > 0}\n            >\n              {codePending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : countdown > 0 ? (\n                `${countdown}秒`\n              ) : (\n                '发送验证码'\n              )}\n            </Button>\n          </div>\n        </div>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"auth-code\">验证码</Label>\n          <Input\n            id=\"auth-code\"\n            name=\"code\"\n            className=\"bg-background/80 backdrop-blur\"\n            placeholder=\"请输入验证码\"\n            inputMode=\"numeric\"\n            autoComplete=\"one-time-code\"\n            required\n          />\n        </div>\n        <Button type=\"submit\" className=\"mt-4 h-11 w-full\" disabled={smsPending}>\n          {smsPending ? (\n            <>\n              <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n              验证中...\n            </>\n          ) : (\n            <>\n              验证并登录\n              <ArrowRight className=\"ml-2 h-4 w-4\" />\n            </>\n          )}\n        </Button>\n      </div>\n    </form>\n  );\n\n  const renderForms = () => {\n    if (!shouldShowTabs) {\n      return methods[0] === 'sms' ? renderSmsForm() : renderPasswordForm();\n    }\n\n    return (\n      <Tabs\n        value={activeMethod}\n        onValueChange={(value) => setActiveMethod(value as AuthLoginMethod)}\n        className=\"w-full\"\n      >\n        <TabsList className=\"mb-6 grid h-11 w-full grid-cols-2 bg-background/60 backdrop-blur\">\n          {methods.includes('password') && (\n            <TabsTrigger value=\"password\">账号密码登录</TabsTrigger>\n          )}\n          {methods.includes('sms') && (\n            <TabsTrigger value=\"sms\">手机号登录</TabsTrigger>\n          )}\n        </TabsList>\n        <TabsContent value=\"password\">{renderPasswordForm()}</TabsContent>\n        <TabsContent value=\"sms\">{renderSmsForm()}</TabsContent>\n      </Tabs>\n    );\n  };\n\n  return (\n    <div\n      className={cn(\n        'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8',\n        className\n      )}\n    >\n      {renderHeader()}\n      {renderSocialProviders()}\n      {renderForms()}\n      {extraActions && <div className=\"mt-5\">{extraActions}</div>}\n      {displayedError && (\n        <div className=\"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400\">\n          {displayedError}\n        </div>\n      )}\n      {footer && <div className=\"mt-6 text-sm text-muted-foreground\">{footer}</div>}\n    </div>\n  );\n}\n","import {\n  ArrowRight,\n  Layers3,\n  Loader2,\n  LockKeyhole,\n  MessageCircle,\n  UserRound,\n} from 'lucide-react';\nimport { useEffect, useState } from 'react';\nimport type { FormEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport type {\n  AuthSmsCodeResult,\n  AuthSocialProvider,\n  AuthUIComponents,\n  AuthValidationResult,\n} from './AuthLoginPanel';\n\nexport interface AuthRegisterPayload {\n  username: string;\n  password: string;\n  confirmPassword: string;\n  phone: string;\n  code: string;\n  smsId?: string;\n  smsType?: string;\n  termsAccepted: boolean;\n}\n\nexport interface AuthRegisterPanelProps {\n  components?: AuthUIComponents;\n  title?: ReactNode;\n  description?: ReactNode;\n  brandIcon?: ReactNode;\n  requirePhoneVerification?: boolean;\n  requireTermsAccepted?: boolean;\n  termsLabel?: ReactNode;\n  error?: ReactNode;\n  extraActions?: ReactNode;\n  footer?: ReactNode;\n  socialProviders?: AuthSocialProvider[];\n  className?: string;\n  smsCountdownSeconds?: number;\n  validatePhone?: (phone: string) => AuthValidationResult;\n  validatePassword?: (payload: AuthRegisterPayload) => AuthValidationResult;\n  validateRegister?: (payload: AuthRegisterPayload) => AuthValidationResult;\n  onSendSmsCode?: (\n    phone: string\n  ) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;\n  onRegister?: (payload: AuthRegisterPayload) => Promise<void> | void;\n}\n\nconst defaultValidatePhone = (phone: string) =>\n  /^1[3-9]\\d{9}$/.test(phone) ? undefined : '请输入正确的手机号';\n\nconst getErrorMessage = (error: unknown, fallback: string) => {\n  if (error instanceof Error && error.message) return error.message;\n  if (typeof error === 'string' && error) return error;\n  return fallback;\n};\n\nconst normalizePhone = (value: string) => value.replace(/\\D/g, '').slice(0, 11);\n\nconst formatPhone = (phone: string) => {\n  if (phone.length <= 3) return phone;\n  if (phone.length <= 7) return `${phone.slice(0, 3)} ${phone.slice(3)}`;\n  return `${phone.slice(0, 3)} ${phone.slice(3, 7)} ${phone.slice(7)}`;\n};\n\nexport function AuthRegisterPanel({\n  components,\n  title = '创建账号',\n  description = '填写账号信息并完成手机号验证',\n  brandIcon,\n  requirePhoneVerification = true,\n  requireTermsAccepted = false,\n  termsLabel = '我已阅读并同意服务条款',\n  error,\n  extraActions,\n  footer,\n  socialProviders,\n  className,\n  smsCountdownSeconds = 60,\n  validatePhone = defaultValidatePhone,\n  validatePassword,\n  validateRegister,\n  onSendSmsCode,\n  onRegister,\n}: AuthRegisterPanelProps) {\n  const [phone, setPhone] = useState('');\n  const [smsId, setSmsId] = useState<string | undefined>();\n  const [smsType, setSmsType] = useState<string | undefined>();\n  const [termsAccepted, setTermsAccepted] = useState(false);\n  const [localError, setLocalError] = useState<ReactNode>();\n  const [registerPending, setRegisterPending] = useState(false);\n  const [codePending, setCodePending] = useState(false);\n  const [countdown, setCountdown] = useState(0);\n  const displayedError = localError || error;\n\n  useEffect(() => {\n    if (countdown <= 0) return;\n    const timer = setTimeout(() => setCountdown((value) => value - 1), 1000);\n    return () => clearTimeout(timer);\n  }, [countdown]);\n\n  if (!components) {\n    return (\n      <div className=\"p-4 text-center text-destructive\">\n        错误：请通过 components prop 注入 UI 组件\n      </div>\n    );\n  }\n\n  const { Button, Input, Label } = components;\n\n  const handleSendCode = async () => {\n    const validationError = validatePhone(phone);\n    if (validationError) {\n      setLocalError(validationError);\n      return;\n    }\n\n    try {\n      setCodePending(true);\n      setLocalError(undefined);\n      const result = await onSendSmsCode?.(phone);\n      setSmsId(result?.smsId);\n      setSmsType(result?.smsType);\n      setCountdown(smsCountdownSeconds);\n    } catch (err) {\n      setLocalError(getErrorMessage(err, '发送验证码失败，请稍后重试'));\n    } finally {\n      setCodePending(false);\n    }\n  };\n\n  const handleRegister = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n    const payload: AuthRegisterPayload = {\n      username: String(formData.get('username') || '').trim(),\n      password: String(formData.get('password') || ''),\n      confirmPassword: String(formData.get('confirmPassword') || ''),\n      phone,\n      code: String(formData.get('code') || '').trim(),\n      smsId,\n      smsType,\n      termsAccepted,\n    };\n\n    const validationError =\n      (!payload.username && '请输入用户名') ||\n      (!payload.password && '请输入密码') ||\n      (payload.password !== payload.confirmPassword && '两次输入的密码不一致') ||\n      (requirePhoneVerification && validatePhone(phone)) ||\n      (requirePhoneVerification && !payload.code && '请输入验证码') ||\n      (requireTermsAccepted && !termsAccepted && '请先同意服务条款') ||\n      validatePassword?.(payload) ||\n      validateRegister?.(payload);\n\n    if (validationError) {\n      setLocalError(validationError);\n      return;\n    }\n\n    try {\n      setRegisterPending(true);\n      setLocalError(undefined);\n      await onRegister?.(payload);\n    } catch (err) {\n      setLocalError(getErrorMessage(err, '注册失败，请稍后重试'));\n    } finally {\n      setRegisterPending(false);\n    }\n  };\n\n  const renderSocialProviders = () =>\n    socialProviders?.length ? (\n      <div className=\"mb-6 grid gap-2\">\n        {socialProviders.map((provider) => (\n          <Button\n            key={provider.id}\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-10 w-full\"\n            disabled={provider.disabled}\n            onClick={provider.onClick}\n          >\n            {provider.icon && (\n              <span className=\"mr-2 inline-flex h-4 w-4 items-center justify-center\">\n                {provider.icon}\n              </span>\n            )}\n            {provider.label}\n          </Button>\n        ))}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cn(\n        'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8',\n        className\n      )}\n    >\n      <div className=\"mb-7\">\n        <div className=\"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm\">\n          {brandIcon || <Layers3 className=\"h-5 w-5\" />}\n        </div>\n        <h1 className=\"text-2xl font-semibold\">{title}</h1>\n        {description && (\n          <p className=\"mt-2 text-sm leading-6 text-muted-foreground\">\n            {description}\n          </p>\n        )}\n      </div>\n\n      {renderSocialProviders()}\n\n      <form className=\"flex flex-col\" onSubmit={handleRegister}>\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"auth-register-username\">用户名</Label>\n            <div className=\"relative\">\n              <UserRound className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                id=\"auth-register-username\"\n                name=\"username\"\n                className=\"bg-background/80 pl-9 backdrop-blur\"\n                placeholder=\"请输入用户名\"\n                autoComplete=\"username\"\n                required\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"auth-register-password\">密码</Label>\n            <div className=\"relative\">\n              <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                id=\"auth-register-password\"\n                name=\"password\"\n                className=\"bg-background/80 pl-9 backdrop-blur\"\n                type=\"password\"\n                placeholder=\"请输入密码\"\n                autoComplete=\"new-password\"\n                required\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"auth-register-confirm-password\">确认密码</Label>\n            <div className=\"relative\">\n              <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                id=\"auth-register-confirm-password\"\n                name=\"confirmPassword\"\n                className=\"bg-background/80 pl-9 backdrop-blur\"\n                type=\"password\"\n                placeholder=\"请再次输入密码\"\n                autoComplete=\"new-password\"\n                required\n              />\n            </div>\n          </div>\n\n          {requirePhoneVerification && (\n            <>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"auth-register-phone\">手机号</Label>\n                <div className=\"flex gap-2\">\n                  <div className=\"relative w-full\">\n                    <MessageCircle className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n                    <Input\n                      id=\"auth-register-phone\"\n                      name=\"phone\"\n                      className=\"bg-background/80 pl-9 backdrop-blur\"\n                      placeholder=\"请输入手机号\"\n                      value={formatPhone(phone)}\n                      onChange={(event) =>\n                        setPhone(normalizePhone(event.target.value))\n                      }\n                      required\n                      maxLength={13}\n                      inputMode=\"numeric\"\n                    />\n                  </div>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    className=\"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90\"\n                    onClick={handleSendCode}\n                    disabled={!phone || codePending || countdown > 0}\n                  >\n                    {codePending ? (\n                      <Loader2 className=\"h-4 w-4 animate-spin\" />\n                    ) : countdown > 0 ? (\n                      `${countdown}秒`\n                    ) : (\n                      '发送验证码'\n                    )}\n                  </Button>\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"auth-register-code\">验证码</Label>\n                <Input\n                  id=\"auth-register-code\"\n                  name=\"code\"\n                  className=\"bg-background/80 backdrop-blur\"\n                  placeholder=\"请输入验证码\"\n                  inputMode=\"numeric\"\n                  autoComplete=\"one-time-code\"\n                  required\n                />\n              </div>\n            </>\n          )}\n\n          {requireTermsAccepted && (\n            <label className=\"flex items-start gap-2 text-sm text-muted-foreground\">\n              <input\n                type=\"checkbox\"\n                className=\"mt-0.5 h-4 w-4 rounded border-input\"\n                checked={termsAccepted}\n                onChange={(event) => setTermsAccepted(event.target.checked)}\n              />\n              <span>{termsLabel}</span>\n            </label>\n          )}\n\n          <Button\n            type=\"submit\"\n            className=\"mt-4 h-11 w-full\"\n            disabled={registerPending}\n          >\n            {registerPending ? (\n              <>\n                <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                注册中...\n              </>\n            ) : (\n              <>\n                创建账号\n                <ArrowRight className=\"ml-2 h-4 w-4\" />\n              </>\n            )}\n          </Button>\n        </div>\n      </form>\n\n      {extraActions && <div className=\"mt-5\">{extraActions}</div>}\n      {displayedError && (\n        <div className=\"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400\">\n          {displayedError}\n        </div>\n      )}\n      {footer && <div className=\"mt-6 text-sm text-muted-foreground\">{footer}</div>}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface AuthPageShellProps {\n  children: ReactNode;\n  visual?: ReactNode;\n  overlay?: ReactNode;\n  className?: string;\n  contentClassName?: string;\n  panelClassName?: string;\n}\n\nexport function AuthPageShell({\n  children,\n  visual,\n  overlay,\n  className,\n  contentClassName,\n  panelClassName,\n}: AuthPageShellProps) {\n  return (\n    <div className={cn('min-h-screen', className)}>\n      <main className=\"relative flex min-h-screen w-full overflow-hidden\">\n        {visual && <div className=\"absolute inset-0\">{visual}</div>}\n        {overlay ?? <div className=\"absolute inset-0 z-10 bg-black/35\" />}\n        <div\n          className={cn(\n            'relative z-20 flex min-h-screen w-full items-center justify-center px-4 py-6 sm:px-6 lg:p-12 xl:p-16',\n            contentClassName\n          )}\n        >\n          <div className={cn('w-full min-w-0 max-w-[420px]', panelClassName)}>\n            {children}\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface AuthVisualCarouselItem {\n  image: string;\n  alt: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  eyebrow?: ReactNode;\n}\n\nexport interface AuthVisualCarouselProps {\n  items: AuthVisualCarouselItem[];\n  intervalMs?: number;\n  showIndicators?: boolean;\n  showText?: boolean;\n  className?: string;\n  imageClassName?: string;\n  contentClassName?: string;\n  ariaLabel?: string;\n}\n\nexport function AuthVisualCarousel({\n  items,\n  intervalMs = 5000,\n  showIndicators = true,\n  showText = true,\n  className,\n  imageClassName,\n  contentClassName,\n  ariaLabel = '认证页视觉轮播',\n}: AuthVisualCarouselProps) {\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [isPaused, setIsPaused] = useState(false);\n  const hasItems = items.length > 0;\n  const currentItem = hasItems ? items[currentSlide] : undefined;\n\n  const goToSlide = (index: number) => {\n    if (!hasItems) return;\n    setCurrentSlide((index + items.length) % items.length);\n  };\n\n  const nextSlide = () => goToSlide(currentSlide + 1);\n  const previousSlide = () => goToSlide(currentSlide - 1);\n\n  useEffect(() => {\n    if (!hasItems || isPaused || intervalMs <= 0 || items.length < 2) return;\n    const timer = setTimeout(() => {\n      setCurrentSlide((slide) => (slide + 1) % items.length);\n    }, intervalMs);\n    return () => clearTimeout(timer);\n  }, [hasItems, intervalMs, isPaused, items.length, currentSlide]);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      previousSlide();\n    }\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      nextSlide();\n    }\n  };\n\n  if (!hasItems) {\n    return (\n      <div\n        className={cn(\n          'relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950',\n          className\n        )}\n        aria-label={ariaLabel}\n        role=\"region\"\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none',\n        className\n      )}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      role=\"region\"\n      onKeyDown={handleKeyDown}\n      onMouseEnter={() => setIsPaused(true)}\n      onMouseLeave={() => setIsPaused(false)}\n      onFocus={() => setIsPaused(true)}\n      onBlur={() => setIsPaused(false)}\n    >\n      {items.map((item, index) => (\n        <img\n          key={`${item.image}-${index}`}\n          src={item.image}\n          alt={item.alt}\n          className={cn(\n            'absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out',\n            index === currentSlide ? 'opacity-100' : 'opacity-0',\n            imageClassName\n          )}\n          aria-hidden={index !== currentSlide}\n        />\n      ))}\n\n      <div className=\"absolute inset-0 bg-gradient-to-r from-slate-950/80 via-slate-950/30 to-slate-950/10\" />\n      <div className=\"absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950/78 via-slate-950/30 to-transparent pb-16 pt-24\" />\n\n      {(showText || showIndicators) && (\n        <div\n          className={cn(\n            'absolute inset-x-5 bottom-6 text-white sm:inset-x-8 sm:bottom-8 lg:inset-x-12 lg:bottom-10',\n            contentClassName\n          )}\n        >\n          {showText && currentItem && (\n            <div className=\"max-w-[min(28rem,calc(100vw-2.5rem))]\">\n              {currentItem.eyebrow && (\n                <p className=\"mb-2 text-[0.68rem] font-medium uppercase tracking-normal text-cyan-100/80 sm:text-xs\">\n                  {currentItem.eyebrow}\n                </p>\n              )}\n              {currentItem.title && (\n                <h2 className=\"text-xl font-semibold leading-tight sm:text-2xl lg:text-3xl\">\n                  {currentItem.title}\n                </h2>\n              )}\n              {currentItem.description && (\n                <p className=\"mt-2 line-clamp-3 text-sm leading-6 text-slate-100/80 sm:text-base\">\n                  {currentItem.description}\n                </p>\n              )}\n            </div>\n          )}\n\n          {showIndicators && items.length > 1 && (\n            <div className=\"mt-5 flex items-center gap-2\">\n              {items.map((item, index) => (\n                <button\n                  key={`${item.image}-indicator-${index}`}\n                  type=\"button\"\n                  className={cn(\n                    'h-1.5 rounded-full transition-all',\n                    index === currentSlide\n                      ? 'w-8 bg-white'\n                      : 'w-3 bg-white/40 hover:bg-white/70'\n                  )}\n                  aria-label={`切换到第 ${index + 1} 张轮播图`}\n                  aria-current={index === currentSlide}\n                  onClick={() => goToSlide(index)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { AuthLoginPanelProps, AuthUIComponents } from './AuthLoginPanel';\nimport { AuthLoginPanel } from './AuthLoginPanel';\nimport type { AuthRegisterPanelProps } from './AuthRegisterPanel';\nimport { AuthRegisterPanel } from './AuthRegisterPanel';\n\nexport type AuthPanelMode = 'login' | 'register';\n\nexport interface AuthPanelProps {\n  components?: AuthUIComponents;\n  mode?: AuthPanelMode;\n  defaultMode?: AuthPanelMode;\n  onModeChange?: (mode: AuthPanelMode) => void;\n  loginProps?: Omit<AuthLoginPanelProps, 'components' | 'footer'> & {\n    footer?: ReactNode;\n  };\n  registerProps?: Omit<AuthRegisterPanelProps, 'components' | 'footer'> & {\n    footer?: ReactNode;\n  };\n  loginLabel?: ReactNode;\n  registerLabel?: ReactNode;\n}\n\nexport function AuthPanel({\n  components,\n  mode,\n  defaultMode = 'login',\n  onModeChange,\n  loginProps,\n  registerProps,\n  loginLabel = '已有账号？登录',\n  registerLabel = '没有账号？注册',\n}: AuthPanelProps) {\n  const [internalMode, setInternalMode] = useState<AuthPanelMode>(defaultMode);\n  const currentMode = mode ?? internalMode;\n\n  const setMode = (nextMode: AuthPanelMode) => {\n    if (!mode) {\n      setInternalMode(nextMode);\n    }\n    onModeChange?.(nextMode);\n  };\n\n  if (currentMode === 'register') {\n    return (\n      <AuthRegisterPanel\n        {...registerProps}\n        components={components}\n        footer={\n          registerProps?.footer ?? (\n            <button\n              type=\"button\"\n              className=\"text-primary underline-offset-4 hover:underline\"\n              onClick={() => setMode('login')}\n            >\n              {loginLabel}\n            </button>\n          )\n        }\n      />\n    );\n  }\n\n  return (\n    <AuthLoginPanel\n      {...loginProps}\n      components={components}\n      footer={\n        loginProps?.footer ?? (\n          <button\n            type=\"button\"\n            className=\"text-primary underline-offset-4 hover:underline\"\n            onClick={() => setMode('register')}\n          >\n            {registerLabel}\n          </button>\n        )\n      }\n    />\n  );\n}\n"],"names":["defaultValidatePhone","phone","getErrorMessage","error","fallback","normalizePhone","value","formatPhone","AuthLoginPanel","components","title","description","brandIcon","defaultMethod","enabledMethods","extraActions","footer","socialProviders","className","smsCountdownSeconds","validatePhone","validatePassword","onPasswordLogin","onSendSmsCode","onSmsLogin","activeMethod","setActiveMethod","useState","setPhone","smsId","setSmsId","smsType","setSmsType","localError","setLocalError","passwordPending","setPasswordPending","smsPending","setSmsPending","codePending","setCodePending","countdown","setCountdown","methods","useMemo","method","index","array","shouldShowTabs","displayedError","useEffect","timer","jsx","Button","Input","Label","Tabs","TabsList","TabsTrigger","TabsContent","handlePasswordSubmit","event","formData","payload","validationError","err","handleSendCode","result","handleSmsSubmit","code","renderHeader","jsxs","Layers3","renderSocialProviders","provider","renderPasswordForm","UserRound","LockKeyhole","Fragment","Loader2","ArrowRight","renderSmsForm","MessageCircle","renderForms","cn","AuthRegisterPanel","requirePhoneVerification","requireTermsAccepted","termsLabel","validateRegister","onRegister","termsAccepted","setTermsAccepted","registerPending","setRegisterPending","handleRegister","AuthPageShell","children","visual","overlay","contentClassName","panelClassName","AuthVisualCarousel","items","intervalMs","showIndicators","showText","imageClassName","ariaLabel","currentSlide","setCurrentSlide","isPaused","setIsPaused","hasItems","currentItem","goToSlide","nextSlide","previousSlide","slide","handleKeyDown","item","AuthPanel","mode","defaultMode","onModeChange","loginProps","registerProps","loginLabel","registerLabel","internalMode","setInternalMode","currentMode","setMode","nextMode"],"mappings":"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"}

package/dist/PDFSidebar-BBtucLK6.js

@@ -0,0 +1,232 @@
+import { j as a } from "./jsx-runtime-B4hRZ52C.js";
+import { memo as H, useState as N, useRef as $, useMemo as C, useEffect as g, useCallback as k } from "react";
+const B = 2, K = (t, i) => {
+  if (t <= 0) return [];
+  const l = Math.max(1, Math.min(i, t)), o = Math.max(1, l - B), c = Math.min(t, l + B);
+  return Array.from({ length: c - o + 1 }, (f, d) => o + d);
+}, L = H(
+  ({
+    thumbnail: t,
+    isCurrentPage: i,
+    onClick: l
+  }) => /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: `flex w-full flex-col items-center rounded p-1 ${i ? "bg-primary/10" : ""}`,
+      children: [
+        /* @__PURE__ */ a.jsx(
+          "img",
+          {
+            src: t.url,
+            alt: `Page ${t.pageNumber}`,
+            className: "w-48 cursor-pointer border transition-opacity hover:opacity-80",
+            onClick: l,
+            onKeyDown: (o) => {
+              (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l());
+            },
+            role: "button",
+            tabIndex: 0
+          }
+        ),
+        /* @__PURE__ */ a.jsxs("span", { className: "mt-1 text-sm", children: [
+          "第 ",
+          t.pageNumber,
+          " 页"
+        ] })
+      ]
+    }
+  )
+);
+L.displayName = "PDFThumbnail";
+const R = ({
+  bookmark: t,
+  depth: i,
+  onClick: l
+}) => /* @__PURE__ */ a.jsxs("div", { style: { paddingLeft: `${i * 16}px` }, children: [
+  /* @__PURE__ */ a.jsx(
+    "button",
+    {
+      onClick: () => l(t),
+      className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",
+      children: t.title
+    }
+  ),
+  t.items && t.items.map((o, c) => /* @__PURE__ */ a.jsx(
+    R,
+    {
+      bookmark: o,
+      depth: i + 1,
+      onClick: l
+    },
+    `${t.title}-${c}`
+  ))
+] });
+function Q({
+  pdfDocument: t,
+  currentPage: i,
+  onPageClick: l,
+  components: o
+}) {
+  const [c, f] = N([]), [d, w] = N([]), [T, b] = N(
+    []
+  ), m = $(null), x = $(/* @__PURE__ */ new Map()), { Tabs: F, TabsList: O, TabsTrigger: P, TabsContent: E, ScrollArea: A, Skeleton: S } = o, v = C(
+    () => c.reduce((r, e) => (r[e.pageNumber] = e, r), {}),
+    [c]
+  ), p = C(() => {
+    if (!t) return [];
+    const r = /* @__PURE__ */ new Set([
+      ...K(t.numPages, i),
+      ...T
+    ]);
+    return Array.from(r).filter(
+      (e) => e >= 1 && e <= t.numPages && !v[e]
+    ).sort((e, s) => e - s);
+  }, [t, i, v, T]);
+  g(() => {
+    f([]), b([]);
+  }, [t]);
+  const I = k((r) => {
+    b(
+      (e) => e.includes(r) ? e : [...e, r]
+    );
+  }, []);
+  g(() => {
+    if (typeof IntersectionObserver > "u") {
+      t && b(
+        Array.from({ length: t.numPages }, (e, s) => s + 1)
+      );
+      return;
+    }
+    const r = new IntersectionObserver(
+      (e) => {
+        e.forEach((s) => {
+          if (!s.isIntersecting) return;
+          const n = Number(
+            s.target.dataset.pageNumber
+          );
+          Number.isFinite(n) && I(n);
+        });
+      },
+      { rootMargin: "600px 0px" }
+    );
+    return m.current = r, x.current.forEach((e) => {
+      r.observe(e);
+    }), () => {
+      r.disconnect(), m.current = null;
+    };
+  }, [t, I]);
+  const _ = k(
+    (r, e) => {
+      var n, u;
+      const s = x.current.get(r);
+      s && ((n = m.current) == null || n.unobserve(s), x.current.delete(r)), e && (x.current.set(r, e), (u = m.current) == null || u.observe(e));
+    },
+    []
+  );
+  g(() => {
+    if (!t || p.length === 0) return;
+    let r = !1;
+    return (async () => {
+      for (const s of p) {
+        if (r) return;
+        try {
+          const n = await t.getPage(s), u = n.getViewport({ scale: 0.2 }), h = document.createElement("canvas"), M = h.getContext("2d");
+          if (!M) continue;
+          if (h.width = u.width, h.height = u.height, await n.render({
+            canvasContext: M,
+            viewport: u,
+            canvas: h
+          }).promise, r) return;
+          f((y) => y.some(
+            (j) => j.pageNumber === s
+          ) ? y : [
+            ...y,
+            {
+              pageNumber: s,
+              url: h.toDataURL()
+            }
+          ].sort((j, G) => j.pageNumber - G.pageNumber));
+        } catch (n) {
+          console.error(
+            `Error loading thumbnail for page ${s}:`,
+            n
+          );
+        }
+      }
+    })(), () => {
+      r = !0;
+    };
+  }, [t, p]), g(() => {
+    (async () => {
+      if (t)
+        try {
+          const e = await t.getOutline();
+          w(e || []);
+        } catch (e) {
+          console.error("Error loading bookmarks:", e), w([]);
+        }
+    })();
+  }, [t]);
+  const V = async (r) => {
+    if (t)
+      try {
+        let e;
+        if (r.dest)
+          if (typeof r.dest == "string") {
+            const s = await t.getDestination(r.dest);
+            s && s[0] && (e = await t.getPageIndex(s[0]));
+          } else Array.isArray(r.dest) && r.dest[0] && (e = await t.getPageIndex(r.dest[0]));
+        else r.pageNumber && (e = r.pageNumber - 1);
+        typeof e == "number" && l(e + 1);
+      } catch (e) {
+        console.error("Error navigating to bookmark:", e);
+      }
+  }, U = (r) => /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      ref: (e) => _(r, e),
+      "data-page-number": r,
+      className: `flex w-full flex-col items-center rounded p-1 ${i === r ? "bg-primary/10" : ""}`,
+      children: [
+        /* @__PURE__ */ a.jsx(S, { className: "h-32 w-48" }),
+        /* @__PURE__ */ a.jsxs("span", { className: "mt-1 text-sm", children: [
+          "第 ",
+          r,
+          " 页"
+        ] })
+      ]
+    },
+    r
+  ), W = () => !t || t.numPages <= 0 ? null : Array.from({ length: t.numPages }, (r, e) => {
+    const s = e + 1, n = v[s];
+    return n ? /* @__PURE__ */ a.jsx(
+      L,
+      {
+        thumbnail: n,
+        isCurrentPage: i === s,
+        onClick: () => l(s)
+      },
+      s
+    ) : U(s);
+  });
+  return /* @__PURE__ */ a.jsx("div", { className: "w-64 border-r bg-muted", children: /* @__PURE__ */ a.jsxs(F, { defaultValue: "thumbnails", children: [
+    /* @__PURE__ */ a.jsxs(O, { className: "w-full p-2", children: [
+      /* @__PURE__ */ a.jsx(P, { value: "thumbnails", className: "flex-1 bg-transparent", children: "缩略图" }),
+      /* @__PURE__ */ a.jsx(P, { value: "bookmarks", className: "flex-1 bg-transparent", children: "书签" })
+    ] }),
+    /* @__PURE__ */ a.jsx(E, { value: "thumbnails", children: /* @__PURE__ */ a.jsx(A, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ a.jsx("div", { className: "space-y-2 p-4", children: W() }) }) }),
+    /* @__PURE__ */ a.jsx(E, { value: "bookmarks", children: /* @__PURE__ */ a.jsx(A, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ a.jsx("div", { className: "p-4", children: d.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "没有可用的书签" }) : /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: d.map((r, e) => /* @__PURE__ */ a.jsx(
+      R,
+      {
+        bookmark: r,
+        depth: 0,
+        onClick: V
+      },
+      `${r.title}-${e}`
+    )) }) }) }) })
+  ] }) });
+}
+export {
+  Q as P
+};
+//# sourceMappingURL=PDFSidebar-BBtucLK6.js.map

package/dist/PDFSidebar-BBtucLK6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFSidebar-BBtucLK6.js","sources":["../src/components/PDFSidebar.tsx"],"sourcesContent":["import { useState, useEffect, memo, useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  TabsComponent,\n  TabsListComponent,\n  TabsTriggerComponent,\n  TabsContentComponent,\n  ScrollAreaComponent,\n  SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n */\nexport interface PDFDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PDFPageProxy>;\n  getOutline(): Promise<PDFOutline[] | null>;\n  getDestination(dest: string): Promise<unknown[] | null>;\n  getPageIndex(ref: unknown): Promise<number>;\n}\n\nexport interface PDFPageProxy {\n  getViewport(options: { scale: number }): PDFViewport;\n  render(renderContext: {\n    canvasContext: CanvasRenderingContext2D;\n    viewport: PDFViewport;\n    canvas: HTMLCanvasElement;\n  }): { promise: Promise<void> };\n}\n\nexport interface PDFViewport {\n  width: number;\n  height: number;\n}\n\nexport interface PDFOutline {\n  title: string;\n  bold?: boolean;\n  italic?: boolean;\n  color?: Uint8ClampedArray;\n  dest?: string | unknown[] | null;\n  url?: string | null;\n  unsafeUrl?: string;\n  newWindow?: boolean;\n  count?: number;\n  items?: PDFOutline[];\n  pageNumber?: number;\n}\n\n/**\n * PDF 缩略图\n */\ninterface PDFThumbnail {\n  pageNumber: number;\n  url: string;\n}\n\nconst THUMBNAIL_PAGE_WINDOW = 2;\n\nconst getThumbnailPages = (numPages: number, currentPage: number) => {\n  if (numPages <= 0) return [];\n\n  const safeCurrentPage = Math.max(1, Math.min(currentPage, numPages));\n  const start = Math.max(1, safeCurrentPage - THUMBNAIL_PAGE_WINDOW);\n  const end = Math.min(numPages, safeCurrentPage + THUMBNAIL_PAGE_WINDOW);\n\n  return Array.from({ length: end - start + 1 }, (_, index) => start + index);\n};\n\n/**\n * PDFSidebar 组件 Props\n */\nexport interface PDFSidebarProps {\n  /** PDF 文档对象 */\n  pdfDocument: PDFDocumentProxy | null;\n  /** 当前页码 */\n  currentPage: number;\n  /** 页面点击回调 */\n  onPageClick: (pageNumber: number) => void;\n  /** UI 组件注入 */\n  components: {\n    Tabs: TabsComponent;\n    TabsList: TabsListComponent;\n    TabsTrigger: TabsTriggerComponent;\n    TabsContent: TabsContentComponent;\n    ScrollArea: ScrollAreaComponent;\n    Skeleton: SkeletonComponent;\n  };\n}\n\n/**\n * PDF 缩略图组件 (使用 React.memo 优化性能)\n */\nconst PDFThumbnail = memo(\n  ({\n    thumbnail,\n    isCurrentPage,\n    onClick,\n  }: {\n    thumbnail: PDFThumbnail;\n    isCurrentPage: boolean;\n    onClick: () => void;\n  }) => (\n    <div\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        isCurrentPage ? 'bg-primary/10' : ''\n      }`}\n    >\n      <img\n        src={thumbnail.url}\n        alt={`Page ${thumbnail.pageNumber}`}\n        className=\"w-48 cursor-pointer border transition-opacity hover:opacity-80\"\n        onClick={onClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick();\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      />\n      <span className=\"mt-1 text-sm\">第 {thumbnail.pageNumber} 页</span>\n    </div>\n  )\n);\nPDFThumbnail.displayName = 'PDFThumbnail';\n\n/**\n * PDF 书签组件\n */\nconst PDFBookmark = ({\n  bookmark,\n  depth,\n  onClick,\n}: {\n  bookmark: PDFOutline;\n  depth: number;\n  onClick: (bookmark: PDFOutline) => void;\n}) => (\n  <div style={{ paddingLeft: `${depth * 16}px` }}>\n    <button\n      onClick={() => onClick(bookmark)}\n      className=\"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary\"\n    >\n      {bookmark.title}\n    </button>\n    {bookmark.items &&\n      bookmark.items.map((item, index) => (\n        <PDFBookmark\n          key={`${bookmark.title}-${index}`}\n          bookmark={item}\n          depth={depth + 1}\n          onClick={onClick}\n        />\n      ))}\n  </div>\n);\n\n/**\n * PDFSidebar 组件\n *\n * 提供缩略图和书签导航功能。\n *\n * @example\n * ```tsx\n * import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';\n * import { Tabs, ScrollArea, Skeleton } from '@/components/ui';\n *\n * <PDFSidebar\n *   pdfDocument={pdfDocument}\n *   currentPage={currentPage}\n *   onPageClick={handlePageClick}\n *   components={{\n *     Tabs,\n *     TabsList: Tabs.List,\n *     TabsTrigger: Tabs.Trigger,\n *     TabsContent: Tabs.Content,\n *     ScrollArea,\n *     Skeleton,\n *   }}\n * />\n * ```\n */\nexport function PDFSidebar({\n  pdfDocument,\n  currentPage,\n  onPageClick,\n  components,\n}: PDFSidebarProps) {\n  const [thumbnails, setThumbnails] = useState<PDFThumbnail[]>([]);\n  const [bookmarks, setBookmarks] = useState<PDFOutline[]>([]);\n  const [visibleThumbnailPages, setVisibleThumbnailPages] = useState<number[]>(\n    []\n  );\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n  const placeholderElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n\n  const { Tabs, TabsList, TabsTrigger, TabsContent, ScrollArea, Skeleton } =\n    components;\n\n  const thumbnailMap = useMemo(\n    () =>\n      thumbnails.reduce<Record<number, PDFThumbnail>>((map, thumbnail) => {\n        map[thumbnail.pageNumber] = thumbnail;\n        return map;\n      }, {}),\n    [thumbnails]\n  );\n\n  const pagesToLoad = useMemo(() => {\n    if (!pdfDocument) return [];\n\n    const pageNumbers = new Set([\n      ...getThumbnailPages(pdfDocument.numPages, currentPage),\n      ...visibleThumbnailPages,\n    ]);\n\n    return Array.from(pageNumbers)\n      .filter(\n        (pageNumber) =>\n          pageNumber >= 1 &&\n          pageNumber <= pdfDocument.numPages &&\n          !thumbnailMap[pageNumber]\n      )\n      .sort((a, b) => a - b);\n  }, [pdfDocument, currentPage, thumbnailMap, visibleThumbnailPages]);\n\n  useEffect(() => {\n    setThumbnails([]);\n    setVisibleThumbnailPages([]);\n  }, [pdfDocument]);\n\n  const trackVisibleThumbnailPage = useCallback((pageNumber: number) => {\n    setVisibleThumbnailPages((pages) =>\n      pages.includes(pageNumber) ? pages : [...pages, pageNumber]\n    );\n  }, []);\n\n  useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') {\n      if (pdfDocument) {\n        setVisibleThumbnailPages(\n          Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1)\n        );\n      }\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n\n          const pageNumber = Number(\n            (entry.target as HTMLElement).dataset.pageNumber\n          );\n\n          if (Number.isFinite(pageNumber)) {\n            trackVisibleThumbnailPage(pageNumber);\n          }\n        });\n      },\n      { rootMargin: '600px 0px' }\n    );\n\n    intersectionObserverRef.current = observer;\n    placeholderElementsRef.current.forEach((element) => {\n      observer.observe(element);\n    });\n\n    return () => {\n      observer.disconnect();\n      intersectionObserverRef.current = null;\n    };\n  }, [pdfDocument, trackVisibleThumbnailPage]);\n\n  const setThumbnailPlaceholderRef = useCallback(\n    (pageNumber: number, element: HTMLDivElement | null) => {\n      const previousElement = placeholderElementsRef.current.get(pageNumber);\n\n      if (previousElement) {\n        intersectionObserverRef.current?.unobserve(previousElement);\n        placeholderElementsRef.current.delete(pageNumber);\n      }\n\n      if (!element) return;\n\n      placeholderElementsRef.current.set(pageNumber, element);\n      intersectionObserverRef.current?.observe(element);\n    },\n    []\n  );\n\n  // 按当前页附近的窗口懒加载缩略图，避免大 PDF 一次性生成全部页面。\n  useEffect(() => {\n    if (!pdfDocument || pagesToLoad.length === 0) return;\n\n    let cancelled = false;\n\n    const loadThumbnails = async () => {\n      for (const pageNumber of pagesToLoad) {\n        if (cancelled) return;\n\n        try {\n          const page = await pdfDocument.getPage(pageNumber);\n          const viewport = page.getViewport({ scale: 0.2 });\n          const canvas = document.createElement('canvas');\n          const context = canvas.getContext('2d');\n\n          if (!context) continue;\n\n          canvas.width = viewport.width;\n          canvas.height = viewport.height;\n\n          const renderTask = page.render({\n            canvasContext: context,\n            viewport,\n            canvas,\n          });\n\n          await renderTask.promise;\n\n          if (cancelled) return;\n\n          setThumbnails((currentThumbnails) => {\n            if (\n              currentThumbnails.some(\n                (thumbnail) => thumbnail.pageNumber === pageNumber\n              )\n            ) {\n              return currentThumbnails;\n            }\n\n            return [\n              ...currentThumbnails,\n              {\n                pageNumber,\n                url: canvas.toDataURL(),\n              },\n            ].sort((a, b) => a.pageNumber - b.pageNumber);\n          });\n        } catch (error) {\n          console.error(\n            `Error loading thumbnail for page ${pageNumber}:`,\n            error\n          );\n        }\n      }\n    };\n\n    loadThumbnails();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDocument, pagesToLoad]);\n\n  // 加载书签\n  useEffect(() => {\n    const loadBookmarks = async () => {\n      if (!pdfDocument) return;\n      try {\n        const outline = await pdfDocument.getOutline();\n        setBookmarks((outline as PDFOutline[]) || []);\n      } catch (error) {\n        console.error('Error loading bookmarks:', error);\n        setBookmarks([]);\n      }\n    };\n\n    loadBookmarks();\n  }, [pdfDocument]);\n\n  // 处理书签点击\n  const handleBookmarkClick = async (bookmark: PDFOutline) => {\n    if (!pdfDocument) return;\n\n    try {\n      let pageIndex: number | undefined;\n\n      // 处理不同类型的书签目标\n      if (bookmark.dest) {\n        if (typeof bookmark.dest === 'string') {\n          // 命名目标\n          const destination = await pdfDocument.getDestination(bookmark.dest);\n          if (destination && destination[0]) {\n            pageIndex = await pdfDocument.getPageIndex(destination[0]);\n          }\n        } else if (Array.isArray(bookmark.dest) && bookmark.dest[0]) {\n          // 显式目标\n          pageIndex = await pdfDocument.getPageIndex(bookmark.dest[0]);\n        }\n      } else if (bookmark.pageNumber) {\n        // 直接页码\n        pageIndex = bookmark.pageNumber - 1;\n      }\n\n      if (typeof pageIndex === 'number') {\n        onPageClick(pageIndex + 1);\n      }\n    } catch (error) {\n      console.error('Error navigating to bookmark:', error);\n    }\n  };\n\n  const renderThumbnailPlaceholder = (pageNumber: number) => (\n    <div\n      ref={(element) => setThumbnailPlaceholderRef(pageNumber, element)}\n      key={pageNumber}\n      data-page-number={pageNumber}\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        currentPage === pageNumber ? 'bg-primary/10' : ''\n      }`}\n    >\n      <Skeleton className=\"h-32 w-48\" />\n      <span className=\"mt-1 text-sm\">第 {pageNumber} 页</span>\n    </div>\n  );\n\n  const renderThumbnailList = () => {\n    if (!pdfDocument || pdfDocument.numPages <= 0) return null;\n\n    return Array.from({ length: pdfDocument.numPages }, (_, index) => {\n      const pageNumber = index + 1;\n      const thumbnail = thumbnailMap[pageNumber];\n\n      return thumbnail ? (\n        <PDFThumbnail\n          key={pageNumber}\n          thumbnail={thumbnail}\n          isCurrentPage={currentPage === pageNumber}\n          onClick={() => onPageClick(pageNumber)}\n        />\n      ) : (\n        renderThumbnailPlaceholder(pageNumber)\n      );\n    });\n  };\n\n  return (\n    <div className=\"w-64 border-r bg-muted\">\n      <Tabs defaultValue=\"thumbnails\">\n        <TabsList className=\"w-full p-2\">\n          <TabsTrigger value=\"thumbnails\" className=\"flex-1 bg-transparent\">\n            缩略图\n          </TabsTrigger>\n          <TabsTrigger value=\"bookmarks\" className=\"flex-1 bg-transparent\">\n            书签\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"thumbnails\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"space-y-2 p-4\">{renderThumbnailList()}</div>\n          </ScrollArea>\n        </TabsContent>\n\n        <TabsContent value=\"bookmarks\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"p-4\">\n              {bookmarks.length === 0 ? (\n                <div className=\"py-4 text-center text-sm text-muted-foreground\">\n                  没有可用的书签\n                </div>\n              ) : (\n                <div className=\"space-y-2\">\n                  {bookmarks.map((bookmark, index) => (\n                    <PDFBookmark\n                      key={`${bookmark.title}-${index}`}\n                      bookmark={bookmark}\n                      depth={0}\n                      onClick={handleBookmarkClick}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"names":["THUMBNAIL_PAGE_WINDOW","getThumbnailPages","numPages","currentPage","safeCurrentPage","start","end","_","index","PDFThumbnail","memo","thumbnail","isCurrentPage","onClick","jsxs","jsx","e","PDFBookmark","bookmark","depth","item","PDFSidebar","pdfDocument","onPageClick","components","thumbnails","setThumbnails","useState","bookmarks","setBookmarks","visibleThumbnailPages","setVisibleThumbnailPages","intersectionObserverRef","useRef","placeholderElementsRef","Tabs","TabsList","TabsTrigger","TabsContent","ScrollArea","Skeleton","thumbnailMap","useMemo","map","pagesToLoad","pageNumbers","pageNumber","a","b","useEffect","trackVisibleThumbnailPage","useCallback","pages","observer","entries","entry","element","setThumbnailPlaceholderRef","previousElement","_a","_b","cancelled","page","viewport","canvas","context","currentThumbnails","error","outline","handleBookmarkClick","pageIndex","destination","renderThumbnailPlaceholder","renderThumbnailList"],"mappings":"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"}

package/dist/PDFSidebar-Di0D-yPS.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs"),a=require("react"),M=2,V=(t,l)=>{if(t<=0)return[];const o=Math.max(1,Math.min(l,t)),c=Math.max(1,o-M),u=Math.min(t,o+M);return Array.from({length:u-c+1},(p,d)=>c+d)},A=a.memo(({thumbnail:t,isCurrentPage:l,onClick:o})=>n.jsxRuntimeExports.jsxs("div",{className:`flex w-full flex-col items-center rounded p-1 ${l?"bg-primary/10":""}`,children:[n.jsxRuntimeExports.jsx("img",{src:t.url,alt:`Page ${t.pageNumber}`,className:"w-48 cursor-pointer border transition-opacity hover:opacity-80",onClick:o,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),o())},role:"button",tabIndex:0}),n.jsxRuntimeExports.jsxs("span",{className:"mt-1 text-sm",children:["第 ",t.pageNumber," 页"]})]}));A.displayName="PDFThumbnail";const I=({bookmark:t,depth:l,onClick:o})=>n.jsxRuntimeExports.jsxs("div",{style:{paddingLeft:`${l*16}px`},children:[n.jsxRuntimeExports.jsx("button",{onClick:()=>o(t),className:"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",children:t.title}),t.items&&t.items.map((c,u)=>n.jsxRuntimeExports.jsx(I,{bookmark:c,depth:l+1,onClick:o},`${t.title}-${u}`))]});function q({pdfDocument:t,currentPage:l,onPageClick:o,components:c}){const[u,p]=a.useState([]),[d,R]=a.useState([]),[y,f]=a.useState([]),h=a.useRef(null),g=a.useRef(new Map),{Tabs:C,TabsList:S,TabsTrigger:N,TabsContent:w,ScrollArea:T,Skeleton:k}=c,j=a.useMemo(()=>u.reduce((s,e)=>(s[e.pageNumber]=e,s),{}),[u]),b=a.useMemo(()=>{if(!t)return[];const s=new Set([...V(t.numPages,l),...y]);return Array.from(s).filter(e=>e>=1&&e<=t.numPages&&!j[e]).sort((e,r)=>e-r)},[t,l,j,y]);a.useEffect(()=>{p([]),f([])},[t]);const P=a.useCallback(s=>{f(e=>e.includes(s)?e:[...e,s])},[]);a.useEffect(()=>{if(typeof IntersectionObserver>"u"){t&&f(Array.from({length:t.numPages},(e,r)=>r+1));return}const s=new IntersectionObserver(e=>{e.forEach(r=>{if(!r.isIntersecting)return;const i=Number(r.target.dataset.pageNumber);Number.isFinite(i)&&P(i)})},{rootMargin:"600px 0px"});return h.current=s,g.current.forEach(e=>{s.observe(e)}),()=>{s.disconnect(),h.current=null}},[t,P]);const B=a.useCallback((s,e)=>{var i,x;const r=g.current.get(s);r&&((i=h.current)==null||i.unobserve(r),g.current.delete(s)),e&&(g.current.set(s,e),(x=h.current)==null||x.observe(e))},[]);a.useEffect(()=>{if(!t||b.length===0)return;let s=!1;return(async()=>{for(const r of b){if(s)return;try{const i=await t.getPage(r),x=i.getViewport({scale:.2}),m=document.createElement("canvas"),$=m.getContext("2d");if(!$)continue;if(m.width=x.width,m.height=x.height,await i.render({canvasContext:$,viewport:x,canvas:m}).promise,s)return;p(E=>E.some(v=>v.pageNumber===r)?E:[...E,{pageNumber:r,url:m.toDataURL()}].sort((v,_)=>v.pageNumber-_.pageNumber))}catch(i){console.error(`Error loading thumbnail for page ${r}:`,i)}}})(),()=>{s=!0}},[t,b]),a.useEffect(()=>{(async()=>{if(t)try{const e=await t.getOutline();R(e||[])}catch(e){console.error("Error loading bookmarks:",e),R([])}})()},[t]);const F=async s=>{if(t)try{let e;if(s.dest)if(typeof s.dest=="string"){const r=await t.getDestination(s.dest);r&&r[0]&&(e=await t.getPageIndex(r[0]))}else Array.isArray(s.dest)&&s.dest[0]&&(e=await t.getPageIndex(s.dest[0]));else s.pageNumber&&(e=s.pageNumber-1);typeof e=="number"&&o(e+1)}catch(e){console.error("Error navigating to bookmark:",e)}},L=s=>n.jsxRuntimeExports.jsxs("div",{ref:e=>B(s,e),"data-page-number":s,className:`flex w-full flex-col items-center rounded p-1 ${l===s?"bg-primary/10":""}`,children:[n.jsxRuntimeExports.jsx(k,{className:"h-32 w-48"}),n.jsxRuntimeExports.jsxs("span",{className:"mt-1 text-sm",children:["第 ",s," 页"]})]},s),O=()=>!t||t.numPages<=0?null:Array.from({length:t.numPages},(s,e)=>{const r=e+1,i=j[r];return i?n.jsxRuntimeExports.jsx(A,{thumbnail:i,isCurrentPage:l===r,onClick:()=>o(r)},r):L(r)});return n.jsxRuntimeExports.jsx("div",{className:"w-64 border-r bg-muted",children:n.jsxRuntimeExports.jsxs(C,{defaultValue:"thumbnails",children:[n.jsxRuntimeExports.jsxs(S,{className:"w-full p-2",children:[n.jsxRuntimeExports.jsx(N,{value:"thumbnails",className:"flex-1 bg-transparent",children:"缩略图"}),n.jsxRuntimeExports.jsx(N,{value:"bookmarks",className:"flex-1 bg-transparent",children:"书签"})]}),n.jsxRuntimeExports.jsx(w,{value:"thumbnails",children:n.jsxRuntimeExports.jsx(T,{className:"h-[calc(100vh-8rem)]",children:n.jsxRuntimeExports.jsx("div",{className:"space-y-2 p-4",children:O()})})}),n.jsxRuntimeExports.jsx(w,{value:"bookmarks",children:n.jsxRuntimeExports.jsx(T,{className:"h-[calc(100vh-8rem)]",children:n.jsxRuntimeExports.jsx("div",{className:"p-4",children:d.length===0?n.jsxRuntimeExports.jsx("div",{className:"py-4 text-center text-sm text-muted-foreground",children:"没有可用的书签"}):n.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:d.map((s,e)=>n.jsxRuntimeExports.jsx(I,{bookmark:s,depth:0,onClick:F},`${s.title}-${e}`))})})})})]})})}exports.PDFSidebar=q;
+//# sourceMappingURL=PDFSidebar-Di0D-yPS.cjs.map

package/dist/PDFSidebar-Di0D-yPS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFSidebar-Di0D-yPS.cjs","sources":["../src/components/PDFSidebar.tsx"],"sourcesContent":["import { useState, useEffect, memo, useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  TabsComponent,\n  TabsListComponent,\n  TabsTriggerComponent,\n  TabsContentComponent,\n  ScrollAreaComponent,\n  SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n */\nexport interface PDFDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PDFPageProxy>;\n  getOutline(): Promise<PDFOutline[] | null>;\n  getDestination(dest: string): Promise<unknown[] | null>;\n  getPageIndex(ref: unknown): Promise<number>;\n}\n\nexport interface PDFPageProxy {\n  getViewport(options: { scale: number }): PDFViewport;\n  render(renderContext: {\n    canvasContext: CanvasRenderingContext2D;\n    viewport: PDFViewport;\n    canvas: HTMLCanvasElement;\n  }): { promise: Promise<void> };\n}\n\nexport interface PDFViewport {\n  width: number;\n  height: number;\n}\n\nexport interface PDFOutline {\n  title: string;\n  bold?: boolean;\n  italic?: boolean;\n  color?: Uint8ClampedArray;\n  dest?: string | unknown[] | null;\n  url?: string | null;\n  unsafeUrl?: string;\n  newWindow?: boolean;\n  count?: number;\n  items?: PDFOutline[];\n  pageNumber?: number;\n}\n\n/**\n * PDF 缩略图\n */\ninterface PDFThumbnail {\n  pageNumber: number;\n  url: string;\n}\n\nconst THUMBNAIL_PAGE_WINDOW = 2;\n\nconst getThumbnailPages = (numPages: number, currentPage: number) => {\n  if (numPages <= 0) return [];\n\n  const safeCurrentPage = Math.max(1, Math.min(currentPage, numPages));\n  const start = Math.max(1, safeCurrentPage - THUMBNAIL_PAGE_WINDOW);\n  const end = Math.min(numPages, safeCurrentPage + THUMBNAIL_PAGE_WINDOW);\n\n  return Array.from({ length: end - start + 1 }, (_, index) => start + index);\n};\n\n/**\n * PDFSidebar 组件 Props\n */\nexport interface PDFSidebarProps {\n  /** PDF 文档对象 */\n  pdfDocument: PDFDocumentProxy | null;\n  /** 当前页码 */\n  currentPage: number;\n  /** 页面点击回调 */\n  onPageClick: (pageNumber: number) => void;\n  /** UI 组件注入 */\n  components: {\n    Tabs: TabsComponent;\n    TabsList: TabsListComponent;\n    TabsTrigger: TabsTriggerComponent;\n    TabsContent: TabsContentComponent;\n    ScrollArea: ScrollAreaComponent;\n    Skeleton: SkeletonComponent;\n  };\n}\n\n/**\n * PDF 缩略图组件 (使用 React.memo 优化性能)\n */\nconst PDFThumbnail = memo(\n  ({\n    thumbnail,\n    isCurrentPage,\n    onClick,\n  }: {\n    thumbnail: PDFThumbnail;\n    isCurrentPage: boolean;\n    onClick: () => void;\n  }) => (\n    <div\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        isCurrentPage ? 'bg-primary/10' : ''\n      }`}\n    >\n      <img\n        src={thumbnail.url}\n        alt={`Page ${thumbnail.pageNumber}`}\n        className=\"w-48 cursor-pointer border transition-opacity hover:opacity-80\"\n        onClick={onClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick();\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      />\n      <span className=\"mt-1 text-sm\">第 {thumbnail.pageNumber} 页</span>\n    </div>\n  )\n);\nPDFThumbnail.displayName = 'PDFThumbnail';\n\n/**\n * PDF 书签组件\n */\nconst PDFBookmark = ({\n  bookmark,\n  depth,\n  onClick,\n}: {\n  bookmark: PDFOutline;\n  depth: number;\n  onClick: (bookmark: PDFOutline) => void;\n}) => (\n  <div style={{ paddingLeft: `${depth * 16}px` }}>\n    <button\n      onClick={() => onClick(bookmark)}\n      className=\"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary\"\n    >\n      {bookmark.title}\n    </button>\n    {bookmark.items &&\n      bookmark.items.map((item, index) => (\n        <PDFBookmark\n          key={`${bookmark.title}-${index}`}\n          bookmark={item}\n          depth={depth + 1}\n          onClick={onClick}\n        />\n      ))}\n  </div>\n);\n\n/**\n * PDFSidebar 组件\n *\n * 提供缩略图和书签导航功能。\n *\n * @example\n * ```tsx\n * import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';\n * import { Tabs, ScrollArea, Skeleton } from '@/components/ui';\n *\n * <PDFSidebar\n *   pdfDocument={pdfDocument}\n *   currentPage={currentPage}\n *   onPageClick={handlePageClick}\n *   components={{\n *     Tabs,\n *     TabsList: Tabs.List,\n *     TabsTrigger: Tabs.Trigger,\n *     TabsContent: Tabs.Content,\n *     ScrollArea,\n *     Skeleton,\n *   }}\n * />\n * ```\n */\nexport function PDFSidebar({\n  pdfDocument,\n  currentPage,\n  onPageClick,\n  components,\n}: PDFSidebarProps) {\n  const [thumbnails, setThumbnails] = useState<PDFThumbnail[]>([]);\n  const [bookmarks, setBookmarks] = useState<PDFOutline[]>([]);\n  const [visibleThumbnailPages, setVisibleThumbnailPages] = useState<number[]>(\n    []\n  );\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n  const placeholderElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n\n  const { Tabs, TabsList, TabsTrigger, TabsContent, ScrollArea, Skeleton } =\n    components;\n\n  const thumbnailMap = useMemo(\n    () =>\n      thumbnails.reduce<Record<number, PDFThumbnail>>((map, thumbnail) => {\n        map[thumbnail.pageNumber] = thumbnail;\n        return map;\n      }, {}),\n    [thumbnails]\n  );\n\n  const pagesToLoad = useMemo(() => {\n    if (!pdfDocument) return [];\n\n    const pageNumbers = new Set([\n      ...getThumbnailPages(pdfDocument.numPages, currentPage),\n      ...visibleThumbnailPages,\n    ]);\n\n    return Array.from(pageNumbers)\n      .filter(\n        (pageNumber) =>\n          pageNumber >= 1 &&\n          pageNumber <= pdfDocument.numPages &&\n          !thumbnailMap[pageNumber]\n      )\n      .sort((a, b) => a - b);\n  }, [pdfDocument, currentPage, thumbnailMap, visibleThumbnailPages]);\n\n  useEffect(() => {\n    setThumbnails([]);\n    setVisibleThumbnailPages([]);\n  }, [pdfDocument]);\n\n  const trackVisibleThumbnailPage = useCallback((pageNumber: number) => {\n    setVisibleThumbnailPages((pages) =>\n      pages.includes(pageNumber) ? pages : [...pages, pageNumber]\n    );\n  }, []);\n\n  useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') {\n      if (pdfDocument) {\n        setVisibleThumbnailPages(\n          Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1)\n        );\n      }\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n\n          const pageNumber = Number(\n            (entry.target as HTMLElement).dataset.pageNumber\n          );\n\n          if (Number.isFinite(pageNumber)) {\n            trackVisibleThumbnailPage(pageNumber);\n          }\n        });\n      },\n      { rootMargin: '600px 0px' }\n    );\n\n    intersectionObserverRef.current = observer;\n    placeholderElementsRef.current.forEach((element) => {\n      observer.observe(element);\n    });\n\n    return () => {\n      observer.disconnect();\n      intersectionObserverRef.current = null;\n    };\n  }, [pdfDocument, trackVisibleThumbnailPage]);\n\n  const setThumbnailPlaceholderRef = useCallback(\n    (pageNumber: number, element: HTMLDivElement | null) => {\n      const previousElement = placeholderElementsRef.current.get(pageNumber);\n\n      if (previousElement) {\n        intersectionObserverRef.current?.unobserve(previousElement);\n        placeholderElementsRef.current.delete(pageNumber);\n      }\n\n      if (!element) return;\n\n      placeholderElementsRef.current.set(pageNumber, element);\n      intersectionObserverRef.current?.observe(element);\n    },\n    []\n  );\n\n  // 按当前页附近的窗口懒加载缩略图，避免大 PDF 一次性生成全部页面。\n  useEffect(() => {\n    if (!pdfDocument || pagesToLoad.length === 0) return;\n\n    let cancelled = false;\n\n    const loadThumbnails = async () => {\n      for (const pageNumber of pagesToLoad) {\n        if (cancelled) return;\n\n        try {\n          const page = await pdfDocument.getPage(pageNumber);\n          const viewport = page.getViewport({ scale: 0.2 });\n          const canvas = document.createElement('canvas');\n          const context = canvas.getContext('2d');\n\n          if (!context) continue;\n\n          canvas.width = viewport.width;\n          canvas.height = viewport.height;\n\n          const renderTask = page.render({\n            canvasContext: context,\n            viewport,\n            canvas,\n          });\n\n          await renderTask.promise;\n\n          if (cancelled) return;\n\n          setThumbnails((currentThumbnails) => {\n            if (\n              currentThumbnails.some(\n                (thumbnail) => thumbnail.pageNumber === pageNumber\n              )\n            ) {\n              return currentThumbnails;\n            }\n\n            return [\n              ...currentThumbnails,\n              {\n                pageNumber,\n                url: canvas.toDataURL(),\n              },\n            ].sort((a, b) => a.pageNumber - b.pageNumber);\n          });\n        } catch (error) {\n          console.error(\n            `Error loading thumbnail for page ${pageNumber}:`,\n            error\n          );\n        }\n      }\n    };\n\n    loadThumbnails();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDocument, pagesToLoad]);\n\n  // 加载书签\n  useEffect(() => {\n    const loadBookmarks = async () => {\n      if (!pdfDocument) return;\n      try {\n        const outline = await pdfDocument.getOutline();\n        setBookmarks((outline as PDFOutline[]) || []);\n      } catch (error) {\n        console.error('Error loading bookmarks:', error);\n        setBookmarks([]);\n      }\n    };\n\n    loadBookmarks();\n  }, [pdfDocument]);\n\n  // 处理书签点击\n  const handleBookmarkClick = async (bookmark: PDFOutline) => {\n    if (!pdfDocument) return;\n\n    try {\n      let pageIndex: number | undefined;\n\n      // 处理不同类型的书签目标\n      if (bookmark.dest) {\n        if (typeof bookmark.dest === 'string') {\n          // 命名目标\n          const destination = await pdfDocument.getDestination(bookmark.dest);\n          if (destination && destination[0]) {\n            pageIndex = await pdfDocument.getPageIndex(destination[0]);\n          }\n        } else if (Array.isArray(bookmark.dest) && bookmark.dest[0]) {\n          // 显式目标\n          pageIndex = await pdfDocument.getPageIndex(bookmark.dest[0]);\n        }\n      } else if (bookmark.pageNumber) {\n        // 直接页码\n        pageIndex = bookmark.pageNumber - 1;\n      }\n\n      if (typeof pageIndex === 'number') {\n        onPageClick(pageIndex + 1);\n      }\n    } catch (error) {\n      console.error('Error navigating to bookmark:', error);\n    }\n  };\n\n  const renderThumbnailPlaceholder = (pageNumber: number) => (\n    <div\n      ref={(element) => setThumbnailPlaceholderRef(pageNumber, element)}\n      key={pageNumber}\n      data-page-number={pageNumber}\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        currentPage === pageNumber ? 'bg-primary/10' : ''\n      }`}\n    >\n      <Skeleton className=\"h-32 w-48\" />\n      <span className=\"mt-1 text-sm\">第 {pageNumber} 页</span>\n    </div>\n  );\n\n  const renderThumbnailList = () => {\n    if (!pdfDocument || pdfDocument.numPages <= 0) return null;\n\n    return Array.from({ length: pdfDocument.numPages }, (_, index) => {\n      const pageNumber = index + 1;\n      const thumbnail = thumbnailMap[pageNumber];\n\n      return thumbnail ? (\n        <PDFThumbnail\n          key={pageNumber}\n          thumbnail={thumbnail}\n          isCurrentPage={currentPage === pageNumber}\n          onClick={() => onPageClick(pageNumber)}\n        />\n      ) : (\n        renderThumbnailPlaceholder(pageNumber)\n      );\n    });\n  };\n\n  return (\n    <div className=\"w-64 border-r bg-muted\">\n      <Tabs defaultValue=\"thumbnails\">\n        <TabsList className=\"w-full p-2\">\n          <TabsTrigger value=\"thumbnails\" className=\"flex-1 bg-transparent\">\n            缩略图\n          </TabsTrigger>\n          <TabsTrigger value=\"bookmarks\" className=\"flex-1 bg-transparent\">\n            书签\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"thumbnails\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"space-y-2 p-4\">{renderThumbnailList()}</div>\n          </ScrollArea>\n        </TabsContent>\n\n        <TabsContent value=\"bookmarks\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"p-4\">\n              {bookmarks.length === 0 ? (\n                <div className=\"py-4 text-center text-sm text-muted-foreground\">\n                  没有可用的书签\n                </div>\n              ) : (\n                <div className=\"space-y-2\">\n                  {bookmarks.map((bookmark, index) => (\n                    <PDFBookmark\n                      key={`${bookmark.title}-${index}`}\n                      bookmark={bookmark}\n                      depth={0}\n                      onClick={handleBookmarkClick}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"names":["THUMBNAIL_PAGE_WINDOW","getThumbnailPages","numPages","currentPage","safeCurrentPage","start","end","_","index","PDFThumbnail","memo","thumbnail","isCurrentPage","onClick","jsxs","jsx","e","PDFBookmark","bookmark","depth","item","PDFSidebar","pdfDocument","onPageClick","components","thumbnails","setThumbnails","useState","bookmarks","setBookmarks","visibleThumbnailPages","setVisibleThumbnailPages","intersectionObserverRef","useRef","placeholderElementsRef","Tabs","TabsList","TabsTrigger","TabsContent","ScrollArea","Skeleton","thumbnailMap","useMemo","map","pagesToLoad","pageNumbers","pageNumber","a","b","useEffect","trackVisibleThumbnailPage","useCallback","pages","observer","entries","entry","element","setThumbnailPlaceholderRef","previousElement","_a","_b","cancelled","page","viewport","canvas","context","currentThumbnails","error","outline","handleBookmarkClick","pageIndex","destination","renderThumbnailPlaceholder","renderThumbnailList"],"mappings":"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"}

package/dist/auth.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AuthPanel-C_2JBE7t.cjs");exports.AuthLoginPanel=e.AuthLoginPanel;exports.AuthPageShell=e.AuthPageShell;exports.AuthPanel=e.AuthPanel;exports.AuthRegisterPanel=e.AuthRegisterPanel;exports.AuthVisualCarousel=e.AuthVisualCarousel;
+//# sourceMappingURL=auth.cjs.map

package/dist/auth.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/auth.d.ts

@@ -0,0 +1,11 @@
+export { AuthLoginPanel } from './components/AuthLoginPanel';
+export type { AuthLoginMethod, AuthLoginPanelProps, AuthPasswordLoginPayload, AuthSmsCodeResult, AuthSmsLoginPayload, AuthSocialProvider, AuthUIComponents, AuthValidationResult, } from './components/AuthLoginPanel';
+export { AuthRegisterPanel } from './components/AuthRegisterPanel';
+export type { AuthRegisterPanelProps, AuthRegisterPayload, } from './components/AuthRegisterPanel';
+export { AuthPageShell } from './components/AuthPageShell';
+export type { AuthPageShellProps } from './components/AuthPageShell';
+export { AuthVisualCarousel } from './components/AuthVisualCarousel';
+export type { AuthVisualCarouselItem, AuthVisualCarouselProps, } from './components/AuthVisualCarousel';
+export { AuthPanel } from './components/AuthPanel';
+export type { AuthPanelMode, AuthPanelProps } from './components/AuthPanel';
+//# sourceMappingURL=auth.d.ts.map

package/dist/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../src/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EACV,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EACV,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/auth.js

@@ -0,0 +1,9 @@
+import { A as s, a as l, b as t, c as u, d as h } from "./AuthPanel-D2HFX8eN.js";
+export {
+  s as AuthLoginPanel,
+  l as AuthPageShell,
+  t as AuthPanel,
+  u as AuthRegisterPanel,
+  h as AuthVisualCarousel
+};
+//# sourceMappingURL=auth.js.map

package/dist/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/component-types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=component-types.cjs.map

package/dist/component-types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/component-types.d.ts

@@ -0,0 +1,2 @@
+export type { ButtonComponent, CardComponent, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogTitleComponent, DropdownMenuComponent, DropdownMenuContentComponent, DropdownMenuRadioGroupComponent, DropdownMenuRadioItemComponent, DropdownMenuTriggerComponent, InputComponent, LabelComponent, ScrollAreaComponent, SelectComponent, SelectContentComponent, SelectItemComponent, SelectTriggerComponent, SelectValueComponent, SkeletonComponent, TableCellComponent, TableComponent, TableRowComponent, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, UIComponent, } from './types/component-types';
+//# sourceMappingURL=component-types.d.ts.map

package/dist/component-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-types.d.ts","sourceRoot":"","sources":["../src/component-types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,GACZ,MAAM,yBAAyB,CAAC"}

package/dist/component-types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=component-types.js.map

package/dist/component-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/AuthLoginPanel.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { ButtonComponent, InputComponent, LabelComponent, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent } from '../types/component-types';
+export type AuthLoginMethod = 'password' | 'sms';
+export type AuthValidationResult = string | undefined | null;
+export interface AuthUIComponents {
+    Button: ButtonComponent;
+    Input: InputComponent;
+    Label: LabelComponent;
+    Tabs: TabsComponent;
+    TabsList: TabsListComponent;
+    TabsTrigger: TabsTriggerComponent;
+    TabsContent: TabsContentComponent;
+}
+export interface AuthSocialProvider {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    onClick?: () => Promise<void> | void;
+}
+export interface AuthSmsCodeResult {
+    smsId?: string;
+    smsType?: string;
+}
+export interface AuthPasswordLoginPayload {
+    username: string;
+    password: string;
+}
+export interface AuthSmsLoginPayload {
+    phone: string;
+    code: string;
+    smsId?: string;
+    smsType?: string;
+}
+export interface AuthLoginPanelProps {
+    components?: AuthUIComponents;
+    title?: ReactNode;
+    description?: ReactNode;
+    brandIcon?: ReactNode;
+    defaultMethod?: AuthLoginMethod;
+    enabledMethods?: AuthLoginMethod[];
+    error?: ReactNode;
+    extraActions?: ReactNode;
+    footer?: ReactNode;
+    socialProviders?: AuthSocialProvider[];
+    className?: string;
+    smsCountdownSeconds?: number;
+    validatePhone?: (phone: string) => AuthValidationResult;
+    validatePassword?: (payload: AuthPasswordLoginPayload) => AuthValidationResult;
+    onPasswordLogin?: (payload: AuthPasswordLoginPayload) => Promise<void> | void;
+    onSendSmsCode?: (phone: string) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;
+    onSmsLogin?: (payload: AuthSmsLoginPayload) => Promise<void> | void;
+}
+export declare function AuthLoginPanel({ components, title, description, brandIcon, defaultMethod, enabledMethods, error, extraActions, footer, socialProviders, className, smsCountdownSeconds, validatePhone, validatePassword, onPasswordLogin, onSendSmsCode, onSmsLogin, }: AuthLoginPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthLoginPanel.d.ts.map