@formily-design/formily-antd 1.0.0

package/esm/components/Text/preview.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { createBehavior, createResource } from '@formily-design/core';
+import { createVoidFieldSchema } from '../Field';
+import { AllSchemas } from '../../schemas';
+import { AllLocales } from '../../locales';
+import cls from 'classnames';
+import './styles.less';
+export const Text = (props) => {
+    const tagName = props.mode === 'normal' || !props.mode ? 'div' : props.mode;
+    return React.createElement(tagName, Object.assign(Object.assign({}, props), { className: cls(props.className, 'dn-text'), 'data-content-editable': 'x-component-props.content' }), props.content);
+};
+Text.Behavior = createBehavior({
+    name: 'Text',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Text',
+    designerProps: {
+        propsSchema: createVoidFieldSchema(AllSchemas.Text),
+    },
+    designerLocales: AllLocales.Text,
+});
+Text.Resource = createResource({
+    icon: 'TextSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'string',
+                'x-component': 'Text',
+            },
+        },
+    ],
+});

package/esm/components/Text/styles.less

@@ -0,0 +1,10 @@
+.dn-text {
+  &:empty::before {
+    content: 'Please Input';
+    display: block;
+    opacity: 0.6;
+  }
+  &:focus {
+    padding: 4px;
+  }
+}

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

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

package/esm/components/TimePicker/index.js

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

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

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

package/esm/components/TimePicker/preview.js

@@ -0,0 +1,50 @@
+import { TimePicker as FormilyTimePicker } 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 TimePicker = FormilyTimePicker;
+TimePicker.Behavior = createBehavior({
+    name: 'TimePicker',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'TimePicker',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.TimePicker),
+    },
+    designerLocales: AllLocales.TimePicker,
+}, {
+    name: 'TimePicker.RangePicker',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'TimePicker.RangePicker',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.TimePicker.RangePicker),
+    },
+    designerLocales: AllLocales.TimeRangePicker,
+});
+TimePicker.Resource = createResource({
+    icon: 'TimePickerSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'string',
+                title: 'TimePicker',
+                'x-decorator': 'FormItem',
+                'x-component': 'TimePicker',
+            },
+        },
+    ],
+}, {
+    icon: 'TimeRangePickerSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'string[]',
+                title: 'TimeRangePicker',
+                'x-decorator': 'FormItem',
+                'x-component': 'TimePicker.RangePicker',
+            },
+        },
+    ],
+});

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

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

package/esm/components/Transfer/index.js

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

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

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

package/esm/components/Transfer/preview.js

@@ -0,0 +1,28 @@
+import { Transfer as FormilyTransfer } 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 Transfer = FormilyTransfer;
+Transfer.Behavior = createBehavior({
+    name: 'Transfer',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Transfer',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Transfer),
+    },
+    designerLocales: AllLocales.Transfer,
+});
+Transfer.Resource = createResource({
+    icon: 'TransferSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                title: 'Transfer',
+                'x-decorator': 'FormItem',
+                'x-component': 'Transfer',
+            },
+        },
+    ],
+});

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

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

package/esm/components/TreeSelect/index.js

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

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

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

package/esm/components/TreeSelect/preview.js

@@ -0,0 +1,28 @@
+import { TreeSelect as FormilyTreeSelect } 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 TreeSelect = FormilyTreeSelect;
+TreeSelect.Behavior = createBehavior({
+    name: 'TreeSelect',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'TreeSelect',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.TreeSelect),
+    },
+    designerLocales: AllLocales.TreeSelect,
+});
+TreeSelect.Resource = createResource({
+    icon: 'TreeSelectSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                title: 'TreeSelect',
+                'x-decorator': 'FormItem',
+                'x-component': 'TreeSelect',
+            },
+        },
+    ],
+});

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

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

package/esm/components/Upload/index.js

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

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

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

package/esm/components/Upload/preview.js

