{index + 1}/{numPages}页
diff --git a/packages/plugins/@hera/plugin-core/src/client/custom-components.ts b/packages/plugins/@hera/plugin-core/src/client/custom-components.ts new file mode 100644 index 000000000..c82d3fc77 --- /dev/null +++ b/packages/plugins/@hera/plugin-core/src/client/custom-components.ts @@ -0,0 +1,25 @@ +import { ReactFC } from '@formily/react'; +import { ComponentType, MemoExoticComponent } from 'react'; + +export interface CustomFunctionComponentextends React.FunctionComponent
{ + __componentType: CustomComponentType; + __componentLabel: string; +} + +export interface CustomFC
extends MemoExoticComponent item.category === 'optional')
- .map((item) => item.namespace + '.' + item.function),
- );
- setSelectedUserCollections(
- selectedRows.filter((item) => item.category === 'user').map((item) => item.name),
- );
- },
- getCheckboxProps(record) {
- return {
- disabled: record.category === 'required',
- };
- },
- defaultSelectedRowKeys: requiredGroups.map(keyFn),
- }}
- pagination={{
- pageSize: 200,
- }}
- />
- )}
-
-
-
- );
-};
-export const BackupCenterPanel = () => {
- const api = useAPIClient();
- const [requiredGroups, setRequiredGroups] = useState([]);
- const [optionalGroups, setOptionalGroups] = useState([]);
- const [userCollections, setUserCollections] = useState([]);
- const [selectedOptionalGroups, setSelectedOptionalGroups] = useState([]);
- const [selectedUserCollections, setSelectedUserCollections] = useState([]);
- useEffect(() => {
- api
- .resource('duplicator')
- .dumpableCollections()
- .then((res) => {
- const { requiredGroups, optionalGroups, userCollections } = res.data;
- setRequiredGroups(requiredGroups.map((i) => ({ ...i, category: 'required' })));
- setOptionalGroups(optionalGroups.map((i) => ({ ...i, category: 'optional' })));
- setUserCollections(
- userCollections
- .filter((i: { name: string }) => !i.name.startsWith('view_'))
- .map((i) => ({ ...i, category: 'user' })),
- );
- })
- .catch(() => {
- // ignore-error
- });
- }, [api]);
- if (requiredGroups.length === 0) {
- return null;
- }
- return (
-
item.category === 'optional')
- .map((item) => item.namespace + '.' + item.function),
- );
- setSelectedUserCollections(
- selectedRows.filter((item) => item.category === 'user').map((item) => item.name),
- );
- },
- getCheckboxProps(record) {
- return {
- disabled: record.category === 'required',
- };
- },
- defaultSelectedRowKeys: requiredGroups.map(keyFn),
- }}
- pagination={{
- pageSize: 200,
- }}
- />
-
- );
-};
diff --git a/packages/plugins/@hera/plugin-core/src/client/schema-components/PDFViewer.tsx b/packages/plugins/@hera/plugin-core/src/client/schema-components/PDFViewer.tsx
index 37cfcba1b..5b3708881 100644
--- a/packages/plugins/@hera/plugin-core/src/client/schema-components/PDFViewer.tsx
+++ b/packages/plugins/@hera/plugin-core/src/client/schema-components/PDFViewer.tsx
@@ -1,4 +1,4 @@
-import React, { useLayoutEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
import { PDFViewer } from '../components/PDFViewer';
import { Space } from 'antd';
import { css } from '@nocobase/client';
@@ -9,10 +9,12 @@ export const InternalPDFViewer = (props) => {
const containerRef = useRef(null);
const [width, setWidth] = useState(0);
const [, setHeight] = useState(0);
- useLayoutEffect(() => {
- setWidth(containerRef.current.offsetWidth);
- setHeight(containerRef.current.offsetHeight);
- });
+ useEffect(() => {
+ if (containerRef.current) {
+ setWidth(containerRef.current.offsetWidth);
+ setHeight(containerRef.current.offsetHeight);
+ }
+ }, [containerRef]);
const ref = usePDFViewerRef();
const usePdfPath = useMaybePdfPath ?? (() => '');
const pdfPath = usePdfPath();
@@ -36,6 +38,8 @@ export const InternalPDFViewer = (props) => {
border: 1px dashed black;
margin-top: 12px;
overflow: hidden;
+ display: flex;
+ justify-content: center;
`}
>
{pdfPath ?