* 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>
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import { observer, useField } from '@formily/react';
|
|
import { useAPIClient } from '@nocobase/client';
|
|
import { Card } from 'antd';
|
|
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import RIframe from 'react-iframe';
|
|
import type { IIframe } from 'react-iframe/types';
|
|
import { IframeDesigner } from './Iframe.Designer';
|
|
|
|
function isNumeric(str: string | undefined) {
|
|
if (typeof str !== 'string') return false; // we only process strings!
|
|
return (
|
|
!isNaN(str as any) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
|
|
!isNaN(parseFloat(str))
|
|
); // ...and ensure strings of whitespace fail
|
|
}
|
|
|
|
export const Iframe: any = observer(
|
|
(props: IIframe & { html?: string; htmlId?: number; mode: string }) => {
|
|
const { url, htmlId, mode = 'url', height, html, ...others } = props;
|
|
|
|
const { t } = useTranslation();
|
|
const api = useAPIClient();
|
|
const field = useField();
|
|
|
|
const src = React.useMemo(() => {
|
|
if (mode === 'html') {
|
|
return `/api/iframeHtml:getHtml/${htmlId}?token=${api.auth.getToken()}&v=${field.data?.v || ''}`;
|
|
}
|
|
return url;
|
|
}, [url, mode, htmlId, field.data?.v]);
|
|
|
|
if ((mode === 'url' && !url) || (mode === 'html' && !htmlId)) {
|
|
return <Card style={{ marginBottom: 24 }}>{t('Please fill in the iframe URL')}</Card>;
|
|
}
|
|
|
|
return (
|
|
<RIframe
|
|
url={src}
|
|
width="100%"
|
|
display="block"
|
|
position="relative"
|
|
styles={{
|
|
height: isNumeric(height) ? `${height}px` : height,
|
|
marginBottom: '24px',
|
|
border: 0,
|
|
}}
|
|
{...others}
|
|
/>
|
|
);
|
|
},
|
|
{ displayName: 'Iframe' },
|
|
);
|
|
|
|
Iframe.Designer = IframeDesigner;
|