@formily-design/formily-antd 1.0.0

package/esm/components/FormLayout/preview.js

@@ -0,0 +1,29 @@
+import { FormLayout as FormilyFormLayout } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { withContainer } from '../../common/Container';
+import { createVoidFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const FormLayout = withContainer(FormilyFormLayout);
+FormLayout.Behavior = createBehavior({
+    name: 'FormLayout',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'FormLayout',
+    designerProps: {
+        droppable: true,
+        propsSchema: createVoidFieldSchema(AllSchemas.FormLayout),
+    },
+    designerLocales: AllLocales.FormLayout,
+});
+FormLayout.Resource = createResource({
+    icon: 'FormLayoutSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'FormLayout',
+            },
+        },
+    ],
+});

package/esm/components/FormTab/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/FormTab/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/FormTab/preview.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TabsProps, TabPaneProps } from 'antd/lib/tabs';
+import { DnFC } from '@formily-design/react';
+export declare const FormTab: DnFC<TabsProps> & {
+    TabPane?: React.FC<TabPaneProps>;
+};

package/esm/components/FormTab/preview.js

@@ -0,0 +1,123 @@
+import React, { Fragment, useState } from 'react';
+import { observer } from '@formily/react';
+import { Tabs } from 'antd';
+import { TreeNode, createBehavior, createResource } from '@formily-design/core';
+import { useNodeIdProps, useTreeNode, TreeNodeWidget, DroppableWidget, } from '@formily-design/react';
+import { LoadTemplate } from '../../common/LoadTemplate';
+import { useDropTemplate } from '../../hooks';
+import { createVoidFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+import { matchComponent } from '../../shared';
+const parseTabs = (parent) => {
+    const tabs = [];
+    parent.children.forEach((node) => {
+        if (matchComponent(node, 'FormTab.TabPane')) {
+            tabs.push(node);
+        }
+    });
+    return tabs;
+};
+const getCorrectActiveKey = (activeKey, tabs) => {
+    if (tabs.length === 0)
+        return;
+    if (tabs.some((node) => node.id === activeKey))
+        return activeKey;
+    return tabs[tabs.length - 1].id;
+};
+export const FormTab = observer((props) => {
+    const [activeKey, setActiveKey] = useState();
+    const nodeId = useNodeIdProps();
+    const node = useTreeNode();
+    const designer = useDropTemplate('FormTab', (source) => {
+        return [
+            new TreeNode({
+                componentName: 'Field',
+                props: {
+                    type: 'void',
+                    'x-component': 'FormTab.TabPane',
+                    'x-component-props': {
+                        tab: `Unnamed Title`,
+                    },
+                },
+                children: source,
+            }),
+        ];
+    });
+    const tabs = parseTabs(node);
+    const renderTabs = () => {
+        var _a;
+        if (!((_a = node.children) === null || _a === void 0 ? void 0 : _a.length))
+            return React.createElement(DroppableWidget, null);
+        return (React.createElement(Tabs, Object.assign({}, props, { activeKey: getCorrectActiveKey(activeKey, tabs), onChange: (id) => {
+                setActiveKey(id);
+            } }), tabs.map((tab) => {
+            const props = tab.props['x-component-props'] || {};
+            return (React.createElement(Tabs.TabPane, Object.assign({}, props, { style: Object.assign({}, props.style), tab: React.createElement("span", { "data-content-editable": "x-component-props.tab", "data-content-editable-node-id": tab.id }, props.tab), key: tab.id }), React.createElement('div', {
+                [designer.props.nodeIdAttrName]: tab.id,
+                style: {
+                    padding: '20px 0',
+                },
+            }, tab.children.length ? (React.createElement(TreeNodeWidget, { node: tab })) : (React.createElement(DroppableWidget, { node: tab })))));
+        })));
+    };
+    return (React.createElement("div", Object.assign({}, nodeId),
+        renderTabs(),
+        React.createElement(LoadTemplate, { actions: [
+                {
+                    title: node.getMessage('addTabPane'),
+                    icon: 'AddPanel',
+                    onClick: () => {
+                        const tabPane = new TreeNode({
+                            componentName: 'Field',
+                            props: {
+                                type: 'void',
+                                'x-component': 'FormTab.TabPane',
+                                'x-component-props': {
+                                    tab: `Unnamed Title`,
+                                },
+                            },
+                        });
+                        node.append(tabPane);
+                        setActiveKey(tabPane.id);
+                    },
+                },
+            ] })));
+});
+FormTab.TabPane = (props) => {
+    return React.createElement(Fragment, null, props.children);
+};
+FormTab.Behavior = createBehavior({
+    name: 'FormTab',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'FormTab',
+    designerProps: {
+        droppable: true,
+        allowAppend: (target, source) => target.children.length === 0 ||
+            source.every((node) => node.props['x-component'] === 'FormTab.TabPane'),
+        propsSchema: createVoidFieldSchema(AllSchemas.FormTab),
+    },
+    designerLocales: AllLocales.FormTab,
+}, {
+    name: 'FormTab.TabPane',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'FormTab.TabPane',
+    designerProps: {
+        droppable: true,
+        allowDrop: (node) => node.props['x-component'] === 'FormTab',
+        propsSchema: createVoidFieldSchema(AllSchemas.FormTab.TabPane),
+    },
+    designerLocales: AllLocales.FormTabPane,
+});
+FormTab.Resource = createResource({
+    icon: 'TabSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'FormTab',
+            },
+        },
+    ],
+});

