(undefined);\n\n const getSecret = () => {\n const secretRegex = /secret=([^&]+)/;\n const match = (otpauth || otpauthUrl)!.match(secretRegex);\n return match && match[1];\n }\n\n const makeSubDescription = () => {plain('Make your RustDesk account more secure by requiring an extra authentication code when you log in.')}
;\n const makeTitleStep1 = () => {plain('1. Download an authenticator app')}
;\n const makeSubDescriptionStep1 = () => <>\n \n {plain('Download an authenticator app sunch as')}\n \n
Authy , \n
Microsoft \n {plain('or')} \n
Google \n \n {plain('Authenticator')}\n \n {plain('on your phone or desktop.')}\n\n
{plain('2. Scan the QR code')}
;\n const makeSubDescriptionStep2 = () => <>\n \n {plain('Open your authenticator app, scan the QR code and enter the code that your app shows.')}\n
\n ;\n\n const makeCodeComponent = () => \n
;\n\n const makeComponentStep2 = () => <>\n \n
\n {makeSubDescriptionStep2()}\n
\n {makeCodeComponent()}\n {makeRemark()}\n
\n
\n
\n
\n
\n {getSecret()}\n \n
\n
\n {plain('You can change or remove 2FA at any time in your account settings.')}\n
\n ;\n\n const makeEnableSubmitter = () => {\n return {\n render: (props: any, dom: JSX.Element[]) => {\n return \n {dom[0]}\n form.submit()}\n disabled={!isCodeReady}\n >\n {plain('Enable 2FA')}\n \n ;\n },\n };\n };\n\n const makeNewComponents = () => <>\n {makeSubDescription()}\n {makeTitleStep1()}\n {makeSubDescriptionStep1()}\n {makeTitleStep2()}\n {makeComponentStep2()}\n ;\n\n const makeShowBackupCodesComponents = () => <>\n {makeBackupCodesComponents(plain, backupCodes)}\n ;\n\n const handleModalOpen2 = (v: boolean) => {\n if (!v) {\n form.setFieldsValue({ tfa_code: '' });\n }\n handleModalOpen(v, !v && newTfaStatus != undefined);\n }\n\n const getSubmitter = () => {\n if (enableState === EnableTfaState.Verify) {\n return undefined;\n } else if (enableState === EnableTfaState.Enable) {\n return makeEnableSubmitter();\n } else {\n return makeBackupCodesSubmitter(plain, backupCodes, handleModalOpen2);\n }\n }\n\n const getComponents = () => {\n if (enableState === EnableTfaState.Verify) {\n return <>\n {plain('Please verify your 2FA code to disable current 2FA first.')}
\n \n {getComponents()}\n ;\n}\n\nexport default EnableTfaForm;\n","import React, { useEffect, useRef, useState } from 'react';\nimport type { FormInstance, InputRef } from 'antd';\nimport { Button, Input, Tooltip, message } from 'antd';\nimport { LockOutlined, QuestionCircleOutlined, LoadingOutlined } from '@ant-design/icons';\nimport { userTfaEnable } from '@/services/api';\nimport { useIntl } from '@umijs/max';\nimport styles from './tfa.less';\nimport { t } from '@/global';\nimport EnableTfaForm from './EnableTfaForm';\nimport ProForm from '@ant-design/pro-form';\nimport type { API } from '@/services/typings';\nimport { SettingsActionTooltipIcon } from '../userSettings';\n\ntype TfaComponentProps = {\n currentUser?: API.User;\n handleSwitchSecurity: () => void;\n refreshInitialState: () => Promise;\n};\n\ntype EnableTfaActionProps = {\n isButton?: boolean;\n plain: (text: string, defaultMessage?: string) => string;\n className?: string;\n refreshInitialState: () => Promise;\n}\n\nexport const IsTfaVerificationError = (error: string) => error.indexOf('Can\\'t verify the code') != -1;\n\nexport const TfaButtonTooltipIcon = (title: string) => \n ;\n\nexport const EnableTfaAction: React.FC = ({ isButton, plain, className, refreshInitialState }) => {\n const [enableModalOpen, setEnableModalOpen] = useState(false);\n const [otpauth, setOtpauth] = useState('');\n const [loading, setLoading] = useState(false);\n\n const handleEnableTfa = async () => {\n try {\n setLoading(true);\n const otpauth_url = await userTfaEnable({});\n setOtpauth(otpauth_url);\n setEnableModalOpen(true);\n setLoading(false);\n return true;\n } catch (error: any) {\n message.error(error);\n return false;\n }\n };\n\n const handleModalOpen = (open: boolean, tfa_updated: boolean) => {\n setEnableModalOpen(open);\n if (tfa_updated) {\n refreshInitialState();\n }\n };\n\n return <>\n {\n isButton ? \n \n {plain('Enable 2FA')}\n \n {TfaButtonTooltipIcon(plain('Enable 2 Factor Authentication.'))}\n
: \n }\n = ({ plain }) => {\n const [renewModalOpen, setRenewModalOpen] = useState(false);\n\n const handleRenewTfa = async () => setRenewModalOpen(true);\n\n return <>\n \n {plain('Renew 2FA')} \n \n = ({ currentUser, handleSwitchSecurity, refreshInitialState }) => {\n const statusTfa = currentUser?.status_tfa;\n\n const intl = useIntl();\n const plain = (text: string, defaultMessage = '') => t(`pages.account.tfaComponent.${text}`, true, defaultMessage || text, intl) as string;\n\n const makeTfaComponent = () => {\n // TODO: remove \"statusTfa === 1\"\n if (statusTfa === undefined || statusTfa === 0 || statusTfa === 1) {\n return \n
\n {plain('2FA')} \n
\n {TfaButtonTooltipIcon(plain('2 Factor Authentication is enabled.'))}\n
\n
;\n } else {\n return null;\n }\n };\n const tfaComponent = makeTfaComponent();\n\n return tfaComponent != undefined &&\n <>\n \n {tfaComponent}\n \n ;\n}\n\ntype TfaCodeComponentProps = {\n form: FormInstance;\n setIsCodeReady?: (isReady: boolean) => void;\n width?: number | 'sm' | 'md' | 'xl' | 'xs' | 'lg';\n isBackupCodeAcceptable: boolean;\n autoFocus?: boolean;\n onChange?: (v: string) => void;\n err?: string;\n setErr?: React.Dispatch>;\n}\n\nexport const TfaCodeComponent: React.FC = ({ form, setIsCodeReady, width, isBackupCodeAcceptable, autoFocus, onChange, err, setErr }) => {\n const inputRef = useRef(null);\n const [isFocused, setIsFocused] = useState(false);\n\n useEffect(() => {\n if (autoFocus) {\n inputRef.current?.focus();\n }\n }, [autoFocus]);\n\n const intl = useIntl();\n const plain = (text: string, defaultMessage = '') => t(`pages.account.tfa.${text}`, true, defaultMessage || text, intl) as string;\n\n const validateCodeInput = (rule: any, value?: string) => {\n if (value == undefined || value.length == 0) {\n return Promise.resolve();\n }\n\n const errMsg = plain(isBackupCodeAcceptable ? 'The code must be 6, 8, 10 digits.' : 'The code must be 6 or 8 digits.');\n if (value.length > (isBackupCodeAcceptable ? 10 : 8)) {\n return Promise.reject(errMsg);\n }\n\n if (isFocused) {\n const regex = /^\\d+$/;\n if (!regex.test(value)) {\n if (setIsCodeReady) {\n setIsCodeReady(false);\n }\n return Promise.reject(errMsg);\n } else {\n if ((isBackupCodeAcceptable ? [6, 8, 10] : [6, 8]).includes(value.length)) {\n if (setIsCodeReady) {\n setIsCodeReady(true);\n }\n }\n }\n return Promise.resolve();\n }\n if (value) {\n const regex = isBackupCodeAcceptable ? /^\\d{6}$|^\\d{8}$|^\\d{10}$/ : /^\\d{6}$|^\\d{8}$/;\n if (!regex.test(value)) {\n if (setIsCodeReady) {\n setIsCodeReady(false);\n }\n return Promise.reject(errMsg);\n } else {\n if (setIsCodeReady) {\n setIsCodeReady(true);\n }\n }\n }\n if (err) {\n return Promise.reject(err);\n }\n return Promise.resolve();\n };\n\n const handleErr = () => {\n if (err == undefined) {\n return;\n }\n const v = form.getFieldValue(['tfa_code']) as string | undefined;\n if (v && v.length > 0) {\n form.validateFields(['tfa_code']);\n }\n }\n\n const handleBlur = () => {\n setIsFocused(false);\n const v = form.getFieldValue(['tfa_code']) as string | undefined;\n if (v && v.length > 0) {\n form.validateFields(['tfa_code']);\n }\n }\n\n const handlePressEnter = () => {\n setIsFocused(false);\n form.submit();\n }\n\n return <>\n {plain('2FA code')}}\n rules={\n [\n { required: true, message: plain('Please enter your 2FA code') },\n { validator: validateCodeInput }\n ]\n }\n >\n setIsFocused(true)}\n onBlur={handleBlur}\n onPressEnter={handlePressEnter}\n ref={inputRef}\n placeholder={plain(isBackupCodeAcceptable ? 'Enter your 2FA code or backup code' : 'Enter your 2FA code')}\n onChange={(e: any) => {\n setErr?.(undefined);\n onChange?.(e.target.value);\n }}\n />\n \n {handleErr()}\n \n}\n","// extracted by mini-css-extract-plugin\nexport default {\"baseView\":\"baseView___aPBbE\",\"left\":\"left___T5GpE\",\"right\":\"right___EHKx0\",\"avatar_title\":\"avatar_title___P6GB3\",\"avatar\":\"avatar___q06um\",\"button_view\":\"button_view___zlLhu\",\"area_code\":\"area_code___aiy81\",\"phone_number\":\"phone_number___vQv3t\"};","import React from 'react';\nimport { Tooltip } from 'antd';\nimport { useModel } from '@umijs/max';\nimport styles from './userSettings.less';\nimport { initialState as queryInitialState } from '@/services/api';\nimport { QuestionCircleOutlined } from '@ant-design/icons';\nimport type { API } from '@/services/typings';\n\nexport const isTfaEnabled = (statusTfa?: number) => [2, 3].includes(statusTfa ?? 0);\n\nexport const SettingsActionTooltipIcon = (title: string) => \n ;\n\nexport type UserSettingsProps = {\n currentUser: API.User | undefined;\n refreshInitialState: () => Promise;\n handleSwitchTab?: (tab: string) => void;\n}\n\ntype UserSettingsViewProps = {\n componentCreator: (props: UserSettingsProps) => React.ReactNode;\n handleSwitchTab?: (tab: string) => void;\n}\n\nconst UserSettingsView: React.FC = ({ componentCreator, handleSwitchTab }) => {\n const { initialState, setInitialState } = useModel('@@initialState');\n const { user: currentUser, loading } = initialState!;\n\n const refreshInitialState = async () => {\n const current = await queryInitialState();\n await setInitialState((s) => ({\n ...s,\n ...current,\n }));\n }\n\n return (\n \n {loading ? null : (\n
\n {componentCreator({currentUser, refreshInitialState, handleSwitchTab})}\n
\n )}\n
; (): any },\n type: string,\n) => {\n if (!msg.access_token) {\n message.error(failureMsg);\n return;\n }\n if (!!localStorage.getItem('autoLogin') && type !== AUTH_REQ_TYPE_EMAIL_CODE2) {\n localStorage.setItem(keyAccessToken, msg.access_token);\n } else {\n sessionStorage.setItem(keyAccessToken, msg.access_token);\n localStorage.removeItem(keyAccessToken);\n }\n await fetchInitialState();\n message.success(successMsg);\n};\n\nconst LoginMessage: React.FC<{\n content: string;\n}> = ({ content }) => (\n
;\n }\n}\n\nconst LoginButton = ({\n text,\n iconContent,\n onClick,\n disabled,\n iconSize,\n}: {\n text: string;\n iconContent?: string;\n onClick: any;\n disabled: any;\n iconSize: number;\n}) => {\n return (\n \n {text} \n \n );\n};\n\nconst LoginOidc: React.FC<{ options: API.OidcLoginInfo[]; fetchInitialState: { (): Promise; (): any } }> = (\n props,\n) => {\n const [loginOp, setLoginOp] = useState('');\n const [loginMsg, setLoginMsg] = useState('');\n const intl = useIntl();\n const antdConfig = useAntdConfig();\n const isDark = checkHasAlgorithm(antdConfig, darkAlgorithm);\n const oidcSettings = getOidcSettings(isDark) as any;\n\n const plain = (text: string, defaultMessage = '') => t(`pages.login.${text}`, true, defaultMessage || text, intl) as string;\n\n const handleLoginWith = async (op: string) => {\n setLoginOp(op);\n const browser = Bowser.getParser(window.navigator.userAgent);\n const deviceInfo: API.DeviceInfo = {\n os: browser.getOSName(true),\n type: 'browser',\n name: `${browser.getBrowserName()} - ${browser.getBrowserVersion()}`,\n };\n const callbackUrl = window.location.origin + '/#/welcome';\n try {\n await oidcAuth({ op, callbackUrl, deviceInfo });\n } catch (err) {\n setLoginMsg('failed to request the auth url');\n console.error('Failed to request auth url', err);\n return;\n }\n };\n\n const LoginItem = ({ data }: { data: API.OidcLoginInfo }) => {\n const iconSize = oidcSettings[data.name]?.icon.size ?? oidcSettings.icon.size;\n const nameRecord = { 'github': 'GitHub', 'gitlab': 'GitLab' } as any;\n const labelOp = nameRecord[data.name.toLocaleLowerCase()] ?? capitalizeFirstLetter(data.name);\n return (\n <>\n \n handleLoginWith(data.name)}\n key={data.name}\n disabled={loginOp !== '' && loginMsg === ''}\n iconSize={iconSize === undefined ? oidcSettings.icon.size : iconSize}\n />\n
\n {loginOp === data.name &&\n ((loginMsg === 'success' && (\n {t('pages.login.success', true, 'success')}
\n )) ||\n (loginMsg !== '' && (\n \n {t('pages.login.failure', true, 'Login failed, please try again!')} \n {loginMsg} \n
\n )))}\n \n );\n };\n\n return (\n <>\n {props.options\n .map((item) => (\n \n
\n ))}\n \n );\n};\n\nconst AccountLogin: React.FC<{ loginResult: LoginResult }> = (props) => {\n const inputRef = useRef(null);\n\n useEffect(() => {\n inputRef.current?.focus();\n }, []);\n\n return (\n <>\n {props.loginResult.status && (\n >,\n};\n\nconst OneTimeLogin: React.FC = (props) => {\n const intl = useIntl();\n return (\n <>\n {props.loginResult.status && , loginResult: LoginResult, onChange: (v: string) => void }> = (props) => {\n const inputRef = useRef(null);\n useEffect(() => {\n inputRef.current?.focus();\n }, []);\n\n const codeLen = 6;\n\n return (\n <>\n {props.loginResult.status && {\n const v = e.target.value;\n props.onChange(v);\n if (v && v.length > codeLen) {\n props.form.validateFields(['verificationCode']);\n }\n }\n }}\n validateTrigger={['onBlur']}\n />\n \n );\n};\n\nconst TfaCodeLogin: React.FC<{ form: FormInstance, loginResult: LoginResult, onChange: (v: string) => void }> = (props) => {\n return (\n <>\n {props.loginResult.status && ({} as LoginResult);\n const [type, setType] = useState(AUTH_REQ_TYPE_ACCOUNT);\n const [oidcLoginOptions, setOidcLoginOptions] = useState([]);\n const { initialState, setInitialState } = useModel('@@initialState');\n const [logging, setLogging] = useState(false);\n const [form] = Form.useForm();\n // https://ant.design/docs/react/customize-theme#switch-themes-dynamically\n const { token } = useToken();\n const colorMode = useColorMode();\n const setAntdConfig = useAntdConfigSetter();\n const verifyMode =\n type === AUTH_REQ_TYPE_SMS_CODE ||\n type === AUTH_REQ_TYPE_EMAIL_CODE ||\n type == AUTH_REQ_TYPE_EMAIL_CODE2 ||\n type === AUTH_REQ_TYPE_TFA_CODE;\n\n const defaultLoginFailureMessage = t(\n 'pages.login.failure',\n true,\n 'Login failed, please try again!',\n ) as string;\n const defaultLoginSuccessMessage = t('pages.login.success', true, 'Login successful!') as string;\n\n const actionClassName = useEmotionCss(({ token }) => ({\n display: \"flex\",\n float: \"right\",\n height: \"48px\",\n marginLeft: \"auto\",\n overflow: \"hidden\",\n cursor: \"pointer\",\n padding: \"0 12px\",\n alignItems: \"center\",\n borderRadius: token.borderRadius,\n \"&:hover\": {\n backgroundColor: token.colorBgTextHover,\n },\n \">span\": {\n verticalAlign: 'middle',\n },\n }));\n\n useEffect(() => {\n (async () => {\n try {\n // const res = await getOidcLoginOptions();\n let ops: API.OidcLoginInfo[] = [];\n const res = await getLoginOptions();\n for (const item of res) {\n if (item.startsWith('common-oidc/')) {\n // json decode substring of item to ops\n ops = JSON.parse(item.substring('common-oidc/'.length));\n }\n }\n if (ops.length == 0) {\n for (const item of res) {\n if (item.startsWith('oidc/')) {\n ops.push({ 'name': item.substring('oidc/'.length) } as API.OidcLoginInfo);\n }\n }\n }\n setOidcLoginOptions(ops);\n } catch (error) { }\n })();\n }, []);\n\n useEffect(() => {\n if (colorMode === 'light') {\n setDarkAlgorithm(false);\n } else if (colorMode === 'dark') {\n setDarkAlgorithm(true);\n }\n }, [colorMode])\n\n useEffect(() => {\n if (initialState && initialState?.user) {\n const query = queryString.parse(history.location.search);\n const { redirect } = query as { redirect: string };\n // somehow setInitialState doesn't take effect even after await, add a setTimeout as workaround here.\n history.push(redirect || '/');\n } else {\n const query = queryString.parse(history.location.search);\n if (query?.tfa_type == AUTH_RES_TYPE_EMAIL_CHECK) {\n message.success('Need email verification');\n setLoginResultState({\n username: (query?.username ?? '') as string,\n emailHint: (query?.email ?? '') as string,\n secret: (query?.secret ?? '') as string,\n });\n setType(AUTH_REQ_TYPE_EMAIL_CODE);\n } else if (query?.tfa_type == AUTH_RES_TYPE_TFA_CHECK) {\n message.success('Need 2FA verification');\n setLoginResultState({\n username: (query?.username ?? '') as string,\n secret: (query?.secret ?? '') as string,\n });\n setType(AUTH_REQ_TYPE_TFA_CODE);\n } else {\n // do nothing\n }\n }\n }, [initialState]);\n\n useEffect(() => {\n const query = queryString.parse(history.location.search);\n const { updateEmailToken } = query as { updateEmailToken?: string };\n if (updateEmailToken) {\n const claims = checkToken(updateEmailToken);\n if (!claims) {\n // unreachable\n message.error(t('Invalid token, please check if the url is correct.'));\n return;\n }\n\n if (isExpired(claims)) {\n message.error(t('Expired token, please resend the email.'));\n return;\n }\n\n updateUserVerify({ type: 'email', user: claims.user_guid, secret: updateEmailToken }).then(() => {\n message.success(t('Email updated successfully.'));\n if (getToken()) {\n initialState?.fetchInitialState?.().then((info) => {\n setInitialState((s) => ({\n ...s,\n ...info,\n }));\n });\n }\n }\n ).catch((err) => {\n message.error('Failed to update email: ' + err);\n });\n }\n }, [initialState, setInitialState]);\n\n const setDarkAlgorithm = (dark: boolean) => {\n setAntdConfig({\n theme: {\n algorithm: [\n dark ? darkAlgorithm : defaultAlgorithm,\n ],\n },\n });\n }\n\n const fetchInitialState = async () => {\n const info = await initialState?.fetchInitialState?.();\n if (info) {\n await setInitialState((s) => ({\n ...s,\n ...info,\n }));\n }\n };\n\n const handleSubmit = async (values: API.LoginRequest & { tfa_code?: string }) => {\n try {\n values.uuid = getFingerprint();\n const browser = Bowser.getParser(window.navigator.userAgent);\n const deviceInfo: API.DeviceInfo = {\n os: browser.getOSName(true),\n type: 'browser',\n name: `${browser.getBrowserName()} - ${browser.getBrowserVersion()}`,\n };\n values.type = type;\n values.deviceInfo = deviceInfo;\n values.username = values.username?.trim();\n values.password = values.password?.trim();\n values.verificationCode = values.verificationCode?.trim();\n values.tfaCode = values.tfa_code?.trim();\n values.secret = loginResultState.secret;\n const msg = await login(values);\n\n const isNeedEmailVerification = msg.type === AUTH_RES_TYPE_EMAIL_CHECK &&\n (msg.tfa_type == undefined || msg.tfa_type == AUTH_RES_TYPE_EMAIL_CHECK);\n if (isNeedEmailVerification) {\n message.success(t('Need email verification'));\n setLoginResultState({\n username: values.username,\n emailHint: msg.user.email,\n secret: msg.secret,\n });\n setType(AUTH_REQ_TYPE_EMAIL_CODE);\n return;\n }\n\n const isNeedTfaVerification = msg.type === AUTH_RES_TYPE_TFA_CHECK ||\n (msg.type === AUTH_RES_TYPE_EMAIL_CHECK && msg.tfa_type === AUTH_RES_TYPE_TFA_CHECK);\n if (isNeedTfaVerification) {\n message.success(t('Need 2FA verification'));\n setLoginResultState({\n username: values.username,\n secret: msg.secret,\n });\n setType(AUTH_REQ_TYPE_TFA_CODE);\n return;\n }\n\n await handleLoginDone(\n msg,\n defaultLoginFailureMessage,\n defaultLoginSuccessMessage,\n fetchInitialState,\n type,\n );\n } catch (e) {\n if (typeof e == 'string') {\n message.error(e as string);\n return;\n }\n const err = e as ResponseError;\n if (err.response?.status == 401) {\n const error = (((err.response as any)['data'] || {})['error'] || '').trim();\n if (error !== '') {\n setLoginResultState({ status: error });\n } else {\n setLoginResultState({ status: 'error' });\n }\n } else {\n message.error(defaultLoginFailureMessage);\n }\n }\n };\n\n const handleEmailCodeChange = (v: string) => {\n if (v.length == 6) {\n form.submit();\n }\n }\n\n const handleTfaCodeChange = (v: string) => {\n if (v.length == 6 || v.length == 10) {\n form.submit();\n }\n }\n\n return fallbackEnUs(\n \n
\n {SelectLang &&
\n
\n
}\n title=\"RustDesk\"\n subTitle={t('app.title', true, appTitle as string)}\n initialValues={{\n // autoLogin is only related to access_token\n // trustTheDevice is whether to add to whitelist, undefined temporarily\n autoLogin: !!localStorage.getItem('autoLogin'),\n }}\n onValuesChange={(values) => {\n // explict changed value\n if (values.autoLogin === true) {\n localStorage.setItem('autoLogin', '1');\n } else if (values.autoLogin === false) {\n localStorage.removeItem('autoLogin');\n }\n }}\n submitter={{\n render: () => {\n return (\n <>\n
\n {t('pages.login.submit', true, 'Login')}\n \n {!verifyMode && oidcLoginOptions.length != 0 && (\n
\n )}\n {verifyMode && (\n
{\n setLoginResultState({} as LoginResult);\n setType(AUTH_REQ_TYPE_ACCOUNT);\n }}\n >\n Back\n \n )}\n \n );\n },\n submitButtonProps: {\n size: 'large',\n style: {\n width: '100%',\n },\n },\n }}\n onFinish={async (values) => {\n setLogging(true);\n await handleSubmit(values as API.LoginRequest);\n setLogging(false);\n }}\n >\n {!verifyMode && false && (\n \n \n )}\n\n {type === AUTH_REQ_TYPE_ACCOUNT && \n {type !== AUTH_REQ_TYPE_EMAIL_CODE2 && (\n \n {t('pages.login.rememberMe', true, 'Remember me')}\n \n )}\n {!verifyMode && (\n {\n setType(AUTH_REQ_TYPE_EMAIL_CODE2);\n }}\n >\n {t('pages.login.forgotPassword', true, 'Forgot Password ?')}\n \n )}\n \n \n
();\n const [current, updateCurrent] = useState(0);\n\n const location = useLocation();\n const query = queryString.parse(location.search);\n const { token } = query as { token: string | undefined };\n\n useEffect(() => {\n if (token) {\n const data: API.VerifyUserPayload = {\n token: decode(token),\n new_password: ''\n }\n const func = async () => {\n const v = await verifyReadUser({ data });\n formRef.current?.setFieldsValue(v);\n };\n func().catch(message.error);\n }\n }, [token]);\n\n const claims = checkToken(token);\n if (!claims) {\n return (\n
\n {SelectLang &&
\n
\n
\n {\n if (props.step === 0) {\n return (\n props.onSubmit?.()}>\n Next {'>'}\n \n );\n }\n return undefined;\n }\n }}\n >\n {\n const hide = message.loading(\"Updating\");\n const data: API.VerifyUserPayload = {\n token: decode(token!),\n new_password: v[\"password\"]\n };\n try {\n await verifyUpdateUser({ data });\n message.success(\"User registration is successful!\");\n updateCurrent(1);\n return true;\n } catch (error) {\n message.error(error as any)\n return false;\n } finally {\n hide();\n }\n }}\n >\n \n {\n history.push(\"/user/login\");\n window.location.reload();\n }} type=\"primary\">Login }\n />\n \n \n \n
\n
\n
(url: string, options: any, not_check_err?: boolean): Promise {\n try {\n options['skipErrorHandler'] = true;\n let out: any = await request0(url, options);\n if (out && !not_check_err && out['error']) {\n throw out['error'];\n }\n return out as any as T;\n } catch (err: any) {\n if (err.response?.status == 401 && !history.location.pathname?.startsWith('/user')) {\n localStorage.removeItem(keyAccessToken);\n sessionStorage.removeItem(keyAccessToken);\n window.location.reload();\n }\n if (err.response?.status != 401 && err.response?.statusText) {\n throw (err.response?.statusText);\n }\n throw err;\n }\n}\n\nexport const getToken = () => localStorage.getItem(keyAccessToken) || sessionStorage.getItem(keyAccessToken);\n\nfunction getHeaders() {\n const headers: any = { 'Content-Type': 'application/json' };\n const token = getToken();\n if (token) {\n headers['Authorization'] = 'Bearer ' + token;\n }\n return headers;\n}\n\nfunction wrapFuzzyQuery(params: { [key: string]: any }, keys: string[]) {\n for (const key of keys) {\n if (params[key] != undefined && typeof (params[key]) == 'string' && params[key].indexOf('%') == -1) {\n const k = params[key].trim();\n if (k.length > 0) {\n if (k === '-') {\n params[key] = k;\n } else {\n params[key] = '%' + k + '%';\n }\n } else {\n delete params[key];\n }\n }\n }\n return params;\n}\n\nexport async function currentUser(options?: { [key: string]: any }) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n return request('/api/currentUser', {\n method: 'POST',\n headers,\n ...(options || { data: {} }),\n });\n}\n\nexport async function initialState(options?: { [key: string]: any }) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n return request<{\n version: string,\n user: API.User;\n team: API.Team,\n group: API.GroupListItem,\n license?: API.LicenseState // null when user is not admin\n settings?: API.ConfigEntry[],\n }>('/api/initialState', {\n method: 'POST',\n headers,\n ...(options || { data: {} }),\n });\n}\n\nexport async function outLogin(payload: { [key: string]: string | null }, options?: { [key: string]: any }) {\n return request>('/api/logout', {\n method: 'POST',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function getCfg() {\n return request>('/api/cfg', {\n method: 'GET',\n headers: getHeaders(),\n });\n}\n\n\nexport async function loginOptions() {\n return request('/api/login-options', {\n method: 'GET',\n headers: getHeaders(),\n });\n}\n\nexport async function login(body: API.LoginRequest, options?: { [key: string]: any }) {\n body.baseUrl = get_base_url();\n return request('/api/login', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n data: body,\n ...(options || {}),\n });\n}\n\nexport async function oidcAuth(body: API.OidcAuth, options?: { [key: string]: any }) {\n const resp = await request('/api/oidc/auth', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n data: body,\n ...(options || {}),\n });\n window.location.href = resp.url;\n}\n\nexport async function getNotices(options?: { [key: string]: any }) {\n return request('/api/notices', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function connectAudits(\n params: {\n current?: number;\n pageSize?: number;\n created_at?: any;\n },\n options?: { [key: string]: any },\n) {\n let t = params['created_at'];\n if (t) {\n params['created_at'] = new Date(t).toISOString().replace('T', ' ').replace('Z', '');\n }\n params = wrapFuzzyQuery(params, ['remote', 'remote_device_name']);\n return request('/api/audits/conn', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function fileTransferAudits(\n params: {\n current?: number;\n pageSize?: number;\n created_at?: any;\n },\n options?: { [key: string]: any },\n) {\n let t = params['created_at'];\n if (t) {\n params['created_at'] = new Date(t).toISOString().replace('T', ' ').replace('Z', '');\n }\n params = wrapFuzzyQuery(params, ['remote', 'remote_device_name']);\n return request('/api/audits/file', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function alarmAudits(\n params: {\n current?: number;\n pageSize?: number;\n created_at?: any;\n },\n options?: { [key: string]: any },\n) {\n let t = params['created_at'];\n if (t) {\n params['created_at'] = new Date(t).toISOString().replace('T', ' ').replace('Z', '');\n }\n params = wrapFuzzyQuery(params, ['account', 'device', 'report_device_name']);\n return request('/api/audits/alarm', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function consoleAudits(\n params: {\n current?: number;\n pageSize?: number;\n created_at?: any;\n },\n options?: { [key: string]: any },\n) {\n let t = params['created_at'];\n if (t) {\n params['created_at'] = new Date(t).toISOString().replace('T', ' ').replace('Z', '');\n }\n params = wrapFuzzyQuery(params, ['operator']);\n return request('/api/audits/console', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function requestDisconnectConn(guid: String) {\n return request('/api/audit/disconnect', {\n method: 'POST',\n headers: getHeaders(),\n data: {\n audit_guid: guid,\n },\n });\n}\n\nexport async function users(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n) {\n params = wrapFuzzyQuery(params, ['name', 'email', 'group_name']);\n return request('/api/user-list', {\n // TODO /api/users not work in dev\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function groups(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n no_fruzzy?: boolean,\n) {\n if (!no_fruzzy) {\n params = wrapFuzzyQuery(params, ['name']);\n }\n return request('/api/groups', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function tokens(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n) {\n return request('/api/tokens', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function addToken(data: API.TokenPayload) {\n return request('/api/tokens', {\n method: 'POST',\n headers: getHeaders(),\n data,\n });\n}\n\nexport async function deleteToken(id: string) {\n return request('/api/tokens/' + id, {\n method: 'delete',\n headers: getHeaders(),\n });\n}\n\nexport async function names(\n params: {\n table: string;\n pattern: string;\n limit: number;\n offset?: number;\n },\n options?: { [key: string]: any },\n) {\n return request('/api/names', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function createCrossGroupRule(data: API.CrossGrpPayload) {\n return request('/api/cross-group/create-rule', {\n method: 'POST',\n headers: getHeaders(),\n data,\n });\n}\n\nexport async function deleteCrossGroupRule(data: API.CrossGrpPayload) {\n return request('/api/cross-group/delete-rule', {\n method: 'PUT',\n headers: getHeaders(),\n data,\n });\n}\n\nexport async function getAllCrossGrpRules(data: { guid: string }) {\n return request('/api/cross-group/rules', {\n method: 'POST',\n headers: getHeaders(),\n data,\n });\n}\n\nexport async function devices(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n) {\n params = wrapFuzzyQuery(params, [\n 'id',\n 'device_name',\n 'device_username',\n 'user_name',\n 'group_name',\n 'strategy_name',\n 'user_strategy_name'\n ]);\n return request('/api/peers', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function updateUser(options?: { [key: string]: any }) {\n return request<{ verification_email_sent?: boolean }>('/api/user', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateUserVerify(payload: { type: string, user: string, secret: string }, options?: { [key: string]: any },) {\n return request('/api/user/update-verify', {\n method: 'POST',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function updateGroup(options?: { [key: string]: any }) {\n return request('/api/group', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function enableUsers(options?: { [key: string]: any }) {\n return request('/api/enable-users', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function addUser(options?: { [key: string]: any }) {\n return request('/api/user', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function delUser(id: string, options?: { [key: string]: any }) {\n return request(`/api/user/${id}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function delPeer(guid: string, options?: { [key: string]: any }) {\n return request(`/api/devices/${guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function enableDevices(options?: { [key: string]: any }) {\n return request('/api/enable-peers', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateDevice(options?: { [key: string]: any }) {\n return request('/api/peer', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateAudit(options?: { [key: string]: any }) {\n return request('/api/audit', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteGroups(options?: { [key: string]: any }) {\n return request('/api/delete-groups', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function addGroup(options?: { [key: string]: any }) {\n return request('/api/group', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\n/// Tests the `smtp config` in Team Info is valid or not.\n/// Cheap test. Only operate on strings, no real SMTP connection test.\nexport async function smtpConfigValidate() {\n return request('/api/smtp/validate', {\n method: 'POST',\n headers: getHeaders(),\n });\n}\n\nexport async function teamInfo(options?: { [key: string]: any }) {\n return request('/api/team/info', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\n/// 1. Save the SMTP configuration in Team Info.\n/// 2. Send a test email to the current user.\nexport async function updateTeamInfo(options?: { [key: string]: any }) {\n return request('/api/team/info', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function userInfo(options?: { [key: string]: any }) {\n return request('/api/user/info', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function inviteUser(options?: { [key: string]: any }) {\n return request('/api/invite', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function reinviteUser(options?: { [key: string]: any }) {\n return request('/api/reinvite', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function verifyReadUser(options?: { [key: string]: any }) {\n return request('/api/verify/user', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function verifyUpdateUser(options?: { [key: string]: any }) {\n return request('/api/verify/update', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getLoginVerificationCode(\n options?: {\n data: {\n email: string;\n },\n [key: string]: any\n },\n) {\n return request<{ secret?: string }>('/api/user/verification-code', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function unsubscribeEmail(options?: { [key: string]: any }) {\n return request('/api/user/unsubscribe-email', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function strategies(options?: { [key: string]: any }) {\n return request('/api/strategies', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function strategy(params: { guid: string }, options?: { [key: string]: any }) {\n return request('/api/strategy', {\n method: 'GET',\n headers: getHeaders(),\n params: params,\n ...(options || {}),\n });\n}\n\nexport async function updateStrategy(params: { guid: string }, options?: { [key: string]: any }) {\n return request('/api/strategy', {\n method: 'PUT',\n headers: getHeaders(),\n params: params,\n ...(options || {}),\n });\n}\n\nexport async function updateStrategyStatus(params: { guid: string }, options?: { [key: string]: any }) {\n return request('/api/strategy/status', {\n method: 'PUT',\n headers: getHeaders(),\n params: params,\n ...(options || {}),\n });\n}\n\nexport async function operateStrategy(options?: { [key: string]: any }) {\n return request('/api/strategy/op', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function assignStrategies(options?: { [key: string]: any }) {\n return request('/api/strategies/assign', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function defaultStrategyOptions(params: { }, options?: { [key: string]: any }) {\n return request('/api/strategy/options', {\n method: 'GET',\n headers: getHeaders(),\n params: params,\n ...(options || {}),\n });\n}\n\nexport async function userSessions() {\n return request('/api/user/sessions', {\n method: 'GET',\n headers: getHeaders(),\n });\n}\n\nexport async function deleteUserSession(options: { data: { id: string }, [key: string]: any }) {\n return request('/api/user/delete-session', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateSettings(payload: { [key: string]: string | null }, options?: { [key: string]: any }) {\n const headers = getHeaders();\n return request(\n '/api/settings',\n {\n method: 'PUT',\n headers,\n data: payload,\n ...(options || {}),\n },\n );\n}\n\nexport async function getAllGeoOverrides(options?: { [key: string]: any }) {\n return request('/api/geo', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateGeoOverride(payload: API.GeoOverride[], options?: { [key: string]: any }) {\n return request('/api/geo', {\n method: 'PUT',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function deleteGeoOverrides(ip_or_domains: string[], options?: { [key: string]: any }) {\n return request('/api/geo', {\n method: 'DELETE',\n headers: getHeaders(),\n data: ip_or_domains,\n ...(options || {}),\n });\n}\n\nexport async function executeCommand(command: string, options?: { [key: string]: any }) {\n return request('/api/execute', {\n method: 'POST',\n headers: getHeaders(),\n data: command,\n ...(options || {}),\n });\n}\n\nexport async function getSkKey(options?: { [key: string]: any }) {\n return request('/api/keypair', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function resetSkKey(options?: { [key: string]: any }) {\n return request('/api/keypair', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateSkKey(pri_key: string, options?: { [key: string]: any }) {\n return request('/api/keypair', {\n method: 'PUT',\n headers: getHeaders(),\n data: JSON.stringify(pri_key),\n ...(options || {}),\n });\n}\n\nexport async function getGeofileTimestamp(options?: { [key: string]: any }) {\n return request('/api/geofile', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getLoginOptions(options?: { [key: string]: any }) {\n return request('/api/login-options', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getOidcProviders(options?: { [key: string]: any }) {\n return request('/api/oidc/settings', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getOidcLoginOptions(options?: { [key: string]: any }) {\n return request('/api/oidc/login-options', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateOidcProviders(payload: API.OidcProviders, options?: { [key: string]: any }) {\n return request('/api/oidc/settings', {\n method: 'PUT',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function deleteOidcProvider(op: string, options?: { [key: string]: any }) {\n return request('/api/oidc/settings/' + op, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function reorderOidcProviders(body: string[], options?: { [key: string]: any }) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n return request('/api/oidc/settings/reorder', {\n method: 'POST',\n headers,\n data: body,\n ...(options || {}),\n });\n}\n\nexport async function getSessionExpireTime(options?: { [key: string]: any }) {\n return request('/api/session/exp_time', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateSessionExpireTime(payload: number, options?: { [key: string]: any }) {\n return request('/api/session/exp_time', {\n method: 'PUT',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function getIdChangeSupport(options?: { [key: string]: any }) {\n return request('/api/id-change-support', {\n method: 'GET',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\n// when axios send false, payload length is zero.\n// https://github.com/ladjs/superagent/issues/1637\n// https://stackoverflow.com/questions/56784849/axios-api-response-json-body-has-true-false-as-string-type-not-boolean\nexport async function updateIdChangeSupport(payload: boolean, options?: { [key: string]: any }) {\n return request('/api/id-change-support', {\n method: 'PUT',\n headers: getHeaders(),\n data: JSON.stringify(payload),\n ...(options || {}),\n });\n}\n\nexport async function checkRead(params: {\n file: string;\n},\n options?: { [key: string]: any },) {\n return request('/api/check/read', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function userTfaEnable(payload: { tfa_code?: string }, options?: { [key: string]: any },) {\n return request('/api/user/tfa/totp/enable', {\n method: 'POST',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function userTfaVerify(payload: API.TFARequest, options?: { [key: string]: any },) {\n return request('/api/user/tfa/totp/verify', {\n method: 'POST',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function userTfaGetBackupCodes(payload: API.TFARequest, options?: { [key: string]: any },) {\n return request('/api/user/tfa/totp/backup-codes', {\n method: 'GET',\n headers: getHeaders(),\n params: payload,\n ...(options || {}),\n });\n}\n\nexport async function userTfaDisable(payload: API.TFARequest, options?: { [key: string]: any },) {\n return request('/api/user/tfa/totp/disable', {\n method: 'PUT',\n headers: getHeaders(),\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function listCustomClient(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n) {\n params = wrapFuzzyQuery(params, ['name', 'app_name']);\n return request('/api/custom-clients', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function executeCustomClient(\n guid: string,\n action: string,\n options?: { [key: string]: any },\n) {\n return request(`/api/custom-clients/${guid}/${action}`, {\n method: 'POST',\n headers: getHeaders(),\n data: {},\n ...(options || {}),\n }, true);\n}\n\nexport async function getCustomClient(\n guid: string,\n options?: { [key: string]: any },\n) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n\n return request(`/api/custom-clients/${guid}`, {\n method: 'GET',\n headers,\n ...(options || {}),\n });\n}\n\nexport async function newCustomClient(\n payload: API.NewCustomClient,\n options?: { [key: string]: any },\n) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n\n return request('/api/custom-clients', {\n method: 'POST',\n headers,\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function updateCustomClient(\n guid: string,\n payload: API.UpdateCustomClient,\n options?: { [key: string]: any },\n) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n\n return request(`/api/custom-clients/${guid}`, {\n method: 'PATCH',\n headers,\n data: payload,\n ...(options || {}),\n });\n}\n\nexport async function deleteCustomClient(\n guid: string,\n options?: { [key: string]: any },\n) {\n const headers = getHeaders();\n if (!headers['Authorization']) {\n return;\n }\n\n return request(`/api/custom-clients/${guid}`, {\n method: 'DELETE',\n headers,\n ...(options || {}),\n });\n}\n\nexport async function sharedAbProfiles(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n) {\n params = wrapFuzzyQuery(params, ['name']);\n return request('/api/ab/shared/profiles', {\n method: 'POST',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function getSharedAbProfileByGuid(\n ab_guid:string\n) {\n return request(`/api/ab/shared/profile/${ab_guid}`, {\n method: 'POST',\n headers: getHeaders(),\n });\n}\n\n\nexport async function addSharedAb(options?: { [key: string]: any }) {\n return request('/api/ab/shared/add', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateSharedAbProfile(options?: { [key: string]: any }) {\n return request('/api/ab/shared/update/profile', {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteSharedAbArray(options?: { [key: string]: any }) {\n return request('/api/ab/shared', {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getAbPeers(\n params: {\n current?: number;\n pageSize?: number;\n },\n options?: { [key: string]: any },\n) {\n params = wrapFuzzyQuery(params, [\n 'id',\n 'device_name',\n 'device_username',\n 'alias',\n ]);\n return request('/api/ab/peers', {\n method: 'GET',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function getAbTags(\n ab_guid: string,\n) {\n return request(`/api/ab/tags/${ab_guid}`, {\n method: 'POST',\n headers: getHeaders(),\n });\n}\n\n\nexport async function abAddPeer(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/peer/add/${ab_guid}`, {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function abAddTag(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/tag/add/${ab_guid}`, {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function abUpdatePeer(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/peer/update/${ab_guid}`, {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function abUpdateTag(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/tag/update/${ab_guid}`, {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteAbPeersById(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/peer/${ab_guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteAbPeersByGuid(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/peer/guid/${ab_guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteAbTags(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/tag/${ab_guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getAbSettings(options?: { [key: string]: any }) {\n return request('/api/ab/settings', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getPersonalAb(options?: { [key: string]: any }) {\n return request('/api/ab/personal', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function restoreAbPeers(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/bin/restore/${ab_guid}`, {\n method: 'PUT',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteRecycledAbPeersById(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/bin/${ab_guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteRecycledAbPeersByGuid(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/bin/guid/${ab_guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function emptyRecycleBin(ab_guid: string, options?: { [key: string]: any }) {\n return request(`/api/ab/bin/empty/${ab_guid}`, {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function getAbRulesInPage(\n params: {\n current?: number;\n pageSize?: number;\n ab: string;\n },\n options?: { [key: string]: any },\n) {\n return request('/api/ab/rules', {\n method: 'POST',\n headers: getHeaders(),\n params,\n ...(options || {}),\n });\n}\n\nexport async function addAbRule(options?: { [key: string]: any }) {\n return request('/api/ab/rule', {\n method: 'POST',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function updateAbRule(options?: { [key: string]: any }) {\n return request('/api/ab/rule', {\n method: 'PATCH',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n\nexport async function deleteAbRules( options?: { [key: string]: any }) {\n return request('/api/ab/rules', {\n method: 'DELETE',\n headers: getHeaders(),\n ...(options || {}),\n });\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"menu\":\"menu___lmCy5\",\"right\":\"right___j6QWS\",\"search\":\"search___XbFIL\",\"account\":\"account___t6Nrx\",\"avatar\":\"avatar___B76fn\",\"name\":\"name___kZtlh\"};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container___yonvG\"};","// extracted by mini-css-extract-plugin\nexport default {\"tfa\":\"tfa___SG2Tl\",\"is_set\":\"is_set___Bx5kn\",\"expired\":\"expired___s9Hvz\",\"modal\":\"modal___HuUTZ\",\"subtitle\":\"subtitle___TnS_s\",\"desc\":\"desc___EZ6cA\",\"step2\":\"step2___EFH3r\",\"remark\":\"remark___lpXxV\",\"codes\":\"codes___fdyJg\",\"rows\":\"rows___M0iCh\",\"tooltipIcon\":\"tooltipIcon___GNvZ8\"};","// extracted by mini-css-extract-plugin\nexport default {\"oidcItem\":\"oidcItem___Bzutg\",\"oidcIcon\":\"oidcIcon___uPUcr\",\"oidcMsgFailed\":\"oidcMsgFailed___QYuUc\",\"loginOr\":\"loginOr___uuLHB\",\"container\":\"container___ozzIF\",\"lang\":\"lang___gstBI\",\"content\":\"content___lg4sZ\",\"top\":\"top___vjsVl\",\"header\":\"header___fkS0M\",\"logo\":\"logo___cTf0g\",\"title\":\"title___T_H6U\",\"desc\":\"desc___r_Nrk\",\"main\":\"main___HBNAv\",\"icon\":\"icon___hKsIT\",\"other\":\"other___ulD9s\",\"register\":\"register___e3Qt2\",\"prefixIcon\":\"prefixIcon___pAo8g\"};","import { createContext } from 'react';\nvar IconContext = /*#__PURE__*/createContext({});\nexport default IconContext;","import { inputToRGB, rgbToHex, rgbToHsv } from '@ctrl/tinycolor';\n\nvar hueStep = 2; // 色相阶梯\n\nvar saturationStep = 0.16; // 饱和度阶梯，浅色部分\n\nvar saturationStep2 = 0.05; // 饱和度阶梯，深色部分\n\nvar brightnessStep1 = 0.05; // 亮度阶梯，浅色部分\n\nvar brightnessStep2 = 0.15; // 亮度阶梯，深色部分\n\nvar lightColorCount = 5; // 浅色数量，主色上\n\nvar darkColorCount = 4; // 深色数量，主色下\n// 暗色主题颜色映射关系表\n\nvar darkColorMap = [{\n index: 7,\n opacity: 0.15\n}, {\n index: 6,\n opacity: 0.25\n}, {\n index: 5,\n opacity: 0.3\n}, {\n index: 5,\n opacity: 0.45\n}, {\n index: 5,\n opacity: 0.65\n}, {\n index: 5,\n opacity: 0.85\n}, {\n index: 4,\n opacity: 0.9\n}, {\n index: 3,\n opacity: 0.95\n}, {\n index: 2,\n opacity: 0.97\n}, {\n index: 1,\n opacity: 0.98\n}]; // Wrapper function ported from TinyColor.prototype.toHsv\n// Keep it here because of `hsv.h * 360`\n\nfunction toHsv(_ref) {\n var r = _ref.r,\n g = _ref.g,\n b = _ref.b;\n var hsv = rgbToHsv(r, g, b);\n return {\n h: hsv.h * 360,\n s: hsv.s,\n v: hsv.v\n };\n} // Wrapper function ported from TinyColor.prototype.toHexString\n// Keep it here because of the prefix `#`\n\n\nfunction toHex(_ref2) {\n var r = _ref2.r,\n g = _ref2.g,\n b = _ref2.b;\n return \"#\".concat(rgbToHex(r, g, b, false));\n} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.\n// Amount in range [0, 1]\n// Assume color1 & color2 has no alpha, since the following src code did so.\n\n\nfunction mix(rgb1, rgb2, amount) {\n var p = amount / 100;\n var rgb = {\n r: (rgb2.r - rgb1.r) * p + rgb1.r,\n g: (rgb2.g - rgb1.g) * p + rgb1.g,\n b: (rgb2.b - rgb1.b) * p + rgb1.b\n };\n return rgb;\n}\n\nfunction getHue(hsv, i, light) {\n var hue; // 根据色相不同，色相转向不同\n\n if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {\n hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;\n } else {\n hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;\n }\n\n if (hue < 0) {\n hue += 360;\n } else if (hue >= 360) {\n hue -= 360;\n }\n\n return hue;\n}\n\nfunction getSaturation(hsv, i, light) {\n // grey color don't change saturation\n if (hsv.h === 0 && hsv.s === 0) {\n return hsv.s;\n }\n\n var saturation;\n\n if (light) {\n saturation = hsv.s - saturationStep * i;\n } else if (i === darkColorCount) {\n saturation = hsv.s + saturationStep;\n } else {\n saturation = hsv.s + saturationStep2 * i;\n } // 边界值修正\n\n\n if (saturation > 1) {\n saturation = 1;\n } // 第一格的 s 限制在 0.06-0.1 之间\n\n\n if (light && i === lightColorCount && saturation > 0.1) {\n saturation = 0.1;\n }\n\n if (saturation < 0.06) {\n saturation = 0.06;\n }\n\n return Number(saturation.toFixed(2));\n}\n\nfunction getValue(hsv, i, light) {\n var value;\n\n if (light) {\n value = hsv.v + brightnessStep1 * i;\n } else {\n value = hsv.v - brightnessStep2 * i;\n }\n\n if (value > 1) {\n value = 1;\n }\n\n return Number(value.toFixed(2));\n}\n\nfunction generate(color) {\n var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var patterns = [];\n var pColor = inputToRGB(color);\n\n for (var i = lightColorCount; i > 0; i -= 1) {\n var hsv = toHsv(pColor);\n var colorString = toHex(inputToRGB({\n h: getHue(hsv, i, true),\n s: getSaturation(hsv, i, true),\n v: getValue(hsv, i, true)\n }));\n patterns.push(colorString);\n }\n\n patterns.push(toHex(pColor));\n\n for (var _i = 1; _i <= darkColorCount; _i += 1) {\n var _hsv = toHsv(pColor);\n\n var _colorString = toHex(inputToRGB({\n h: getHue(_hsv, _i),\n s: getSaturation(_hsv, _i),\n v: getValue(_hsv, _i)\n }));\n\n patterns.push(_colorString);\n } // dark theme patterns\n\n\n if (opts.theme === 'dark') {\n return darkColorMap.map(function (_ref3) {\n var index = _ref3.index,\n opacity = _ref3.opacity;\n var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || '#141414'), inputToRGB(patterns[index]), opacity * 100));\n return darkColorString;\n });\n }\n\n return patterns;\n}\n\nvar presetPrimaryColors = {\n red: '#F5222D',\n volcano: '#FA541C',\n orange: '#FA8C16',\n gold: '#FAAD14',\n yellow: '#FADB14',\n lime: '#A0D911',\n green: '#52C41A',\n cyan: '#13C2C2',\n blue: '#1890FF',\n geekblue: '#2F54EB',\n purple: '#722ED1',\n magenta: '#EB2F96',\n grey: '#666666'\n};\nvar presetPalettes = {};\nvar presetDarkPalettes = {};\nObject.keys(presetPrimaryColors).forEach(function (key) {\n presetPalettes[key] = generate(presetPrimaryColors[key]);\n presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes\n\n presetDarkPalettes[key] = generate(presetPrimaryColors[key], {\n theme: 'dark',\n backgroundColor: '#141414'\n });\n presetDarkPalettes[key].primary = presetDarkPalettes[key][5];\n});\nvar red = presetPalettes.red;\nvar volcano = presetPalettes.volcano;\nvar gold = presetPalettes.gold;\nvar orange = presetPalettes.orange;\nvar yellow = presetPalettes.yellow;\nvar lime = presetPalettes.lime;\nvar green = presetPalettes.green;\nvar cyan = presetPalettes.cyan;\nvar blue = presetPalettes.blue;\nvar geekblue = presetPalettes.geekblue;\nvar purple = presetPalettes.purple;\nvar magenta = presetPalettes.magenta;\nvar grey = presetPalettes.grey;\n\nexport { blue, cyan, geekblue, generate, gold, green, grey, lime, magenta, orange, presetDarkPalettes, presetPalettes, presetPrimaryColors, purple, red, volcano, yellow };\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { generate as generateColor } from '@ant-design/colors';\nimport React, { useContext, useEffect } from 'react';\nimport warn from \"rc-util/es/warning\";\nimport { updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport IconContext from './components/Context';\nimport camelCase from 'lodash/camelCase';\nexport function warning(valid, message) {\n warn(valid, \"[@ant-design/icons] \".concat(message));\n}\nexport function isIconDefinition(target) {\n return _typeof(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof(target.icon) === 'object' || typeof target.icon === 'function');\n}\nexport function normalizeAttrs() {\n var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return Object.keys(attrs).reduce(function (acc, key) {\n var val = attrs[key];\n switch (key) {\n case 'class':\n acc.className = val;\n delete acc.class;\n break;\n default:\n delete acc[key];\n acc[camelCase(key)] = val;\n }\n return acc;\n }, {});\n}\nexport function generate(node, key, rootProps) {\n if (!rootProps) {\n return /*#__PURE__*/React.createElement(node.tag, _objectSpread({\n key: key\n }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {\n return generate(child, \"\".concat(key, \"-\").concat(node.tag, \"-\").concat(index));\n }));\n }\n return /*#__PURE__*/React.createElement(node.tag, _objectSpread(_objectSpread({\n key: key\n }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {\n return generate(child, \"\".concat(key, \"-\").concat(node.tag, \"-\").concat(index));\n }));\n}\nexport function getSecondaryColor(primaryColor) {\n // choose the second color\n return generateColor(primaryColor)[0];\n}\nexport function normalizeTwoToneColors(twoToneColor) {\n if (!twoToneColor) {\n return [];\n }\n return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];\n}\n// These props make sure that the SVG behaviours like general text.\n// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\nexport var svgBaseProps = {\n width: '1em',\n height: '1em',\n fill: 'currentColor',\n 'aria-hidden': 'true',\n focusable: 'false'\n};\nexport var iconStyles = \"\\n.anticon {\\n display: inline-block;\\n color: inherit;\\n font-style: normal;\\n line-height: 0;\\n text-align: center;\\n text-transform: none;\\n vertical-align: -0.125em;\\n text-rendering: optimizeLegibility;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n}\\n\\n.anticon > * {\\n line-height: 1;\\n}\\n\\n.anticon svg {\\n display: inline-block;\\n}\\n\\n.anticon::before {\\n display: none;\\n}\\n\\n.anticon .anticon-icon {\\n display: block;\\n}\\n\\n.anticon[tabindex] {\\n cursor: pointer;\\n}\\n\\n.anticon-spin::before,\\n.anticon-spin {\\n display: inline-block;\\n -webkit-animation: loadingCircle 1s infinite linear;\\n animation: loadingCircle 1s infinite linear;\\n}\\n\\n@-webkit-keyframes loadingCircle {\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg);\\n }\\n}\\n\\n@keyframes loadingCircle {\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg);\\n }\\n}\\n\";\nexport var useInsertStyles = function useInsertStyles() {\n var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles;\n var _useContext = useContext(IconContext),\n csp = _useContext.csp;\n useEffect(function () {\n updateCSS(styleStr, '@ant-design-icons', {\n prepend: true,\n csp: csp\n });\n }, []);\n};","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nvar _excluded = [\"icon\", \"className\", \"onClick\", \"style\", \"primaryColor\", \"secondaryColor\"];\nimport { generate, getSecondaryColor, isIconDefinition, warning, useInsertStyles } from '../utils';\nvar twoToneColorPalette = {\n primaryColor: '#333',\n secondaryColor: '#E6E6E6',\n calculated: false\n};\nfunction setTwoToneColors(_ref) {\n var primaryColor = _ref.primaryColor,\n secondaryColor = _ref.secondaryColor;\n twoToneColorPalette.primaryColor = primaryColor;\n twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);\n twoToneColorPalette.calculated = !!secondaryColor;\n}\nfunction getTwoToneColors() {\n return _objectSpread({}, twoToneColorPalette);\n}\nvar IconBase = function IconBase(props) {\n var icon = props.icon,\n className = props.className,\n onClick = props.onClick,\n style = props.style,\n primaryColor = props.primaryColor,\n secondaryColor = props.secondaryColor,\n restProps = _objectWithoutProperties(props, _excluded);\n var colors = twoToneColorPalette;\n if (primaryColor) {\n colors = {\n primaryColor: primaryColor,\n secondaryColor: secondaryColor || getSecondaryColor(primaryColor)\n };\n }\n useInsertStyles();\n warning(isIconDefinition(icon), \"icon should be icon definiton, but got \".concat(icon));\n if (!isIconDefinition(icon)) {\n return null;\n }\n var target = icon;\n if (target && typeof target.icon === 'function') {\n target = _objectSpread(_objectSpread({}, target), {}, {\n icon: target.icon(colors.primaryColor, colors.secondaryColor)\n });\n }\n return generate(target.icon, \"svg-\".concat(target.name), _objectSpread({\n className: className,\n onClick: onClick,\n style: style,\n 'data-icon': target.name,\n width: '1em',\n height: '1em',\n fill: 'currentColor',\n 'aria-hidden': 'true'\n }, restProps));\n};\nIconBase.displayName = 'IconReact';\nIconBase.getTwoToneColors = getTwoToneColors;\nIconBase.setTwoToneColors = setTwoToneColors;\nexport default IconBase;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport ReactIcon from './IconBase';\nimport { normalizeTwoToneColors } from '../utils';\nexport function setTwoToneColor(twoToneColor) {\n var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),\n _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),\n primaryColor = _normalizeTwoToneColo2[0],\n secondaryColor = _normalizeTwoToneColo2[1];\n return ReactIcon.setTwoToneColors({\n primaryColor: primaryColor,\n secondaryColor: secondaryColor\n });\n}\nexport function getTwoToneColor() {\n var colors = ReactIcon.getTwoToneColors();\n if (!colors.calculated) {\n return colors.primaryColor;\n }\n return [colors.primaryColor, colors.secondaryColor];\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"className\", \"icon\", \"spin\", \"rotate\", \"tabIndex\", \"onClick\", \"twoToneColor\"];\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport Context from './Context';\nimport ReactIcon from './IconBase';\nimport { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor';\nimport { normalizeTwoToneColors } from '../utils';\n// Initial setting\n// should move it to antd main repo?\nsetTwoToneColor('#1890ff');\nvar Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _classNames;\n var className = props.className,\n icon = props.icon,\n spin = props.spin,\n rotate = props.rotate,\n tabIndex = props.tabIndex,\n onClick = props.onClick,\n twoToneColor = props.twoToneColor,\n restProps = _objectWithoutProperties(props, _excluded);\n var _React$useContext = React.useContext(Context),\n _React$useContext$pre = _React$useContext.prefixCls,\n prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,\n rootClassName = _React$useContext.rootClassName;\n var classString = classNames(rootClassName, prefixCls, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-\").concat(icon.name), !!icon.name), _defineProperty(_classNames, \"\".concat(prefixCls, \"-spin\"), !!spin || icon.name === 'loading'), _classNames), className);\n var iconTabIndex = tabIndex;\n if (iconTabIndex === undefined && onClick) {\n iconTabIndex = -1;\n }\n var svgStyle = rotate ? {\n msTransform: \"rotate(\".concat(rotate, \"deg)\"),\n transform: \"rotate(\".concat(rotate, \"deg)\")\n } : undefined;\n var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),\n _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),\n primaryColor = _normalizeTwoToneColo2[0],\n secondaryColor = _normalizeTwoToneColo2[1];\n return /*#__PURE__*/React.createElement(\"span\", _objectSpread(_objectSpread({\n role: \"img\",\n \"aria-label\": icon.name\n }, restProps), {}, {\n ref: ref,\n tabIndex: iconTabIndex,\n onClick: onClick,\n className: classString\n }), /*#__PURE__*/React.createElement(ReactIcon, {\n icon: icon,\n primaryColor: primaryColor,\n secondaryColor: secondaryColor,\n style: svgStyle\n }));\n});\nIcon.displayName = 'AntdIcon';\nIcon.getTwoToneColor = getTwoToneColor;\nIcon.setTwoToneColor = setTwoToneColor;\nexport default Icon;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nvar runtime = (function (exports) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; };\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function define(obj, key, value) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n return obj[key];\n }\n try {\n // IE 8 has a broken Object.defineProperty that only works on DOM objects.\n define({}, \"\");\n } catch (err) {\n define = function(obj, key, value) {\n return obj[key] = value;\n };\n }\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) });\n\n return generator;\n }\n exports.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n define(IteratorPrototype, iteratorSymbol, function () {\n return this;\n });\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = GeneratorFunctionPrototype;\n defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: true });\n defineProperty(\n GeneratorFunctionPrototype,\n \"constructor\",\n { value: GeneratorFunction, configurable: true }\n );\n GeneratorFunction.displayName = define(\n GeneratorFunctionPrototype,\n toStringTagSymbol,\n \"GeneratorFunction\"\n );\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n define(prototype, method, function(arg) {\n return this._invoke(method, arg);\n });\n });\n }\n\n exports.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n exports.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n define(genFun, toStringTagSymbol, \"GeneratorFunction\");\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n exports.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function(error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n defineProperty(this, \"_invoke\", { value: enqueue });\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n define(AsyncIterator.prototype, asyncIteratorSymbol, function () {\n return this;\n });\n exports.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList),\n PromiseImpl\n );\n\n return exports.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var methodName = context.method;\n var method = delegate.iterator[methodName];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method, or a missing .next mehtod, always terminate the\n // yield* loop.\n context.delegate = null;\n\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (methodName === \"throw\" && delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n if (methodName !== \"return\") {\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a '\" + methodName + \"' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n define(Gp, toStringTagSymbol, \"Generator\");\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n define(Gp, iteratorSymbol, function() {\n return this;\n });\n\n define(Gp, \"toString\", function() {\n return \"[object Generator]\";\n });\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function(val) {\n var object = Object(val);\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n exports.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n\n // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n return exports;\n\n}(\n // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n typeof module === \"object\" ? module.exports : {}\n));\n\ntry {\n regeneratorRuntime = runtime;\n} catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, in modern engines\n // we can explicitly access globalThis. In older engines we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n if (typeof globalThis === \"object\") {\n globalThis.regeneratorRuntime = runtime;\n } else {\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n }\n}\n","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"element\"];\nimport React from 'react';\nimport { matchRoutes, useLocation } from 'react-router-dom';\nimport { fetchServerLoader } from \"./dataFetcher\";\nimport { useRouteData } from \"./routeContext\";\nexport var AppContext = /*#__PURE__*/React.createContext({});\nexport function useAppData() {\n return React.useContext(AppContext);\n}\nexport function useSelectedRoutes() {\n var location = useLocation();\n var _useAppData = useAppData(),\n clientRoutes = _useAppData.clientRoutes;\n // use `useLocation` get location without `basename`, not need `basename` param\n var routes = matchRoutes(clientRoutes, location.pathname);\n return routes || [];\n}\nexport function useRouteProps() {\n var _currentRoute$;\n var currentRoute = useSelectedRoutes().slice(-1);\n var _ref = ((_currentRoute$ = currentRoute[0]) === null || _currentRoute$ === void 0 ? void 0 : _currentRoute$.route) || {},\n _ = _ref.element,\n props = _objectWithoutProperties(_ref, _excluded);\n return props;\n}\nexport function useServerLoaderData() {\n var routes = useSelectedRoutes();\n var _useAppData2 = useAppData(),\n serverLoaderData = _useAppData2.serverLoaderData,\n basename = _useAppData2.basename;\n var _React$useState = React.useState(function () {\n var ret = {};\n var has = false;\n routes.forEach(function (route) {\n // 多级路由嵌套时，需要合并多级路由 serverLoader 的数据\n var routeData = serverLoaderData[route.route.id];\n if (routeData) {\n Object.assign(ret, routeData);\n has = true;\n }\n });\n return has ? ret : undefined;\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n data = _React$useState2[0],\n setData = _React$useState2[1];\n React.useEffect(function () {\n // @ts-ignore\n if (!window.__UMI_LOADER_DATA__) {\n // 支持 ssr 降级，客户端兜底加载 serverLoader 数据\n Promise.all(routes.filter(function (route) {\n return route.route.hasServerLoader;\n }).map(function (route) {\n return new Promise(function (resolve) {\n fetchServerLoader({\n id: route.route.id,\n basename: basename,\n cb: resolve\n });\n });\n })).then(function (datas) {\n if (datas.length) {\n var res = {};\n datas.forEach(function (data) {\n Object.assign(res, data);\n });\n setData(res);\n }\n });\n }\n }, []);\n return {\n data: data\n };\n}\nexport function useClientLoaderData() {\n var route = useRouteData();\n var appData = useAppData();\n return {\n data: appData.clientLoaderData[route.route.id]\n };\n}","var localeMap = {\n en_GB: 'en-gb',\n en_US: 'en',\n zh_CN: 'zh-cn',\n zh_TW: 'zh-tw'\n};\n\nvar parseLocale = function parseLocale(locale) {\n var mapLocale = localeMap[locale];\n return mapLocale || locale.split('_')[0];\n};\n\nmodule.exports = function (option, dayjsClass, dayjsFactory) {\n var oldLocale = dayjsClass.prototype.locale\n dayjsClass.prototype.locale = function(arg) {\n if (typeof arg === 'string') {\n arg = parseLocale(arg)\n }\n return oldLocale.call(this, arg)\n }\n}","\"use client\";\n\nimport useState from \"rc-util/es/hooks/useState\";\nimport * as React from 'react';\nimport Button from '../button';\nimport { convertLegacyProps } from '../button/buttonHelpers';\nfunction isThenable(thing) {\n return !!(thing && thing.then);\n}\nconst ActionButton = props => {\n const {\n type,\n children,\n prefixCls,\n buttonProps,\n close,\n autoFocus,\n emitEvent,\n isSilent,\n quitOnNullishReturnValue,\n actionFn\n } = props;\n const clickedRef = React.useRef(false);\n const buttonRef = React.useRef(null);\n const [loading, setLoading] = useState(false);\n const onInternalClose = function () {\n close === null || close === void 0 ? void 0 : close.apply(void 0, arguments);\n };\n React.useEffect(() => {\n let timeoutId = null;\n if (autoFocus) {\n timeoutId = setTimeout(() => {\n var _a;\n (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n });\n }\n return () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n };\n }, []);\n const handlePromiseOnOk = returnValueOfOnOk => {\n if (!isThenable(returnValueOfOnOk)) {\n return;\n }\n setLoading(true);\n returnValueOfOnOk.then(function () {\n setLoading(false, true);\n onInternalClose.apply(void 0, arguments);\n clickedRef.current = false;\n }, e => {\n // See: https://github.com/ant-design/ant-design/issues/6183\n setLoading(false, true);\n clickedRef.current = false;\n // Do not throw if is `await` mode\n if (isSilent === null || isSilent === void 0 ? void 0 : isSilent()) {\n return;\n }\n return Promise.reject(e);\n });\n };\n const onClick = e => {\n if (clickedRef.current) {\n return;\n }\n clickedRef.current = true;\n if (!actionFn) {\n onInternalClose();\n return;\n }\n let returnValueOfOnOk;\n if (emitEvent) {\n returnValueOfOnOk = actionFn(e);\n if (quitOnNullishReturnValue && !isThenable(returnValueOfOnOk)) {\n clickedRef.current = false;\n onInternalClose(e);\n return;\n }\n } else if (actionFn.length) {\n returnValueOfOnOk = actionFn(close);\n // https://github.com/ant-design/ant-design/issues/23358\n clickedRef.current = false;\n } else {\n returnValueOfOnOk = actionFn();\n if (!returnValueOfOnOk) {\n onInternalClose();\n return;\n }\n }\n handlePromiseOnOk(returnValueOfOnOk);\n };\n return /*#__PURE__*/React.createElement(Button, Object.assign({}, convertLegacyProps(type), {\n onClick: onClick,\n loading: loading,\n prefixCls: prefixCls\n }, buttonProps, {\n ref: buttonRef\n }), children);\n};\nexport default ActionButton;","\"use client\";\n\nimport * as React from 'react';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport ConfigProvider, { ConfigContext } from '../config-provider';\nexport function withPureRenderTheme(Component) {\n return props => ( /*#__PURE__*/React.createElement(ConfigProvider, {\n theme: {\n token: {\n motion: false,\n zIndexPopupBase: 0\n }\n }\n }, /*#__PURE__*/React.createElement(Component, Object.assign({}, props))));\n}\n/* istanbul ignore next */\nconst genPurePanel = (Component, defaultPrefixCls, getDropdownCls, postProps) => {\n const PurePanel = props => {\n const {\n prefixCls: customizePrefixCls,\n style\n } = props;\n const holderRef = React.useRef(null);\n const [popupHeight, setPopupHeight] = React.useState(0);\n const [popupWidth, setPopupWidth] = React.useState(0);\n const [open, setOpen] = useMergedState(false, {\n value: props.open\n });\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls(defaultPrefixCls || 'select', customizePrefixCls);\n React.useEffect(() => {\n // We do not care about ssr\n setOpen(true);\n if (typeof ResizeObserver !== 'undefined') {\n const resizeObserver = new ResizeObserver(entries => {\n const element = entries[0].target;\n setPopupHeight(element.offsetHeight + 8);\n setPopupWidth(element.offsetWidth);\n });\n const interval = setInterval(() => {\n var _a;\n const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls)}` : `.${prefixCls}-dropdown`;\n const popup = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(dropdownCls);\n if (popup) {\n clearInterval(interval);\n resizeObserver.observe(popup);\n }\n }, 10);\n return () => {\n clearInterval(interval);\n resizeObserver.disconnect();\n };\n }\n }, []);\n let mergedProps = Object.assign(Object.assign({}, props), {\n style: Object.assign(Object.assign({}, style), {\n margin: 0\n }),\n open,\n visible: open,\n getPopupContainer: () => holderRef.current\n });\n if (postProps) {\n mergedProps = postProps(mergedProps);\n }\n const mergedStyle = {\n paddingBottom: popupHeight,\n position: 'relative',\n minWidth: popupWidth\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: holderRef,\n style: mergedStyle\n }, /*#__PURE__*/React.createElement(Component, Object.assign({}, mergedProps)));\n };\n return withPureRenderTheme(PurePanel);\n};\nexport default genPurePanel;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport { PresetColors } from '../theme/interface';\nconst inverseColors = PresetColors.map(color => `${color}-inverse`);\nexport const PresetStatusColorTypes = ['success', 'processing', 'error', 'default', 'warning'];\n/**\n * determine if the color keyword belongs to the `Ant Design` {@link PresetColors}.\n * @param color color to be judged\n * @param includeInverse whether to include reversed colors\n */\nexport function isPresetColor(color) {\n let includeInverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n if (includeInverse) {\n return [].concat(_toConsumableArray(inverseColors), _toConsumableArray(PresetColors)).includes(color);\n }\n return PresetColors.includes(color);\n}\nexport function isPresetStatusColor(color) {\n return PresetStatusColorTypes.includes(color);\n}","const extendsObject = function () {\n const result = Object.assign({}, arguments.length <= 0 ? undefined : arguments[0]);\n for (let i = 1; i < arguments.length; i++) {\n const obj = i < 0 || arguments.length <= i ? undefined : arguments[i];\n if (obj) {\n Object.keys(obj).forEach(key => {\n const val = obj[key];\n if (val !== undefined) {\n result[key] = val;\n }\n });\n }\n }\n return result;\n};\nexport default extendsObject;","export function isPresetSize(size) {\n return ['small', 'middle', 'large'].includes(size);\n}\nexport function isValidGapNumber(size) {\n if (!size) {\n // The case of size = 0 is deliberately excluded here, because the default value of the gap attribute in CSS is 0, so if the user passes 0 in, we can directly ignore it.\n return false;\n }\n return typeof size === 'number' && !Number.isNaN(size);\n}","export const getRenderPropValue = propValue => {\n if (!propValue) {\n return null;\n }\n return typeof propValue === 'function' ? propValue() : propValue;\n};","\"use client\";\n\nimport React from 'react';\nimport CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nfunction useInnerClosable(closable, closeIcon, defaultClosable) {\n if (typeof closable === 'boolean') {\n return closable;\n }\n if (closeIcon === undefined) {\n return !!defaultClosable;\n }\n return closeIcon !== false && closeIcon !== null;\n}\nfunction useClosable(closable, closeIcon, customCloseIconRender) {\n let defaultCloseIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : /*#__PURE__*/React.createElement(CloseOutlined, null);\n let defaultClosable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;\n const mergedClosable = useInnerClosable(closable, closeIcon, defaultClosable);\n if (!mergedClosable) {\n return [false, null];\n }\n const mergedCloseIcon = typeof closeIcon === 'boolean' || closeIcon === undefined || closeIcon === null ? defaultCloseIcon : closeIcon;\n return [true, customCloseIconRender ? customCloseIconRender(mergedCloseIcon) : mergedCloseIcon];\n}\nexport default useClosable;","import * as React from 'react';\nexport default function useForceUpdate() {\n const [, forceUpdate] = React.useReducer(x => x + 1, 0);\n return forceUpdate;\n}","import React from 'react';\nimport useToken from '../../theme/useToken';\nimport zIndexContext from '../zindexContext';\n// Z-Index control range\n// Container: 1000 + offset 100 (max base + 10 * offset = 2000)\n// Popover: offset 50\n// Notification: Container Max zIndex + componentOffset\nconst CONTAINER_OFFSET = 100;\nconst CONTAINER_OFFSET_MAX_COUNT = 10;\nexport const CONTAINER_MAX_OFFSET = CONTAINER_OFFSET * CONTAINER_OFFSET_MAX_COUNT;\nexport const containerBaseZIndexOffset = {\n Modal: CONTAINER_OFFSET,\n Drawer: CONTAINER_OFFSET,\n Popover: CONTAINER_OFFSET,\n Popconfirm: CONTAINER_OFFSET,\n Tooltip: CONTAINER_OFFSET,\n Tour: CONTAINER_OFFSET\n};\nexport const consumerBaseZIndexOffset = {\n SelectLike: 50,\n Dropdown: 50,\n DatePicker: 50,\n Menu: 50,\n ImagePreview: 1\n};\nfunction isContainerType(type) {\n return type in containerBaseZIndexOffset;\n}\nexport function useZIndex(componentType, customZIndex) {\n const [, token] = useToken();\n const parentZIndex = React.useContext(zIndexContext);\n const isContainer = isContainerType(componentType);\n if (customZIndex !== undefined) {\n return [customZIndex, customZIndex];\n }\n let zIndex = parentZIndex !== null && parentZIndex !== void 0 ? parentZIndex : 0;\n if (isContainer) {\n zIndex +=\n // Use preset token zIndex by default but not stack when has parent container\n (parentZIndex ? 0 : token.zIndexPopupBase) +\n // Container offset\n containerBaseZIndexOffset[componentType];\n zIndex = Math.min(zIndex, token.zIndexPopupBase + CONTAINER_MAX_OFFSET);\n } else {\n zIndex += consumerBaseZIndexOffset[componentType];\n }\n return [parentZIndex === undefined ? customZIndex : zIndex, zIndex];\n}","// ================== Collapse Motion ==================\nconst getCollapsedHeight = () => ({\n height: 0,\n opacity: 0\n});\nconst getRealHeight = node => {\n const {\n scrollHeight\n } = node;\n return {\n height: scrollHeight,\n opacity: 1\n };\n};\nconst getCurrentHeight = node => ({\n height: node ? node.offsetHeight : 0\n});\nconst skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';\nconst initCollapseMotion = function () {\n let rootCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ant';\n return {\n motionName: `${rootCls}-motion-collapse`,\n onAppearStart: getCollapsedHeight,\n onEnterStart: getCollapsedHeight,\n onAppearActive: getRealHeight,\n onEnterActive: getRealHeight,\n onLeaveStart: getCurrentHeight,\n onLeaveActive: getCollapsedHeight,\n onAppearEnd: skipOpacityTransition,\n onEnterEnd: skipOpacityTransition,\n onLeaveEnd: skipOpacityTransition,\n motionDeadline: 500\n };\n};\nconst SelectPlacements = ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'];\nconst getTransitionName = (rootPrefixCls, motion, transitionName) => {\n if (transitionName !== undefined) {\n return transitionName;\n }\n return `${rootPrefixCls}-${motion}`;\n};\nexport { getTransitionName };\nexport default initCollapseMotion;","import { getArrowOffsetToken } from '../style/placementArrow';\nexport function getOverflowOptions(placement, arrowOffset, arrowWidth, autoAdjustOverflow) {\n if (autoAdjustOverflow === false) {\n return {\n adjustX: false,\n adjustY: false\n };\n }\n const overflow = autoAdjustOverflow && typeof autoAdjustOverflow === 'object' ? autoAdjustOverflow : {};\n const baseOverflow = {};\n switch (placement) {\n case 'top':\n case 'bottom':\n baseOverflow.shiftX = arrowOffset.arrowOffsetHorizontal * 2 + arrowWidth;\n baseOverflow.shiftY = true;\n baseOverflow.adjustY = true;\n break;\n case 'left':\n case 'right':\n baseOverflow.shiftY = arrowOffset.arrowOffsetVertical * 2 + arrowWidth;\n baseOverflow.shiftX = true;\n baseOverflow.adjustX = true;\n break;\n }\n const mergedOverflow = Object.assign(Object.assign({}, baseOverflow), overflow);\n // Support auto shift\n if (!mergedOverflow.shiftX) {\n mergedOverflow.adjustX = true;\n }\n if (!mergedOverflow.shiftY) {\n mergedOverflow.adjustY = true;\n }\n return mergedOverflow;\n}\nconst PlacementAlignMap = {\n left: {\n points: ['cr', 'cl']\n },\n right: {\n points: ['cl', 'cr']\n },\n top: {\n points: ['bc', 'tc']\n },\n bottom: {\n points: ['tc', 'bc']\n },\n topLeft: {\n points: ['bl', 'tl']\n },\n leftTop: {\n points: ['tr', 'tl']\n },\n topRight: {\n points: ['br', 'tr']\n },\n rightTop: {\n points: ['tl', 'tr']\n },\n bottomRight: {\n points: ['tr', 'br']\n },\n rightBottom: {\n points: ['bl', 'br']\n },\n bottomLeft: {\n points: ['tl', 'bl']\n },\n leftBottom: {\n points: ['br', 'bl']\n }\n};\nconst ArrowCenterPlacementAlignMap = {\n topLeft: {\n points: ['bl', 'tc']\n },\n leftTop: {\n points: ['tr', 'cl']\n },\n topRight: {\n points: ['br', 'tc']\n },\n rightTop: {\n points: ['tl', 'cr']\n },\n bottomRight: {\n points: ['tr', 'bc']\n },\n rightBottom: {\n points: ['bl', 'cr']\n },\n bottomLeft: {\n points: ['tl', 'bc']\n },\n leftBottom: {\n points: ['br', 'cl']\n }\n};\nconst DisableAutoArrowList = new Set(['topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']);\nexport default function getPlacements(config) {\n const {\n arrowWidth,\n autoAdjustOverflow,\n arrowPointAtCenter,\n offset,\n borderRadius,\n visibleFirst\n } = config;\n const halfArrowWidth = arrowWidth / 2;\n const placementMap = {};\n Object.keys(PlacementAlignMap).forEach(key => {\n const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];\n const placementInfo = Object.assign(Object.assign({}, template), {\n offset: [0, 0],\n dynamicInset: true\n });\n placementMap[key] = placementInfo;\n // Disable autoArrow since design is fixed position\n if (DisableAutoArrowList.has(key)) {\n placementInfo.autoArrow = false;\n }\n // Static offset\n switch (key) {\n case 'top':\n case 'topLeft':\n case 'topRight':\n placementInfo.offset[1] = -halfArrowWidth - offset;\n break;\n case 'bottom':\n case 'bottomLeft':\n case 'bottomRight':\n placementInfo.offset[1] = halfArrowWidth + offset;\n break;\n case 'left':\n case 'leftTop':\n case 'leftBottom':\n placementInfo.offset[0] = -halfArrowWidth - offset;\n break;\n case 'right':\n case 'rightTop':\n case 'rightBottom':\n placementInfo.offset[0] = halfArrowWidth + offset;\n break;\n }\n // Dynamic offset\n const arrowOffset = getArrowOffsetToken({\n contentRadius: borderRadius,\n limitVerticalRadius: true\n });\n if (arrowPointAtCenter) {\n switch (key) {\n case 'topLeft':\n case 'bottomLeft':\n placementInfo.offset[0] = -arrowOffset.arrowOffsetHorizontal - halfArrowWidth;\n break;\n case 'topRight':\n case 'bottomRight':\n placementInfo.offset[0] = arrowOffset.arrowOffsetHorizontal + halfArrowWidth;\n break;\n case 'leftTop':\n case 'rightTop':\n placementInfo.offset[1] = -arrowOffset.arrowOffsetHorizontal - halfArrowWidth;\n break;\n case 'leftBottom':\n case 'rightBottom':\n placementInfo.offset[1] = arrowOffset.arrowOffsetHorizontal + halfArrowWidth;\n break;\n }\n }\n // Overflow\n placementInfo.overflow = getOverflowOptions(key, arrowOffset, arrowWidth, autoAdjustOverflow);\n // VisibleFirst\n if (visibleFirst) {\n placementInfo.htmlRegion = 'visibleFirst';\n }\n });\n return placementMap;\n}","import * as React from 'react';\nexport const {\n isValidElement\n} = React;\nexport function isFragment(child) {\n return child && isValidElement(child) && child.type === React.Fragment;\n}\nexport function replaceElement(element, replacement, props) {\n if (!isValidElement(element)) {\n return replacement;\n }\n return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);\n}\nexport function cloneElement(element, props) {\n return replaceElement(element, element, props);\n}","import React from 'react';\nimport { useToken } from '../theme/internal';\nexport const responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nconst getResponsiveMap = token => ({\n xs: `(max-width: ${token.screenXSMax}px)`,\n sm: `(min-width: ${token.screenSM}px)`,\n md: `(min-width: ${token.screenMD}px)`,\n lg: `(min-width: ${token.screenLG}px)`,\n xl: `(min-width: ${token.screenXL}px)`,\n xxl: `(min-width: ${token.screenXXL}px)`\n});\n/**\n * Ensures that the breakpoints token are valid, in good order\n * For each breakpoint : screenMin <= screen <= screenMax and screenMax <= nextScreenMin\n */\nconst validateBreakpoints = token => {\n const indexableToken = token;\n const revBreakpoints = [].concat(responsiveArray).reverse();\n revBreakpoints.forEach((breakpoint, i) => {\n const breakpointUpper = breakpoint.toUpperCase();\n const screenMin = `screen${breakpointUpper}Min`;\n const screen = `screen${breakpointUpper}`;\n if (!(indexableToken[screenMin] <= indexableToken[screen])) {\n throw new Error(`${screenMin}<=${screen} fails : !(${indexableToken[screenMin]}<=${indexableToken[screen]})`);\n }\n if (i < revBreakpoints.length - 1) {\n const screenMax = `screen${breakpointUpper}Max`;\n if (!(indexableToken[screen] <= indexableToken[screenMax])) {\n throw new Error(`${screen}<=${screenMax} fails : !(${indexableToken[screen]}<=${indexableToken[screenMax]})`);\n }\n const nextBreakpointUpperMin = revBreakpoints[i + 1].toUpperCase();\n const nextScreenMin = `screen${nextBreakpointUpperMin}Min`;\n if (!(indexableToken[screenMax] <= indexableToken[nextScreenMin])) {\n throw new Error(`${screenMax}<=${nextScreenMin} fails : !(${indexableToken[screenMax]}<=${indexableToken[nextScreenMin]})`);\n }\n }\n });\n return token;\n};\nexport default function useResponsiveObserver() {\n const [, token] = useToken();\n const responsiveMap = getResponsiveMap(validateBreakpoints(token));\n // To avoid repeat create instance, we add `useMemo` here.\n return React.useMemo(() => {\n const subscribers = new Map();\n let subUid = -1;\n let screens = {};\n return {\n matchHandlers: {},\n dispatch(pointMap) {\n screens = pointMap;\n subscribers.forEach(func => func(screens));\n return subscribers.size >= 1;\n },\n subscribe(func) {\n if (!subscribers.size) this.register();\n subUid += 1;\n subscribers.set(subUid, func);\n func(screens);\n return subUid;\n },\n unsubscribe(paramToken) {\n subscribers.delete(paramToken);\n if (!subscribers.size) this.unregister();\n },\n unregister() {\n Object.keys(responsiveMap).forEach(screen => {\n const matchMediaQuery = responsiveMap[screen];\n const handler = this.matchHandlers[matchMediaQuery];\n handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);\n });\n subscribers.clear();\n },\n register() {\n Object.keys(responsiveMap).forEach(screen => {\n const matchMediaQuery = responsiveMap[screen];\n const listener = _ref => {\n let {\n matches\n } = _ref;\n this.dispatch(Object.assign(Object.assign({}, screens), {\n [screen]: matches\n }));\n };\n const mql = window.matchMedia(matchMediaQuery);\n mql.addListener(listener);\n this.matchHandlers[matchMediaQuery] = {\n mql,\n listener\n };\n listener(mql);\n });\n },\n responsiveMap\n };\n }, [token]);\n}\nexport const matchScreen = (screens, screenSizes) => {\n if (screenSizes && typeof screenSizes === 'object') {\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint = responsiveArray[i];\n if (screens[breakpoint] && screenSizes[breakpoint] !== undefined) {\n return screenSizes[breakpoint];\n }\n }\n }\n};","import classNames from 'classnames';\nconst InputStatuses = ['warning', 'error', ''];\nexport function getStatusClassNames(prefixCls, status, hasFeedback) {\n return classNames({\n [`${prefixCls}-status-success`]: status === 'success',\n [`${prefixCls}-status-warning`]: status === 'warning',\n [`${prefixCls}-status-error`]: status === 'error',\n [`${prefixCls}-status-validating`]: status === 'validating',\n [`${prefixCls}-has-feedback`]: hasFeedback\n });\n}\nexport const getMergedStatus = (contextStatus, customStatus) => customStatus || contextStatus;","import * as React from 'react';\nimport rcWarning, { resetWarned as rcResetWarned } from \"rc-util/es/warning\";\nexport function noop() {}\nlet deprecatedWarnList = null;\nexport function resetWarned() {\n deprecatedWarnList = null;\n rcResetWarned();\n}\n// eslint-disable-next-line import/no-mutable-exports\nlet warning = noop;\nif (process.env.NODE_ENV !== 'production') {\n warning = (valid, component, message) => {\n rcWarning(valid, `[antd: ${component}] ${message}`);\n // StrictMode will inject console which will not throw warning in React 17.\n if (process.env.NODE_ENV === 'test') {\n resetWarned();\n }\n };\n}\nexport const WarningContext = /*#__PURE__*/React.createContext({});\n/**\n * This is a hook but we not named as `useWarning`\n * since this is only used in development.\n * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition\n */\nexport const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {\n const {\n strict\n } = React.useContext(WarningContext);\n const typeWarning = (valid, type, message) => {\n if (!valid) {\n if (strict === false && type === 'deprecated') {\n const existWarning = deprecatedWarnList;\n if (!deprecatedWarnList) {\n deprecatedWarnList = {};\n }\n deprecatedWarnList[component] = deprecatedWarnList[component] || [];\n if (!deprecatedWarnList[component].includes(message || '')) {\n deprecatedWarnList[component].push(message || '');\n }\n // Warning for the first time\n if (!existWarning) {\n // eslint-disable-next-line no-console\n console.warn('[antd] There exists deprecated usage in your code:', deprecatedWarnList);\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(valid, component, message) : void 0;\n }\n }\n };\n typeWarning.deprecated = (valid, oldProp, newProp, message) => {\n typeWarning(valid, 'deprecated', `\\`${oldProp}\\` is deprecated. Please use \\`${newProp}\\` instead.${message ? ` ${message}` : ''}`);\n };\n return typeWarning;\n} : () => {\n const noopWarning = () => {};\n noopWarning.deprecated = noop;\n return noopWarning;\n};\nexport default warning;","import { genComponentStyleHook } from '../../theme/internal';\nconst genWaveStyle = token => {\n const {\n componentCls,\n colorPrimary\n } = token;\n return {\n [componentCls]: {\n position: 'absolute',\n background: 'transparent',\n pointerEvents: 'none',\n boxSizing: 'border-box',\n color: `var(--wave-color, ${colorPrimary})`,\n boxShadow: `0 0 0 0 currentcolor`,\n opacity: 0.2,\n // =================== Motion ===================\n '&.wave-motion-appear': {\n transition: [`box-shadow 0.4s ${token.motionEaseOutCirc}`, `opacity 2s ${token.motionEaseOutCirc}`].join(','),\n '&-active': {\n boxShadow: `0 0 0 6px currentcolor`,\n opacity: 0\n },\n '&.wave-quick': {\n transition: [`box-shadow 0.3s ${token.motionEaseInOut}`, `opacity 0.35s ${token.motionEaseInOut}`].join(',')\n }\n }\n }\n };\n};\nexport default genComponentStyleHook('Wave', token => [genWaveStyle(token)]);","export function isNotGrey(color) {\n // eslint-disable-next-line no-useless-escape\n const match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\d.]*)?\\)/);\n if (match && match[1] && match[2] && match[3]) {\n return !(match[1] === match[2] && match[2] === match[3]);\n }\n return true;\n}\nexport function isValidWaveColor(color) {\n return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && isNotGrey(color) && !/rgba\\((?:\\d*, ){3}0\\)/.test(color) &&\n // any transparent rgba color\n color !== 'transparent';\n}\nexport function getTargetWaveColor(node) {\n const {\n borderTopColor,\n borderColor,\n backgroundColor\n } = getComputedStyle(node);\n if (isValidWaveColor(borderTopColor)) {\n return borderTopColor;\n }\n if (isValidWaveColor(borderColor)) {\n return borderColor;\n }\n if (isValidWaveColor(backgroundColor)) {\n return backgroundColor;\n }\n return null;\n}","\"use client\";\n\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport { render, unmount } from \"rc-util/es/React/render\";\nimport raf from \"rc-util/es/raf\";\nimport * as React from 'react';\nimport { getTargetWaveColor } from './util';\nimport { TARGET_CLS } from './interface';\nfunction validateNum(value) {\n return Number.isNaN(value) ? 0 : value;\n}\nconst WaveEffect = props => {\n const {\n className,\n target,\n component\n } = props;\n const divRef = React.useRef(null);\n const [color, setWaveColor] = React.useState(null);\n const [borderRadius, setBorderRadius] = React.useState([]);\n const [left, setLeft] = React.useState(0);\n const [top, setTop] = React.useState(0);\n const [width, setWidth] = React.useState(0);\n const [height, setHeight] = React.useState(0);\n const [enabled, setEnabled] = React.useState(false);\n const waveStyle = {\n left,\n top,\n width,\n height,\n borderRadius: borderRadius.map(radius => `${radius}px`).join(' ')\n };\n if (color) {\n waveStyle['--wave-color'] = color;\n }\n function syncPos() {\n const nodeStyle = getComputedStyle(target);\n // Get wave color from target\n setWaveColor(getTargetWaveColor(target));\n const isStatic = nodeStyle.position === 'static';\n // Rect\n const {\n borderLeftWidth,\n borderTopWidth\n } = nodeStyle;\n setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));\n setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));\n setWidth(target.offsetWidth);\n setHeight(target.offsetHeight);\n // Get border radius\n const {\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius\n } = nodeStyle;\n setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(radius => validateNum(parseFloat(radius))));\n }\n React.useEffect(() => {\n if (target) {\n // We need delay to check position here\n // since UI may change after click\n const id = raf(() => {\n syncPos();\n setEnabled(true);\n });\n // Add resize observer to follow size\n let resizeObserver;\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(syncPos);\n resizeObserver.observe(target);\n }\n return () => {\n raf.cancel(id);\n resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();\n };\n }\n }, []);\n if (!enabled) {\n return null;\n }\n const isSmallComponent = (component === 'Checkbox' || component === 'Radio') && (target === null || target === void 0 ? void 0 : target.classList.contains(TARGET_CLS));\n return /*#__PURE__*/React.createElement(CSSMotion, {\n visible: true,\n motionAppear: true,\n motionName: \"wave-motion\",\n motionDeadline: 5000,\n onAppearEnd: (_, event) => {\n var _a;\n if (event.deadline || event.propertyName === 'opacity') {\n const holder = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;\n unmount(holder).then(() => {\n holder === null || holder === void 0 ? void 0 : holder.remove();\n });\n }\n return false;\n }\n }, _ref => {\n let {\n className: motionClassName\n } = _ref;\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: divRef,\n className: classNames(className, {\n 'wave-quick': isSmallComponent\n }, motionClassName),\n style: waveStyle\n });\n });\n};\nconst showWaveEffect = (target, info) => {\n var _a;\n const {\n component\n } = info;\n // Skip for unchecked checkbox\n if (component === 'Checkbox' && !((_a = target.querySelector('input')) === null || _a === void 0 ? void 0 : _a.checked)) {\n return;\n }\n // Create holder\n const holder = document.createElement('div');\n holder.style.position = 'absolute';\n holder.style.left = '0px';\n holder.style.top = '0px';\n target === null || target === void 0 ? void 0 : target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);\n render( /*#__PURE__*/React.createElement(WaveEffect, Object.assign({}, info, {\n target: target\n })), holder);\n};\nexport default showWaveEffect;","import * as React from 'react';\nimport { useEvent } from 'rc-util';\nimport raf from \"rc-util/es/raf\";\nimport showWaveEffect from './WaveEffect';\nimport { ConfigContext } from '../../config-provider';\nimport useToken from '../../theme/useToken';\nimport { TARGET_CLS } from './interface';\nexport default function useWave(nodeRef, className, component) {\n const {\n wave\n } = React.useContext(ConfigContext);\n const [, token, hashId] = useToken();\n const showWave = useEvent(event => {\n const node = nodeRef.current;\n if ((wave === null || wave === void 0 ? void 0 : wave.disabled) || !node) {\n return;\n }\n const targetNode = node.querySelector(`.${TARGET_CLS}`) || node;\n const {\n showEffect\n } = wave || {};\n // Customize wave effect\n (showEffect || showWaveEffect)(targetNode, {\n className,\n token,\n component,\n event,\n hashId\n });\n });\n const rafId = React.useRef();\n // Merge trigger event into one for each frame\n const showDebounceWave = event => {\n raf.cancel(rafId.current);\n rafId.current = raf(() => {\n showWave(event);\n });\n };\n return showDebounceWave;\n}","import classNames from 'classnames';\nimport { composeRef, supportRef } from \"rc-util/es/ref\";\nimport isVisible from \"rc-util/es/Dom/isVisible\";\nimport React, { useContext, useRef } from 'react';\nimport { ConfigContext } from '../../config-provider';\nimport { cloneElement } from '../reactNode';\nimport useStyle from './style';\nimport useWave from './useWave';\nconst Wave = props => {\n const {\n children,\n disabled,\n component\n } = props;\n const {\n getPrefixCls\n } = useContext(ConfigContext);\n const containerRef = useRef(null);\n // ============================== Style ===============================\n const prefixCls = getPrefixCls('wave');\n const [, hashId] = useStyle(prefixCls);\n // =============================== Wave ===============================\n const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);\n // ============================== Effect ==============================\n React.useEffect(() => {\n const node = containerRef.current;\n if (!node || node.nodeType !== 1 || disabled) {\n return;\n }\n // Click handler\n const onClick = e => {\n // Fix radio button click twice\n if (!isVisible(e.target) ||\n // No need wave\n !node.getAttribute || node.getAttribute('disabled') || node.disabled || node.className.includes('disabled') || node.className.includes('-leave')) {\n return;\n }\n showWave(e);\n };\n // Bind events\n node.addEventListener('click', onClick, true);\n return () => {\n node.removeEventListener('click', onClick, true);\n };\n }, [disabled]);\n // ============================== Render ==============================\n if (! /*#__PURE__*/React.isValidElement(children)) {\n return children !== null && children !== void 0 ? children : null;\n }\n const ref = supportRef(children) ? composeRef(children.ref, containerRef) : containerRef;\n return cloneElement(children, {\n ref\n });\n};\nif (process.env.NODE_ENV !== 'production') {\n Wave.displayName = 'Wave';\n}\nexport default Wave;","export const TARGET_CLS = 'ant-wave-target';","import React from 'react';\nconst zIndexContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n zIndexContext.displayName = 'zIndexContext';\n}\nexport default zIndexContext;","import { unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks } from '../../theme/internal';\nconst genAlertTypeStyle = (bgColor, borderColor, iconColor, token, alertCls) => ({\n background: bgColor,\n border: `${unit(token.lineWidth)} ${token.lineType} ${borderColor}`,\n [`${alertCls}-icon`]: {\n color: iconColor\n }\n});\nexport const genBaseStyle = token => {\n const {\n componentCls,\n motionDurationSlow: duration,\n marginXS,\n marginSM,\n fontSize,\n fontSizeLG,\n lineHeight,\n borderRadiusLG: borderRadius,\n motionEaseInOutCirc,\n withDescriptionIconSize,\n colorText,\n colorTextHeading,\n withDescriptionPadding,\n defaultPadding\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n padding: defaultPadding,\n wordWrap: 'break-word',\n borderRadius,\n [`&${componentCls}-rtl`]: {\n direction: 'rtl'\n },\n [`${componentCls}-content`]: {\n flex: 1,\n minWidth: 0\n },\n [`${componentCls}-icon`]: {\n marginInlineEnd: marginXS,\n lineHeight: 0\n },\n [`&-description`]: {\n display: 'none',\n fontSize,\n lineHeight\n },\n '&-message': {\n color: colorTextHeading\n },\n [`&${componentCls}-motion-leave`]: {\n overflow: 'hidden',\n opacity: 1,\n transition: `max-height ${duration} ${motionEaseInOutCirc}, opacity ${duration} ${motionEaseInOutCirc},\n padding-top ${duration} ${motionEaseInOutCirc}, padding-bottom ${duration} ${motionEaseInOutCirc},\n margin-bottom ${duration} ${motionEaseInOutCirc}`\n },\n [`&${componentCls}-motion-leave-active`]: {\n maxHeight: 0,\n marginBottom: '0 !important',\n paddingTop: 0,\n paddingBottom: 0,\n opacity: 0\n }\n }),\n [`${componentCls}-with-description`]: {\n alignItems: 'flex-start',\n padding: withDescriptionPadding,\n [`${componentCls}-icon`]: {\n marginInlineEnd: marginSM,\n fontSize: withDescriptionIconSize,\n lineHeight: 0\n },\n [`${componentCls}-message`]: {\n display: 'block',\n marginBottom: marginXS,\n color: colorTextHeading,\n fontSize: fontSizeLG\n },\n [`${componentCls}-description`]: {\n display: 'block',\n color: colorText\n }\n },\n [`${componentCls}-banner`]: {\n marginBottom: 0,\n border: '0 !important',\n borderRadius: 0\n }\n };\n};\nexport const genTypeStyle = token => {\n const {\n componentCls,\n colorSuccess,\n colorSuccessBorder,\n colorSuccessBg,\n colorWarning,\n colorWarningBorder,\n colorWarningBg,\n colorError,\n colorErrorBorder,\n colorErrorBg,\n colorInfo,\n colorInfoBorder,\n colorInfoBg\n } = token;\n return {\n [componentCls]: {\n '&-success': genAlertTypeStyle(colorSuccessBg, colorSuccessBorder, colorSuccess, token, componentCls),\n '&-info': genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token, componentCls),\n '&-warning': genAlertTypeStyle(colorWarningBg, colorWarningBorder, colorWarning, token, componentCls),\n '&-error': Object.assign(Object.assign({}, genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token, componentCls)), {\n [`${componentCls}-description > pre`]: {\n margin: 0,\n padding: 0\n }\n })\n }\n };\n};\nexport const genActionStyle = token => {\n const {\n componentCls,\n iconCls,\n motionDurationMid,\n marginXS,\n fontSizeIcon,\n colorIcon,\n colorIconHover\n } = token;\n return {\n [componentCls]: {\n [`&-action`]: {\n marginInlineStart: marginXS\n },\n [`${componentCls}-close-icon`]: {\n marginInlineStart: marginXS,\n padding: 0,\n overflow: 'hidden',\n fontSize: fontSizeIcon,\n lineHeight: unit(fontSizeIcon),\n backgroundColor: 'transparent',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n [`${iconCls}-close`]: {\n color: colorIcon,\n transition: `color ${motionDurationMid}`,\n '&:hover': {\n color: colorIconHover\n }\n }\n },\n '&-close-text': {\n color: colorIcon,\n transition: `color ${motionDurationMid}`,\n '&:hover': {\n color: colorIconHover\n }\n }\n }\n };\n};\nexport const prepareComponentToken = token => {\n const paddingHorizontal = 12; // Fixed value here.\n return {\n withDescriptionIconSize: token.fontSizeHeading3,\n defaultPadding: `${token.paddingContentVerticalSM}px ${paddingHorizontal}px`,\n withDescriptionPadding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px`\n };\n};\nexport default genStyleHooks('Alert', token => [genBaseStyle(token), genTypeStyle(token), genActionStyle(token)], prepareComponentToken);","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport * as React from 'react';\nimport CheckCircleFilled from \"@ant-design/icons/es/icons/CheckCircleFilled\";\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nimport ExclamationCircleFilled from \"@ant-design/icons/es/icons/ExclamationCircleFilled\";\nimport InfoCircleFilled from \"@ant-design/icons/es/icons/InfoCircleFilled\";\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport { replaceElement } from '../_util/reactNode';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nconst iconMapFilled = {\n success: CheckCircleFilled,\n info: InfoCircleFilled,\n error: CloseCircleFilled,\n warning: ExclamationCircleFilled\n};\nconst IconNode = props => {\n const {\n icon,\n prefixCls,\n type\n } = props;\n const iconType = iconMapFilled[type] || null;\n if (icon) {\n return replaceElement(icon, /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-icon`\n }, icon), () => ({\n className: classNames(`${prefixCls}-icon`, {\n [icon.props.className]: icon.props.className\n })\n }));\n }\n return /*#__PURE__*/React.createElement(iconType, {\n className: `${prefixCls}-icon`\n });\n};\nconst CloseIcon = props => {\n const {\n isClosable,\n prefixCls,\n closeIcon,\n handleClose\n } = props;\n const mergedCloseIcon = closeIcon === true || closeIcon === undefined ? /*#__PURE__*/React.createElement(CloseOutlined, null) : closeIcon;\n return isClosable ? ( /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: handleClose,\n className: `${prefixCls}-close-icon`,\n tabIndex: 0\n }, mergedCloseIcon)) : null;\n};\nconst Alert = props => {\n const {\n description,\n prefixCls: customizePrefixCls,\n message,\n banner,\n className,\n rootClassName,\n style,\n onMouseEnter,\n onMouseLeave,\n onClick,\n afterClose,\n showIcon,\n closable,\n closeText,\n closeIcon,\n action\n } = props,\n otherProps = __rest(props, [\"description\", \"prefixCls\", \"message\", \"banner\", \"className\", \"rootClassName\", \"style\", \"onMouseEnter\", \"onMouseLeave\", \"onClick\", \"afterClose\", \"showIcon\", \"closable\", \"closeText\", \"closeIcon\", \"action\"]);\n const [closed, setClosed] = React.useState(false);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Alert');\n warning.deprecated(!closeText, 'closeText', 'closeIcon');\n }\n const ref = React.useRef(null);\n const {\n getPrefixCls,\n direction,\n alert\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('alert', customizePrefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n const handleClose = e => {\n var _a;\n setClosed(true);\n (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e);\n };\n const type = React.useMemo(() => {\n if (props.type !== undefined) {\n return props.type;\n }\n // banner mode defaults to 'warning'\n return banner ? 'warning' : 'info';\n }, [props.type, banner]);\n // closeable when closeText or closeIcon is assigned\n const isClosable = React.useMemo(() => {\n if (closeText) {\n return true;\n }\n if (typeof closable === 'boolean') {\n return closable;\n }\n // should be true when closeIcon is 0 or ''\n return closeIcon !== false && closeIcon !== null && closeIcon !== undefined;\n }, [closeText, closeIcon, closable]);\n // banner mode defaults to Icon\n const isShowIcon = banner && showIcon === undefined ? true : showIcon;\n const alertCls = classNames(prefixCls, `${prefixCls}-${type}`, {\n [`${prefixCls}-with-description`]: !!description,\n [`${prefixCls}-no-icon`]: !isShowIcon,\n [`${prefixCls}-banner`]: !!banner,\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, alert === null || alert === void 0 ? void 0 : alert.className, className, rootClassName, cssVarCls, hashId);\n const restProps = pickAttrs(otherProps, {\n aria: true,\n data: true\n });\n return wrapCSSVar( /*#__PURE__*/React.createElement(CSSMotion, {\n visible: !closed,\n motionName: `${prefixCls}-motion`,\n motionAppear: false,\n motionEnter: false,\n onLeaveStart: node => ({\n maxHeight: node.offsetHeight\n }),\n onLeaveEnd: afterClose\n }, _ref => {\n let {\n className: motionClassName,\n style: motionStyle\n } = _ref;\n return /*#__PURE__*/React.createElement(\"div\", Object.assign({\n ref: ref,\n \"data-show\": !closed,\n className: classNames(alertCls, motionClassName),\n style: Object.assign(Object.assign(Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.style), style), motionStyle),\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n onClick: onClick,\n role: \"alert\"\n }, restProps), isShowIcon ? ( /*#__PURE__*/React.createElement(IconNode, {\n description: description,\n icon: props.icon,\n prefixCls: prefixCls,\n type: type\n })) : null, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-content`\n }, message ? /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-message`\n }, message) : null, description ? /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-description`\n }, description) : null), action ? /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-action`\n }, action) : null, /*#__PURE__*/React.createElement(CloseIcon, {\n isClosable: isClosable,\n prefixCls: prefixCls,\n closeIcon: closeText || closeIcon,\n handleClose: handleClose\n }));\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n Alert.displayName = 'Alert';\n}\nexport default Alert;","\"use client\";\n\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _isNativeReflectConstruct from \"@babel/runtime/helpers/esm/isNativeReflectConstruct\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nimport * as React from 'react';\nimport Alert from './Alert';\nlet ErrorBoundary = /*#__PURE__*/function (_React$Component) {\n _inherits(ErrorBoundary, _React$Component);\n function ErrorBoundary() {\n var _this;\n _classCallCheck(this, ErrorBoundary);\n _this = _callSuper(this, ErrorBoundary, arguments);\n _this.state = {\n error: undefined,\n info: {\n componentStack: ''\n }\n };\n return _this;\n }\n _createClass(ErrorBoundary, [{\n key: \"componentDidCatch\",\n value: function componentDidCatch(error, info) {\n this.setState({\n error,\n info\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n const {\n message,\n description,\n children\n } = this.props;\n const {\n error,\n info\n } = this.state;\n const componentStack = info && info.componentStack ? info.componentStack : null;\n const errorMessage = typeof message === 'undefined' ? (error || '').toString() : message;\n const errorDescription = typeof description === 'undefined' ? componentStack : description;\n if (error) {\n return /*#__PURE__*/React.createElement(Alert, {\n type: \"error\",\n message: errorMessage,\n description: /*#__PURE__*/React.createElement(\"pre\", {\n style: {\n fontSize: '0.9em',\n overflowX: 'auto'\n }\n }, errorDescription)\n });\n }\n return children;\n }\n }]);\n return ErrorBoundary;\n}(React.Component);\nexport default ErrorBoundary;","\"use client\";\n\nimport InternalAlert from './Alert';\nimport ErrorBoundary from './ErrorBoundary';\nconst Alert = InternalAlert;\nAlert.ErrorBoundary = ErrorBoundary;\nexport default Alert;","import React from 'react';\nexport const AppConfigContext = /*#__PURE__*/React.createContext({});\nconst AppContext = /*#__PURE__*/React.createContext({\n message: {},\n notification: {},\n modal: {}\n});\nexport default AppContext;","import * as React from 'react';\nconst AvatarContext = /*#__PURE__*/React.createContext({});\nexport default AvatarContext;","import { unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nconst genBaseStyle = token => {\n const {\n antCls,\n componentCls,\n iconCls,\n avatarBg,\n avatarColor,\n containerSize,\n containerSizeLG,\n containerSizeSM,\n textFontSize,\n textFontSizeLG,\n textFontSizeSM,\n borderRadius,\n borderRadiusLG,\n borderRadiusSM,\n lineWidth,\n lineType,\n calc\n } = token;\n // Avatar size style\n const avatarSizeStyle = (size, fontSize, radius) => ({\n width: size,\n height: size,\n lineHeight: unit(calc(size).sub(calc(lineWidth).mul(2)).equal()),\n borderRadius: '50%',\n [`&${componentCls}-square`]: {\n borderRadius: radius\n },\n [`${componentCls}-string`]: {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: '50%'\n },\n transformOrigin: '0 center'\n },\n [`&${componentCls}-icon`]: {\n fontSize,\n [`> ${iconCls}`]: {\n margin: 0\n }\n }\n });\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'relative',\n display: 'inline-block',\n overflow: 'hidden',\n color: avatarColor,\n whiteSpace: 'nowrap',\n textAlign: 'center',\n verticalAlign: 'middle',\n background: avatarBg,\n border: `${unit(lineWidth)} ${lineType} transparent`,\n [`&-image`]: {\n background: 'transparent'\n },\n [`${antCls}-image-img`]: {\n display: 'block'\n }\n }), avatarSizeStyle(containerSize, textFontSize, borderRadius)), {\n [`&-lg`]: Object.assign({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG)),\n [`&-sm`]: Object.assign({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM)),\n '> img': {\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover'\n }\n })\n };\n};\nconst genGroupStyle = token => {\n const {\n componentCls,\n groupBorderColor,\n groupOverlapping,\n groupSpace\n } = token;\n return {\n [`${componentCls}-group`]: {\n display: 'inline-flex',\n [`${componentCls}`]: {\n borderColor: groupBorderColor\n },\n [`> *:not(:first-child)`]: {\n marginInlineStart: groupOverlapping\n }\n },\n [`${componentCls}-group-popover`]: {\n [`${componentCls} + ${componentCls}`]: {\n marginInlineStart: groupSpace\n }\n }\n };\n};\nexport const prepareComponentToken = token => {\n const {\n controlHeight,\n controlHeightLG,\n controlHeightSM,\n fontSize,\n fontSizeLG,\n fontSizeXL,\n fontSizeHeading3,\n marginXS,\n marginXXS,\n colorBorderBg\n } = token;\n return {\n containerSize: controlHeight,\n containerSizeLG: controlHeightLG,\n containerSizeSM: controlHeightSM,\n textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),\n textFontSizeLG: fontSizeHeading3,\n textFontSizeSM: fontSize,\n groupSpace: marginXXS,\n groupOverlapping: -marginXS,\n groupBorderColor: colorBorderBg\n };\n};\nexport default genStyleHooks('Avatar', token => {\n const {\n colorTextLightSolid,\n colorTextPlaceholder\n } = token;\n const avatarToken = mergeToken(token, {\n avatarBg: colorTextPlaceholder,\n avatarColor: colorTextLightSolid\n });\n return [genBaseStyle(avatarToken), genGroupStyle(avatarToken)];\n}, prepareComponentToken);","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport ResizeObserver from 'rc-resize-observer';\nimport { composeRef } from \"rc-util/es/ref\";\nimport { responsiveArray } from '../_util/responsiveObserver';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport useSize from '../config-provider/hooks/useSize';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport AvatarContext from './AvatarContext';\nimport useStyle from './style';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nconst InternalAvatar = (props, ref) => {\n const [scale, setScale] = React.useState(1);\n const [mounted, setMounted] = React.useState(false);\n const [isImgExist, setIsImgExist] = React.useState(true);\n const avatarNodeRef = React.useRef(null);\n const avatarChildrenRef = React.useRef(null);\n const avatarNodeMergeRef = composeRef(ref, avatarNodeRef);\n const {\n getPrefixCls,\n avatar\n } = React.useContext(ConfigContext);\n const avatarCtx = React.useContext(AvatarContext);\n const setScaleParam = () => {\n if (!avatarChildrenRef.current || !avatarNodeRef.current) {\n return;\n }\n const childrenWidth = avatarChildrenRef.current.offsetWidth; // offsetWidth avoid affecting be transform scale\n const nodeWidth = avatarNodeRef.current.offsetWidth;\n // denominator is 0 is no meaning\n if (childrenWidth !== 0 && nodeWidth !== 0) {\n const {\n gap = 4\n } = props;\n if (gap * 2 < nodeWidth) {\n setScale(nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1);\n }\n }\n };\n React.useEffect(() => {\n setMounted(true);\n }, []);\n React.useEffect(() => {\n setIsImgExist(true);\n setScale(1);\n }, [props.src]);\n React.useEffect(setScaleParam, [props.gap]);\n const handleImgLoadError = () => {\n const {\n onError\n } = props;\n const errorFlag = onError === null || onError === void 0 ? void 0 : onError();\n if (errorFlag !== false) {\n setIsImgExist(false);\n }\n };\n const {\n prefixCls: customizePrefixCls,\n shape,\n size: customSize,\n src,\n srcSet,\n icon,\n className,\n rootClassName,\n alt,\n draggable,\n children,\n crossOrigin\n } = props,\n others = __rest(props, [\"prefixCls\", \"shape\", \"size\", \"src\", \"srcSet\", \"icon\", \"className\", \"rootClassName\", \"alt\", \"draggable\", \"children\", \"crossOrigin\"]);\n const size = useSize(ctxSize => {\n var _a, _b;\n return (_b = (_a = customSize !== null && customSize !== void 0 ? customSize : avatarCtx === null || avatarCtx === void 0 ? void 0 : avatarCtx.size) !== null && _a !== void 0 ? _a : ctxSize) !== null && _b !== void 0 ? _b : 'default';\n });\n const needResponsive = Object.keys(typeof size === 'object' ? size || {} : {}).some(key => ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].includes(key));\n const screens = useBreakpoint(needResponsive);\n const responsiveSizeStyle = React.useMemo(() => {\n if (typeof size !== 'object') {\n return {};\n }\n const currentBreakpoint = responsiveArray.find(screen => screens[screen]);\n const currentSize = size[currentBreakpoint];\n return currentSize ? {\n width: currentSize,\n height: currentSize,\n lineHeight: `${currentSize}px`,\n fontSize: currentSize && (icon || children) ? currentSize / 2 : 18\n } : {};\n }, [screens, size]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Avatar');\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof icon === 'string' && icon.length > 2), 'breaking', `\\`icon\\` is using ReactNode instead of string naming in v4. Please check \\`${icon}\\` at https://ant.design/components/icon`) : void 0;\n }\n const prefixCls = getPrefixCls('avatar', customizePrefixCls);\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const sizeCls = classNames({\n [`${prefixCls}-lg`]: size === 'large',\n [`${prefixCls}-sm`]: size === 'small'\n });\n const hasImageElement = /*#__PURE__*/React.isValidElement(src);\n const mergedShape = shape || (avatarCtx === null || avatarCtx === void 0 ? void 0 : avatarCtx.shape) || 'circle';\n const classString = classNames(prefixCls, sizeCls, avatar === null || avatar === void 0 ? void 0 : avatar.className, `${prefixCls}-${mergedShape}`, {\n [`${prefixCls}-image`]: hasImageElement || src && isImgExist,\n [`${prefixCls}-icon`]: !!icon\n }, cssVarCls, rootCls, className, rootClassName, hashId);\n const sizeStyle = typeof size === 'number' ? {\n width: size,\n height: size,\n lineHeight: `${size}px`,\n fontSize: icon ? size / 2 : 18\n } : {};\n let childrenToRender;\n if (typeof src === 'string' && isImgExist) {\n childrenToRender = /*#__PURE__*/React.createElement(\"img\", {\n src: src,\n draggable: draggable,\n srcSet: srcSet,\n onError: handleImgLoadError,\n alt: alt,\n crossOrigin: crossOrigin\n });\n } else if (hasImageElement) {\n childrenToRender = src;\n } else if (icon) {\n childrenToRender = icon;\n } else if (mounted || scale !== 1) {\n const transformString = `scale(${scale}) translateX(-50%)`;\n const childrenStyle = {\n msTransform: transformString,\n WebkitTransform: transformString,\n transform: transformString\n };\n const sizeChildrenStyle = typeof size === 'number' ? {\n lineHeight: `${size}px`\n } : {};\n childrenToRender = /*#__PURE__*/React.createElement(ResizeObserver, {\n onResize: setScaleParam\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-string`,\n ref: avatarChildrenRef,\n style: Object.assign(Object.assign({}, sizeChildrenStyle), childrenStyle)\n }, children));\n } else {\n childrenToRender = /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-string`,\n style: {\n opacity: 0\n },\n ref: avatarChildrenRef\n }, children);\n }\n // The event is triggered twice from bubbling up the DOM tree.\n // see https://codesandbox.io/s/kind-snow-9lidz\n delete others.onError;\n delete others.gap;\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"span\", Object.assign({}, others, {\n style: Object.assign(Object.assign(Object.assign(Object.assign({}, sizeStyle), responsiveSizeStyle), avatar === null || avatar === void 0 ? void 0 : avatar.style), others.style),\n className: classString,\n ref: avatarNodeMergeRef\n }), childrenToRender));\n};\nconst Avatar = /*#__PURE__*/React.forwardRef(InternalAvatar);\nif (process.env.NODE_ENV !== 'production') {\n Avatar.displayName = 'Avatar';\n}\nexport default Avatar;","\"use client\";\n\nimport classNames from 'classnames';\nimport toArray from \"rc-util/es/Children/toArray\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport Popover from '../popover';\nimport { cloneElement } from '../_util/reactNode';\nimport Avatar from './avatar';\nimport AvatarContext from './AvatarContext';\nimport useStyle from './style';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nconst AvatarContextProvider = props => {\n const {\n size,\n shape\n } = React.useContext(AvatarContext);\n const avatarContextValue = React.useMemo(() => ({\n size: props.size || size,\n shape: props.shape || shape\n }), [props.size, props.shape, size, shape]);\n return /*#__PURE__*/React.createElement(AvatarContext.Provider, {\n value: avatarContextValue\n }, props.children);\n};\nconst Group = props => {\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const {\n prefixCls: customizePrefixCls,\n className,\n rootClassName,\n style,\n maxCount,\n maxStyle,\n size,\n shape,\n maxPopoverPlacement = 'top',\n maxPopoverTrigger = 'hover',\n children\n } = props;\n const prefixCls = getPrefixCls('avatar', customizePrefixCls);\n const groupPrefixCls = `${prefixCls}-group`;\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const cls = classNames(groupPrefixCls, {\n [`${groupPrefixCls}-rtl`]: direction === 'rtl'\n }, cssVarCls, rootCls, className, rootClassName, hashId);\n const childrenWithProps = toArray(children).map((child, index) => cloneElement(child, {\n key: `avatar-key-${index}`\n }));\n const numOfChildren = childrenWithProps.length;\n if (maxCount && maxCount < numOfChildren) {\n const childrenShow = childrenWithProps.slice(0, maxCount);\n const childrenHidden = childrenWithProps.slice(maxCount, numOfChildren);\n childrenShow.push( /*#__PURE__*/React.createElement(Popover, {\n key: \"avatar-popover-key\",\n content: childrenHidden,\n trigger: maxPopoverTrigger,\n placement: maxPopoverPlacement,\n overlayClassName: `${groupPrefixCls}-popover`\n }, /*#__PURE__*/React.createElement(Avatar, {\n style: maxStyle\n }, `+${numOfChildren - maxCount}`)));\n return wrapCSSVar( /*#__PURE__*/React.createElement(AvatarContextProvider, {\n shape: shape,\n size: size\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: cls,\n style: style\n }, childrenShow)));\n }\n return wrapCSSVar( /*#__PURE__*/React.createElement(AvatarContextProvider, {\n shape: shape,\n size: size\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: cls,\n style: style\n }, childrenWithProps)));\n};\nexport default Group;","\"use client\";\n\nimport InternalAvatar from './avatar';\nimport Group from './group';\nexport { Group };\nconst Avatar = InternalAvatar;\nAvatar.Group = Group;\nexport default Avatar;","import { Keyframes, unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genPresetColor, genStyleHooks, mergeToken } from '../../theme/internal';\nconst antStatusProcessing = new Keyframes('antStatusProcessing', {\n '0%': {\n transform: 'scale(0.8)',\n opacity: 0.5\n },\n '100%': {\n transform: 'scale(2.4)',\n opacity: 0\n }\n});\nconst antZoomBadgeIn = new Keyframes('antZoomBadgeIn', {\n '0%': {\n transform: 'scale(0) translate(50%, -50%)',\n opacity: 0\n },\n '100%': {\n transform: 'scale(1) translate(50%, -50%)'\n }\n});\nconst antZoomBadgeOut = new Keyframes('antZoomBadgeOut', {\n '0%': {\n transform: 'scale(1) translate(50%, -50%)'\n },\n '100%': {\n transform: 'scale(0) translate(50%, -50%)',\n opacity: 0\n }\n});\nconst antNoWrapperZoomBadgeIn = new Keyframes('antNoWrapperZoomBadgeIn', {\n '0%': {\n transform: 'scale(0)',\n opacity: 0\n },\n '100%': {\n transform: 'scale(1)'\n }\n});\nconst antNoWrapperZoomBadgeOut = new Keyframes('antNoWrapperZoomBadgeOut', {\n '0%': {\n transform: 'scale(1)'\n },\n '100%': {\n transform: 'scale(0)',\n opacity: 0\n }\n});\nconst antBadgeLoadingCircle = new Keyframes('antBadgeLoadingCircle', {\n '0%': {\n transformOrigin: '50%'\n },\n '100%': {\n transform: 'translate(50%, -50%) rotate(360deg)',\n transformOrigin: '50%'\n }\n});\nconst genSharedBadgeStyle = token => {\n const {\n componentCls,\n iconCls,\n antCls,\n badgeShadowSize,\n motionDurationSlow,\n textFontSize,\n textFontSizeSM,\n statusSize,\n dotSize,\n textFontWeight,\n indicatorHeight,\n indicatorHeightSM,\n marginXS,\n calc\n } = token;\n const numberPrefixCls = `${antCls}-scroll-number`;\n const colorPreset = genPresetColor(token, (colorKey, _ref) => {\n let {\n darkColor\n } = _ref;\n return {\n [`&${componentCls} ${componentCls}-color-${colorKey}`]: {\n background: darkColor,\n [`&:not(${componentCls}-count)`]: {\n color: darkColor\n }\n }\n };\n });\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'relative',\n display: 'inline-block',\n width: 'fit-content',\n lineHeight: 1,\n [`${componentCls}-count`]: {\n zIndex: token.indicatorZIndex,\n minWidth: indicatorHeight,\n height: indicatorHeight,\n color: token.badgeTextColor,\n fontWeight: textFontWeight,\n fontSize: textFontSize,\n lineHeight: unit(indicatorHeight),\n whiteSpace: 'nowrap',\n textAlign: 'center',\n background: token.badgeColor,\n borderRadius: calc(indicatorHeight).div(2).equal(),\n boxShadow: `0 0 0 ${unit(badgeShadowSize)} ${token.badgeShadowColor}`,\n transition: `background ${token.motionDurationMid}`,\n a: {\n color: token.badgeTextColor\n },\n 'a:hover': {\n color: token.badgeTextColor\n },\n 'a:hover &': {\n background: token.badgeColorHover\n }\n },\n [`${componentCls}-count-sm`]: {\n minWidth: indicatorHeightSM,\n height: indicatorHeightSM,\n fontSize: textFontSizeSM,\n lineHeight: unit(indicatorHeightSM),\n borderRadius: calc(indicatorHeightSM).div(2).equal()\n },\n [`${componentCls}-multiple-words`]: {\n padding: `0 ${unit(token.paddingXS)}`,\n bdi: {\n unicodeBidi: 'plaintext'\n }\n },\n [`${componentCls}-dot`]: {\n zIndex: token.indicatorZIndex,\n width: dotSize,\n minWidth: dotSize,\n height: dotSize,\n background: token.badgeColor,\n borderRadius: '100%',\n boxShadow: `0 0 0 ${unit(badgeShadowSize)} ${token.badgeShadowColor}`\n },\n [`${componentCls}-dot${numberPrefixCls}`]: {\n transition: `background ${motionDurationSlow}`\n },\n [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: {\n position: 'absolute',\n top: 0,\n insetInlineEnd: 0,\n transform: 'translate(50%, -50%)',\n transformOrigin: '100% 0%',\n [`&${iconCls}-spin`]: {\n animationName: antBadgeLoadingCircle,\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear'\n }\n },\n [`&${componentCls}-status`]: {\n lineHeight: 'inherit',\n verticalAlign: 'baseline',\n [`${componentCls}-status-dot`]: {\n position: 'relative',\n top: -1,\n // Magic number, but seems better experience\n display: 'inline-block',\n width: statusSize,\n height: statusSize,\n verticalAlign: 'middle',\n borderRadius: '50%'\n },\n [`${componentCls}-status-success`]: {\n backgroundColor: token.colorSuccess\n },\n [`${componentCls}-status-processing`]: {\n overflow: 'visible',\n color: token.colorPrimary,\n backgroundColor: token.colorPrimary,\n '&::after': {\n position: 'absolute',\n top: 0,\n insetInlineStart: 0,\n width: '100%',\n height: '100%',\n borderWidth: badgeShadowSize,\n borderStyle: 'solid',\n borderColor: 'inherit',\n borderRadius: '50%',\n animationName: antStatusProcessing,\n animationDuration: token.badgeProcessingDuration,\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n content: '\"\"'\n }\n },\n [`${componentCls}-status-default`]: {\n backgroundColor: token.colorTextPlaceholder\n },\n [`${componentCls}-status-error`]: {\n backgroundColor: token.colorError\n },\n [`${componentCls}-status-warning`]: {\n backgroundColor: token.colorWarning\n },\n [`${componentCls}-status-text`]: {\n marginInlineStart: marginXS,\n color: token.colorText,\n fontSize: token.fontSize\n }\n }\n }), colorPreset), {\n [`${componentCls}-zoom-appear, ${componentCls}-zoom-enter`]: {\n animationName: antZoomBadgeIn,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack,\n animationFillMode: 'both'\n },\n [`${componentCls}-zoom-leave`]: {\n animationName: antZoomBadgeOut,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack,\n animationFillMode: 'both'\n },\n [`&${componentCls}-not-a-wrapper`]: {\n [`${componentCls}-zoom-appear, ${componentCls}-zoom-enter`]: {\n animationName: antNoWrapperZoomBadgeIn,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack\n },\n [`${componentCls}-zoom-leave`]: {\n animationName: antNoWrapperZoomBadgeOut,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack\n },\n [`&:not(${componentCls}-status)`]: {\n verticalAlign: 'middle'\n },\n [`${numberPrefixCls}-custom-component, ${componentCls}-count`]: {\n transform: 'none'\n },\n [`${numberPrefixCls}-custom-component, ${numberPrefixCls}`]: {\n position: 'relative',\n top: 'auto',\n display: 'block',\n transformOrigin: '50% 50%'\n }\n },\n [`${numberPrefixCls}`]: {\n overflow: 'hidden',\n [`${numberPrefixCls}-only`]: {\n position: 'relative',\n display: 'inline-block',\n height: indicatorHeight,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseOutBack}`,\n WebkitTransformStyle: 'preserve-3d',\n WebkitBackfaceVisibility: 'hidden',\n [`> p${numberPrefixCls}-only-unit`]: {\n height: indicatorHeight,\n margin: 0,\n WebkitTransformStyle: 'preserve-3d',\n WebkitBackfaceVisibility: 'hidden'\n }\n },\n [`${numberPrefixCls}-symbol`]: {\n verticalAlign: 'top'\n }\n },\n // ====================== RTL =======================\n '&-rtl': {\n direction: 'rtl',\n [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: {\n transform: 'translate(-50%, -50%)'\n }\n }\n })\n };\n};\n// ============================== Export ==============================\nexport const prepareToken = token => {\n const {\n fontHeight,\n lineWidth,\n marginXS,\n colorBorderBg\n } = token;\n const badgeFontHeight = fontHeight;\n const badgeShadowSize = lineWidth;\n const badgeTextColor = token.colorBgContainer;\n const badgeColor = token.colorError;\n const badgeColorHover = token.colorErrorHover;\n const badgeToken = mergeToken(token, {\n badgeFontHeight,\n badgeShadowSize,\n badgeTextColor,\n badgeColor,\n badgeColorHover,\n badgeShadowColor: colorBorderBg,\n badgeProcessingDuration: '1.2s',\n badgeRibbonOffset: marginXS,\n // Follow token just by Design. Not related with token\n badgeRibbonCornerTransform: 'scaleY(0.75)',\n badgeRibbonCornerFilter: `brightness(75%)`\n });\n return badgeToken;\n};\nexport const prepareComponentToken = token => {\n const {\n fontSize,\n lineHeight,\n fontSizeSM,\n lineWidth\n } = token;\n return {\n indicatorZIndex: 'auto',\n indicatorHeight: Math.round(fontSize * lineHeight) - 2 * lineWidth,\n indicatorHeightSM: fontSize,\n dotSize: fontSizeSM / 2,\n textFontSize: fontSizeSM,\n textFontSizeSM: fontSizeSM,\n textFontWeight: 'normal',\n statusSize: fontSizeSM / 2\n };\n};\nexport default genStyleHooks('Badge', token => {\n const badgeToken = prepareToken(token);\n return genSharedBadgeStyle(badgeToken);\n}, prepareComponentToken);","import { unit } from '@ant-design/cssinjs';\nimport { prepareComponentToken, prepareToken } from '.';\nimport { resetComponent } from '../../style';\nimport { genPresetColor, genStyleHooks } from '../../theme/internal';\n// ============================== Ribbon ==============================\nconst genRibbonStyle = token => {\n const {\n antCls,\n badgeFontHeight,\n marginXS,\n badgeRibbonOffset,\n calc\n } = token;\n const ribbonPrefixCls = `${antCls}-ribbon`;\n const ribbonWrapperPrefixCls = `${antCls}-ribbon-wrapper`;\n const statusRibbonPreset = genPresetColor(token, (colorKey, _ref) => {\n let {\n darkColor\n } = _ref;\n return {\n [`&${ribbonPrefixCls}-color-${colorKey}`]: {\n background: darkColor,\n color: darkColor\n }\n };\n });\n return {\n [`${ribbonWrapperPrefixCls}`]: {\n position: 'relative'\n },\n [`${ribbonPrefixCls}`]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'absolute',\n top: marginXS,\n padding: `0 ${unit(token.paddingXS)}`,\n color: token.colorPrimary,\n lineHeight: unit(badgeFontHeight),\n whiteSpace: 'nowrap',\n backgroundColor: token.colorPrimary,\n borderRadius: token.borderRadiusSM,\n [`${ribbonPrefixCls}-text`]: {\n color: token.colorTextLightSolid\n },\n [`${ribbonPrefixCls}-corner`]: {\n position: 'absolute',\n top: '100%',\n width: badgeRibbonOffset,\n height: badgeRibbonOffset,\n color: 'currentcolor',\n border: `${unit(calc(badgeRibbonOffset).div(2).equal())} solid`,\n transform: token.badgeRibbonCornerTransform,\n transformOrigin: 'top',\n filter: token.badgeRibbonCornerFilter\n }\n }), statusRibbonPreset), {\n [`&${ribbonPrefixCls}-placement-end`]: {\n insetInlineEnd: calc(badgeRibbonOffset).mul(-1).equal(),\n borderEndEndRadius: 0,\n [`${ribbonPrefixCls}-corner`]: {\n insetInlineEnd: 0,\n borderInlineEndColor: 'transparent',\n borderBlockEndColor: 'transparent'\n }\n },\n [`&${ribbonPrefixCls}-placement-start`]: {\n insetInlineStart: calc(badgeRibbonOffset).mul(-1).equal(),\n borderEndStartRadius: 0,\n [`${ribbonPrefixCls}-corner`]: {\n insetInlineStart: 0,\n borderBlockEndColor: 'transparent',\n borderInlineStartColor: 'transparent'\n }\n },\n // ====================== RTL =======================\n '&-rtl': {\n direction: 'rtl'\n }\n })\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks(['Badge', 'Ribbon'], token => {\n const badgeToken = prepareToken(token);\n return genRibbonStyle(badgeToken);\n}, prepareComponentToken);","\"use client\";\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { isPresetColor } from '../_util/colors';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style/ribbon';\nconst Ribbon = props => {\n const {\n className,\n prefixCls: customizePrefixCls,\n style,\n color,\n children,\n text,\n placement = 'end',\n rootClassName\n } = props;\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('ribbon', customizePrefixCls);\n const wrapperCls = `${prefixCls}-wrapper`;\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, wrapperCls);\n const colorInPreset = isPresetColor(color, false);\n const ribbonCls = classNames(prefixCls, `${prefixCls}-placement-${placement}`, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-color-${color}`]: colorInPreset\n }, className);\n const colorStyle = {};\n const cornerColorStyle = {};\n if (color && !colorInPreset) {\n colorStyle.background = color;\n cornerColorStyle.color = color;\n }\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(wrapperCls, rootClassName, hashId, cssVarCls)\n }, children, /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(ribbonCls, hashId),\n style: Object.assign(Object.assign({}, colorStyle), style)\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-text`\n }, text), /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-corner`,\n style: cornerColorStyle\n }))));\n};\nif (process.env.NODE_ENV !== 'production') {\n Ribbon.displayName = 'Ribbon';\n}\nexport default Ribbon;","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nfunction UnitNumber(_ref) {\n let {\n prefixCls,\n value,\n current,\n offset = 0\n } = _ref;\n let style;\n if (offset) {\n style = {\n position: 'absolute',\n top: `${offset}00%`,\n left: 0\n };\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n style: style,\n className: classNames(`${prefixCls}-only-unit`, {\n current\n })\n }, value);\n}\nfunction getOffset(start, end, unit) {\n let index = start;\n let offset = 0;\n while ((index + 10) % 10 !== end) {\n index += unit;\n offset += unit;\n }\n return offset;\n}\nexport default function SingleNumber(props) {\n const {\n prefixCls,\n count: originCount,\n value: originValue\n } = props;\n const value = Number(originValue);\n const count = Math.abs(originCount);\n const [prevValue, setPrevValue] = React.useState(value);\n const [prevCount, setPrevCount] = React.useState(count);\n // ============================= Events =============================\n const onTransitionEnd = () => {\n setPrevValue(value);\n setPrevCount(count);\n };\n // Fallback if transition events are not supported\n React.useEffect(() => {\n const timeout = setTimeout(() => {\n onTransitionEnd();\n }, 1000);\n return () => {\n clearTimeout(timeout);\n };\n }, [value]);\n // ============================= Render =============================\n // Render unit list\n let unitNodes;\n let offsetStyle;\n if (prevValue === value || Number.isNaN(value) || Number.isNaN(prevValue)) {\n // Nothing to change\n unitNodes = [/*#__PURE__*/React.createElement(UnitNumber, Object.assign({}, props, {\n key: value,\n current: true\n }))];\n offsetStyle = {\n transition: 'none'\n };\n } else {\n unitNodes = [];\n // Fill basic number units\n const end = value + 10;\n const unitNumberList = [];\n for (let index = value; index <= end; index += 1) {\n unitNumberList.push(index);\n }\n // Fill with number unit nodes\n const prevIndex = unitNumberList.findIndex(n => n % 10 === prevValue);\n unitNodes = unitNumberList.map((n, index) => {\n const singleUnit = n % 10;\n return /*#__PURE__*/React.createElement(UnitNumber, Object.assign({}, props, {\n key: n,\n value: singleUnit,\n offset: index - prevIndex,\n current: index === prevIndex\n }));\n });\n // Calculate container offset value\n const unit = prevCount < count ? 1 : -1;\n offsetStyle = {\n transform: `translateY(${-getOffset(prevValue, value, unit)}00%)`\n };\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-only`,\n style: offsetStyle,\n onTransitionEnd: onTransitionEnd\n }, unitNodes);\n}","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { cloneElement } from '../_util/reactNode';\nimport { ConfigContext } from '../config-provider';\nimport SingleNumber from './SingleNumber';\nconst ScrollNumber = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls: customizePrefixCls,\n count,\n className,\n motionClassName,\n style,\n title,\n show,\n component: Component = 'sup',\n children\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"count\", \"className\", \"motionClassName\", \"style\", \"title\", \"show\", \"component\", \"children\"]);\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('scroll-number', customizePrefixCls);\n // ============================ Render ============================\n const newProps = Object.assign(Object.assign({}, restProps), {\n 'data-show': show,\n style,\n className: classNames(prefixCls, className, motionClassName),\n title: title\n });\n // Only integer need motion\n let numberNodes = count;\n if (count && Number(count) % 1 === 0) {\n const numberList = String(count).split('');\n numberNodes = /*#__PURE__*/React.createElement(\"bdi\", null, numberList.map((num, i) => ( /*#__PURE__*/React.createElement(SingleNumber, {\n prefixCls: prefixCls,\n count: Number(count),\n value: num,\n // eslint-disable-next-line react/no-array-index-key\n key: numberList.length - i\n }))));\n }\n // allow specify the border\n // mock border-color by box-shadow for compatible with old usage:\n //