* refactor: plugin manager page * fix: bug * feat: addByNpm api * fix: improve the addByNpm * feat: improve applicationPlugins:list api * fix: re-download npm package when restart app * fix: plugin delete api * feat: plugin detail api * feat: zipUrl add api * fix: upload api bug * fix: plugin detail info * feat: upgrade api * fix: upload api * feat: handle plugin load error * feat: support authToken * feat: muti lang * fix: build error * fix: self review * Update plugin-manager.ts * fix: bug * fix: bug * fix: bug * fix: bug * fix: bug * fix: bugs * fix: detail click and remove isOfficial * fix: upgrade no refresh * fix: file size and type check * fix: bug * fix: upgrade error * fix: bug * fix: bug * fix: plugin card layout * fix: handling exceptional cases * fix: tgz file support * fix: macos compress file * fix: bug * fix: bug * fix: bug * fix: bug * fix: add upgrade npm type * fix: bugs * fix: bug * fix: change plugins static expose url * fix: api prefix * fix: bug * fix: add nginx `/static/plugin/` path * fix: bugs and pr docker build no dts * fix: bug * fix: build tools bug * fix: improve code * fix: build bug * feat: improve plugin info * fix: ui bug * fix: plugin document bug * feat: improve code * feat: improve code * feat: process dev deps check * feat: improve code * feat: process.env.IS_DEV_CMD * fix: do not delete the plugin package * feat: plugin symlink * fix: tsx watch --ignore=./storage/plugins/** * fix: test error * fix: improve code * fix: improve code * fix: emitStartedEvent * fix: improve code * fix: type error * fix: test error * test: console.log * fix: createStoragePluginSymLink * fix: clientStaticMiddleware rename to clientStaticUtils * feat: build tools support plugins folder * fix: 350px * fix: error * feat: client dev support plugin folder * fix: clear cli options * fix: typeError: Converting circular structure to JSON * fix: plugin name * chore: restart application after command * feat: upgrade error & docs * Update v14-changelog.md * Update v14-changelog.md * Update v14-changelog.md * fix: gateway test * refactor(plugin-workflow): add ready state for gracefully tearing down * Revert "chore: restart application after command" This reverts commit 5015274f8e4e06e506e15754b672330330e8c7f8. * chore: stop application whe restart * T 1218 change plugin folder (#2629) * feat: change folder name * feat: change `pm create` command * feat: revert plugin name change * fix: delete samples * feat: change plugins folder * fix: pm create * feat: update docs * fix: link package error * fix: docs * fix: create command * fix: pm add error * fix: create add build * fix: pm creatre + add * feat: add tar command * fix: docs * fix: bug * fix: docs --------- Co-authored-by: chenos <chenlinxh@gmail.com> * feat: docs * Update your-fisrt-plugin.md * Update your-fisrt-plugin.md * chore: application reload * chore: test * fix: pm add error * chore: preset install skip exists plugin * fix: createIfNotExists --------- Co-authored-by: chenos <chenlinxh@gmail.com> Co-authored-by: chareice <chareice@live.com> Co-authored-by: Zhou <zhou.working@gmail.com> Co-authored-by: mytharcher <mytharcher@gmail.com>
62 lines
1.7 KiB
TypeScript
62 lines
1.7 KiB
TypeScript
import { useForm } from '@formily/react';
|
|
import { css, useAPIClient } from '@nocobase/client';
|
|
import { Button, Input, message } from 'antd';
|
|
import React, { useEffect, useRef, useState } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
export default function VerificationCode({ targetFieldName = 'phone', actionType, value, onChange }) {
|
|
const { t } = useTranslation();
|
|
const api = useAPIClient();
|
|
const form = useForm();
|
|
|
|
const [count, setCountdown] = useState<number>(0);
|
|
const timer = useRef(null);
|
|
|
|
useEffect(() => {
|
|
if (count <= 0 && timer.current) {
|
|
clearInterval(timer.current);
|
|
}
|
|
}, [count]);
|
|
|
|
async function onGetCode() {
|
|
if (count > 0) {
|
|
return;
|
|
}
|
|
try {
|
|
const {
|
|
data: { data },
|
|
} = await api.resource('verifications').create({
|
|
values: {
|
|
type: actionType,
|
|
phone: form.values[targetFieldName],
|
|
},
|
|
});
|
|
message.success(t('Operation succeeded'));
|
|
if (value) {
|
|
onChange('');
|
|
}
|
|
const expiresIn = data.expiresAt ? Math.ceil((Date.parse(data.expiresAt) - Date.now()) / 1000) : 60;
|
|
setCountdown(expiresIn);
|
|
timer.current = setInterval(() => {
|
|
setCountdown((count) => count - 1);
|
|
}, 1000);
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<fieldset
|
|
className={css`
|
|
display: flex;
|
|
gap: 0.5em;
|
|
`}
|
|
>
|
|
<Input value={value} onChange={onChange} placeholder={t('Verification code')} />
|
|
<Button onClick={onGetCode} disabled={count > 0}>
|
|
{count > 0 ? t('Retry after {{count}} seconds', { count }) : t('Send code')}
|
|
</Button>
|
|
</fieldset>
|
|
);
|
|
}
|