package/esm/components/Input/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Input/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Input/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Input as FormilyInput } from '@formily/antd-v5';
+import { DnFC } from '@formily-design/react';
+export declare const Input: DnFC<React.ComponentProps<typeof FormilyInput>>;

package/esm/components/Input/preview.js

@@ -0,0 +1,50 @@
+import { Input as FormilyInput } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Input = FormilyInput;
+Input.Behavior = createBehavior({
+    name: 'Input',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Input',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Input),
+    },
+    designerLocales: AllLocales.Input,
+}, {
+    name: 'Input.TextArea',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Input.TextArea',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Input.TextArea),
+    },
+    designerLocales: AllLocales.TextArea,
+});
+Input.Resource = createResource({
+    icon: 'InputSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'string',
+                title: 'Input',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input',
+            },
+        },
+    ],
+}, {
+    icon: 'TextAreaSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'string',
+                title: 'TextArea',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input.TextArea',
+            },
+        },
+    ],
+});

package/esm/components/NumberPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/NumberPicker/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/NumberPicker/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberPicker as FormilyNumberPicker } from '@formily/antd-v5';
+import { DnFC } from '@formily-design/react';
+export declare const NumberPicker: DnFC<React.ComponentProps<typeof FormilyNumberPicker>>;

package/esm/components/NumberPicker/preview.js

@@ -0,0 +1,29 @@
+import { NumberPicker as FormilyNumberPicker } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const NumberPicker = FormilyNumberPicker;
+NumberPicker.Behavior = createBehavior({
+    name: 'NumberPicker',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'NumberPicker',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.NumberPicker),
+    },
+    designerLocales: AllLocales.NumberPicker,
+});
+NumberPicker.Resource = createResource({
+    icon: 'NumberPickerSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'number',
+                title: 'NumberPicker',
+                'x-decorator': 'FormItem',
+                'x-component': 'NumberPicker',
+            },
+        },
+    ],
+});

package/esm/components/Object/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Object/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Object/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DnFC } from '@formily-design/react';
+import { Container } from '../../common/Container';
+export declare const ObjectContainer: DnFC<React.ComponentProps<typeof Container>>;

package/esm/components/Object/preview.js

@@ -0,0 +1,26 @@
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { Container } from '../../common/Container';
+import { AllLocales } from '../../locales';
+export const ObjectContainer = Container;
+ObjectContainer.Behavior = createBehavior({
+    name: 'Object',
+    extends: ['Field'],
+    selector: (node) => node.props.type === 'object',
+    designerProps: {
+        droppable: true,
+        propsSchema: createFieldSchema(),
+    },
+    designerLocales: AllLocales.ObjectLocale,
+});
+ObjectContainer.Resource = createResource({
+    icon: 'ObjectSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'object',
+            },
+        },
+    ],
+});

package/esm/components/Password/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Password/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Password/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Password as FormilyPassword } from '@formily/antd-v5';
+import { DnFC } from '@formily-design/react';
+export declare const Password: DnFC<React.ComponentProps<typeof FormilyPassword>>;

package/esm/components/Password/preview.js

@@ -0,0 +1,28 @@
+import { Password as FormilyPassword } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Password = FormilyPassword;
+Password.Behavior = createBehavior({
+    name: 'Password',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Password',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Password),
+    },
+    designerLocales: AllLocales.Password,
+});
+Password.Resource = createResource({
+    icon: 'PasswordSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                title: 'Password',
+                'x-decorator': 'FormItem',
+                'x-component': 'Password',
+            },
+        },
+    ],
+});

package/esm/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Radio/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Radio/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Radio as FormilyRadio } from '@formily/antd-v5';
+import { DnFC } from '@formily-design/react';
+export declare const Radio: DnFC<React.ComponentProps<typeof FormilyRadio>>;

package/esm/components/Radio/preview.js

