@nocobase/client 0.5.0-alpha.37 → 0.7.0-alpha.1

package/lib/schemas/form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAyBrE,OAAO,cAAc,CAAC;AAmBtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAI7D,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,mBAAmB,yCAA8C,CAAC;AAqG/E,eAAO,MAAM,IAAI,EAAE,GAWjB,CAAC;AAEH,eAAO,MAAM,iBAAiB,oBAAsB,CAAC","file":"index.d.ts","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport {\n  useSchemaPath,\n  SchemaField,\n  useDesignable,\n  removeSchema,\n  ISchema,\n} from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, message, Space } from 'antd';\nimport { MenuOutlined, DragOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { FormLayout } from '@formily/antd';\nimport './style.less';\nimport AddNew from '../add-new';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { isGridRowOrCol } from '../grid';\nimport constate from 'constate';\nimport { useEffect } from 'react';\nimport { uid, merge } from '@formily/shared';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { DesignableBar } from './DesignableBar';\nimport { FieldDesignableBar } from './Field.DesignableBar';\nimport { createContext } from 'react';\nimport { BlockItem } from '../block-item';\nimport {\n  CollectionProvider,\n  useCollectionContext,\n  DisplayedMapProvider,\n  useDisplayedMapContext,\n} from '../../constate';\nimport { useResource as useGeneralResource } from '../../hooks/useResource';\nimport { Resource } from '../../resource';\nimport { BaseResult } from '@ahooksjs/use-request/lib/types';\nimport { CollectionFieldContext } from '../table';\nimport { useTranslation } from 'react-i18next';\n\nexport interface DescriptionsContextProps {\n  resource?: Resource;\n  service?: BaseResult<any, any>;\n}\n\nexport const DescriptionsContext = createContext<DescriptionsContextProps>({});\n\nconst FormMain = (props: any) => {\n  const { t } = useTranslation();\n  const {\n    useResource = useGeneralResource,\n    showDefaultButtons = false,\n    ...others\n  } = props;\n  const { schema } = useDesignable();\n  const form = useMemo(() => {\n    return createForm({\n      readPretty: schema['x-read-pretty'],\n    });\n  }, []);\n  const { resource, run, service } = useResource({\n    onSuccess: (initialValues: any) => {\n      console.log('onSuccess', { initialValues });\n      form.setInitialValues(initialValues);\n      form.setValues(initialValues);\n    },\n  });\n  const path = useSchemaPath();\n  const scope = useContext(SchemaExpressionScopeContext);\n  const options = useContext(SchemaOptionsContext);\n  const displayed = useDisplayedMapContext();\n  const { collection } = useCollectionContext();\n  useEffect(() => {\n    const keys = [...displayed.map.keys()];\n    if (keys.length) {\n      run({ 'fields[appends]': keys });\n      console.log(displayed.map, 'displayed.map', collection?.name);\n    }\n  }, [displayed.map]);\n  const s: ISchema = {\n    type: 'object',\n    properties: {\n      [schema.name]: {\n        ...schema.toJSON(),\n        'x-path': path,\n        // 避免死循环\n        'x-decorator': 'Form.__Decorator',\n      },\n    },\n  };\n  const content = (\n    <FormProvider form={form}>\n      {schema['x-decorator'] === 'Form' ? (\n        <FormLayout layout={'vertical'} {...others}>\n          <SchemaField\n            components={options.components}\n            scope={scope}\n            schema={s}\n          />\n        </FormLayout>\n      ) : (\n        <FormLayout layout={'vertical'} {...others}>\n          <SchemaField\n            scope={scope}\n            schema={{\n              type: 'object',\n              properties: schema.properties,\n            }}\n          />\n        </FormLayout>\n      )}\n      {showDefaultButtons && (\n        <Space style={{ marginTop: 24 }}>\n          <Button\n            onClick={async () => {\n              const values = await form.submit();\n              console.log({ values });\n              await resource.save(values);\n              message.success(t('Saved successfully'));\n              await form.reset();\n            }}\n            type={'primary'}\n          >\n            {t('Submit')}\n          </Button>\n          <Button\n            onClick={async () => {\n              await form.reset();\n            }}\n          >\n            {t('Reset')}\n          </Button>\n        </Space>\n      )}\n    </FormProvider>\n  );\n\n  return schema['x-read-pretty'] ? (\n    <DescriptionsContext.Provider value={{ resource, service }}>\n      {content}\n    </DescriptionsContext.Provider>\n  ) : (\n    <>{content}</>\n  );\n};\n\nexport const Form: any = observer((props: any) => {\n  const { collection } = useCollectionContext();\n  return (\n    <CollectionProvider\n      collectionName={props.collectionName || collection?.name}\n    >\n      <DisplayedMapProvider>\n        <FormMain {...props} />\n      </DisplayedMapProvider>\n    </CollectionProvider>\n  );\n});\n\nexport const RandomNameContext = createContext(null);\n\nForm.Field = observer((props: any) => {\n  const { fieldName } = props;\n  const { schema } = useDesignable();\n  const path = getSchemaPath(schema);\n  const { getField } = useCollectionContext();\n  const displayed = useDisplayedMapContext();\n  useEffect(() => {\n    if (fieldName) {\n      displayed.set(fieldName, schema);\n    }\n  }, [fieldName, schema]);\n  if (!fieldName) {\n    return null;\n  }\n  const collectionField = getField(fieldName);\n  if (!collectionField) {\n    return null;\n  }\n  const randomName = useContext(RandomNameContext);\n  const title = schema['title'] || collectionField?.uiSchema?.title;\n  const required = schema['required'] || collectionField?.uiSchema?.required;\n  const description =\n    schema['description'] || collectionField?.uiSchema?.description;\n  console.log('schema.properties', schema.properties);\n\n  const componentProps = merge(\n    collectionField?.uiSchema?.['x-component-props'] || {},\n    schema?.['x-component-props'] || {},\n    {\n      arrayMerge: (t, s) => s,\n    },\n  );\n  return (\n    <CollectionFieldContext.Provider value={collectionField}>\n      <RecursionField\n        name={randomName}\n        schema={\n          new Schema({\n            'x-path': path,\n            type: 'void',\n            properties: {\n              [collectionField.name]: {\n                ...collectionField.uiSchema,\n                title,\n                required,\n                description,\n                'x-decorator': 'FormilyFormItem',\n                'x-component-props': componentProps,\n                properties: {\n                  ...schema.properties,\n                },\n              },\n            },\n          } as ISchema)\n        }\n      />\n    </CollectionFieldContext.Provider>\n  );\n});\n\nForm.Field.Item = observer((props) => {\n  return (\n    <RandomNameContext.Provider value={uid()}>\n      <BlockItem {...props}>{props.children}</BlockItem>\n    </RandomNameContext.Provider>\n  );\n});\n\nForm.__Decorator = ({ children }) => children;\nForm.DesignableBar = DesignableBar;\nForm.Field.DesignableBar = FieldDesignableBar;\n"]}

package/lib/schemas/form/index.js

@@ -1,315 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-
-  __setModuleDefault(result, mod);
-
-  return result;
-};
-
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var __rest = void 0 && (void 0).__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.RandomNameContext = exports.Form = exports.DescriptionsContext = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const core_1 = require("@formily/core");
-
-const react_2 = require("@formily/react");
-
-const __1 = require("../");
-
-const antd_1 = require("antd");
-
-const antd_2 = require("@formily/antd");
-
-require("./style.less");
-
-const react_3 = require("react");
-
-const shared_1 = require("@formily/shared");
-
-const schema_renderer_1 = require("../../components/schema-renderer");
-
-const DesignableBar_1 = require("./DesignableBar");
-
-const Field_DesignableBar_1 = require("./Field.DesignableBar");
-
-const react_4 = require("react");
-
-const block_item_1 = require("../block-item");
-
-const constate_1 = require("../../constate");
-
-const useResource_1 = require("../../hooks/useResource");
-
-const table_1 = require("../table");
-
-const react_i18next_1 = require("react-i18next");
-
-exports.DescriptionsContext = (0, react_4.createContext)({});
-
-const FormMain = props => {
-  const _ref = (0, react_i18next_1.useTranslation)(),
-        t = _ref.t;
-
-  const _props$useResource = props.useResource,
-        useResource = _props$useResource === void 0 ? useResource_1.useResource : _props$useResource,
-        _props$showDefaultBut = props.showDefaultButtons,
-        showDefaultButtons = _props$showDefaultBut === void 0 ? false : _props$showDefaultBut,
-        others = __rest(props, ["useResource", "showDefaultButtons"]);
-
-  const _ref2 = (0, __1.useDesignable)(),
-        schema = _ref2.schema;
-
-  const form = (0, react_1.useMemo)(() => {
-    return (0, core_1.createForm)({
-      readPretty: schema['x-read-pretty']
-    });
-  }, []);
-
-  const _useResource = useResource({
-    onSuccess: initialValues => {
-      console.log('onSuccess', {
-        initialValues
-      });
-      form.setInitialValues(initialValues);
-      form.setValues(initialValues);
-    }
-  }),
-        resource = _useResource.resource,
-        run = _useResource.run,
-        service = _useResource.service;
-
-  const path = (0, __1.useSchemaPath)();
-  const scope = (0, react_1.useContext)(react_2.SchemaExpressionScopeContext);
-  const options = (0, react_1.useContext)(react_2.SchemaOptionsContext);
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-
-  const _ref3 = (0, constate_1.useCollectionContext)(),
-        collection = _ref3.collection;
-
-  (0, react_3.useEffect)(() => {
-    const keys = [...displayed.map.keys()];
-
-    if (keys.length) {
-      run({
-        'fields[appends]': keys
-      });
-      console.log(displayed.map, 'displayed.map', collection === null || collection === void 0 ? void 0 : collection.name);
-    }
-  }, [displayed.map]);
-  const s = {
-    type: 'object',
-    properties: {
-      [schema.name]: Object.assign(Object.assign({}, schema.toJSON()), {
-        'x-path': path,
-        'x-decorator': 'Form.__Decorator'
-      })
-    }
-  };
-  const content = react_1.default.createElement(react_2.FormProvider, {
-    form: form
-  }, schema['x-decorator'] === 'Form' ? react_1.default.createElement(antd_2.FormLayout, Object.assign({
-    layout: 'vertical'
-  }, others), react_1.default.createElement(__1.SchemaField, {
-    components: options.components,
-    scope: scope,
-    schema: s
-  })) : react_1.default.createElement(antd_2.FormLayout, Object.assign({
-    layout: 'vertical'
-  }, others), react_1.default.createElement(__1.SchemaField, {
-    scope: scope,
-    schema: {
-      type: 'object',
-      properties: schema.properties
-    }
-  })), showDefaultButtons && react_1.default.createElement(antd_1.Space, {
-    style: {
-      marginTop: 24
-    }
-  }, react_1.default.createElement(antd_1.Button, {
-    onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-      const values = yield form.submit();
-      console.log({
-        values
-      });
-      yield resource.save(values);
-      antd_1.message.success(t('Saved successfully'));
-      yield form.reset();
-    }),
-    type: 'primary'
-  }, t('Submit')), react_1.default.createElement(antd_1.Button, {
-    onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-      yield form.reset();
-    })
-  }, t('Reset'))));
-  return schema['x-read-pretty'] ? react_1.default.createElement(exports.DescriptionsContext.Provider, {
-    value: {
-      resource,
-      service
-    }
-  }, content) : react_1.default.createElement(react_1.default.Fragment, null, content);
-};
-
-exports.Form = (0, react_2.observer)(props => {
-  const _ref4 = (0, constate_1.useCollectionContext)(),
-        collection = _ref4.collection;
-
-  return react_1.default.createElement(constate_1.CollectionProvider, {
-    collectionName: props.collectionName || (collection === null || collection === void 0 ? void 0 : collection.name)
-  }, react_1.default.createElement(constate_1.DisplayedMapProvider, null, react_1.default.createElement(FormMain, Object.assign({}, props))));
-});
-exports.RandomNameContext = (0, react_4.createContext)(null);
-exports.Form.Field = (0, react_2.observer)(props => {
-  var _a, _b, _c, _d;
-
-  const fieldName = props.fieldName;
-
-  const _ref5 = (0, __1.useDesignable)(),
-        schema = _ref5.schema;
-
-  const path = (0, schema_renderer_1.getSchemaPath)(schema);
-
-  const _ref6 = (0, constate_1.useCollectionContext)(),
-        getField = _ref6.getField;
-
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-  (0, react_3.useEffect)(() => {
-    if (fieldName) {
-      displayed.set(fieldName, schema);
-    }
-  }, [fieldName, schema]);
-
-  if (!fieldName) {
-    return null;
-  }
-
-  const collectionField = getField(fieldName);
-
-  if (!collectionField) {
-    return null;
-  }
-
-  const randomName = (0, react_1.useContext)(exports.RandomNameContext);
-  const title = schema['title'] || ((_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title);
-  const required = schema['required'] || ((_b = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _b === void 0 ? void 0 : _b.required);
-  const description = schema['description'] || ((_c = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _c === void 0 ? void 0 : _c.description);
-  console.log('schema.properties', schema.properties);
-  const componentProps = (0, shared_1.merge)(((_d = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _d === void 0 ? void 0 : _d['x-component-props']) || {}, (schema === null || schema === void 0 ? void 0 : schema['x-component-props']) || {}, {
-    arrayMerge: (t, s) => s
-  });
-  return react_1.default.createElement(table_1.CollectionFieldContext.Provider, {
-    value: collectionField
-  }, react_1.default.createElement(react_2.RecursionField, {
-    name: randomName,
-    schema: new react_2.Schema({
-      'x-path': path,
-      type: 'void',
-      properties: {
-        [collectionField.name]: Object.assign(Object.assign({}, collectionField.uiSchema), {
-          title,
-          required,
-          description,
-          'x-decorator': 'FormilyFormItem',
-          'x-component-props': componentProps,
-          properties: Object.assign({}, schema.properties)
-        })
-      }
-    })
-  }));
-});
-exports.Form.Field.Item = (0, react_2.observer)(props => {
-  return react_1.default.createElement(exports.RandomNameContext.Provider, {
-    value: (0, shared_1.uid)()
-  }, react_1.default.createElement(block_item_1.BlockItem, Object.assign({}, props), props.children));
-});
-
-exports.Form.__Decorator = ({
-  children
-}) => children;
-
-exports.Form.DesignableBar = DesignableBar_1.DesignableBar;
-exports.Form.Field.DesignableBar = Field_DesignableBar_1.FieldDesignableBar;
-//# sourceMappingURL=index.js.map

package/lib/schemas/form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/form/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport {\n  useSchemaPath,\n  SchemaField,\n  useDesignable,\n  removeSchema,\n  ISchema,\n} from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, message, Space } from 'antd';\nimport { MenuOutlined, DragOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { FormLayout } from '@formily/antd';\nimport './style.less';\nimport AddNew from '../add-new';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { isGridRowOrCol } from '../grid';\nimport constate from 'constate';\nimport { useEffect } from 'react';\nimport { uid, merge } from '@formily/shared';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { DesignableBar } from './DesignableBar';\nimport { FieldDesignableBar } from './Field.DesignableBar';\nimport { createContext } from 'react';\nimport { BlockItem } from '../block-item';\nimport {\n  CollectionProvider,\n  useCollectionContext,\n  DisplayedMapProvider,\n  useDisplayedMapContext,\n} from '../../constate';\nimport { useResource as useGeneralResource } from '../../hooks/useResource';\nimport { Resource } from '../../resource';\nimport { BaseResult } from '@ahooksjs/use-request/lib/types';\nimport { CollectionFieldContext } from '../table';\nimport { useTranslation } from 'react-i18next';\n\nexport interface DescriptionsContextProps {\n  resource?: Resource;\n  service?: BaseResult<any, any>;\n}\n\nexport const DescriptionsContext = createContext<DescriptionsContextProps>({});\n\nconst FormMain = (props: any) => {\n  const { t } = useTranslation();\n  const {\n    useResource = useGeneralResource,\n    showDefaultButtons = false,\n    ...others\n  } = props;\n  const { schema } = useDesignable();\n  const form = useMemo(() => {\n    return createForm({\n      readPretty: schema['x-read-pretty'],\n    });\n  }, []);\n  const { resource, run, service } = useResource({\n    onSuccess: (initialValues: any) => {\n      console.log('onSuccess', { initialValues });\n      form.setInitialValues(initialValues);\n      form.setValues(initialValues);\n    },\n  });\n  const path = useSchemaPath();\n  const scope = useContext(SchemaExpressionScopeContext);\n  const options = useContext(SchemaOptionsContext);\n  const displayed = useDisplayedMapContext();\n  const { collection } = useCollectionContext();\n  useEffect(() => {\n    const keys = [...displayed.map.keys()];\n    if (keys.length) {\n      run({ 'fields[appends]': keys });\n      console.log(displayed.map, 'displayed.map', collection?.name);\n    }\n  }, [displayed.map]);\n  const s: ISchema = {\n    type: 'object',\n    properties: {\n      [schema.name]: {\n        ...schema.toJSON(),\n        'x-path': path,\n        // 避免死循环\n        'x-decorator': 'Form.__Decorator',\n      },\n    },\n  };\n  const content = (\n    <FormProvider form={form}>\n      {schema['x-decorator'] === 'Form' ? (\n        <FormLayout layout={'vertical'} {...others}>\n          <SchemaField\n            components={options.components}\n            scope={scope}\n            schema={s}\n          />\n        </FormLayout>\n      ) : (\n        <FormLayout layout={'vertical'} {...others}>\n          <SchemaField\n            scope={scope}\n            schema={{\n              type: 'object',\n              properties: schema.properties,\n            }}\n          />\n        </FormLayout>\n      )}\n      {showDefaultButtons && (\n        <Space style={{ marginTop: 24 }}>\n          <Button\n            onClick={async () => {\n              const values = await form.submit();\n              console.log({ values });\n              await resource.save(values);\n              message.success(t('Saved successfully'));\n              await form.reset();\n            }}\n            type={'primary'}\n          >\n            {t('Submit')}\n          </Button>\n          <Button\n            onClick={async () => {\n              await form.reset();\n            }}\n          >\n            {t('Reset')}\n          </Button>\n        </Space>\n      )}\n    </FormProvider>\n  );\n\n  return schema['x-read-pretty'] ? (\n    <DescriptionsContext.Provider value={{ resource, service }}>\n      {content}\n    </DescriptionsContext.Provider>\n  ) : (\n    <>{content}</>\n  );\n};\n\nexport const Form: any = observer((props: any) => {\n  const { collection } = useCollectionContext();\n  return (\n    <CollectionProvider\n      collectionName={props.collectionName || collection?.name}\n    >\n      <DisplayedMapProvider>\n        <FormMain {...props} />\n      </DisplayedMapProvider>\n    </CollectionProvider>\n  );\n});\n\nexport const RandomNameContext = createContext(null);\n\nForm.Field = observer((props: any) => {\n  const { fieldName } = props;\n  const { schema } = useDesignable();\n  const path = getSchemaPath(schema);\n  const { getField } = useCollectionContext();\n  const displayed = useDisplayedMapContext();\n  useEffect(() => {\n    if (fieldName) {\n      displayed.set(fieldName, schema);\n    }\n  }, [fieldName, schema]);\n  if (!fieldName) {\n    return null;\n  }\n  const collectionField = getField(fieldName);\n  if (!collectionField) {\n    return null;\n  }\n  const randomName = useContext(RandomNameContext);\n  const title = schema['title'] || collectionField?.uiSchema?.title;\n  const required = schema['required'] || collectionField?.uiSchema?.required;\n  const description =\n    schema['description'] || collectionField?.uiSchema?.description;\n  console.log('schema.properties', schema.properties);\n\n  const componentProps = merge(\n    collectionField?.uiSchema?.['x-component-props'] || {},\n    schema?.['x-component-props'] || {},\n    {\n      arrayMerge: (t, s) => s,\n    },\n  );\n  return (\n    <CollectionFieldContext.Provider value={collectionField}>\n      <RecursionField\n        name={randomName}\n        schema={\n          new Schema({\n            'x-path': path,\n            type: 'void',\n            properties: {\n              [collectionField.name]: {\n                ...collectionField.uiSchema,\n                title,\n                required,\n                description,\n                'x-decorator': 'FormilyFormItem',\n                'x-component-props': componentProps,\n                properties: {\n                  ...schema.properties,\n                },\n              },\n            },\n          } as ISchema)\n        }\n      />\n    </CollectionFieldContext.Provider>\n  );\n});\n\nForm.Field.Item = observer((props) => {\n  return (\n    <RandomNameContext.Provider value={uid()}>\n      <BlockItem {...props}>{props.children}</BlockItem>\n    </RandomNameContext.Provider>\n  );\n});\n\nForm.__Decorator = ({ children }) => children;\nForm.DesignableBar = DesignableBar;\nForm.Field.DesignableBar = FieldDesignableBar;\n"]}

package/lib/schemas/form/style.less

@@ -1,45 +0,0 @@
-.nb-form {
-  position: relative;
-  padding: 24px;
-  margin: -24px;
-  &.active {
-    > .designable-bar {
-      display: block;
-    }
-  }
-  > .designable-bar {
-    z-index: 1;
-    pointer-events: none;
-    display: none;
-    position: absolute;
-    top: 0;
-    right: -0;
-    left: -0;
-    bottom: -0;
-    border-radius: 2px;
-    border: 2px solid #1890ff;
-    &.active {
-      display: block;
-    }
-    .designable-bar-actions {
-      pointer-events: auto;
-      position: absolute;
-      right: 0;
-      line-height: 1rem;
-      color: #fff;
-      z-index: 10;
-      padding: 0 3px;
-      .ant-space {
-        gap: 1px !important;
-      }
-      .anticon {
-        width: 16px;
-        height: 16px;
-        vertical-align: top;
-        line-height: 16px;
-        font-size: 10px;
-        background-color: #1890ff;
-      }
-    }
-  }
-}

package/lib/schemas/form/style.less.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"mappings":"","sources":["schemas/form/style.less"],"sourcesContent":[".nb-form {\n  position: relative;\n  padding: 24px;\n  margin: -24px;\n  &.active {\n    > .designable-bar {\n      display: block;\n    }\n  }\n  > .designable-bar {\n    z-index: 1;\n    pointer-events: none;\n    display: none;\n    position: absolute;\n    top: 0;\n    right: -0;\n    left: -0;\n    bottom: -0;\n    border-radius: 2px;\n    border: 2px solid #1890ff;\n    &.active {\n      display: block;\n    }\n    .designable-bar-actions {\n      pointer-events: auto;\n      position: absolute;\n      right: 0;\n      line-height: 1rem;\n      color: #fff;\n      z-index: 10;\n      padding: 0 3px;\n      .ant-space {\n        gap: 1px !important;\n      }\n      .anticon {\n        width: 16px;\n        height: 16px;\n        vertical-align: top;\n        line-height: 16px;\n        font-size: 10px;\n        background-color: #1890ff;\n      }\n    }\n  }\n}\n"],"file":"style.less"}

package/lib/schemas/form-item/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/form-item/index.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,QAAQ,EAAE,GAMrB,CAAC","file":"index.d.ts","sourcesContent":["import React, { useContext, useState } from 'react';\nimport {\n  connect,\n  mapProps,\n  mapReadPretty,\n  observer,\n  SchemaOptionsContext,\n  useField,\n  useFieldSchema,\n} from '@formily/react';\nimport { FormItem as FormilyFormItem } from '@formily/antd';\nimport { Dropdown, Menu, Space } from 'antd';\nimport classNames from 'classnames';\nimport { MenuOutlined, DragOutlined } from '@ant-design/icons';\n// import './style.less';\nimport get from 'lodash/get';\nimport { uid } from '@formily/shared';\nimport { useDesignable } from '../';\nimport { AddNew } from '../add-new';\nimport { BlockItem } from '../block-item';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { DragHandle } from '../../components/Sortable';\n\nexport const FormItem: any = connect((props) => {\n  return (\n    <BlockItem>\n      <FormilyFormItem {...props} />\n    </BlockItem>\n  );\n});\n\nFormItem.DesignableBar = () => {\n  const field = useField();\n  const { schema, refresh } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  return (\n    <div className={classNames('designable-bar', { active: visible })}>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={classNames('designable-bar-actions', { active: visible })}\n      >\n        <Space size={'small'}>\n          <AddNew.FormItem defaultAction={'insertAfter'} ghost />\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.Item\n                  onClick={(e) => {\n                    const title = uid();\n                    // schema.title = title;\n                    field.title = title;\n                    setVisible(false);\n                    // refresh();\n                  }}\n                >\n                  修改文案\n                </Menu.Item>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n};\n"]}

package/lib/schemas/form-item/index.js

@@ -1,144 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-
-  __setModuleDefault(result, mod);
-
-  return result;
-};
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormItem = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const react_2 = require("@formily/react");
-
-const antd_1 = require("@formily/antd");
-
-const antd_2 = require("antd");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const icons_1 = require("@ant-design/icons");
-
-const shared_1 = require("@formily/shared");
-
-const __1 = require("../");
-
-const add_new_1 = require("../add-new");
-
-const block_item_1 = require("../block-item");
-
-const drag_and_drop_1 = require("../../components/drag-and-drop");
-
-const Sortable_1 = require("../../components/Sortable");
-
-exports.FormItem = (0, react_2.connect)(props => {
-  return react_1.default.createElement(block_item_1.BlockItem, null, react_1.default.createElement(antd_1.FormItem, Object.assign({}, props)));
-});
-
-exports.FormItem.DesignableBar = () => {
-  const field = (0, react_2.useField)();
-
-  const _ref = (0, __1.useDesignable)(),
-        schema = _ref.schema,
-        refresh = _ref.refresh;
-
-  const _ref2 = (0, react_1.useState)(false),
-        _ref3 = _slicedToArray(_ref2, 2),
-        visible = _ref3[0],
-        setVisible = _ref3[1];
-
-  const _ref4 = (0, react_1.useContext)(drag_and_drop_1.DraggableBlockContext),
-        dragRef = _ref4.dragRef;
-
-  return react_1.default.createElement("div", {
-    className: (0, classnames_1.default)('designable-bar', {
-      active: visible
-    })
-  }, react_1.default.createElement("span", {
-    onClick: e => {
-      e.stopPropagation();
-    },
-    className: (0, classnames_1.default)('designable-bar-actions', {
-      active: visible
-    })
-  }, react_1.default.createElement(antd_2.Space, {
-    size: 'small'
-  }, react_1.default.createElement(add_new_1.AddNew.FormItem, {
-    defaultAction: 'insertAfter',
-    ghost: true
-  }), react_1.default.createElement(Sortable_1.DragHandle, null), react_1.default.createElement(antd_2.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: visible => {
-      setVisible(visible);
-    },
-    overlay: react_1.default.createElement(antd_2.Menu, null, react_1.default.createElement(antd_2.Menu.Item, {
-      onClick: e => {
-        const title = (0, shared_1.uid)();
-        field.title = title;
-        setVisible(false);
-      }
-    }, "\u4FEE\u6539\u6587\u6848"))
-  }, react_1.default.createElement(icons_1.MenuOutlined, null)))));
-};
-//# sourceMappingURL=index.js.map

package/lib/schemas/form-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/form-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,0CAQwB;AACxB,wCAA4D;AAC5D,+BAA6C;AAC7C,4DAAoC;AACpC,6CAA+D;AAG/D,4CAAsC;AACtC,2BAAoC;AACpC,wCAAoC;AACpC,8CAA0C;AAC1C,kEAAuE;AACvE,wDAAuD;AAE1C,QAAA,QAAQ,GAAQ,IAAA,eAAO,EAAC,CAAC,KAAK,EAAE,EAAE;IAC7C,OAAO,CACL,8BAAC,sBAAS;QACR,8BAAC,eAAe,oBAAK,KAAK,EAAI,CACpB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,aAAa,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,iBAAa,GAAE,CAAC;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,qCAAqB,CAAC,CAAC;IACtD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAC/D,wCACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC,EACD,SAAS,EAAE,IAAA,oBAAU,EAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;YAEpE,8BAAC,YAAK,IAAC,IAAI,EAAE,OAAO;gBAClB,8BAAC,gBAAM,CAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,EAAE,KAAK,SAAG;gBACvD,8BAAC,qBAAU,OAAG;gBACd,8BAAC,eAAQ,IACP,OAAO,EAAE,CAAC,OAAO,CAAC,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;wBAC3B,UAAU,CAAC,OAAO,CAAC,CAAC;oBACtB,CAAC,EACD,OAAO,EACL,8BAAC,WAAI;wBACH,8BAAC,WAAI,CAAC,IAAI,IACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,MAAM,KAAK,GAAG,IAAA,YAAG,GAAE,CAAC;gCAEpB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;gCACpB,UAAU,CAAC,KAAK,CAAC,CAAC;4BAEpB,CAAC,+BAGS,CACP;oBAGT,8BAAC,oBAAY,OAAG,CACP,CACL,CACH,CACH,CACP,CAAC;AACJ,CAAC,CAAC","file":"index.js","sourcesContent":["import React, { useContext, useState } from 'react';\nimport {\n  connect,\n  mapProps,\n  mapReadPretty,\n  observer,\n  SchemaOptionsContext,\n  useField,\n  useFieldSchema,\n} from '@formily/react';\nimport { FormItem as FormilyFormItem } from '@formily/antd';\nimport { Dropdown, Menu, Space } from 'antd';\nimport classNames from 'classnames';\nimport { MenuOutlined, DragOutlined } from '@ant-design/icons';\n// import './style.less';\nimport get from 'lodash/get';\nimport { uid } from '@formily/shared';\nimport { useDesignable } from '../';\nimport { AddNew } from '../add-new';\nimport { BlockItem } from '../block-item';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { DragHandle } from '../../components/Sortable';\n\nexport const FormItem: any = connect((props) => {\n  return (\n    <BlockItem>\n      <FormilyFormItem {...props} />\n    </BlockItem>\n  );\n});\n\nFormItem.DesignableBar = () => {\n  const field = useField();\n  const { schema, refresh } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  return (\n    <div className={classNames('designable-bar', { active: visible })}>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={classNames('designable-bar-actions', { active: visible })}\n      >\n        <Space size={'small'}>\n          <AddNew.FormItem defaultAction={'insertAfter'} ghost />\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.Item\n                  onClick={(e) => {\n                    const title = uid();\n                    // schema.title = title;\n                    field.title = title;\n                    setVisible(false);\n                    // refresh();\n                  }}\n                >\n                  修改文案\n                </Menu.Item>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n};\n"]}

package/lib/schemas/form-item/style.less

@@ -1,43 +0,0 @@
-.designable-form-item {
-  position: relative;
-  &:hover {
-    .designable-bar {
-      display: block;
-    }
-  }
-  .designable-bar {
-    z-index: 1;
-    pointer-events: none;
-    display: none;
-    position: absolute;
-    top: 0;
-    right: -0;
-    left: -0;
-    bottom: -0;
-    border-radius: 2px;
-    border: 2px solid #1890ff;
-    &.active {
-      display: block;
-    }
-    .designable-bar-actions {
-      pointer-events: auto;
-      position: absolute;
-      right: 0;
-      line-height: 1rem;
-      color: #fff;
-      z-index: 10;
-      padding: 0 3px;
-      .ant-space {
-        gap: 1px !important;
-      }
-      .anticon {
-        width: 16px;
-        height: 16px;
-        vertical-align: top;
-        line-height: 16px;
-        font-size: 10px;
-        background-color: #1890ff;
-      }
-    }
-  }
-}

package/lib/schemas/form-item/style.less.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"mappings":"","sources":["schemas/form-item/style.less"],"sourcesContent":[".designable-form-item {\n  position: relative;\n  &:hover {\n    .designable-bar {\n      display: block;\n    }\n  }\n  .designable-bar {\n    z-index: 1;\n    pointer-events: none;\n    display: none;\n    position: absolute;\n    top: 0;\n    right: -0;\n    left: -0;\n    bottom: -0;\n    border-radius: 2px;\n    border: 2px solid #1890ff;\n    &.active {\n      display: block;\n    }\n    .designable-bar-actions {\n      pointer-events: auto;\n      position: absolute;\n      right: 0;\n      line-height: 1rem;\n      color: #fff;\n      z-index: 10;\n      padding: 0 3px;\n      .ant-space {\n        gap: 1px !important;\n      }\n      .anticon {\n        width: 16px;\n        height: 16px;\n        vertical-align: top;\n        line-height: 16px;\n        font-size: 10px;\n        background-color: #1890ff;\n      }\n    }\n  }\n}\n"],"file":"style.less"}

package/lib/schemas/grid/DesignableBar.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './style.less';
-export declare const DesignableBar: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/schemas/grid/DesignableBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/grid/DesignableBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAoBrE,OAAO,cAAc,CAAC;AAatB,eAAO,MAAM,aAAa,6DA0DxB,CAAC","file":"DesignableBar.d.ts","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  ISchema,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport { useSchemaPath, SchemaField, useDesignable, removeSchema } from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, Modal, Space } from 'antd';\nimport { MenuOutlined, DragOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { FormLayout } from '@formily/antd';\nimport './style.less';\nimport AddNew from '../add-new';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { isGridRowOrCol } from '../grid';\nimport constate from 'constate';\nimport { useEffect } from 'react';\nimport { uid } from '@formily/shared';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { useCollection, useCollectionContext } from '../../constate';\nimport { useTable } from '../table';\nimport { DragHandle } from '../../components/Sortable';\nimport { useCompile } from '../../hooks/useCompile';\n\nexport const DesignableBar = observer((props) => {\n  const field = useField();\n  const { designable, schema, refresh, deepRemove } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  const { props: tableProps } = useTable();\n  const collectionName =\n    field.componentProps?.collectionName || tableProps?.collectionName;\n  const { collection } = useCollection({ collectionName });\n  const compile = useCompile();\n  return (\n    <div className={cls('designable-bar', { active: visible })}>\n      <div className={'designable-info'}>\n        {compile(collection?.title || collection?.name)}\n      </div>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={cls('designable-bar-actions', { active: visible })}\n      >\n        <Space size={2}>\n          <AddNew.CardItem defaultAction={'appendChild'} ghost />\n          {/* <DragHandle /> */}\n          <Dropdown\n            trigger={['hover']}\n            // visible={visible}\n            // onVisibleChange={(visible) => {\n            //   setVisible(visible);\n            // }}\n            overlay={\n              <Menu>\n                <Menu.Item\n                  key={'delete'}\n                  onClick={async () => {\n                    Modal.confirm({\n                      title: '删除区块',\n                      content: '删除后无法恢复，确定要删除吗？',\n                      onOk: async () => {\n                        const removed = deepRemove();\n                        // console.log({ removed })\n                        const last = removed.pop();\n                        await removeSchema(last);\n                      },\n                    });\n                  }}\n                >\n                  删除\n                </Menu.Item>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n});\n"]}