@@ -0,0 +1,56 @@
+import { Upload as FormilyUpload } 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 Upload = FormilyUpload;
+Upload.Behavior = createBehavior({
+    name: 'Upload',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Upload',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Upload),
+    },
+    designerLocales: AllLocales.Upload,
+}, {
+    name: 'Upload.Dragger',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'Upload.Dragger',
+    designerProps: {
+        propsSchema: createFieldSchema(AllSchemas.Upload.Dragger),
+    },
+    designerLocales: AllLocales.UploadDragger,
+});
+Upload.Resource = createResource({
+    icon: 'UploadSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'Array<object>',
+                title: 'Upload',
+                'x-decorator': 'FormItem',
+                'x-component': 'Upload',
+                'x-component-props': {
+                    textContent: 'Upload',
+                },
+            },
+        },
+    ],
+}, {
+    icon: 'UploadDraggerSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'Array<object>',
+                title: 'Drag Upload',
+                'x-decorator': 'FormItem',
+                'x-component': 'Upload.Dragger',
+                'x-component-props': {
+                    textContent: 'Click or drag file to this area to upload',
+                },
+            },
+        },
+    ],
+});

package/esm/components/index.d.ts

@@ -0,0 +1,27 @@
+export * from './Field';
+export * from './Form';
+export * from './Input';
+export * from './Select';
+export * from './TreeSelect';
+export * from './Cascader';
+export * from './Radio';
+export * from './Checkbox';
+export * from './Slider';
+export * from './Rate';
+export * from './NumberPicker';
+export * from './Transfer';
+export * from './Password';
+export * from './DatePicker';
+export * from './TimePicker';
+export * from './Upload';
+export * from './Switch';
+export * from './Text';
+export * from './Card';
+export * from './Space';
+export * from './Object';
+export * from './ArrayCards';
+export * from './ArrayTable';
+export * from './FormTab';
+export * from './FormCollapse';
+export * from './FormGrid';
+export * from './FormLayout';

package/esm/components/index.js

@@ -0,0 +1,27 @@
+export * from './Field';
+export * from './Form';
+export * from './Input';
+export * from './Select';
+export * from './TreeSelect';
+export * from './Cascader';
+export * from './Radio';
+export * from './Checkbox';
+export * from './Slider';
+export * from './Rate';
+export * from './NumberPicker';
+export * from './Transfer';
+export * from './Password';
+export * from './DatePicker';
+export * from './TimePicker';
+export * from './Upload';
+export * from './Switch';
+export * from './Text';
+export * from './Card';
+export * from './Space';
+export * from './Object';
+export * from './ArrayCards';
+export * from './ArrayTable';
+export * from './FormTab';
+export * from './FormCollapse';
+export * from './FormGrid';
+export * from './FormLayout';

package/esm/hooks/index.d.ts

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

package/esm/hooks/index.js

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

package/esm/hooks/useDropTemplate.d.ts

@@ -0,0 +1,2 @@
+import { TreeNode } from '@formily-design/core';
+export declare const useDropTemplate: (name: string, getChildren: (source: TreeNode[]) => TreeNode[]) => import("@formily-design/core").Engine;

package/esm/hooks/useDropTemplate.js

@@ -0,0 +1,20 @@
+import { AppendNodeEvent } from '@formily-design/core';
+import { useDesigner } from '@formily-design/react';
+import { matchComponent, matchChildComponent } from '../shared';
+export const useDropTemplate = (name, getChildren) => {
+    return useDesigner((designer) => {
+        return designer.subscribeTo(AppendNodeEvent, (event) => {
+            const { source, target } = event.data;
+            if (Array.isArray(target))
+                return;
+            if (!Array.isArray(source))
+                return;
+            if (matchComponent(target, (key) => key === name &&
+                source.every((child) => !matchChildComponent(child, name))) &&
+                target.children.length === 0) {
+                target.setChildren(...getChildren(source));
+                return false;
+            }
+        });
+    });
+};

package/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './schemas';
+export * from './locales';

package/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './schemas';
+export * from './locales';

package/esm/locales/ArrayBase.d.ts

