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

package/esm/schema-templates/schemas/uiSchemaTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiSchemaTemplates.js","sourceRoot":"","sources":["../../../src/schema-templates/schemas/uiSchemaTemplates.ts"],"names":[],"mappings":"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","sourcesContent":["import { ISchema } from '@formily/react';\nimport { uid } from '@formily/shared';\n\nexport const uiSchemaTemplatesSchema: ISchema = {\n  type: 'object',\n  properties: {\n    [uid()]: {\n      type: 'void',\n      'x-decorator': 'TableBlockProvider',\n      'x-decorator-props': {\n        collection: 'uiSchemaTemplates',\n        resource: 'uiSchemaTemplates',\n        action: 'list',\n        params: {\n          pageSize: 20,\n          appends: ['collection'],\n          sort: ['-createdAt'],\n        },\n        rowKey: 'key',\n        showIndex: true,\n        dragSort: false,\n      },\n      'x-component': 'CardItem',\n      properties: {\n        actions: {\n          type: 'void',\n          'x-component': 'ActionBar',\n          'x-component-props': {\n            style: {\n              marginBottom: 16,\n            },\n          },\n          properties: {\n            destroy: {\n              title: '{{ t(\"Delete\") }}',\n              'x-action': 'destroy',\n              'x-component': 'Action',\n              'x-designer': 'Action.Designer',\n              'x-component-props': {\n                icon: 'DeleteOutlined',\n                confirm: {\n                  title: \"{{t('Delete record')}}\",\n                  content: \"{{t('Are you sure you want to delete it?')}}\",\n                },\n                useProps: '{{ useBulkDestroyActionProps }}',\n              },\n            },\n          },\n        },\n        [uid()]: {\n          type: 'array',\n          'x-component': 'TableV2',\n          'x-component-props': {\n            rowSelection: {\n              type: 'checkbox',\n            },\n            useProps: '{{ useTableBlockProps }}',\n          },\n          properties: {\n            actions: {\n              type: 'void',\n              title: '{{ t(\"Actions\") }}',\n              'x-component': 'TableV2.Column',\n              properties: {\n                actions: {\n                  type: 'void',\n                  'x-decorator': 'DndContext',\n                  'x-component': 'Space',\n                  'x-component-props': {\n                    split: '|',\n                  },\n                  properties: {\n                    view: {\n                      title: '{{ t(\"View\") }}',\n                      'x-action': 'view',\n                      'x-component': 'RecordLink',\n                      'x-component-props': {\n                        to: '/admin/plugins/block-templates/${record.key}',\n                      },\n                    },\n                    edit: {\n                      type: 'void',\n                      title: '{{ t(\"Edit\") }}',\n                      'x-action': 'update',\n                      'x-component': 'Action.Link',\n                      'x-component-props': {\n                        openMode: 'drawer',\n                        icon: 'EditOutlined',\n                      },\n                      properties: {\n                        drawer: {\n                          type: 'void',\n                          title: '{{ t(\"Edit record\") }}',\n                          'x-component': 'Action.Container',\n                          'x-component-props': {\n                            className: 'nb-action-popup',\n                          },\n                          properties: {\n                            form: {\n                              type: 'void',\n                              'x-decorator': 'FormBlockProvider',\n                              'x-decorator-props': {\n                                resource: 'uiSchemaTemplates',\n                                collection: 'uiSchemaTemplates',\n                                action: 'get',\n                                useParams: '{{ useParamsFromRecord }}',\n                              },\n                              'x-component': 'CardItem',\n                              properties: {\n                                [uid()]: {\n                                  type: 'void',\n                                  'x-component': 'FormV2',\n                                  'x-component-props': {\n                                    useProps: '{{ useFormBlockProps }}',\n                                  },\n                                  properties: {\n                                    name: {\n                                      type: 'string',\n                                      'x-component': 'CollectionField',\n                                      'x-decorator': 'FormItem',\n                                      'x-collection-field': 'uiSchemaTemplates.name',\n                                      required: true,\n                                    },\n                                    actions: {\n                                      type: 'void',\n                                      'x-component': 'ActionBar',\n                                      'x-component-props': {\n                                        layout: 'one-column',\n                                        style: {\n                                          marginTop: 24,\n                                        },\n                                      },\n                                      properties: {\n                                        submit: {\n                                          title: 'Submit',\n                                          'x-action': 'submit',\n                                          'x-component': 'Action',\n                                          'x-component-props': {\n                                            type: 'primary',\n                                            htmlType: 'submit',\n                                            useProps: '{{ useUpdateActionProps }}',\n                                          },\n                                          type: 'void',\n                                        },\n                                      },\n                                    },\n                                  },\n                                },\n                              },\n                            },\n                          },\n                        },\n                      },\n                    },\n                    destroy: {\n                      title: '{{ t(\"Delete\") }}',\n                      'x-action': 'destroy',\n                      'x-component': 'Action.Link',\n                      'x-component-props': {\n                        icon: 'DeleteOutlined',\n                        confirm: {\n                          title: \"{{t('Delete record')}}\",\n                          content: \"{{t('Are you sure you want to delete it?')}}\",\n                        },\n                        useProps: '{{ useDestroyActionProps }}',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n            column1: {\n              type: 'void',\n              'x-decorator': 'TableV2.Column.Decorator',\n              'x-component': 'TableV2.Column',\n              properties: {\n                name: {\n                  type: 'string',\n                  'x-collection-field': 'uiSchemaTemplates.name',\n                  'x-component': 'CollectionField',\n                  'x-read-pretty': true,\n                  'x-component-props': {\n                    ellipsis: true,\n                  },\n                },\n              },\n            },\n            column2: {\n              type: 'void',\n              title: '{{t(\"Collection display name\")}}',\n              'x-decorator': 'TableV2.Column.Decorator',\n              'x-component': 'TableV2.Column',\n              properties: {\n                'collection.title': {\n                  type: 'string',\n                  'x-collection-field': 'uiSchemaTemplates.collection',\n                  'x-component': 'Input',\n                  'x-read-pretty': true,\n                  'x-component-props': {\n                    ellipsis: true,\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n};\n"]}

package/esm/settings-form/SettingsForm.d.ts

@@ -0,0 +1,13 @@
+import { Field } from '@formily/core';
+import { Schema } from '@formily/react';
+import React from 'react';
+export interface SettingsFormContextProps {
+    field?: Field;
+    fieldSchema?: Schema;
+    dropdownVisible?: boolean;
+    setDropdownVisible?: (v: boolean) => void;
+    dn?: any;
+}
+export declare const SettingsFormContext: React.Context<SettingsFormContextProps>;
+export declare const useSettingsFormContext: () => SettingsFormContextProps;
+export declare const SettingsForm: any;

package/esm/settings-form/SettingsForm.js

@@ -0,0 +1,212 @@
+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 __awaiter = (this && this.__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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormButtonGroup, FormDialog, FormDrawer, FormItem, FormLayout, Reset, Submit } from '@formily/antd';
+import { createForm, onFormValuesChange } from '@formily/core';
+import { FieldContext, FormContext, observer, RecursionField, Schema, SchemaOptionsContext, useField, useFieldSchema, useForm } from '@formily/react';
+import { Dropdown, Menu, Modal, Select, Switch } from 'antd';
+import { createContext, useContext, useMemo, useState } from 'react';
+import { SchemaComponentOptions, useAttach, useDesignable } from '..';
+export var SettingsFormContext = createContext(null);
+export var useSettingsFormContext = function () {
+    return useContext(SettingsFormContext);
+};
+export var SettingsForm = observer(function (props) {
+    var dn = useDesignable();
+    var field = useField();
+    var fieldSchema = useFieldSchema();
+    var _a = __read(useState(false), 2), dropdownVisible = _a[0], setDropdownVisible = _a[1];
+    var settingsFormSchema = useMemo(function () { return new Schema(props.schema); }, []);
+    var form = useMemo(function () {
+        return createForm({
+            initialValues: fieldSchema.toJSON(),
+            effects: function (form) {
+                onFormValuesChange(function (form) {
+                    dn.patch(form.values);
+                    console.log('form.values', form.values);
+                });
+            },
+        });
+    }, []);
+    var f = useAttach(form.createVoidField(__assign(__assign({}, field.props), { basePath: '' })));
+    return (_jsx(SettingsFormContext.Provider, __assign({ value: { dn: dn, field: field, fieldSchema: fieldSchema, dropdownVisible: dropdownVisible, setDropdownVisible: setDropdownVisible } }, { children: _jsx(SchemaComponentOptions, __assign({ components: { SettingsForm: SettingsForm } }, { children: _jsx(FieldContext.Provider, __assign({ value: null }, { children: _jsx(FormContext.Provider, __assign({ value: form }, { children: _jsx(FieldContext.Provider, __assign({ value: f }, { children: _jsx(Dropdown, __assign({ visible: dropdownVisible, onVisibleChange: function (visible) { return setDropdownVisible(visible); }, overlayStyle: { width: 200 }, overlay: _jsx(Menu, { children: settingsFormSchema.mapProperties(function (s, key) {
+                                    return _jsx(RecursionField, { name: key, schema: s }, void 0);
+                                }) }, void 0) }, { children: _jsx("a", { children: "\u914D\u7F6E" }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+});
+SettingsForm.Divider = function () {
+    return _jsx(Menu.Divider, {}, void 0);
+};
+SettingsForm.Remove = function (props) {
+    var field = useField();
+    var _a = useSettingsFormContext(), dn = _a.dn, setDropdownVisible = _a.setDropdownVisible;
+    return (_jsx(Menu.Item, __assign({ onClick: function () {
+            setDropdownVisible(false);
+            Modal.confirm(__assign(__assign({ title: 'Are you sure delete this task?', content: 'Some descriptions', okText: 'Yes', okType: 'danger', cancelText: 'No' }, props.confirm), { onOk: function () {
+                    dn.remove();
+                    console.log('OK');
+                }, onCancel: function () {
+                    console.log('Cancel');
+                } }));
+        } }, { children: field.title }), void 0));
+};
+SettingsForm.Switch = observer(function () {
+    var field = useField();
+    return (_jsx(Menu.Item, __assign({ onClick: function () {
+            field.value = !field.value;
+        } }, { children: _jsxs("div", __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [field.title, " ", _jsx(Switch, { checked: !!field.value }, void 0)] }), void 0) }), void 0));
+});
+SettingsForm.Select = observer(function (props) {
+    var field = useField();
+    var _a = __read(useState(false), 2), open = _a[0], setOpen = _a[1];
+    return (_jsx(Menu.Item, __assign({ onClick: function () { return !open && setOpen(true); } }, { children: _jsxs("div", __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [field.title, _jsx(Select, { open: open, onDropdownVisibleChange: function (open) { return setOpen(open); }, onSelect: function () {
+                        setOpen(false);
+                    }, onChange: function (value) {
+                        field.value = value;
+                    }, value: field.value, options: field.dataSource, style: { width: '60%' }, size: 'small', bordered: false }, void 0)] }), void 0) }), void 0));
+});
+SettingsForm.Modal = function () {
+    var form = useForm();
+    var field = useField();
+    var fieldSchema = useFieldSchema();
+    var options = useContext(SchemaOptionsContext);
+    var setDropdownVisible = useSettingsFormContext().setDropdownVisible;
+    return (_jsx(Menu.Item, __assign({ style: { width: 200 }, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            var values;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        setDropdownVisible(false);
+                        return [4 /*yield*/, FormDialog('Title', function () {
+                                return (_jsx(SchemaComponentOptions, __assign({ scope: options.scope, components: __assign(__assign({}, options.components), { FormItem: FormItem }) }, { children: _jsx(FormLayout, __assign({ layout: 'vertical' }, { children: _jsx(RecursionField, { schema: fieldSchema, onlyRenderProperties: true }, void 0) }), void 0) }), void 0));
+                            }).open({
+                                initialValues: fieldSchema.type !== 'void' ? field.value : form.values,
+                            })];
+                    case 1:
+                        values = _b.sent();
+                        if (fieldSchema.type !== 'void') {
+                            form.setValues((_a = {},
+                                _a[fieldSchema.name] = values,
+                                _a), 'deepMerge');
+                        }
+                        else {
+                            form.setValues(values);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); } }, { children: field.title }), void 0));
+};
+SettingsForm.Drawer = function () {
+    var form = useForm();
+    var field = useField();
+    var fieldSchema = useFieldSchema();
+    var options = useContext(SchemaOptionsContext);
+    var setDropdownVisible = useSettingsFormContext().setDropdownVisible;
+    return (_jsx(Menu.Item, __assign({ style: { width: 200 }, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            var values;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        setDropdownVisible(false);
+                        return [4 /*yield*/, FormDrawer('Pop-up form', function () {
+                                return (_jsx(SchemaComponentOptions, __assign({ scope: options.scope, components: __assign(__assign({}, options.components), { FormItem: FormItem }) }, { children: _jsxs(FormLayout, __assign({ layout: 'vertical' }, { children: [_jsx(RecursionField, { schema: fieldSchema, onlyRenderProperties: true }, void 0), _jsx(FormDrawer.Footer, { children: _jsxs(FormButtonGroup, __assign({ align: "right" }, { children: [_jsx(Reset, { children: "Reset" }, void 0), _jsx(Submit, __assign({ onSubmit: function () {
+                                                                return new Promise(function (resolve) {
+                                                                    setTimeout(resolve, 1000);
+                                                                });
+                                                            } }, { children: "Submit" }), void 0)] }), void 0) }, void 0)] }), void 0) }), void 0));
+                            }).open({
+                                initialValues: fieldSchema.type !== 'void' ? field.value : form.values,
+                            })];
+                    case 1:
+                        values = _b.sent();
+                        if (fieldSchema.type !== 'void') {
+                            form.setValues((_a = {},
+                                _a[fieldSchema.name] = values,
+                                _a), 'deepMerge');
+                        }
+                        else {
+                            form.setValues(values);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); } }, { children: field.title }), void 0));
+};
+SettingsForm.SubMenu = function () {
+    var field = useField();
+    var fieldSchema = useFieldSchema();
+    return (_jsx(Menu.SubMenu, __assign({ title: field.title }, { children: fieldSchema.mapProperties(function (schema, key) {
+            return _jsx(RecursionField, { name: key, schema: schema }, void 0);
+        }) }), void 0));
+};
+SettingsForm.ItemGroup = function () {
+    var field = useField();
+    var fieldSchema = useFieldSchema();
+    return (_jsx(Menu.ItemGroup, __assign({ title: field.title }, { children: fieldSchema.mapProperties(function (schema, key) {
+            return _jsx(RecursionField, { name: key, schema: schema }, void 0);
+        }) }), void 0));
+};
+//# sourceMappingURL=SettingsForm.js.map

package/esm/settings-form/SettingsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsForm.js","sourceRoot":"","sources":["../../src/settings-form/SettingsForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormButtonGroup, FormDialog, FormDrawer, FormItem, FormLayout, Reset, Submit } from '@formily/antd';\nimport { createForm, Field, ObjectField, onFormValuesChange } from '@formily/core';\nimport {\n  FieldContext,\n  FormContext,\n  observer,\n  RecursionField,\n  Schema,\n  SchemaOptionsContext,\n  useField,\n  useFieldSchema,\n  useForm\n} from '@formily/react';\nimport { Dropdown, Menu, Modal, Select, Switch } from 'antd';\nimport React, { createContext, useContext, useMemo, useState } from 'react';\nimport { SchemaComponentOptions, useAttach, useDesignable } from '..';\n\nexport interface SettingsFormContextProps {\n  field?: Field;\n  fieldSchema?: Schema;\n  dropdownVisible?: boolean;\n  setDropdownVisible?: (v: boolean) => void;\n  dn?: any;\n}\n\nexport const SettingsFormContext = createContext<SettingsFormContextProps>(null);\n\nexport const useSettingsFormContext = () => {\n  return useContext(SettingsFormContext);\n};\n\nexport const SettingsForm: any = observer((props: any) => {\n  const dn = useDesignable();\n  const field = useField<Field>();\n  const fieldSchema = useFieldSchema();\n  const [dropdownVisible, setDropdownVisible] = useState(false);\n  const settingsFormSchema = useMemo(() => new Schema(props.schema), []);\n  const form = useMemo(\n    () =>\n      createForm({\n        initialValues: fieldSchema.toJSON(),\n        effects(form) {\n          onFormValuesChange((form) => {\n            dn.patch(form.values);\n            console.log('form.values', form.values);\n          });\n        },\n      }),\n    [],\n  );\n  const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n  return (\n    <SettingsFormContext.Provider value={{ dn, field, fieldSchema, dropdownVisible, setDropdownVisible }}>\n      <SchemaComponentOptions components={{ SettingsForm }}>\n        <FieldContext.Provider value={null}>\n          <FormContext.Provider value={form}>\n            <FieldContext.Provider value={f}>\n              <Dropdown\n                visible={dropdownVisible}\n                onVisibleChange={(visible) => setDropdownVisible(visible)}\n                overlayStyle={{ width: 200 }}\n                overlay={\n                  <Menu>\n                    {settingsFormSchema.mapProperties((s, key) => {\n                      return <RecursionField name={key} schema={s} />;\n                    })}\n                  </Menu>\n                }\n              >\n                <a>配置</a>\n              </Dropdown>\n            </FieldContext.Provider>\n          </FormContext.Provider>\n        </FieldContext.Provider>\n      </SchemaComponentOptions>\n    </SettingsFormContext.Provider>\n  );\n});\n\nSettingsForm.Divider = () => {\n  return <Menu.Divider />;\n};\n\nSettingsForm.Remove = (props) => {\n  const field = useField();\n  const { dn, setDropdownVisible } = useSettingsFormContext();\n  return (\n    <Menu.Item\n      onClick={() => {\n        setDropdownVisible(false);\n        Modal.confirm({\n          title: 'Are you sure delete this task?',\n          content: 'Some descriptions',\n          okText: 'Yes',\n          okType: 'danger',\n          cancelText: 'No',\n          ...props.confirm,\n          onOk() {\n            dn.remove();\n            console.log('OK');\n          },\n          onCancel() {\n            console.log('Cancel');\n          },\n        });\n      }}\n    >\n      {field.title}\n    </Menu.Item>\n  );\n};\n\nSettingsForm.Switch = observer(() => {\n  const field = useField<Field>();\n  return (\n    <Menu.Item\n      onClick={() => {\n        field.value = !field.value;\n      }}\n    >\n      <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n        {field.title} <Switch checked={!!field.value} />\n      </div>\n    </Menu.Item>\n  );\n});\n\nSettingsForm.Select = observer((props) => {\n  const field = useField<Field>();\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu.Item onClick={() => !open && setOpen(true)}>\n      <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n        {field.title}\n        <Select\n          open={open}\n          onDropdownVisibleChange={(open) => setOpen(open)}\n          onSelect={() => {\n            setOpen(false);\n          }}\n          onChange={(value) => {\n            field.value = value;\n          }}\n          value={field.value}\n          options={field.dataSource}\n          style={{ width: '60%' }}\n          size={'small'}\n          bordered={false}\n        />\n      </div>\n    </Menu.Item>\n  );\n});\n\nSettingsForm.Modal = () => {\n  const form = useForm();\n  const field = useField<Field>();\n  const fieldSchema = useFieldSchema();\n  const options = useContext(SchemaOptionsContext);\n  const { setDropdownVisible } = useSettingsFormContext();\n  return (\n    <Menu.Item\n      style={{ width: 200 }}\n      onClick={async () => {\n        setDropdownVisible(false);\n        const values = await FormDialog('Title', () => {\n          return (\n            <SchemaComponentOptions scope={options.scope} components={{ ...options.components, FormItem }}>\n              <FormLayout layout={'vertical'}>\n                <RecursionField schema={fieldSchema} onlyRenderProperties />\n              </FormLayout>\n            </SchemaComponentOptions>\n          );\n        }).open({\n          initialValues: fieldSchema.type !== 'void' ? field.value : form.values,\n        });\n        if (fieldSchema.type !== 'void') {\n          form.setValues(\n            {\n              [fieldSchema.name]: values,\n            },\n            'deepMerge',\n          );\n        } else {\n          form.setValues(values);\n        }\n      }}\n    >\n      {field.title}\n    </Menu.Item>\n  );\n};\n\nSettingsForm.Drawer = () => {\n  const form = useForm();\n  const field = useField<ObjectField>();\n  const fieldSchema = useFieldSchema();\n  const options = useContext(SchemaOptionsContext);\n  const { setDropdownVisible } = useSettingsFormContext();\n  return (\n    <Menu.Item\n      style={{ width: 200 }}\n      onClick={async () => {\n        setDropdownVisible(false);\n        const values = await FormDrawer('Pop-up form', () => {\n          return (\n            <SchemaComponentOptions scope={options.scope} components={{ ...options.components, FormItem }}>\n              <FormLayout layout={'vertical'}>\n                <RecursionField schema={fieldSchema} onlyRenderProperties />\n                <FormDrawer.Footer>\n                  <FormButtonGroup align=\"right\">\n                    <Reset>Reset</Reset>\n                    <Submit\n                      onSubmit={() => {\n                        return new Promise((resolve) => {\n                          setTimeout(resolve, 1000);\n                        });\n                      }}\n                    >\n                      Submit\n                    </Submit>\n                  </FormButtonGroup>\n                </FormDrawer.Footer>\n              </FormLayout>\n            </SchemaComponentOptions>\n          );\n        }).open({\n          initialValues: fieldSchema.type !== 'void' ? field.value : form.values,\n        });\n        if (fieldSchema.type !== 'void') {\n          form.setValues(\n            {\n              [fieldSchema.name]: values,\n            },\n            'deepMerge',\n          );\n        } else {\n          form.setValues(values);\n        }\n      }}\n    >\n      {field.title}\n    </Menu.Item>\n  );\n};\n\nSettingsForm.SubMenu = () => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  return (\n    <Menu.SubMenu title={field.title}>\n      {fieldSchema.mapProperties((schema, key) => {\n        return <RecursionField name={key} schema={schema} />;\n      })}\n    </Menu.SubMenu>\n  );\n};\n\nSettingsForm.ItemGroup = () => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  return (\n    <Menu.ItemGroup title={field.title}>\n      {fieldSchema.mapProperties((schema, key) => {\n        return <RecursionField name={key} schema={schema} />;\n      })}\n    </Menu.ItemGroup>\n  );\n};\n"]}

package/esm/settings-form/index.d.ts

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

package/esm/settings-form/index.js

@@ -0,0 +1,2 @@
+export * from './SettingsForm';
+//# sourceMappingURL=index.js.map

package/esm/settings-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/settings-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './SettingsForm';\n"]}

package/esm/slate/RichText.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const RichText: (props: any) => JSX.Element;

package/esm/slate/RichText.js

@@ -0,0 +1,190 @@
+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);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css, cx } from '@emotion/css';
+import isHotkey from 'is-hotkey';
+import { useCallback, useMemo } from 'react';
+import { createEditor, Editor, Element as SlateElement, Node, Transforms } from 'slate';
+import { withHistory } from 'slate-history';
+import { Editable, Slate, useSlate, withReact } from 'slate-react';
+import { EllipsisWithTooltip } from '../schema-component/antd/input/EllipsisWithTooltip';
+import { Button, Icon, Toolbar } from './components';
+var HOTKEYS = {
+    'mod+b': 'bold',
+    'mod+i': 'italic',
+    'mod+u': 'underline',
+    'mod+`': 'code',
+};
+var LIST_TYPES = ['numbered-list', 'bulleted-list'];
+var TEXT_ALIGN_TYPES = ['left', 'center', 'right', 'justify'];
+var DEFAULT_VALUE = [
+    {
+        type: 'paragraph',
+        children: [{ text: '' }],
+    },
+];
+export var RichText = function (props) {
+    var value = props.value, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, className = props.className, readOnly = props.readOnly, _b = props.autop, autop = _b === void 0 ? true : _b, ellipsis = props.ellipsis, onChange = props.onChange;
+    var renderElement = useCallback(function (props) { return _jsx(Element, __assign({}, props), void 0); }, []);
+    var renderLeaf = useCallback(function (props) { return _jsx(Leaf, __assign({}, props), void 0); }, []);
+    var editor = useMemo(function () { return withHistory(withReact(createEditor())); }, []);
+    var slateValue = useMemo(function () {
+        editor.children = JSON.parse(JSON.stringify(value || DEFAULT_VALUE));
+        Editor.normalize(editor, { force: true });
+        return editor.children;
+    }, [editor, value]);
+    if (readOnly) {
+        var slateContent = (_jsx(Slate, __assign({ editor: editor, value: slateValue }, { children: _jsx(Editable, { renderElement: renderElement, renderLeaf: renderLeaf, spellCheck: true, autoFocus: true, readOnly: readOnly }, void 0) }), void 0));
+        var slatePlainText = serialize(slateValue);
+        var content = (_jsx(EllipsisWithTooltip, __assign({ ellipsis: ellipsis, popoverContent: autop ? slateContent : slatePlainText }, { children: ellipsis ? slatePlainText : slateContent }), void 0));
+        return content;
+    }
+    return (_jsx("div", __assign({ className: cx(className, 'slate', css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          border: solid 1px #d2d2d2;\n          border-radius: 2px;\n        "], ["\n          border: solid 1px #d2d2d2;\n          border-radius: 2px;\n        "])))) }, { children: _jsxs(Slate, __assign({ editor: editor, value: slateValue, onChange: onChange }, { children: [_jsxs(Toolbar, { children: [_jsx(MarkButton, { format: "bold", icon: "format_bold" }, void 0), _jsx(MarkButton, { format: "italic", icon: "format_italic" }, void 0), _jsx(MarkButton, { format: "underline", icon: "format_underlined" }, void 0), _jsx(MarkButton, { format: "code", icon: "code" }, void 0), _jsx(BlockButton, { format: "block-quote", icon: "format_quote" }, void 0), _jsx(BlockButton, { format: "numbered-list", icon: "format_list_numbered" }, void 0), _jsx(BlockButton, { format: "bulleted-list", icon: "format_list_bulleted" }, void 0)] }, void 0), _jsx("div", __assign({ className: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            padding: 5px 11px;\n          "], ["\n            padding: 5px 11px;\n          "]))) }, { children: _jsx(Editable, { renderElement: renderElement, renderLeaf: renderLeaf, placeholder: placeholder, spellCheck: true, style: { minHeight: '10em' }, readOnly: readOnly, onKeyDown: function (event) {
+                            for (var hotkey in HOTKEYS) {
+                                if (isHotkey(hotkey, event)) {
+                                    event.preventDefault();
+                                    var mark = HOTKEYS[hotkey];
+                                    toggleMark(editor, mark);
+                                }
+                            }
+                        } }, void 0) }), void 0)] }), void 0) }), void 0));
+};
+var serialize = function (nodes) {
+    return nodes.map(function (n) { return Node.string(n); }).join('\n');
+};
+var toggleBlock = function (editor, format) {
+    var isActive = isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type');
+    var isList = LIST_TYPES.includes(format);
+    Transforms.unwrapNodes(editor, {
+        match: function (n) {
+            return !Editor.isEditor(n) &&
+                SlateElement.isElement(n) &&
+                LIST_TYPES.includes(n.type) &&
+                !TEXT_ALIGN_TYPES.includes(format);
+        },
+        split: true,
+    });
+    var newProperties;
+    if (TEXT_ALIGN_TYPES.includes(format)) {
+        newProperties = {
+            align: isActive ? undefined : format,
+        };
+    }
+    else {
+        newProperties = {
+            type: isActive ? 'paragraph' : isList ? 'list-item' : format,
+        };
+    }
+    Transforms.setNodes(editor, newProperties);
+    if (!isActive && isList) {
+        var block = { type: format, children: [] };
+        Transforms.wrapNodes(editor, block);
+    }
+};
+var toggleMark = function (editor, format) {
+    var isActive = isMarkActive(editor, format);
+    if (isActive) {
+        Editor.removeMark(editor, format);
+    }
+    else {
+        Editor.addMark(editor, format, true);
+    }
+};
+var isBlockActive = function (editor, format, blockType) {
+    if (blockType === void 0) { blockType = 'type'; }
+    var selection = editor.selection;
+    if (!selection)
+        return false;
+    var _a = __read(Array.from(Editor.nodes(editor, {
+        at: Editor.unhangRange(editor, selection),
+        match: function (n) { return !Editor.isEditor(n) && SlateElement.isElement(n) && n[blockType] === format; },
+    })), 1), match = _a[0];
+    return !!match;
+};
+var isMarkActive = function (editor, format) {
+    var marks = Editor.marks(editor);
+    return marks ? marks[format] === true : false;
+};
+var Element = function (_a) {
+    var attributes = _a.attributes, children = _a.children, element = _a.element;
+    var style = { textAlign: element.align };
+    switch (element.type) {
+        case 'block-quote':
+            return (_jsx("blockquote", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'bulleted-list':
+            return (_jsx("ul", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'heading-one':
+            return (_jsx("h1", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'heading-two':
+            return (_jsx("h2", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'list-item':
+            return (_jsx("li", __assign({ style: style }, attributes, { children: children }), void 0));
+        case 'numbered-list':
+            return (_jsx("ol", __assign({ style: style }, attributes, { children: children }), void 0));
+        default:
+            return (_jsx("p", __assign({ style: style }, attributes, { children: children }), void 0));
+    }
+};
+var Leaf = function (_a) {
+    var attributes = _a.attributes, children = _a.children, leaf = _a.leaf;
+    if (leaf.bold) {
+        children = _jsx("strong", { children: children }, void 0);
+    }
+    if (leaf.code) {
+        children = _jsx("code", { children: children }, void 0);
+    }
+    if (leaf.italic) {
+        children = _jsx("em", { children: children }, void 0);
+    }
+    if (leaf.underline) {
+        children = _jsx("u", { children: children }, void 0);
+    }
+    return _jsx("span", __assign({}, attributes, { children: children }), void 0);
+};
+var BlockButton = function (_a) {
+    var format = _a.format, icon = _a.icon;
+    var editor = useSlate();
+    return (_jsx(Button, __assign({ active: isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type'), onMouseDown: function (event) {
+            event.preventDefault();
+            toggleBlock(editor, format);
+        } }, { children: _jsx(Icon, { children: icon }, void 0) }), void 0));
+};
+var MarkButton = function (_a) {
+    var format = _a.format, icon = _a.icon;
+    var editor = useSlate();
+    return (_jsx(Button, __assign({ active: isMarkActive(editor, format), onMouseDown: function (event) {
+            event.preventDefault();
+            toggleMark(editor, format);
+        } }, { children: _jsx(Icon, { children: icon }, void 0) }), void 0));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=RichText.js.map

package/esm/slate/RichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../src/slate/RichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css, cx } from '@emotion/css';\nimport isHotkey from 'is-hotkey';\nimport React, { useCallback, useMemo } from 'react';\nimport { createEditor, Editor, Element as SlateElement, Node, Transforms } from 'slate';\nimport { withHistory } from 'slate-history';\nimport type { ReactEditor } from 'slate-react';\nimport { Editable, Slate, useSlate, withReact } from 'slate-react';\nimport { EllipsisWithTooltip } from '../schema-component/antd/input/EllipsisWithTooltip';\nimport { Button, Icon, Toolbar } from './components';\n\nconst HOTKEYS = {\n  'mod+b': 'bold',\n  'mod+i': 'italic',\n  'mod+u': 'underline',\n  'mod+`': 'code',\n};\n\nconst LIST_TYPES = ['numbered-list', 'bulleted-list'];\nconst TEXT_ALIGN_TYPES = ['left', 'center', 'right', 'justify'];\nconst DEFAULT_VALUE = [\n  {\n    type: 'paragraph',\n    children: [{ text: '' }],\n  },\n];\n\nexport const RichText = (props: any) => {\n  const { value, placeholder = '', className, readOnly, autop = true, ellipsis, onChange } = props;\n  const renderElement = useCallback((props) => <Element {...props} />, []);\n  const renderLeaf = useCallback((props) => <Leaf {...props} />, []);\n  const editor = useMemo(() => withHistory(withReact(createEditor() as ReactEditor)), []);\n  const slateValue = useMemo(() => {\n    editor.children = JSON.parse(JSON.stringify(value || DEFAULT_VALUE));\n    Editor.normalize(editor, { force: true });\n    return editor.children;\n  }, [editor, value]);\n  if (readOnly) {\n    const slateContent = (\n      <Slate editor={editor} value={slateValue}>\n        <Editable renderElement={renderElement} renderLeaf={renderLeaf} spellCheck autoFocus readOnly={readOnly} />\n      </Slate>\n    );\n    const slatePlainText = serialize(slateValue);\n    const content = (\n      <EllipsisWithTooltip ellipsis={ellipsis} popoverContent={autop ? slateContent : slatePlainText}>\n        {ellipsis ? slatePlainText : slateContent}\n      </EllipsisWithTooltip>\n    );\n    return content;\n  }\n  return (\n    <div\n      className={cx(\n        className,\n        'slate',\n        css`\n          border: solid 1px #d2d2d2;\n          border-radius: 2px;\n        `,\n      )}\n    >\n      <Slate editor={editor} value={slateValue} onChange={onChange}>\n        <Toolbar>\n          <MarkButton format=\"bold\" icon=\"format_bold\" />\n          <MarkButton format=\"italic\" icon=\"format_italic\" />\n          <MarkButton format=\"underline\" icon=\"format_underlined\" />\n          <MarkButton format=\"code\" icon=\"code\" />\n          <BlockButton format=\"block-quote\" icon=\"format_quote\" />\n          <BlockButton format=\"numbered-list\" icon=\"format_list_numbered\" />\n          <BlockButton format=\"bulleted-list\" icon=\"format_list_bulleted\" />\n        </Toolbar>\n        <div\n          className={css`\n            padding: 5px 11px;\n          `}\n        >\n          <Editable\n            renderElement={renderElement}\n            renderLeaf={renderLeaf}\n            placeholder={placeholder}\n            spellCheck\n            style={{ minHeight: '10em' }}\n            readOnly={readOnly}\n            onKeyDown={(event) => {\n              for (const hotkey in HOTKEYS) {\n                if (isHotkey(hotkey, event as any)) {\n                  event.preventDefault();\n                  const mark = HOTKEYS[hotkey];\n                  toggleMark(editor, mark);\n                }\n              }\n            }}\n          />\n        </div>\n      </Slate>\n    </div>\n  );\n};\n\nconst serialize = (nodes) => {\n  return nodes.map((n) => Node.string(n)).join('\\n');\n};\nconst toggleBlock = (editor, format) => {\n  const isActive = isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type');\n  const isList = LIST_TYPES.includes(format);\n\n  Transforms.unwrapNodes(editor, {\n    match: (n: Node) =>\n      !Editor.isEditor(n) &&\n      SlateElement.isElement(n) &&\n      LIST_TYPES.includes((n as any).type) &&\n      !TEXT_ALIGN_TYPES.includes(format),\n    split: true,\n  });\n  let newProperties: Partial<SlateElement & { align: any; type: string }>;\n  if (TEXT_ALIGN_TYPES.includes(format)) {\n    newProperties = {\n      align: isActive ? undefined : format,\n    };\n  } else {\n    newProperties = {\n      type: isActive ? 'paragraph' : isList ? 'list-item' : format,\n    };\n  }\n  Transforms.setNodes<SlateElement>(editor, newProperties);\n\n  if (!isActive && isList) {\n    const block = { type: format, children: [] };\n    Transforms.wrapNodes(editor, block);\n  }\n};\n\nconst toggleMark = (editor, format) => {\n  const isActive = isMarkActive(editor, format);\n\n  if (isActive) {\n    Editor.removeMark(editor, format);\n  } else {\n    Editor.addMark(editor, format, true);\n  }\n};\n\nconst isBlockActive = (editor, format, blockType = 'type') => {\n  const { selection } = editor;\n  if (!selection) return false;\n\n  const [match] = Array.from(\n    Editor.nodes(editor, {\n      at: Editor.unhangRange(editor, selection),\n      match: (n) => !Editor.isEditor(n) && SlateElement.isElement(n) && n[blockType] === format,\n    }),\n  );\n\n  return !!match;\n};\n\nconst isMarkActive = (editor, format) => {\n  const marks = Editor.marks(editor);\n  return marks ? marks[format] === true : false;\n};\n\nconst Element = ({ attributes, children, element }) => {\n  const style = { textAlign: element.align };\n  switch (element.type) {\n    case 'block-quote':\n      return (\n        <blockquote style={style} {...attributes}>\n          {children}\n        </blockquote>\n      );\n    case 'bulleted-list':\n      return (\n        <ul style={style} {...attributes}>\n          {children}\n        </ul>\n      );\n    case 'heading-one':\n      return (\n        <h1 style={style} {...attributes}>\n          {children}\n        </h1>\n      );\n    case 'heading-two':\n      return (\n        <h2 style={style} {...attributes}>\n          {children}\n        </h2>\n      );\n    case 'list-item':\n      return (\n        <li style={style} {...attributes}>\n          {children}\n        </li>\n      );\n    case 'numbered-list':\n      return (\n        <ol style={style} {...attributes}>\n          {children}\n        </ol>\n      );\n    default:\n      return (\n        <p style={style} {...attributes}>\n          {children}\n        </p>\n      );\n  }\n};\n\nconst Leaf = ({ attributes, children, leaf }) => {\n  if (leaf.bold) {\n    children = <strong>{children}</strong>;\n  }\n\n  if (leaf.code) {\n    children = <code>{children}</code>;\n  }\n\n  if (leaf.italic) {\n    children = <em>{children}</em>;\n  }\n\n  if (leaf.underline) {\n    children = <u>{children}</u>;\n  }\n\n  return <span {...attributes}>{children}</span>;\n};\n\nconst BlockButton = ({ format, icon }) => {\n  const editor = useSlate();\n  return (\n    <Button\n      active={isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type')}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        toggleBlock(editor, format);\n      }}\n    >\n      <Icon>{icon}</Icon>\n    </Button>\n  );\n};\n\nconst MarkButton = ({ format, icon }) => {\n  const editor = useSlate();\n  return (\n    <Button\n      active={isMarkActive(editor, format)}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        toggleMark(editor, format);\n      }}\n    >\n      <Icon>{icon}</Icon>\n    </Button>\n  );\n};\n"]}

package/esm/slate/Slate.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+export declare const Slate: {
+    (): any;
+    RichText: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+};

package/esm/slate/Slate.js

@@ -0,0 +1,35 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { connect, mapProps, mapReadPretty } from '@formily/react';
+import { Node } from 'slate';
+import './index.less';
+import { RichText } from './RichText';
+export var Slate = function () { return null; };
+var serialize = function (nodes) {
+    var _a;
+    return (_a = nodes === null || nodes === void 0 ? void 0 : nodes.map) === null || _a === void 0 ? void 0 : _a.call(nodes, function (n) { return Node.string(n); }).join('');
+};
+var DEFAULT_VALUE = [
+    {
+        type: 'paragraph',
+        children: [{ text: '' }],
+    },
+];
+Slate.RichText = connect(RichText, mapProps(function (props, field) {
+    // const fieldValue = serialize(field.value)?.trim();
+    // if (!fieldValue) {
+    //   field.value = undefined;
+    // }
+    return __assign({}, props);
+}), mapReadPretty(function (props) { return _jsx(RichText, __assign({}, props, { readOnly: true }), void 0); }));
+//# sourceMappingURL=Slate.js.map

package/esm/slate/Slate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slate.js","sourceRoot":"","sources":["../../src/slate/Slate.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,IAAM,KAAK,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAEhC,IAAM,SAAS,GAAG,UAAC,KAAK;;IACtB,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,+CAAV,KAAK,EAAQ,UAAC,CAAC,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAd,CAAc,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,CAAC,CAAC;AACF,IAAM,aAAa,GAAG;IACpB;QACE,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;KACzB;CACF,CAAC;AAEF,KAAK,CAAC,QAAQ,GAAG,OAAO,CACtB,QAAQ,EACR,QAAQ,CAAC,UAAC,KAAK,EAAE,KAAY;IAC3B,qDAAqD;IACrD,qBAAqB;IACrB,6BAA6B;IAC7B,IAAI;IACJ,oBACK,KAAK,EACR;AACJ,CAAC,CAAC,EACF,aAAa,CAAC,UAAC,KAAU,IAAK,OAAA,KAAC,QAAQ,eAAK,KAAK,IAAE,QAAQ,kBAAG,EAAhC,CAAgC,CAAC,CAChE,CAAC","sourcesContent":["import { Field } from '@formily/core';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport React from 'react';\nimport { Node } from 'slate';\nimport './index.less';\nimport { RichText } from './RichText';\n\nexport const Slate = () => null;\n\nconst serialize = (nodes) => {\n  return nodes?.map?.((n) => Node.string(n)).join('');\n};\nconst DEFAULT_VALUE = [\n  {\n    type: 'paragraph',\n    children: [{ text: '' }],\n  },\n];\n\nSlate.RichText = connect(\n  RichText,\n  mapProps((props, field: Field) => {\n    // const fieldValue = serialize(field.value)?.trim();\n    // if (!fieldValue) {\n    //   field.value = undefined;\n    // }\n    return {\n      ...props,\n    };\n  }),\n  mapReadPretty((props: any) => <RichText {...props} readOnly />),\n);\n"]}

package/esm/slate/components.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface BaseProps {
+    className: string;
+    [key: string]: unknown;
+}
+export declare const Button: React.ForwardRefExoticComponent<Pick<{
+    active: boolean;
+    reversed: boolean;
+} & BaseProps, keyof BaseProps> & React.RefAttributes<HTMLSpanElement>>;
+export declare const EditorValue: React.ForwardRefExoticComponent<Pick<{
+    value: any;
+} & BaseProps, keyof BaseProps> & React.RefAttributes<null>>;
+export declare const Icon: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Instruction: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: ({ children }: {
+    children: any;
+}) => React.ReactPortal;
+export declare const Toolbar: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
+export {};