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

package/lib/schema-templates/schemas/uiSchemaTemplates.js

@@ -0,0 +1,214 @@
+"use strict";
+var _a, _b, _c;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiSchemaTemplatesSchema = void 0;
+var shared_1 = require("@formily/shared");
+exports.uiSchemaTemplatesSchema = {
+    type: 'object',
+    properties: (_a = {},
+        _a[(0, shared_1.uid)()] = {
+            type: 'void',
+            'x-decorator': 'TableBlockProvider',
+            'x-decorator-props': {
+                collection: 'uiSchemaTemplates',
+                resource: 'uiSchemaTemplates',
+                action: 'list',
+                params: {
+                    pageSize: 20,
+                    appends: ['collection'],
+                    sort: ['-createdAt'],
+                },
+                rowKey: 'key',
+                showIndex: true,
+                dragSort: false,
+            },
+            'x-component': 'CardItem',
+            properties: (_b = {
+                    actions: {
+                        type: 'void',
+                        'x-component': 'ActionBar',
+                        'x-component-props': {
+                            style: {
+                                marginBottom: 16,
+                            },
+                        },
+                        properties: {
+                            destroy: {
+                                title: '{{ t("Delete") }}',
+                                'x-action': 'destroy',
+                                'x-component': 'Action',
+                                'x-designer': 'Action.Designer',
+                                'x-component-props': {
+                                    icon: 'DeleteOutlined',
+                                    confirm: {
+                                        title: "{{t('Delete record')}}",
+                                        content: "{{t('Are you sure you want to delete it?')}}",
+                                    },
+                                    useProps: '{{ useBulkDestroyActionProps }}',
+                                },
+                            },
+                        },
+                    }
+                },
+                _b[(0, shared_1.uid)()] = {
+                    type: 'array',
+                    'x-component': 'TableV2',
+                    'x-component-props': {
+                        rowSelection: {
+                            type: 'checkbox',
+                        },
+                        useProps: '{{ useTableBlockProps }}',
+                    },
+                    properties: {
+                        actions: {
+                            type: 'void',
+                            title: '{{ t("Actions") }}',
+                            'x-component': 'TableV2.Column',
+                            properties: {
+                                actions: {
+                                    type: 'void',
+                                    'x-decorator': 'DndContext',
+                                    'x-component': 'Space',
+                                    'x-component-props': {
+                                        split: '|',
+                                    },
+                                    properties: {
+                                        view: {
+                                            title: '{{ t("View") }}',
+                                            'x-action': 'view',
+                                            'x-component': 'RecordLink',
+                                            'x-component-props': {
+                                                to: '/admin/plugins/block-templates/${record.key}',
+                                            },
+                                        },
+                                        edit: {
+                                            type: 'void',
+                                            title: '{{ t("Edit") }}',
+                                            'x-action': 'update',
+                                            'x-component': 'Action.Link',
+                                            'x-component-props': {
+                                                openMode: 'drawer',
+                                                icon: 'EditOutlined',
+                                            },
+                                            properties: {
+                                                drawer: {
+                                                    type: 'void',
+                                                    title: '{{ t("Edit record") }}',
+                                                    'x-component': 'Action.Container',
+                                                    'x-component-props': {
+                                                        className: 'nb-action-popup',
+                                                    },
+                                                    properties: {
+                                                        form: {
+                                                            type: 'void',
+                                                            'x-decorator': 'FormBlockProvider',
+                                                            'x-decorator-props': {
+                                                                resource: 'uiSchemaTemplates',
+                                                                collection: 'uiSchemaTemplates',
+                                                                action: 'get',
+                                                                useParams: '{{ useParamsFromRecord }}',
+                                                            },
+                                                            'x-component': 'CardItem',
+                                                            properties: (_c = {},
+                                                                _c[(0, shared_1.uid)()] = {
+                                                                    type: 'void',
+                                                                    'x-component': 'FormV2',
+                                                                    'x-component-props': {
+                                                                        useProps: '{{ useFormBlockProps }}',
+                                                                    },
+                                                                    properties: {
+                                                                        name: {
+                                                                            type: 'string',
+                                                                            'x-component': 'CollectionField',
+                                                                            'x-decorator': 'FormItem',
+                                                                            'x-collection-field': 'uiSchemaTemplates.name',
+                                                                            required: true,
+                                                                        },
+                                                                        actions: {
+                                                                            type: 'void',
+                                                                            'x-component': 'ActionBar',
+                                                                            'x-component-props': {
+                                                                                layout: 'one-column',
+                                                                                style: {
+                                                                                    marginTop: 24,
+                                                                                },
+                                                                            },
+                                                                            properties: {
+                                                                                submit: {
+                                                                                    title: 'Submit',
+                                                                                    'x-action': 'submit',
+                                                                                    'x-component': 'Action',
+                                                                                    'x-component-props': {
+                                                                                        type: 'primary',
+                                                                                        htmlType: 'submit',
+                                                                                        useProps: '{{ useUpdateActionProps }}',
+                                                                                    },
+                                                                                    type: 'void',
+                                                                                },
+                                                                            },
+                                                                        },
+                                                                    },
+                                                                },
+                                                                _c),
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                        destroy: {
+                                            title: '{{ t("Delete") }}',
+                                            'x-action': 'destroy',
+                                            'x-component': 'Action.Link',
+                                            'x-component-props': {
+                                                icon: 'DeleteOutlined',
+                                                confirm: {
+                                                    title: "{{t('Delete record')}}",
+                                                    content: "{{t('Are you sure you want to delete it?')}}",
+                                                },
+                                                useProps: '{{ useDestroyActionProps }}',
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        column1: {
+                            type: 'void',
+                            'x-decorator': 'TableV2.Column.Decorator',
+                            'x-component': 'TableV2.Column',
+                            properties: {
+                                name: {
+                                    type: 'string',
+                                    'x-collection-field': 'uiSchemaTemplates.name',
+                                    'x-component': 'CollectionField',
+                                    'x-read-pretty': true,
+                                    'x-component-props': {
+                                        ellipsis: true,
+                                    },
+                                },
+                            },
+                        },
+                        column2: {
+                            type: 'void',
+                            title: '{{t("Collection display name")}}',
+                            'x-decorator': 'TableV2.Column.Decorator',
+                            'x-component': 'TableV2.Column',
+                            properties: {
+                                'collection.title': {
+                                    type: 'string',
+                                    'x-collection-field': 'uiSchemaTemplates.collection',
+                                    'x-component': 'Input',
+                                    'x-read-pretty': true,
+                                    'x-component-props': {
+                                        ellipsis: true,
+                                    },
+                                },
+                            },
+                        },
+                    },
+                },
+                _b),
+        },
+        _a),
+};
+//# sourceMappingURL=uiSchemaTemplates.js.map

package/lib/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/lib/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/lib/settings-form/SettingsForm.js

@@ -0,0 +1,216 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsForm = exports.useSettingsFormContext = exports.SettingsFormContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("@formily/antd");
+var core_1 = require("@formily/core");
+var react_1 = require("@formily/react");
+var antd_2 = require("antd");
+var react_2 = require("react");
+var __1 = require("..");
+exports.SettingsFormContext = (0, react_2.createContext)(null);
+var useSettingsFormContext = function () {
+    return (0, react_2.useContext)(exports.SettingsFormContext);
+};
+exports.useSettingsFormContext = useSettingsFormContext;
+exports.SettingsForm = (0, react_1.observer)(function (props) {
+    var dn = (0, __1.useDesignable)();
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var _a = __read((0, react_2.useState)(false), 2), dropdownVisible = _a[0], setDropdownVisible = _a[1];
+    var settingsFormSchema = (0, react_2.useMemo)(function () { return new react_1.Schema(props.schema); }, []);
+    var form = (0, react_2.useMemo)(function () {
+        return (0, core_1.createForm)({
+            initialValues: fieldSchema.toJSON(),
+            effects: function (form) {
+                (0, core_1.onFormValuesChange)(function (form) {
+                    dn.patch(form.values);
+                    console.log('form.values', form.values);
+                });
+            },
+        });
+    }, []);
+    var f = (0, __1.useAttach)(form.createVoidField(__assign(__assign({}, field.props), { basePath: '' })));
+    return ((0, jsx_runtime_1.jsx)(exports.SettingsFormContext.Provider, __assign({ value: { dn: dn, field: field, fieldSchema: fieldSchema, dropdownVisible: dropdownVisible, setDropdownVisible: setDropdownVisible } }, { children: (0, jsx_runtime_1.jsx)(__1.SchemaComponentOptions, __assign({ components: { SettingsForm: exports.SettingsForm } }, { children: (0, jsx_runtime_1.jsx)(react_1.FieldContext.Provider, __assign({ value: null }, { children: (0, jsx_runtime_1.jsx)(react_1.FormContext.Provider, __assign({ value: form }, { children: (0, jsx_runtime_1.jsx)(react_1.FieldContext.Provider, __assign({ value: f }, { children: (0, jsx_runtime_1.jsx)(antd_2.Dropdown, __assign({ visible: dropdownVisible, onVisibleChange: function (visible) { return setDropdownVisible(visible); }, overlayStyle: { width: 200 }, overlay: (0, jsx_runtime_1.jsx)(antd_2.Menu, { children: settingsFormSchema.mapProperties(function (s, key) {
+                                    return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: s }, void 0);
+                                }) }, void 0) }, { children: (0, jsx_runtime_1.jsx)("a", { children: "\u914D\u7F6E" }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+});
+exports.SettingsForm.Divider = function () {
+    return (0, jsx_runtime_1.jsx)(antd_2.Menu.Divider, {}, void 0);
+};
+exports.SettingsForm.Remove = function (props) {
+    var field = (0, react_1.useField)();
+    var _a = (0, exports.useSettingsFormContext)(), dn = _a.dn, setDropdownVisible = _a.setDropdownVisible;
+    return ((0, jsx_runtime_1.jsx)(antd_2.Menu.Item, __assign({ onClick: function () {
+            setDropdownVisible(false);
+            antd_2.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));
+};
+exports.SettingsForm.Switch = (0, react_1.observer)(function () {
+    var field = (0, react_1.useField)();
+    return ((0, jsx_runtime_1.jsx)(antd_2.Menu.Item, __assign({ onClick: function () {
+            field.value = !field.value;
+        } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [field.title, " ", (0, jsx_runtime_1.jsx)(antd_2.Switch, { checked: !!field.value }, void 0)] }), void 0) }), void 0));
+});
+exports.SettingsForm.Select = (0, react_1.observer)(function (props) {
+    var field = (0, react_1.useField)();
+    var _a = __read((0, react_2.useState)(false), 2), open = _a[0], setOpen = _a[1];
+    return ((0, jsx_runtime_1.jsx)(antd_2.Menu.Item, __assign({ onClick: function () { return !open && setOpen(true); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', justifyContent: 'space-between' } }, { children: [field.title, (0, jsx_runtime_1.jsx)(antd_2.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));
+});
+exports.SettingsForm.Modal = function () {
+    var form = (0, react_1.useForm)();
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var options = (0, react_2.useContext)(react_1.SchemaOptionsContext);
+    var setDropdownVisible = (0, exports.useSettingsFormContext)().setDropdownVisible;
+    return ((0, jsx_runtime_1.jsx)(antd_2.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*/, (0, antd_1.FormDialog)('Title', function () {
+                                return ((0, jsx_runtime_1.jsx)(__1.SchemaComponentOptions, __assign({ scope: options.scope, components: __assign(__assign({}, options.components), { FormItem: antd_1.FormItem }) }, { children: (0, jsx_runtime_1.jsx)(antd_1.FormLayout, __assign({ layout: 'vertical' }, { children: (0, jsx_runtime_1.jsx)(react_1.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));
+};
+exports.SettingsForm.Drawer = function () {
+    var form = (0, react_1.useForm)();
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var options = (0, react_2.useContext)(react_1.SchemaOptionsContext);
+    var setDropdownVisible = (0, exports.useSettingsFormContext)().setDropdownVisible;
+    return ((0, jsx_runtime_1.jsx)(antd_2.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*/, (0, antd_1.FormDrawer)('Pop-up form', function () {
+                                return ((0, jsx_runtime_1.jsx)(__1.SchemaComponentOptions, __assign({ scope: options.scope, components: __assign(__assign({}, options.components), { FormItem: antd_1.FormItem }) }, { children: (0, jsx_runtime_1.jsxs)(antd_1.FormLayout, __assign({ layout: 'vertical' }, { children: [(0, jsx_runtime_1.jsx)(react_1.RecursionField, { schema: fieldSchema, onlyRenderProperties: true }, void 0), (0, jsx_runtime_1.jsx)(antd_1.FormDrawer.Footer, { children: (0, jsx_runtime_1.jsxs)(antd_1.FormButtonGroup, __assign({ align: "right" }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Reset, { children: "Reset" }, void 0), (0, jsx_runtime_1.jsx)(antd_1.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));
+};
+exports.SettingsForm.SubMenu = function () {
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return ((0, jsx_runtime_1.jsx)(antd_2.Menu.SubMenu, __assign({ title: field.title }, { children: fieldSchema.mapProperties(function (schema, key) {
+            return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema }, void 0);
+        }) }), void 0));
+};
+exports.SettingsForm.ItemGroup = function () {
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return ((0, jsx_runtime_1.jsx)(antd_2.Menu.ItemGroup, __assign({ title: field.title }, { children: fieldSchema.mapProperties(function (schema, key) {
+            return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema }, void 0);
+        }) }), void 0));
+};
+//# sourceMappingURL=SettingsForm.js.map

package/lib/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/lib/settings-form/index.d.ts

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

package/lib/settings-form/index.js

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

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

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

package/lib/slate/RichText.d.ts

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