{
+ onMouseDown={(e) => {
e.stopPropagation();
startDrag(e, {
dragStartEntity: selectNodes[0],
diff --git a/apps/demo-fixed-layout/src/components/tools/index.tsx b/apps/demo-fixed-layout/src/components/tools/index.tsx
index a72dd45d..7d387055 100644
--- a/apps/demo-fixed-layout/src/components/tools/index.tsx
+++ b/apps/demo-fixed-layout/src/components/tools/index.tsx
@@ -1,10 +1,6 @@
import { useState, useEffect } from 'react';
-import {
- usePlayground,
- usePlaygroundTools,
- useRefresh,
-} from '@flowgram.ai/fixed-layout-editor';
+import { usePlayground, usePlaygroundTools, useRefresh } from '@flowgram.ai/fixed-layout-editor';
import { Tooltip, IconButton } from '@douyinfe/semi-ui';
import { IconUndo, IconRedo } from '@douyinfe/semi-icons';
diff --git a/apps/demo-fixed-layout/src/components/tools/save.tsx b/apps/demo-fixed-layout/src/components/tools/save.tsx
index b2505e26..7edf72f0 100644
--- a/apps/demo-fixed-layout/src/components/tools/save.tsx
+++ b/apps/demo-fixed-layout/src/components/tools/save.tsx
@@ -1,10 +1,6 @@
import { useState, useEffect, useCallback } from 'react';
-import {
- useClientContext,
- getNodeForm,
- FlowNodeEntity,
-} from '@flowgram.ai/fixed-layout-editor';
+import { useClientContext, getNodeForm, FlowNodeEntity } from '@flowgram.ai/fixed-layout-editor';
import { Button, Badge } from '@douyinfe/semi-ui';
export function Save(props: { disabled: boolean }) {
@@ -12,8 +8,8 @@ export function Save(props: { disabled: boolean }) {
const clientContext = useClientContext();
const updateValidateData = useCallback(() => {
- const allForms = clientContext.document.getAllNodes().map(node => getNodeForm(node));
- const count = allForms.filter(form => form?.state.invalid).length;
+ const allForms = clientContext.document.getAllNodes().map((node) => getNodeForm(node));
+ const count = allForms.filter((form) => form?.state.invalid).length;
setErrorCount(count);
}, [clientContext]);
@@ -21,8 +17,8 @@ export function Save(props: { disabled: boolean }) {
* Validate all node and Save
*/
const onSave = useCallback(async () => {
- const allForms = clientContext.document.getAllNodes().map(node => getNodeForm(node));
- await Promise.all(allForms.map(async form => form?.validate()));
+ const allForms = clientContext.document.getAllNodes().map((node) => getNodeForm(node));
+ await Promise.all(allForms.map(async (form) => form?.validate()));
console.log('>>>>> save data: ', clientContext.document.toJSON());
}, [clientContext]);
@@ -37,9 +33,9 @@ export function Save(props: { disabled: boolean }) {
node.onDispose(() => formValidateDispose.dispose());
}
};
- clientContext.document.getAllNodes().map(node => listenSingleNodeValidate(node));
+ clientContext.document.getAllNodes().map((node) => listenSingleNodeValidate(node));
const dispose = clientContext.document.onNodeCreate(({ node }) =>
- listenSingleNodeValidate(node),
+ listenSingleNodeValidate(node)
);
return () => dispose.dispose();
}, [clientContext]);
diff --git a/apps/demo-fixed-layout/src/form-components/feedback.tsx b/apps/demo-fixed-layout/src/form-components/feedback.tsx
index fd5ab902..2000300e 100644
--- a/apps/demo-fixed-layout/src/form-components/feedback.tsx
+++ b/apps/demo-fixed-layout/src/form-components/feedback.tsx
@@ -19,7 +19,7 @@ const Warning = styled.span`
export const Feedback = ({ errors, warnings }: StatePanelProps) => {
const renderFeedbacks = (fs: FieldError[] | FieldWarning[] | undefined) => {
if (!fs) return null;
- return fs.map(f =>
{f.message});
+ return fs.map((f) =>
{f.message});
};
return (
diff --git a/apps/demo-fixed-layout/src/form-components/form-header/index.tsx b/apps/demo-fixed-layout/src/form-components/form-header/index.tsx
index 7107e4d7..8787f2d7 100644
--- a/apps/demo-fixed-layout/src/form-components/form-header/index.tsx
+++ b/apps/demo-fixed-layout/src/form-components/form-header/index.tsx
@@ -41,7 +41,7 @@ export function FormHeader() {
return (
{
+ onMouseDown={(e) => {
// trigger drag node
startDrag(e);
e.stopPropagation();
@@ -73,7 +73,7 @@ export function FormHeader() {
size="small"
theme="borderless"
icon={}
- onClick={e => e.stopPropagation()}
+ onClick={(e) => e.stopPropagation()}
/>
diff --git a/apps/demo-fixed-layout/src/form-components/form-inputs/index.tsx b/apps/demo-fixed-layout/src/form-components/form-inputs/index.tsx
index 562811c8..6d9346b2 100644
--- a/apps/demo-fixed-layout/src/form-components/form-inputs/index.tsx
+++ b/apps/demo-fixed-layout/src/form-components/form-inputs/index.tsx
@@ -18,7 +18,7 @@ export function FormInputs() {
if (!properties) {
return <>;
}
- const content = Object.keys(properties).map(key => {
+ const content = Object.keys(properties).map((key) => {
const property = properties[key];
return (
diff --git a/apps/demo-fixed-layout/src/form-components/form-item/index.tsx b/apps/demo-fixed-layout/src/form-components/form-item/index.tsx
index 32f83624..698324e5 100644
--- a/apps/demo-fixed-layout/src/form-components/form-item/index.tsx
+++ b/apps/demo-fixed-layout/src/form-components/form-item/index.tsx
@@ -32,7 +32,7 @@ export function FormItem({
{required && *}
),
- [],
+ []
);
return (
{
const properties = field.value?.properties;
if (properties) {
- const content = Object.keys(properties).map(key => {
+ const content = Object.keys(properties).map((key) => {
const property = properties[key];
return
;
});
diff --git a/apps/demo-fixed-layout/src/form-components/properties-edit/index.tsx b/apps/demo-fixed-layout/src/form-components/properties-edit/index.tsx
index 9d88e0be..18ea4d81 100644
--- a/apps/demo-fixed-layout/src/form-components/properties-edit/index.tsx
+++ b/apps/demo-fixed-layout/src/form-components/properties-edit/index.tsx
@@ -13,7 +13,7 @@ export interface PropertiesEditProps {
useFx?: boolean;
}
-export const PropertiesEdit: React.FC
= props => {
+export const PropertiesEdit: React.FC = (props) => {
const value = (props.value || {}) as Record;
const { readonly } = useContext(NodeRenderContext);
const [newProperty, updateNewPropertyFromCache] = useState<{ key: string; value: JsonSchema }>({
@@ -28,7 +28,7 @@ export const PropertiesEdit: React.FC = props => {
const updateProperty = (
propertyValue: JsonSchema,
propertyKey: string,
- newPropertyKey?: string,
+ newPropertyKey?: string
) => {
const newValue = { ...value };
if (newPropertyKey) {
@@ -42,7 +42,7 @@ export const PropertiesEdit: React.FC = props => {
const updateNewProperty = (
propertyValue: JsonSchema,
propertyKey: string,
- newPropertyKey?: string,
+ newPropertyKey?: string
) => {
// const newValue = { ...value }
if (newPropertyKey) {
@@ -59,7 +59,7 @@ export const PropertiesEdit: React.FC = props => {
};
return (
<>
- {Object.keys(props.value || {}).map(key => {
+ {Object.keys(props.value || {}).map((key) => {
const property = (value[key] || {}) as JsonSchema;
return (
= props => {
+export const GroupNote: FC = (props) => {
const {
groupController,
containerStyle = {},
@@ -65,14 +65,14 @@ export const GroupNote: FC = props => {
>
{
+ onChange={(note) => {
setEditingValue(note || '');
}}
readonly={playground.config.readonly}
placeholder="Please enter note"
style={textStyle}
autoSize={autoSize}
- onEditingChange={editingState => {
+ onEditingChange={(editingState) => {
if (editingState) {
setTooltipVisible(false);
}
diff --git a/apps/demo-fixed-layout/src/plugins/group-plugin/group-tools.tsx b/apps/demo-fixed-layout/src/plugins/group-plugin/group-tools.tsx
index 6392cf80..1ac24156 100644
--- a/apps/demo-fixed-layout/src/plugins/group-plugin/group-tools.tsx
+++ b/apps/demo-fixed-layout/src/plugins/group-plugin/group-tools.tsx
@@ -29,7 +29,7 @@ interface GroupToolsProps {
const BUTTON_HEIGHT = 24;
-export const GroupTools: FC = props => {
+export const GroupTools: FC = (props) => {
const { groupNode, groupController, visible, style = {} } = props;
const groupService = useService(FlowGroupService);
@@ -53,7 +53,7 @@ export const GroupTools: FC = props => {
color: 'rgb(97, 69, 211)',
...style,
}}
- onMouseDown={e => {
+ onMouseDown={(e) => {
e.stopPropagation();
}}
>
@@ -64,7 +64,7 @@ export const GroupTools: FC = props => {
icon={}
type="primary"
theme="borderless"
- onMouseDown={e => {
+ onMouseDown={(e) => {
e.stopPropagation();
startDrag(e, {
dragStartEntity: groupNode,
@@ -80,7 +80,7 @@ export const GroupTools: FC = props => {
icon={groupController?.collapsed ? : }
type="primary"
theme="borderless"
- onClick={e => {
+ onClick={(e) => {
if (!groupController) {
return;
}
diff --git a/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/base-textarea.tsx b/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/base-textarea.tsx
index 7edefa61..4285cc45 100644
--- a/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/base-textarea.tsx
+++ b/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/base-textarea.tsx
@@ -15,7 +15,7 @@ interface Props {
[key: string]: any;
}
-const BaseTextarea: React.FC = props => {
+const BaseTextarea: React.FC = (props) => {
const { value, onChange, onBlur, editing, onFocus, autoSize = true, ...rest } = props;
const [data, setData] = useState(value);
@@ -46,7 +46,7 @@ const BaseTextarea: React.FC = props => {
{...rest}
ref={textareaRef}
value={data}
- onChange={v => {
+ onChange={(v) => {
setData(v);
}}
onEnterPress={onSubmit}
diff --git a/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/index.tsx b/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/index.tsx
index 8f3a133c..69b36615 100644
--- a/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/index.tsx
+++ b/apps/demo-fixed-layout/src/plugins/group-plugin/multilang-textarea-editor/index.tsx
@@ -21,7 +21,7 @@ interface Props {
onEditingChange?: (editing: boolean) => void;
}
-const MultiLineEditor: React.FC = props => {
+const MultiLineEditor: React.FC = (props) => {
const {
value,
onChange,
diff --git a/apps/demo-fixed-layout/src/shortcuts/index.ts b/apps/demo-fixed-layout/src/shortcuts/index.ts
index 753f8dcb..d63804ed 100644
--- a/apps/demo-fixed-layout/src/shortcuts/index.ts
+++ b/apps/demo-fixed-layout/src/shortcuts/index.ts
@@ -14,27 +14,27 @@ import { writeData } from './utils';
import { FlowCommandId } from './constants';
type ShortcutGetter = (
- ctx: FixedLayoutPluginContext,
+ ctx: FixedLayoutPluginContext
) => Parameters[0];
-const copy: ShortcutGetter = ctx => {
+const copy: ShortcutGetter = (ctx) => {
const selection = ctx.selection;
const clipboard = ctx.clipboard;
return {
commandId: FlowCommandId.COPY,
shortcuts: ['meta c', 'ctrl c'],
- isEnabled: node =>
+ isEnabled: (node) =>
(selection?.selection.length > 0 || node instanceof FlowNodeEntity) &&
!ctx.playground.config.readonlyOrDisabled,
- execute: node => {
+ execute: (node) => {
const nodes =
node instanceof FlowNodeEntity
? [node]
: (selection.selection.filter(
- _entity => _entity instanceof FlowNodeEntity,
+ (_entity) => _entity instanceof FlowNodeEntity
) as FlowNodeEntity[]);
- const originNodes = nodes.map(n => ({
+ const originNodes = nodes.map((n) => ({
...n.toJSON(),
id: `${n.flowNodeType}_${nanoid()}`,
}));
@@ -47,7 +47,7 @@ const copy: ShortcutGetter = ctx => {
};
};
-const cut: ShortcutGetter = ctx => {
+const cut: ShortcutGetter = (ctx) => {
const selection = ctx.selection;
const commandRegistry = ctx.get(CommandRegistry);
@@ -75,7 +75,7 @@ const cut: ShortcutGetter = ctx => {
};
};
-const zoomIn: ShortcutGetter = ctx => {
+const zoomIn: ShortcutGetter = (ctx) => {
const config = ctx.playground.config;
return {
@@ -87,7 +87,7 @@ const zoomIn: ShortcutGetter = ctx => {
};
};
-const zoomOut: ShortcutGetter = ctx => {
+const zoomOut: ShortcutGetter = (ctx) => {
const config = ctx.playground.config;
return {
@@ -99,7 +99,7 @@ const zoomOut: ShortcutGetter = ctx => {
};
};
-const resetZoom: ShortcutGetter = ctx => ({
+const resetZoom: ShortcutGetter = (ctx) => ({
commandId: FlowCommandId.RESET_ZOOM,
commandDetail: {
label: 'Reset Zoom',
@@ -110,7 +110,7 @@ const resetZoom: ShortcutGetter = ctx => ({
},
});
-const group: ShortcutGetter = ctx => ({
+const group: ShortcutGetter = (ctx) => ({
commandId: FlowCommandId.GROUP,
commandDetail: {
label: 'Create Group',
@@ -123,14 +123,14 @@ const group: ShortcutGetter = ctx => ({
const selection = ctx.playground.selectionService;
groupService.createGroup(
- selection.selection.filter(_entity => _entity instanceof FlowNodeEntity) as FlowNodeEntity[],
+ selection.selection.filter((_entity) => _entity instanceof FlowNodeEntity) as FlowNodeEntity[]
);
ctx.playground.selectionService.selection = [];
},
});
-const selectAll: ShortcutGetter = ctx => ({
+const selectAll: ShortcutGetter = (ctx) => ({
commandId: FlowCommandId.SELECT_ALL,
commandDetail: {
label: 'Select All',
@@ -139,14 +139,14 @@ const selectAll: ShortcutGetter = ctx => ({
isEnabled: () => !ctx.playground.config.readonlyOrDisabled,
execute: () => {
const allNodes = (ctx.document.root.children || []).filter(
- node => node.flowNodeType !== 'start' && node.flowNodeType !== 'end',
+ (node) => node.flowNodeType !== 'start' && node.flowNodeType !== 'end'
);
ctx.playground.selectionService.selection = allNodes;
},
});
-const cancelSelect: ShortcutGetter = ctx => ({
+const cancelSelect: ShortcutGetter = (ctx) => ({
commandId: FlowCommandId.CANCEL_SELECT,
commandDetail: {
label: 'Cancel Select',
@@ -157,7 +157,7 @@ const cancelSelect: ShortcutGetter = ctx => ({
},
});
-const collapse: ShortcutGetter = ctx => ({
+const collapse: ShortcutGetter = (ctx) => ({
commandId: FlowCommandId.COLLAPSE,
commandDetail: {
label: 'Collapse',
@@ -168,19 +168,19 @@ const collapse: ShortcutGetter = ctx => ({
const selection = ctx.selection;
const selectNodes = selection.selection.filter(
- _entity => _entity instanceof FlowNodeEntity,
+ (_entity) => _entity instanceof FlowNodeEntity
) as FlowNodeEntity[];
selectNodes
- .map(_node => [_node, ..._node.allCollapsedChildren])
+ .map((_node) => [_node, ..._node.allCollapsedChildren])
.flat()
- .forEach(node => {
+ .forEach((node) => {
const renderData = node.getData(FlowNodeRenderData);
if (
node.firstChild &&
[FlowNodeBaseType.BLOCK_ICON, FlowNodeBaseType.BLOCK_ORDER_ICON].includes(
- node.firstChild.flowNodeType as FlowNodeBaseType,
+ node.firstChild.flowNodeType as FlowNodeBaseType
)
) {
node.collapsed = true;
@@ -191,7 +191,7 @@ const collapse: ShortcutGetter = ctx => ({
},
});
-const expand: ShortcutGetter = ctx => ({
+const expand: ShortcutGetter = (ctx) => ({
commandId: FlowCommandId.EXPAND,
commandDetail: {
label: 'Expand',
@@ -202,19 +202,19 @@ const expand: ShortcutGetter = ctx => ({
const selection = ctx.selection;
const selectNodes = selection.selection.filter(
- _entity => _entity instanceof FlowNodeEntity,
+ (_entity) => _entity instanceof FlowNodeEntity
) as FlowNodeEntity[];
selectNodes
- .map(_node => [_node, ..._node.allCollapsedChildren])
+ .map((_node) => [_node, ..._node.allCollapsedChildren])
.flat()
- .forEach(node => {
+ .forEach((node) => {
const renderData = node.getData(FlowNodeRenderData);
if (
node.firstChild &&
[FlowNodeBaseType.BLOCK_ICON, FlowNodeBaseType.BLOCK_ORDER_ICON].includes(
- node.firstChild.flowNodeType as FlowNodeBaseType,
+ node.firstChild.flowNodeType as FlowNodeBaseType
)
) {
node.collapsed = false;
diff --git a/apps/demo-free-layout-simple/.eslintrc.js b/apps/demo-free-layout-simple/.eslintrc.js
index 02803479..9f8bd759 100644
--- a/apps/demo-free-layout-simple/.eslintrc.js
+++ b/apps/demo-free-layout-simple/.eslintrc.js
@@ -7,4 +7,9 @@ module.exports = defineConfig({
'no-console': 'off',
'react/prop-types': 'off',
},
+ settings: {
+ react: {
+ version: 'detect', // 自动检测 React 版本
+ },
+ },
});
diff --git a/apps/demo-free-layout-simple/src/components/minimap.tsx b/apps/demo-free-layout-simple/src/components/minimap.tsx
index 012b8ad3..6e35e0e5 100644
--- a/apps/demo-free-layout-simple/src/components/minimap.tsx
+++ b/apps/demo-free-layout-simple/src/components/minimap.tsx
@@ -1,7 +1,6 @@
import { FlowMinimapService, MinimapRender } from '@flowgram.ai/minimap-plugin';
import { useService } from '@flowgram.ai/free-layout-editor';
-
export const Minimap = () => {
const minimapService = useService(FlowMinimapService);
return (
diff --git a/apps/demo-free-layout-simple/src/components/node-add-panel.tsx b/apps/demo-free-layout-simple/src/components/node-add-panel.tsx
index 4e485ab3..ba7ede20 100644
--- a/apps/demo-free-layout-simple/src/components/node-add-panel.tsx
+++ b/apps/demo-free-layout-simple/src/components/node-add-panel.tsx
@@ -4,21 +4,23 @@ import { WorkflowDragService, useService } from '@flowgram.ai/free-layout-editor
const cardkeys = ['Node1', 'Node2'];
-export const NodeAddPanel: React.FC = props => {
+export const NodeAddPanel: React.FC = (props) => {
const startDragSerivce = useService(WorkflowDragService);
return (
- {cardkeys.map(nodeType => (
+ {cardkeys.map((nodeType) => (
startDragSerivce.startDragCard(nodeType, e, {
- data: {
- title: `New ${nodeType}`,
- content: 'xxxx'
- }
- })}
+ onMouseDown={(e) =>
+ startDragSerivce.startDragCard(nodeType, e, {
+ data: {
+ title: `New ${nodeType}`,
+ content: 'xxxx',
+ },
+ })
+ }
>
{nodeType}
diff --git a/apps/demo-free-layout-simple/src/components/tools.tsx b/apps/demo-free-layout-simple/src/components/tools.tsx
index 3cce16a0..6f38bac3 100644
--- a/apps/demo-free-layout-simple/src/components/tools.tsx
+++ b/apps/demo-free-layout-simple/src/components/tools.tsx
@@ -1,4 +1,5 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react';
+
import { usePlaygroundTools, useClientContext } from '@flowgram.ai/free-layout-editor';
export function Tools() {
@@ -15,13 +16,21 @@ export function Tools() {
return () => disposable.dispose();
}, [history]);
- return
-
-
-
-
-
-
- {Math.floor(tools.zoom * 100)}%
-
+ return (
+
+
+
+
+
+
+
+ {Math.floor(tools.zoom * 100)}%
+
+ );
}
diff --git a/apps/demo-free-layout-simple/src/editor.tsx b/apps/demo-free-layout-simple/src/editor.tsx
index 3bf05b84..267f7012 100644
--- a/apps/demo-free-layout-simple/src/editor.tsx
+++ b/apps/demo-free-layout-simple/src/editor.tsx
@@ -1,17 +1,14 @@
-import {
- EditorRenderer,
- FreeLayoutEditorProvider,
-} from '@flowgram.ai/free-layout-editor';
+import { EditorRenderer, FreeLayoutEditorProvider } from '@flowgram.ai/free-layout-editor';
+import { useEditorProps } from './hooks/use-editor-props';
+import { Tools } from './components/tools';
import { NodeAddPanel } from './components/node-add-panel';
-import { Tools } from './components/tools'
-import { Minimap } from './components/minimap'
-import { useEditorProps } from './hooks/use-editor-props'
+import { Minimap } from './components/minimap';
import '@flowgram.ai/free-layout-editor/index.css';
import './index.css';
export const Editor = () => {
- const editorProps = useEditorProps()
+ const editorProps = useEditorProps();
return (
@@ -23,5 +20,5 @@ export const Editor = () => {
- )
+ );
};
diff --git a/apps/demo-free-layout-simple/src/hooks/use-editor-props.tsx b/apps/demo-free-layout-simple/src/hooks/use-editor-props.tsx
index 4d3a8f11..84163317 100644
--- a/apps/demo-free-layout-simple/src/hooks/use-editor-props.tsx
+++ b/apps/demo-free-layout-simple/src/hooks/use-editor-props.tsx
@@ -1,19 +1,20 @@
import { useMemo } from 'react';
+import { createMinimapPlugin } from '@flowgram.ai/minimap-plugin';
+import { createFreeSnapPlugin } from '@flowgram.ai/free-snap-plugin';
import {
FreeLayoutProps,
WorkflowNodeProps,
WorkflowNodeRenderer,
Field,
- useNodeRender
+ useNodeRender,
} from '@flowgram.ai/free-layout-editor';
-import { createMinimapPlugin } from '@flowgram.ai/minimap-plugin';
-import { createFreeSnapPlugin } from '@flowgram.ai/free-snap-plugin';
+import { nodeRegistries } from '../node-registries';
import { initialData } from '../initial-data';
-import { nodeRegistries } from '../node-registries'
-export const useEditorProps = () => useMemo
(
+export const useEditorProps = () =>
+ useMemo(
() => ({
/**
* Whether to enable the background
@@ -47,7 +48,8 @@ export const useEditorProps = () => useMemo(
/**
* Render form
*/
- render: () => <>
+ render: () => (
+ <>
name="title">
{({ field }) => {field.value}
}
@@ -57,7 +59,8 @@ export const useEditorProps = () => useMemo(
diff --git a/apps/demo-free-layout/src/form-components/form-header/index.tsx b/apps/demo-free-layout/src/form-components/form-header/index.tsx
index d23f44fc..350502ea 100644
--- a/apps/demo-free-layout/src/form-components/form-header/index.tsx
+++ b/apps/demo-free-layout/src/form-components/form-header/index.tsx
@@ -71,7 +71,7 @@ export function FormHeader() {
size="small"
theme="borderless"
icon={}
- onClick={e => e.stopPropagation()}
+ onClick={(e) => e.stopPropagation()}
/>
diff --git a/apps/demo-free-layout/src/form-components/form-inputs/index.tsx b/apps/demo-free-layout/src/form-components/form-inputs/index.tsx
index cd1cba8d..18dc08cc 100644
--- a/apps/demo-free-layout/src/form-components/form-inputs/index.tsx
+++ b/apps/demo-free-layout/src/form-components/form-inputs/index.tsx
@@ -18,7 +18,7 @@ export function FormInputs() {
if (!properties) {
return <>;
}
- const content = Object.keys(properties).map(key => {
+ const content = Object.keys(properties).map((key) => {
const property = properties[key];
return (
diff --git a/apps/demo-free-layout/src/form-components/form-item/index.tsx b/apps/demo-free-layout/src/form-components/form-item/index.tsx
index 32f83624..698324e5 100644
--- a/apps/demo-free-layout/src/form-components/form-item/index.tsx
+++ b/apps/demo-free-layout/src/form-components/form-item/index.tsx
@@ -32,7 +32,7 @@ export function FormItem({
{required && *}
),
- [],
+ []
);
return (
{
const properties = field.value?.properties;
if (properties) {
- const content = Object.keys(properties).map(key => {
+ const content = Object.keys(properties).map((key) => {
const property = properties[key];
return
;
});
diff --git a/apps/demo-free-layout/src/form-components/properties-edit/index.tsx b/apps/demo-free-layout/src/form-components/properties-edit/index.tsx
index 9d88e0be..18ea4d81 100644
--- a/apps/demo-free-layout/src/form-components/properties-edit/index.tsx
+++ b/apps/demo-free-layout/src/form-components/properties-edit/index.tsx
@@ -13,7 +13,7 @@ export interface PropertiesEditProps {
useFx?: boolean;
}
-export const PropertiesEdit: React.FC
= props => {
+export const PropertiesEdit: React.FC = (props) => {
const value = (props.value || {}) as Record;
const { readonly } = useContext(NodeRenderContext);
const [newProperty, updateNewPropertyFromCache] = useState<{ key: string; value: JsonSchema }>({
@@ -28,7 +28,7 @@ export const PropertiesEdit: React.FC = props => {
const updateProperty = (
propertyValue: JsonSchema,
propertyKey: string,
- newPropertyKey?: string,
+ newPropertyKey?: string
) => {
const newValue = { ...value };
if (newPropertyKey) {
@@ -42,7 +42,7 @@ export const PropertiesEdit: React.FC = props => {
const updateNewProperty = (
propertyValue: JsonSchema,
propertyKey: string,
- newPropertyKey?: string,
+ newPropertyKey?: string
) => {
// const newValue = { ...value }
if (newPropertyKey) {
@@ -59,7 +59,7 @@ export const PropertiesEdit: React.FC = props => {
};
return (
<>
- {Object.keys(props.value || {}).map(key => {
+ {Object.keys(props.value || {}).map((key) => {
const property = (value[key] || {}) as JsonSchema;
return (
childField.onChange({ key: childField.value.key, value: v })}
+ onChange={(v) => childField.onChange({ key: childField.value.key, value: v })}
icon={