amis-editor 4.1.0-beta.4 → 5.2.0-beta.1

package/lib/plugin/Form/FieldSet.js

@@ -0,0 +1,152 @@
+/**
+ * amis-editor v5.2.0-beta.1
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amis = require('amis');
+var React = require('react');
+var AMisCodeEditor = require('amis-editor-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var FieldSetControlPlugin = /** @class */ (function (_super) {
+    tslib.__extends(FieldSetControlPlugin, _super);
+    function FieldSetControlPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'fieldset';
+        _this.$schema = '/schemas/FieldSetControlSchema.json';
+        _this.disabledRendererPlugin = true; // 组件面板不显示
+        // 组件名称
+        _this.name = '字段集';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-toggle-down';
+        _this.description = "\u591A\u4E2A\u8868\u5355\u9879\u7684\u7EC4\u5408\uFF0C\u53EF\u914D\u7F6E\u662F\u5426\u6298\u53E0";
+        _this.docLink = '/amis/zh-CN/components/form/fieldset';
+        _this.tags = ['表单项'];
+        _this.scaffold = {
+            type: 'fieldset',
+            title: '标题',
+            collapsable: true,
+            body: [
+                {
+                    type: 'input-text',
+                    label: '文本1',
+                    name: 'text'
+                },
+                {
+                    type: 'input-text',
+                    label: '文本2',
+                    name: 'text'
+                }
+            ]
+        };
+        _this.previewSchema = {
+            type: 'form',
+            className: 'text-left',
+            mode: 'horizontal',
+            wrapWithPanel: false,
+            body: [
+                tslib.__assign({}, _this.scaffold)
+            ]
+        };
+        _this.regions = [
+            {
+                key: 'body',
+                label: '子表单项',
+                renderMethod: 'renderBody',
+                insertPosition: 'inner',
+                preferTag: '表单项'
+            }
+        ];
+        _this.panelTitle = '字段集';
+        _this.panelBodyCreator = function (context) {
+            return [
+                {
+                    label: '标题',
+                    name: 'title',
+                    type: 'input-text'
+                    // required: true
+                },
+                AMisCodeEditor.getSchemaTpl('switch', {
+                    name: 'collapsable',
+                    label: '是否可折叠',
+                    pipeIn: AMisCodeEditor.defaultValue(false)
+                }),
+                AMisCodeEditor.getSchemaTpl('switch', {
+                    name: 'collapsed',
+                    label: '默认是否折叠',
+                    visibleOn: 'this.collapsable'
+                }),
+                {
+                    name: 'className',
+                    type: 'button-group-select',
+                    clearable: true,
+                    size: 'sm',
+                    label: '控件样式',
+                    className: 'w-full',
+                    pipeIn: AMisCodeEditor.defaultValue(''),
+                    options: [
+                        {
+                            label: '默认',
+                            value: ''
+                        },
+                        {
+                            value: 'Collapse--xs',
+                            label: '极小'
+                        },
+                        {
+                            value: 'Collapse--sm',
+                            label: '小'
+                        },
+                        {
+                            value: 'Collapse--base',
+                            label: '正常'
+                        },
+                        {
+                            value: 'Collapse--md',
+                            label: '大'
+                        },
+                        {
+                            value: 'Collapse--lg',
+                            label: '超大'
+                        }
+                    ]
+                },
+                AMisCodeEditor.getSchemaTpl('className', {
+                    name: 'headingClassName',
+                    label: '标题 CSS 类名'
+                }),
+                AMisCodeEditor.getSchemaTpl('className', {
+                    name: 'bodyClassName',
+                    label: '内容区域 CSS 类名'
+                }),
+                {
+                    children: (React__default["default"].createElement(amis.Button, { level: "info", size: "sm", className: "m-b-sm", block: true, onClick: function () {
+                            // this.manager.showInsertPanel('body', context.id);
+                            _this.manager.showRendererPanel('表单项', '请从左侧组件面板中点击添加子表单项');
+                        } }, "\u6DFB\u52A0\u5B50\u8868\u5355\u9879"))
+                },
+                AMisCodeEditor.getSchemaTpl('subFormItemMode'),
+                AMisCodeEditor.getSchemaTpl('subFormHorizontalMode'),
+                AMisCodeEditor.getSchemaTpl('subFormHorizontal')
+            ];
+        };
+        return _this;
+    }
+    FieldSetControlPlugin.prototype.filterProps = function (props) {
+        props.collapsed = false;
+        return props;
+    };
+    return FieldSetControlPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(FieldSetControlPlugin);
+
+exports.FieldSetControlPlugin = FieldSetControlPlugin;

package/lib/plugin/Form/Form.d.ts

@@ -0,0 +1,42 @@
+import { BasePlugin, ChangeEventContext, BaseEventContext, PluginEvent, RegionConfig, ScaffoldForm } from 'amis-editor-core';
+import { EditorNodeType } from 'amis-editor-core';
+import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+export declare class FormPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    order: number;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    scaffold: {
+        type: string;
+        title: string;
+        body: {
+            label: string;
+            type: string;
+            name: string;
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        panelClassName: string;
+        mode: string;
+        body: {
+            label: string;
+            name: string;
+            type: string;
+        }[];
+    };
+    scaffoldForm: ScaffoldForm;
+    regions: Array<RegionConfig>;
+    panelTitle: string;
+    events: RendererEvent[];
+    actions: RendererAction[];
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    afterUpdate(event: PluginEvent<ChangeEventContext>): void;
+    buildDataSchemas(node: EditorNodeType, region: EditorNodeType): Promise<any>;
+    rendererBeforeDispatchEvent(node: EditorNodeType, e: any, data: any): void;
+}