@@ -0,0 +1,33 @@
+import { Radio as FormilyRadio } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Radio = FormilyRadio;
+Radio.Behavior = createBehavior({
+    name: 'Radio.Group',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Radio.Group',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Radio.Group),
+    },
+    designerLocales: AllLocales.RadioGroup,
+});
+Radio.Resource = createResource({
+    icon: 'RadioGroupSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'string | number',
+                title: 'Radio Group',
+                'x-decorator': 'FormItem',
+                'x-component': 'Radio.Group',
+                enum: [
+                    { label: '选项1', value: 1 },
+                    { label: '选项2', value: 2 },
+                ],
+            },
+        },
+    ],
+});

package/esm/components/Rate/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Rate/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Rate/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Rate as AntdRate } from 'antd';
+import { DnFC } from '@formily-design/react';
+export declare const Rate: DnFC<React.ComponentProps<typeof AntdRate>>;

package/esm/components/Rate/preview.js

@@ -0,0 +1,29 @@
+import { Rate as AntdRate } from 'antd';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Rate = AntdRate;
+Rate.Behavior = createBehavior({
+    name: 'Rate',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Rate',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Rate),
+    },
+    designerLocales: AllLocales.Rate,
+});
+Rate.Resource = createResource({
+    icon: 'RateSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'number',
+                title: 'Rate',
+                'x-decorator': 'FormItem',
+                'x-component': 'Rate',
+            },
+        },
+    ],
+});

package/esm/components/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Select/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Select/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Select as FormilySelect } from '@formily/antd-v5';
+import { DnFC } from '@formily-design/react';
+export declare const Select: DnFC<React.ComponentProps<typeof FormilySelect>>;

package/esm/components/Select/preview.js

@@ -0,0 +1,28 @@
+import { Select as FormilySelect } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Select = FormilySelect;
+Select.Behavior = createBehavior({
+    name: 'Select',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Select',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Select),
+    },
+    designerLocales: AllLocales.Select,
+});
+Select.Resource = createResource({
+    icon: 'SelectSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                title: 'Select',
+                'x-decorator': 'FormItem',
+                'x-component': 'Select',
+            },
+        },
+    ],
+});

package/esm/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Slider/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Slider/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Slider as AntdSlider } from 'antd';
+import { DnFC } from '@formily-design/react';
+export declare const Slider: DnFC<React.ComponentProps<typeof AntdSlider>>;

package/esm/components/Slider/preview.js

@@ -0,0 +1,29 @@
+import { Slider as AntdSlider } from 'antd';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Slider = AntdSlider;
+Slider.Behavior = createBehavior({
+    name: 'Slider',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Slider',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Slider),
+    },
+    designerLocales: AllLocales.Slider,
+});
+Slider.Resource = createResource({
+    icon: 'SliderSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'number',
+                title: 'Slider',
+                'x-decorator': 'FormItem',
+                'x-component': 'Slider',
+            },
+        },
+    ],
+});

package/esm/components/Space/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Space/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Space/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Space as FormilySpace } from '@formily/antd-v5';
+import { DnFC } from '@formily-design/react';
+export declare const Space: DnFC<React.ComponentProps<typeof FormilySpace>>;

package/esm/components/Space/preview.js

@@ -0,0 +1,30 @@
+import { Space as FormilySpace } from '@formily/antd-v5';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createVoidFieldSchema } from '../Field';
+import { withContainer } from '../../common/Container';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Space = withContainer(FormilySpace);
+Space.Behavior = createBehavior({
+    name: 'Space',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Space',
+    designerProps: {
+        droppable: true,
+        inlineChildrenLayout: true,
+        propsSchema: createVoidFieldSchema(AllSchemas.Space),
+    },
+    designerLocales: AllLocales.Space,
+});
+Space.Resource = createResource({
+    icon: 'SpaceSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'Space',
+            },
+        },
+    ],
+});

package/esm/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Switch/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Switch/preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Switch as AntdSwitch } from 'antd';
+import { DnFC } from '@formily-design/react';
+export declare const Switch: DnFC<React.ComponentProps<typeof AntdSwitch>>;

package/esm/components/Switch/preview.js

@@ -0,0 +1,29 @@
+import { Switch as AntdSwitch } from 'antd';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+export const Switch = AntdSwitch;
+Switch.Behavior = createBehavior({
+    name: 'Switch',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Switch',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Switch),
+    },
+    designerLocales: AllLocales.Switch,
+});
+Switch.Resource = createResource({
+    icon: 'SwitchSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'boolean',
+                title: 'Switch',
+                'x-decorator': 'FormItem',
+                'x-component': 'Switch',
+            },
+        },
+    ],
+});

package/esm/components/Text/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Text/index.js

@@ -0,0 +1 @@
+export * from './preview';

package/esm/components/Text/preview.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DnFC } from '@formily-design/react';
+import './styles.less';
+export interface IDesignableTextProps {
+    value?: string;
+    content?: string;
+    mode?: 'normal' | 'h1' | 'h2' | 'h3' | 'p';
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const Text: DnFC<IDesignableTextProps>;