@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schema-component/antd/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormLayout } from '@formily/antd';\nimport { createForm } from '@formily/core';\nimport { FieldContext, FormContext, observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { Options, Result } from 'ahooks/lib/useRequest/src/types';\nimport { Spin } from 'antd';\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { useAttach, useComponent } from '../..';\nimport { useRequest } from '../../../api-client';\nimport { useCollection } from '../../../collection-manager';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { useSchemaTemplate } from '../../../schema-templates';\n\ntype Opts = Options<any, any> & { uid?: string };\n\nexport interface FormProps {\n  [key: string]: any;\n}\n\nexport type FormUseValues = (opts?: Opts, props?: FormProps) => Result<any, any>;\n\nconst FormComponent: React.FC<FormProps> = (props) => {\n  const { form, children, ...others } = props;\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  // TODO: component 里 useField 会与当前 field 存在偏差\n  const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n  return (\n    <FieldContext.Provider value={undefined}>\n      <FormContext.Provider value={form}>\n        <FormLayout layout={'vertical'} {...others}>\n          <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n        </FormLayout>\n      </FormContext.Provider>\n    </FieldContext.Provider>\n  );\n};\n\nconst Def = (props: any) => props.children;\n\nconst FormDecorator: React.FC<FormProps> = (props) => {\n  const { form, children, ...others } = props;\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  // TODO: component 里 useField 会与当前 field 存在偏差\n  const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n  const Component = useComponent(fieldSchema['x-component'], Def);\n  return (\n    <FieldContext.Provider value={undefined}>\n      <FormContext.Provider value={form}>\n        <FormLayout layout={'vertical'} {...others}>\n          <FieldContext.Provider value={f}>\n            <Component {...field.componentProps}>\n              <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n            </Component>\n          </FieldContext.Provider>\n          {/* <FieldContext.Provider value={f}>{children}</FieldContext.Provider> */}\n        </FormLayout>\n      </FormContext.Provider>\n    </FieldContext.Provider>\n  );\n};\n\nconst useRequestProps = (props: any) => {\n  const { request, initialValue } = props;\n  if (request) {\n    return request;\n  }\n  return () => {\n    return Promise.resolve({\n      data: initialValue,\n    });\n  };\n};\n\nconst useDef = (opts: any = {}, props: FormProps = {}) => {\n  return useRequest(useRequestProps(props), opts);\n};\n\nconst FormBlockContext = createContext<any>(null);\n\nexport const Form: React.FC<FormProps> & { Designer?: any } = observer((props) => {\n  const { request, effects, initialValue, useValues = useDef, ...others } = props;\n  const fieldSchema = useFieldSchema();\n  const field = useField();\n  const form = useMemo(() => createForm({ effects }), []);\n  const result = useValues(\n    {\n      uid: fieldSchema['x-uid'],\n      async onSuccess(data) {\n        await form.reset();\n        form.setValues(data?.data);\n      },\n    },\n    props,\n  );\n  const parent = useContext(FormBlockContext);\n  return (\n    <FormBlockContext.Provider value={{ parent, form, result, field, fieldSchema }}>\n      <Spin spinning={result?.loading || false}>\n        {fieldSchema['x-decorator'] === 'Form' ? (\n          <FormDecorator form={form} {...others} />\n        ) : (\n          <FormComponent form={form} {...others} />\n        )}\n      </Spin>\n    </FormBlockContext.Provider>\n  );\n});\n\nForm.Designer = () => {\n  const { name, title } = useCollection();\n  const template = useSchemaTemplate();\n  return (\n    <GeneralSchemaDesigner template={template} title={title || name}>\n      <SchemaSettings.Template componentName={'Form'} collectionName={name} />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/lib/schema-component/antd/form/index.d.ts

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

package/lib/schema-component/antd/form/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Form"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAuB","sourcesContent":["export * from './Form';\n"]}

package/lib/schema-component/antd/form-item/FormItem.d.ts

@@ -0,0 +1 @@
+export declare const FormItem: any;

package/lib/schema-component/antd/form-item/FormItem.js

@@ -0,0 +1,170 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var antd_1 = require("@formily/antd");
+var react_1 = require("@formily/react");
+var react_i18next_1 = require("react-i18next");
+var __1 = require("../..");
+var collection_manager_1 = require("../../../collection-manager");
+var schema_settings_1 = require("../../../schema-settings");
+var block_item_1 = require("../block-item");
+var shared_1 = require("../input/shared");
+var FormItem = function (props) {
+    var field = (0, react_1.useField)();
+    return ((0, jsx_runtime_1.jsx)(block_item_1.BlockItem, __assign({ className: 'nb-form-item' }, { children: (0, jsx_runtime_1.jsx)(antd_1.FormItem, __assign({ className: "" + (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["& .ant-space{\n        flex-wrap:wrap;\n      }"], ["& .ant-space{\n        flex-wrap:wrap;\n      }"]))) }, props, { extra: field.description ? ((0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: {
+                    __html: (0, shared_1.HTMLEncode)(field.description).split('\n').join('<br/>'),
+                } }, void 0)) : null }), void 0) }), void 0));
+};
+exports.FormItem = FormItem;
+exports.FormItem.Designer = function () {
+    var _a, _b, _c, _d, _e;
+    var getCollectionFields = (0, collection_manager_1.useCollectionManager)().getCollectionFields;
+    var getField = (0, collection_manager_1.useCollection)().getField;
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _f = (0, __1.useDesignable)(), dn = _f.dn, refresh = _f.refresh;
+    var compile = (0, __1.useCompile)();
+    var collectionField = getField(fieldSchema['name']);
+    var originalTitle = (_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title;
+    var targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField.target) : [];
+    var initialValue = {
+        title: field.title === originalTitle ? undefined : field.title,
+    };
+    if (!field.readPretty) {
+        initialValue['required'] = field.required;
+    }
+    var options = targetFields
+        .filter(function (field) { return !(field === null || field === void 0 ? void 0 : field.target) && field.type !== 'boolean'; })
+        .map(function (field) {
+        var _a;
+        return ({
+            value: field === null || field === void 0 ? void 0 : field.name,
+            label: compile((_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title) || (field === null || field === void 0 ? void 0 : field.name),
+        });
+    });
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, { children: [collectionField && ((0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Edit field title'), schema: {
+                    type: 'object',
+                    title: t('Edit field title'),
+                    properties: {
+                        title: {
+                            title: t('Field title'),
+                            default: field === null || field === void 0 ? void 0 : field.title,
+                            description: "" + t('Original field title: ') + ((_b = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _b === void 0 ? void 0 : _b.title),
+                            'x-decorator': 'FormItem',
+                            'x-component': 'Input',
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var title = _a.title;
+                    if (title) {
+                        field.title = title;
+                        fieldSchema.title = title;
+                        dn.emit('patch', {
+                            schema: {
+                                'x-uid': fieldSchema['x-uid'],
+                                title: fieldSchema.title,
+                            },
+                        });
+                    }
+                    dn.refresh();
+                } }, void 0)), !field.readPretty && ((0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Edit description'), schema: {
+                    type: 'object',
+                    title: t('Edit description'),
+                    properties: {
+                        description: {
+                            // title: t('Description'),
+                            default: field === null || field === void 0 ? void 0 : field.description,
+                            'x-decorator': 'FormItem',
+                            'x-component': 'Input.TextArea',
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var description = _a.description;
+                    field.description = description;
+                    fieldSchema.description = description;
+                    dn.emit('patch', {
+                        schema: {
+                            'x-uid': fieldSchema['x-uid'],
+                            description: fieldSchema.description,
+                        },
+                    });
+                    dn.refresh();
+                } }, void 0)), field.readPretty && ((0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Edit tooltip'), schema: {
+                    type: 'object',
+                    title: t('Edit description'),
+                    properties: {
+                        tooltip: {
+                            default: (_c = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-decorator-props']) === null || _c === void 0 ? void 0 : _c.tooltip,
+                            'x-decorator': 'FormItem',
+                            'x-component': 'Input.TextArea',
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var tooltip = _a.tooltip;
+                    field.decoratorProps.tooltip = tooltip;
+                    fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};
+                    fieldSchema['x-decorator-props']['tooltip'] = tooltip;
+                    dn.emit('patch', {
+                        schema: {
+                            'x-uid': fieldSchema['x-uid'],
+                            'x-decorator-props': fieldSchema['x-decorator-props'],
+                        },
+                    });
+                    dn.refresh();
+                } }, void 0)), !field.readPretty && ((0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.SwitchItem, { title: t('Required'), checked: field.required, onChange: function (required) {
+                    var _a;
+                    var schema = (_a = {},
+                        _a['x-uid'] = fieldSchema['x-uid'],
+                        _a);
+                    field.required = required;
+                    fieldSchema['required'] = required;
+                    schema['required'] = required;
+                    dn.emit('patch', {
+                        schema: schema,
+                    });
+                    refresh();
+                } }, void 0)), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) && ((0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.SelectItem, { title: t('Title field'), options: options, value: (_e = (_d = field === null || field === void 0 ? void 0 : field.componentProps) === null || _d === void 0 ? void 0 : _d.fieldNames) === null || _e === void 0 ? void 0 : _e.label, onChange: function (label) {
+                    var _a;
+                    var schema = (_a = {},
+                        _a['x-uid'] = fieldSchema['x-uid'],
+                        _a);
+                    var fieldNames = __assign(__assign({}, field.componentProps.fieldNames), { label: label });
+                    fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                    fieldSchema['x-component-props']['fieldNames'] = fieldNames;
+                    field.componentProps.fieldNames = fieldNames;
+                    schema['x-component-props'] = {
+                        fieldNames: fieldNames,
+                    };
+                    dn.emit('patch', {
+                        schema: schema,
+                    });
+                    dn.refresh();
+                } }, void 0)), collectionField && (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, confirm: {
+                    title: t('Delete field')
+                }, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }, void 0));
+};
+var templateObject_1;
+//# sourceMappingURL=FormItem.js.map

package/lib/schema-component/antd/form-item/FormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-item/FormItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css } from '@emotion/css';\nimport { FormItem as Item } from '@formily/antd';\nimport { Field } from '@formily/core';\nimport { ISchema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useCompile, useDesignable } from '../..';\nimport { useCollection, useCollectionManager } from '../../../collection-manager';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { BlockItem } from '../block-item';\nimport { HTMLEncode } from '../input/shared';\n\nexport const FormItem: any = (props) => {\n  const field = useField();\n  return (\n    <BlockItem className={'nb-form-item'}>\n      <Item\n       className={`${css`& .ant-space{\n        flex-wrap:wrap;\n      }`}`}\n        {...props}\n        extra={\n          field.description ? (\n            <div\n              dangerouslySetInnerHTML={{\n                __html: HTMLEncode(field.description).split('\\n').join('<br/>'),\n              }}\n            />\n          ) : null\n        }\n      />\n    </BlockItem>\n  );\n};\n\nFormItem.Designer = () => {\n  const { getCollectionFields } = useCollectionManager();\n  const { getField } = useCollection();\n  const field = useField<Field>();\n  const fieldSchema = useFieldSchema();\n  const { t } = useTranslation();\n  const { dn, refresh } = useDesignable();\n  const compile = useCompile();\n  const collectionField = getField(fieldSchema['name']);\n  const originalTitle = collectionField?.uiSchema?.title;\n  const targetFields = collectionField?.target ? getCollectionFields(collectionField.target) : [];\n  const initialValue = {\n    title: field.title === originalTitle ? undefined : field.title,\n  };\n  if (!field.readPretty) {\n    initialValue['required'] = field.required;\n  }\n  const options = targetFields\n    .filter((field) => !field?.target && field.type !== 'boolean')\n    .map((field) => ({\n      value: field?.name,\n      label: compile(field?.uiSchema?.title) || field?.name,\n    }));\n  return (\n    <GeneralSchemaDesigner>\n      {collectionField && (\n        <SchemaSettings.ModalItem\n          title={t('Edit field title')}\n          schema={\n            {\n              type: 'object',\n              title: t('Edit field title'),\n              properties: {\n                title: {\n                  title: t('Field title'),\n                  default: field?.title,\n                  description: `${t('Original field title: ')}${collectionField?.uiSchema?.title}`,\n                  'x-decorator': 'FormItem',\n                  'x-component': 'Input',\n                  'x-component-props': {},\n                },\n              },\n            } as ISchema\n          }\n          onSubmit={({ title }) => {\n            if (title) {\n              field.title = title;\n              fieldSchema.title = title;\n              dn.emit('patch', {\n                schema: {\n                  'x-uid': fieldSchema['x-uid'],\n                  title: fieldSchema.title,\n                },\n              });\n            }\n            dn.refresh();\n          }}\n        />\n      )}\n      {!field.readPretty && (\n        <SchemaSettings.ModalItem\n          title={t('Edit description')}\n          schema={\n            {\n              type: 'object',\n              title: t('Edit description'),\n              properties: {\n                description: {\n                  // title: t('Description'),\n                  default: field?.description,\n                  'x-decorator': 'FormItem',\n                  'x-component': 'Input.TextArea',\n                  'x-component-props': {},\n                },\n              },\n            } as ISchema\n          }\n          onSubmit={({ description }) => {\n            field.description = description;\n            fieldSchema.description = description;\n            dn.emit('patch', {\n              schema: {\n                'x-uid': fieldSchema['x-uid'],\n                description: fieldSchema.description,\n              },\n            });\n            dn.refresh();\n          }}\n        />\n      )}\n      {field.readPretty && (\n        <SchemaSettings.ModalItem\n          title={t('Edit tooltip')}\n          schema={\n            {\n              type: 'object',\n              title: t('Edit description'),\n              properties: {\n                tooltip: {\n                  default: fieldSchema?.['x-decorator-props']?.tooltip,\n                  'x-decorator': 'FormItem',\n                  'x-component': 'Input.TextArea',\n                  'x-component-props': {},\n                },\n              },\n            } as ISchema\n          }\n          onSubmit={({ tooltip }) => {\n            field.decoratorProps.tooltip = tooltip;\n            fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};\n            fieldSchema['x-decorator-props']['tooltip'] = tooltip;\n            dn.emit('patch', {\n              schema: {\n                'x-uid': fieldSchema['x-uid'],\n                'x-decorator-props': fieldSchema['x-decorator-props'],\n              },\n            });\n            dn.refresh();\n          }}\n        />\n      )}\n      {!field.readPretty && (\n        <SchemaSettings.SwitchItem\n          title={t('Required')}\n          checked={field.required}\n          onChange={(required) => {\n            const schema = {\n              ['x-uid']: fieldSchema['x-uid'],\n            };\n            field.required = required;\n            fieldSchema['required'] = required;\n            schema['required'] = required;\n            dn.emit('patch', {\n              schema,\n            });\n            refresh();\n          }}\n        />\n      )}\n      {collectionField?.target && (\n        <SchemaSettings.SelectItem\n          title={t('Title field')}\n          options={options}\n          value={field?.componentProps?.fieldNames?.label}\n          onChange={(label) => {\n            const schema = {\n              ['x-uid']: fieldSchema['x-uid'],\n            };\n            const fieldNames = {\n              ...field.componentProps.fieldNames,\n              label,\n            };\n            fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};\n            fieldSchema['x-component-props']['fieldNames'] = fieldNames;\n            field.componentProps.fieldNames = fieldNames;\n            schema['x-component-props'] = {\n              fieldNames,\n            };\n            dn.emit('patch', {\n              schema,\n            });\n            dn.refresh();\n          }}\n        />\n      )}\n      {collectionField && <SchemaSettings.Divider />}\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        confirm={{\n          title: t('Delete field')\n        }}\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/lib/schema-component/antd/form-item/index.d.ts

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

package/lib/schema-component/antd/form-item/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FormItem"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/form-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B","sourcesContent":["export * from './FormItem';\n"]}

package/lib/schema-component/antd/form-v2/Form.Designer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const FormDesigner: () => JSX.Element;
+export declare const ReadPrettyFormDesigner: () => JSX.Element;
+export declare const DetailsDesigner: () => JSX.Element;

package/lib/schema-component/antd/form-v2/Form.Designer.js

@@ -0,0 +1,191 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsDesigner = exports.ReadPrettyFormDesigner = exports.FormDesigner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("@formily/antd");
+var react_1 = require("@formily/react");
+var react_i18next_1 = require("react-i18next");
+var block_provider_1 = require("../../../block-provider");
+var DetailsBlockProvider_1 = require("../../../block-provider/DetailsBlockProvider");
+var collection_manager_1 = require("../../../collection-manager");
+var action_hooks_1 = require("../../../collection-manager/action-hooks");
+var schema_settings_1 = require("../../../schema-settings");
+var schema_templates_1 = require("../../../schema-templates");
+var hooks_1 = require("../../hooks");
+var action_1 = require("../action");
+var FormDesigner = function () {
+    var _a = (0, collection_manager_1.useCollection)(), name = _a.name, title = _a.title;
+    var template = (0, schema_templates_1.useSchemaTemplate)();
+    var ctx = (0, block_provider_1.useFormBlockContext)();
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var dn = (0, hooks_1.useDesignable)().dn;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var visible = (0, action_1.useActionContext)().visible;
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, __assign({ template: template, title: title || name }, { children: [(0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.FormItemTemplate, { componentName: 'FormItem', collectionName: name }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }), void 0));
+};
+exports.FormDesigner = FormDesigner;
+var ReadPrettyFormDesigner = function () {
+    var _a = (0, collection_manager_1.useCollection)(), name = _a.name, title = _a.title;
+    var template = (0, schema_templates_1.useSchemaTemplate)();
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, __assign({ template: template, title: title || name }, { children: [(0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.FormItemTemplate, { insertAdjacentPosition: 'beforeEnd', componentName: 'ReadPrettyFormItem', collectionName: name }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }), void 0));
+};
+exports.ReadPrettyFormDesigner = ReadPrettyFormDesigner;
+var DetailsDesigner = function () {
+    var _a, _b, _c, _d;
+    var _e = (0, collection_manager_1.useCollection)(), name = _e.name, title = _e.title;
+    var template = (0, schema_templates_1.useSchemaTemplate)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var field = (0, react_1.useField)();
+    var dataSource = (0, action_hooks_1.useCollectionFilterOptions)(name);
+    var service = (0, DetailsBlockProvider_1.useDetailsBlockContext)().service;
+    var dn = (0, hooks_1.useDesignable)().dn;
+    var sortFields = (0, action_hooks_1.useSortFields)(name);
+    var defaultFilter = ((_b = (_a = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-decorator-props']) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.filter) || {};
+    var defaultSort = ((_d = (_c = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-decorator-props']) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.sort) || [];
+    var sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map(function (item) {
+        return item.startsWith('-')
+            ? {
+                field: item.substring(1),
+                direction: 'desc',
+            }
+            : {
+                field: item,
+                direction: 'asc',
+            };
+    });
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, __assign({ template: template, title: title || name }, { children: [(0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Set the data scope'), schema: {
+                    type: 'object',
+                    title: t('Set the data scope'),
+                    properties: {
+                        filter: {
+                            default: defaultFilter,
+                            // title: '数据范围',
+                            enum: dataSource,
+                            'x-component': 'Filter',
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var _b;
+                    var _c;
+                    var filter = _a.filter;
+                    var params = field.decoratorProps.params || {};
+                    params.filter = filter;
+                    field.decoratorProps.params = params;
+                    fieldSchema['x-decorator-props']['params'] = params;
+                    service.run(__assign(__assign({}, (_c = service.params) === null || _c === void 0 ? void 0 : _c[0]), { filter: filter }));
+                    dn.emit('patch', {
+                        schema: (_b = {},
+                            _b['x-uid'] = fieldSchema['x-uid'],
+                            _b['x-decorator-props'] = fieldSchema['x-decorator-props'],
+                            _b),
+                    });
+                } }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Set default sorting rules'), components: { ArrayItems: antd_1.ArrayItems }, schema: {
+                    type: 'object',
+                    title: t('Set default sorting rules'),
+                    properties: {
+                        sort: {
+                            type: 'array',
+                            default: sort,
+                            'x-component': 'ArrayItems',
+                            'x-decorator': 'FormItem',
+                            items: {
+                                type: 'object',
+                                properties: {
+                                    space: {
+                                        type: 'void',
+                                        'x-component': 'Space',
+                                        properties: {
+                                            sort: {
+                                                type: 'void',
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'ArrayItems.SortHandle',
+                                            },
+                                            field: {
+                                                type: 'string',
+                                                enum: sortFields,
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'Select',
+                                                'x-component-props': {
+                                                    style: {
+                                                        width: 260,
+                                                    },
+                                                },
+                                            },
+                                            direction: {
+                                                type: 'string',
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'Radio.Group',
+                                                'x-component-props': {
+                                                    optionType: 'button',
+                                                },
+                                                enum: [
+                                                    {
+                                                        label: t('ASC'),
+                                                        value: 'asc',
+                                                    },
+                                                    {
+                                                        label: t('DESC'),
+                                                        value: 'desc',
+                                                    },
+                                                ],
+                                            },
+                                            remove: {
+                                                type: 'void',
+                                                'x-decorator': 'FormItem',
+                                                'x-component': 'ArrayItems.Remove',
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                            properties: {
+                                add: {
+                                    type: 'void',
+                                    title: t('Add sort field'),
+                                    'x-component': 'ArrayItems.Addition',
+                                },
+                            },
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var _b;
+                    var _c;
+                    var sort = _a.sort;
+                    var sortArr = sort.map(function (item) {
+                        return item.direction === 'desc' ? "-" + item.field : item.field;
+                    });
+                    var params = field.decoratorProps.params || {};
+                    params.sort = sortArr;
+                    field.decoratorProps.params = params;
+                    fieldSchema['x-decorator-props']['params'] = params;
+                    dn.emit('patch', {
+                        schema: (_b = {},
+                            _b['x-uid'] = fieldSchema['x-uid'],
+                            _b['x-decorator-props'] = fieldSchema['x-decorator-props'],
+                            _b),
+                    });
+                    service.run(__assign(__assign({}, (_c = service.params) === null || _c === void 0 ? void 0 : _c[0]), { sort: sortArr }));
+                } }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Template, { componentName: 'Details', collectionName: name }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }), void 0));
+};
+exports.DetailsDesigner = DetailsDesigner;
+//# sourceMappingURL=Form.Designer.js.map

package/lib/schema-component/antd/form-v2/Form.Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-v2/Form.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrayItems } from '@formily/antd';\nimport { ISchema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormBlockContext } from '../../../block-provider';\nimport { useDetailsBlockContext } from '../../../block-provider/DetailsBlockProvider';\nimport { useCollection } from '../../../collection-manager';\nimport { useCollectionFilterOptions, useSortFields } from '../../../collection-manager/action-hooks';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { useSchemaTemplate } from '../../../schema-templates';\nimport { useDesignable } from '../../hooks';\nimport { useActionContext } from '../action';\n\nexport const FormDesigner = () => {\n  const { name, title } = useCollection();\n  const template = useSchemaTemplate();\n  const ctx = useFormBlockContext();\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const { dn } = useDesignable();\n  const { t } = useTranslation();\n  const { visible } = useActionContext();\n  return (\n    <GeneralSchemaDesigner template={template} title={title || name}>\n      {/* <SchemaSettings.Template componentName={'FormItem'} collectionName={name} /> */}\n      <SchemaSettings.FormItemTemplate componentName={'FormItem'} collectionName={name} />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n\nexport const ReadPrettyFormDesigner = () => {\n  const { name, title } = useCollection();\n  const template = useSchemaTemplate();\n  return (\n    <GeneralSchemaDesigner template={template} title={title || name}>\n      {/* <SchemaSettings.Template componentName={'ReadPrettyForm'} collectionName={name} /> */}\n      <SchemaSettings.FormItemTemplate\n        insertAdjacentPosition={'beforeEnd'}\n        componentName={'ReadPrettyFormItem'}\n        collectionName={name}\n      />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n\nexport const DetailsDesigner = () => {\n  const { name, title } = useCollection();\n  const template = useSchemaTemplate();\n  const { t } = useTranslation();\n  const fieldSchema = useFieldSchema();\n  const field = useField();\n  const dataSource = useCollectionFilterOptions(name);\n  const { service } = useDetailsBlockContext();\n  const { dn } = useDesignable();\n  const sortFields = useSortFields(name);\n  const defaultFilter = fieldSchema?.['x-decorator-props']?.params?.filter || {};\n  const defaultSort = fieldSchema?.['x-decorator-props']?.params?.sort || [];\n  const sort = defaultSort?.map((item: string) => {\n    return item.startsWith('-')\n      ? {\n          field: item.substring(1),\n          direction: 'desc',\n        }\n      : {\n          field: item,\n          direction: 'asc',\n        };\n  });\n  return (\n    <GeneralSchemaDesigner template={template} title={title || name}>\n      <SchemaSettings.ModalItem\n        title={t('Set the data scope')}\n        schema={\n          {\n            type: 'object',\n            title: t('Set the data scope'),\n            properties: {\n              filter: {\n                default: defaultFilter,\n                // title: '数据范围',\n                enum: dataSource,\n                'x-component': 'Filter',\n                'x-component-props': {},\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ filter }) => {\n          const params = field.decoratorProps.params || {};\n          params.filter = filter;\n          field.decoratorProps.params = params;\n          fieldSchema['x-decorator-props']['params'] = params;\n          service.run({ ...service.params?.[0], filter });\n          dn.emit('patch', {\n            schema: {\n              ['x-uid']: fieldSchema['x-uid'],\n              'x-decorator-props': fieldSchema['x-decorator-props'],\n            },\n          });\n        }}\n      />\n      <SchemaSettings.ModalItem\n        title={t('Set default sorting rules')}\n        components={{ ArrayItems }}\n        schema={\n          {\n            type: 'object',\n            title: t('Set default sorting rules'),\n            properties: {\n              sort: {\n                type: 'array',\n                default: sort,\n                'x-component': 'ArrayItems',\n                'x-decorator': 'FormItem',\n                items: {\n                  type: 'object',\n                  properties: {\n                    space: {\n                      type: 'void',\n                      'x-component': 'Space',\n                      properties: {\n                        sort: {\n                          type: 'void',\n                          'x-decorator': 'FormItem',\n                          'x-component': 'ArrayItems.SortHandle',\n                        },\n                        field: {\n                          type: 'string',\n                          enum: sortFields,\n                          'x-decorator': 'FormItem',\n                          'x-component': 'Select',\n                          'x-component-props': {\n                            style: {\n                              width: 260,\n                            },\n                          },\n                        },\n                        direction: {\n                          type: 'string',\n                          'x-decorator': 'FormItem',\n                          'x-component': 'Radio.Group',\n                          'x-component-props': {\n                            optionType: 'button',\n                          },\n                          enum: [\n                            {\n                              label: t('ASC'),\n                              value: 'asc',\n                            },\n                            {\n                              label: t('DESC'),\n                              value: 'desc',\n                            },\n                          ],\n                        },\n                        remove: {\n                          type: 'void',\n                          'x-decorator': 'FormItem',\n                          'x-component': 'ArrayItems.Remove',\n                        },\n                      },\n                    },\n                  },\n                },\n                properties: {\n                  add: {\n                    type: 'void',\n                    title: t('Add sort field'),\n                    'x-component': 'ArrayItems.Addition',\n                  },\n                },\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ sort }) => {\n          const sortArr = sort.map((item) => {\n            return item.direction === 'desc' ? `-${item.field}` : item.field;\n          });\n          const params = field.decoratorProps.params || {};\n          params.sort = sortArr;\n          field.decoratorProps.params = params;\n          fieldSchema['x-decorator-props']['params'] = params;\n          dn.emit('patch', {\n            schema: {\n              ['x-uid']: fieldSchema['x-uid'],\n              'x-decorator-props': fieldSchema['x-decorator-props'],\n            },\n          });\n          service.run({ ...service.params?.[0], sort: sortArr });\n        }}\n      />\n      <SchemaSettings.Template componentName={'Details'} collectionName={name} />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/lib/schema-component/antd/form-v2/Form.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface FormProps {
+    [key: string]: any;
+}
+export declare const Form: React.FC<FormProps> & {
+    Designer?: any;
+    ReadPrettyDesigner?: any;
+};

package/lib/schema-component/antd/form-v2/Form.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("@formily/antd");
+var core_1 = require("@formily/core");
+var react_1 = require("@formily/react");
+var antd_2 = require("antd");
+var react_2 = require("react");
+var __1 = require("../..");
+var useProps_1 = require("../../hooks/useProps");
+var FormComponent = function (props) {
+    var form = props.form, children = props.children, others = __rest(props, ["form", "children"]);
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    // TODO: component 里 useField 会与当前 field 存在偏差
+    var f = (0, __1.useAttach)(form.createVoidField(__assign(__assign({}, field.props), { basePath: '' })));
+    return ((0, jsx_runtime_1.jsx)(react_1.FieldContext.Provider, __assign({ value: undefined }, { children: (0, jsx_runtime_1.jsx)(react_1.FormContext.Provider, __assign({ value: form }, { children: (0, jsx_runtime_1.jsx)(antd_1.FormLayout, __assign({ layout: 'vertical' }, others, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: f.address, schema: fieldSchema, onlyRenderProperties: true }, void 0) }), void 0) }), void 0) }), void 0));
+};
+var Def = function (props) { return props.children; };
+var FormDecorator = function (props) {
+    var form = props.form, children = props.children, others = __rest(props, ["form", "children"]);
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    // TODO: component 里 useField 会与当前 field 存在偏差
+    var f = (0, __1.useAttach)(form.createVoidField(__assign(__assign({}, field.props), { basePath: '' })));
+    var Component = (0, __1.useComponent)(fieldSchema['x-component'], Def);
+    return ((0, jsx_runtime_1.jsx)(react_1.FieldContext.Provider, __assign({ value: undefined }, { children: (0, jsx_runtime_1.jsx)(react_1.FormContext.Provider, __assign({ value: form }, { children: (0, jsx_runtime_1.jsx)(antd_1.FormLayout, __assign({ layout: 'vertical' }, others, { children: (0, jsx_runtime_1.jsx)(react_1.FieldContext.Provider, __assign({ value: f }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, field.componentProps, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: f.address, schema: fieldSchema, onlyRenderProperties: true }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+};
+var WithForm = function (props) {
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return fieldSchema['x-decorator'] === 'Form' ? (0, jsx_runtime_1.jsx)(FormDecorator, __assign({}, props), void 0) : (0, jsx_runtime_1.jsx)(FormComponent, __assign({}, props), void 0);
+};
+var WithoutForm = function (props) {
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var form = (0, react_2.useMemo)(function () { return (0, core_1.createForm)(); }, []);
+    return fieldSchema['x-decorator'] === 'Form' ? ((0, jsx_runtime_1.jsx)(FormDecorator, __assign({ form: form }, props), void 0)) : ((0, jsx_runtime_1.jsx)(FormComponent, __assign({ form: form }, props), void 0));
+};
+exports.Form = (0, react_1.observer)(function (props) {
+    var field = (0, react_1.useField)();
+    var _a = (0, useProps_1.useProps)(props), form = _a.form, others = __rest(_a, ["form"]);
+    return ((0, jsx_runtime_1.jsx)("form", { children: (0, jsx_runtime_1.jsx)(antd_2.Spin, __assign({ spinning: field.loading || false }, { children: form ? (0, jsx_runtime_1.jsx)(WithForm, __assign({ form: form }, others), void 0) : (0, jsx_runtime_1.jsx)(WithoutForm, __assign({}, others), void 0) }), void 0) }, void 0));
+});
+//# sourceMappingURL=Form.js.map

package/lib/schema-component/antd/form-v2/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-v2/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormLayout } from '@formily/antd';\nimport { createForm, Field } from '@formily/core';\nimport { FieldContext, FormContext, observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { Spin } from 'antd';\nimport React, { useMemo } from 'react';\nimport { useAttach, useComponent } from '../..';\nimport { useProps } from '../../hooks/useProps';\n\nexport interface FormProps {\n  [key: string]: any;\n}\n\nconst FormComponent: React.FC<FormProps> = (props) => {\n  const { form, children, ...others } = props;\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  // TODO: component 里 useField 会与当前 field 存在偏差\n  const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n  return (\n    <FieldContext.Provider value={undefined}>\n      <FormContext.Provider value={form}>\n        <FormLayout layout={'vertical'} {...others}>\n          <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n        </FormLayout>\n      </FormContext.Provider>\n    </FieldContext.Provider>\n  );\n};\n\nconst Def = (props: any) => props.children;\n\nconst FormDecorator: React.FC<FormProps> = (props) => {\n  const { form, children, ...others } = props;\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  // TODO: component 里 useField 会与当前 field 存在偏差\n  const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n  const Component = useComponent(fieldSchema['x-component'], Def);\n  return (\n    <FieldContext.Provider value={undefined}>\n      <FormContext.Provider value={form}>\n        <FormLayout layout={'vertical'} {...others}>\n          <FieldContext.Provider value={f}>\n            <Component {...field.componentProps}>\n              <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n            </Component>\n          </FieldContext.Provider>\n          {/* <FieldContext.Provider value={f}>{children}</FieldContext.Provider> */}\n        </FormLayout>\n      </FormContext.Provider>\n    </FieldContext.Provider>\n  );\n};\n\nconst WithForm = (props) => {\n  const fieldSchema = useFieldSchema();\n  return fieldSchema['x-decorator'] === 'Form' ? <FormDecorator {...props} /> : <FormComponent {...props} />;\n};\n\nconst WithoutForm = (props) => {\n  const fieldSchema = useFieldSchema();\n  const form = useMemo(() => createForm(), []);\n  return fieldSchema['x-decorator'] === 'Form' ? (\n    <FormDecorator form={form} {...props} />\n  ) : (\n    <FormComponent form={form} {...props} />\n  );\n};\n\nexport const Form: React.FC<FormProps> & { Designer?: any; ReadPrettyDesigner?: any } = observer((props) => {\n  const field = useField<Field>();\n  const { form, ...others } = useProps(props);\n  return (\n    <form>\n      <Spin spinning={field.loading || false}>\n        {form ? <WithForm form={form} {...others} /> : <WithoutForm {...others} />}\n      </Spin>\n    </form>\n  );\n});\n"]}

package/lib/schema-component/antd/form-v2/index.d.ts

@@ -0,0 +1,3 @@
+import { Form as FormV2 } from './Form';
+import { DetailsDesigner } from './Form.Designer';
+export { FormV2, DetailsDesigner };

package/lib/schema-component/antd/form-v2/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsDesigner = exports.FormV2 = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "FormV2", { enumerable: true, get: function () { return Form_1.Form; } });
+var Form_Designer_1 = require("./Form.Designer");
+Object.defineProperty(exports, "DetailsDesigner", { enumerable: true, get: function () { return Form_Designer_1.DetailsDesigner; } });
+Form_1.Form.Designer = Form_Designer_1.FormDesigner;
+Form_1.Form.ReadPrettyDesigner = Form_Designer_1.ReadPrettyFormDesigner;
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/form-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-v2/index.ts"],"names":[],"mappings":";;;AAAA,+BAAwC;AAM/B,uFANQ,WAAM,OAMR;AALf,iDAAwF;AAKvE,gGALR,+BAAe,OAKQ;AAHhC,WAAM,CAAC,QAAQ,GAAG,4BAAY,CAAC;AAC/B,WAAM,CAAC,kBAAkB,GAAG,sCAAsB,CAAC","sourcesContent":["import { Form as FormV2 } from './Form';\nimport { DetailsDesigner, FormDesigner, ReadPrettyFormDesigner } from './Form.Designer';\n\nFormV2.Designer = FormDesigner;\nFormV2.ReadPrettyDesigner = ReadPrettyFormDesigner;\n\nexport { FormV2, DetailsDesigner };\n"]}

package/lib/schema-component/antd/grid/Block.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Block: React.MemoExoticComponent<React.FunctionComponent<unknown>>;