@@ -0,0 +1,77 @@
+export declare const ArrayAddition: {
+    'zh-CN': {
+        title: string;
+        settings: {
+            'x-component-props': {
+                method: string;
+                defaultValue: string;
+                title: string;
+            };
+        };
+    };
+    'en-US': {
+        title: string;
+        settings: {
+            'x-component-props': {
+                method: string;
+                defaultValue: string;
+                title: string;
+            };
+        };
+    };
+};
+export declare const ArrayRemove: {
+    'zh-CN': {
+        title: string;
+    };
+    'en-US': {
+        title: string;
+    };
+    'ko-KR': {
+        title: string;
+    };
+};
+export declare const ArrayMoveUp: {
+    'zh-CN': {
+        title: string;
+    };
+    'en-US': {
+        title: string;
+    };
+    'ko-KR': {
+        title: string;
+    };
+};
+export declare const ArrayMoveDown: {
+    'zh-CN': {
+        title: string;
+    };
+    'en-US': {
+        title: string;
+    };
+    'ko-KR': {
+        title: string;
+    };
+};
+export declare const ArrayIndex: {
+    'zh-CN': {
+        title: string;
+    };
+    'en-US': {
+        title: string;
+    };
+    'ko-KR': {
+        title: string;
+    };
+};
+export declare const ArraySortHandle: {
+    'zh-CN': {
+        title: string;
+    };
+    'en-US': {
+        title: string;
+    };
+    'ko-KR': {
+        title: string;
+    };
+};

package/esm/locales/ArrayBase.js

@@ -0,0 +1,91 @@
+import { GlobalRegistry } from '@formily-design/core';
+GlobalRegistry.registerDesignerLocales({
+    'zh-CN': {
+        Previews: {
+            droppable: '可以拖入组件',
+            addTabPane: '添加选项卡',
+            addCollapsePanel: '添加手风琴卡片',
+            addTableColumn: '添加表格列',
+            addTableSortHandle: '添加排序',
+            addIndex: '添加索引',
+            addOperation: '添加操作',
+        },
+    },
+});
+export const ArrayAddition = {
+    'zh-CN': {
+        title: '添加按钮',
+        settings: {
+            'x-component-props': {
+                method: '方法',
+                defaultValue: '默认值',
+                title: '标题',
+            },
+        },
+    },
+    'en-US': {
+        title: 'Addition',
+        settings: {
+            'x-component-props': {
+                method: 'Method',
+                defaultValue: 'Default Value',
+                title: 'Title',
+            },
+        },
+    },
+};
+export const ArrayRemove = {
+    'zh-CN': {
+        title: '删除按钮',
+    },
+    'en-US': {
+        title: 'Remove',
+    },
+    'ko-KR': {
+        title: '삭제',
+    },
+};
+export const ArrayMoveUp = {
+    'zh-CN': {
+        title: '上移按钮',
+    },
+    'en-US': {
+        title: 'Move Up',
+    },
+    'ko-KR': {
+        title: '위로 옮기기',
+    },
+};
+export const ArrayMoveDown = {
+    'zh-CN': {
+        title: '下移按钮',
+    },
+    'en-US': {
+        title: 'Move Down',
+    },
+    'ko-KR': {
+        title: '아래로 옮기기',
+    },
+};
+export const ArrayIndex = {
+    'zh-CN': {
+        title: '索引标识',
+    },
+    'en-US': {
+        title: 'Index',
+    },
+    'ko-KR': {
+        title: '색인',
+    },
+};
+export const ArraySortHandle = {
+    'zh-CN': {
+        title: '排序标识',
+    },
+    'en-US': {
+        title: 'Sort Handle',
+    },
+    'ko-KR': {
+        title: '정렬 핸들',
+    },
+};

package/esm/locales/ArrayCards.d.ts

@@ -0,0 +1 @@
+export declare const ArrayCards: {};

package/esm/locales/ArrayCards.js

@@ -0,0 +1,19 @@
+import { createLocales } from '@formily-design/core';
+import { Card } from './Card';
+export const ArrayCards = createLocales(Card, {
+    'zh-CN': {
+        title: '自增卡片',
+        addIndex: '添加索引',
+        addOperation: '添加操作',
+    },
+    'en-US': {
+        title: 'Array Cards',
+        addIndex: 'Add Index',
+        addOperation: 'Add Operations',
+    },
+    'ko-KR': {
+        title: '배열 카드',
+        addIndex: '색인 추가',
+        addOperation: '작업 추가',
+    },
+});