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

package/lib/plugin/Status.js

@@ -0,0 +1,86 @@
+/**
+ * amis-editor v5.2.0-beta.1
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+var StatusPlugin = /** @class */ (function (_super) {
+    tslib.__extends(StatusPlugin, _super);
+    function StatusPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'status';
+        _this.$schema = '/schemas/StatusSchema.json';
+        // 组件名称
+        _this.name = '状态显示';
+        _this.isBaseComponent = true;
+        _this.description = '用图标更具关联字段来展示状态，比如 1 展示 √、0 展示 x。这块可以自定义配置';
+        _this.docLink = '/amis/zh-CN/components/status';
+        _this.tags = ['展示'];
+        _this.icon = 'fa fa-check-square-o';
+        _this.scaffold = {
+            type: 'status',
+            value: 1
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        _this.panelTitle = '状态';
+        _this.panelBodyCreator = function (context) {
+            var isUnderField = /\/field\/\w+$/.test(context.path);
+            return [
+                AMisCodeEditor.getSchemaTpl('tabs', [
+                    {
+                        title: '常规',
+                        body: [
+                            isUnderField
+                                ? {
+                                    type: 'tpl',
+                                    inline: false,
+                                    className: 'text-info text-sm',
+                                    tpl: '<p>当前为字段内容节点配置，选择上层还有更多的配置。</p>'
+                                }
+                                : null,
+                            {
+                                name: 'map',
+                                label: '图标配置',
+                                type: 'input-array',
+                                items: {
+                                    type: 'input-text'
+                                },
+                                descrition: '配置不通的值段，用不通的样式提示用户',
+                                pipeIn: AMisCodeEditor.defaultValue([
+                                    'fa fa-times text-danger',
+                                    'fa fa-check text-success'
+                                ])
+                            },
+                            {
+                                name: 'placeholder',
+                                type: 'input-text',
+                                pipeIn: AMisCodeEditor.defaultValue('-'),
+                                label: '占位符'
+                            }
+                        ]
+                    },
+                    {
+                        title: '外观',
+                        body: [AMisCodeEditor.getSchemaTpl('className')]
+                    },
+                    {
+                        title: '显隐',
+                        body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
+                    }
+                ])
+            ];
+        };
+        return _this;
+    }
+    return StatusPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(StatusPlugin);
+
+exports.StatusPlugin = StatusPlugin;

package/{dist → lib}/plugin/Steps.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../plugin';
+import { BasePlugin } from 'amis-editor-core';
 export declare class StepsPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -6,6 +6,7 @@ export declare class StepsPlugin extends BasePlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     tags: string[];
     scaffold: {
         type: string;

package/lib/plugin/Steps.js

@@ -0,0 +1,136 @@
+/**
+ * amis-editor v5.2.0-beta.1
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+var StepsPlugin = /** @class */ (function (_super) {
+    tslib.__extends(StepsPlugin, _super);
+    function StepsPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'steps';
+        _this.$schema = '/schemas/StepsSchema.json';
+        // 组件名称
+        _this.name = 'Steps 步骤条';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-forward';
+        _this.description = 'Steps 步骤条';
+        _this.docLink = '/amis/zh-CN/components/steps';
+        _this.tags = ['展示'];
+        _this.scaffold = {
+            type: 'steps',
+            value: 1,
+            steps: [
+                {
+                    title: '第一步',
+                    subTitle: '副标题',
+                    description: '描述'
+                },
+                {
+                    title: '第二步'
+                },
+                {
+                    title: '第三步'
+                }
+            ]
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        _this.panelTitle = 'Steps';
+        _this.panelBody = [
+            AMisCodeEditor.getSchemaTpl('tabs', [
+                {
+                    title: '常规',
+                    body: [
+                        {
+                            name: 'steps',
+                            label: '步骤列表',
+                            type: 'combo',
+                            scaffold: {
+                                type: 'wrapper',
+                                body: '子节点内容'
+                            },
+                            minLength: 2,
+                            multiple: true,
+                            draggable: true,
+                            items: [
+                                {
+                                    type: 'input-text',
+                                    name: 'title',
+                                    label: false,
+                                    placeholder: '标题'
+                                },
+                                {
+                                    type: 'input-text',
+                                    name: 'subTitle',
+                                    label: false,
+                                    placeholder: '副标题'
+                                },
+                                {
+                                    type: 'input-text',
+                                    name: 'description',
+                                    label: false,
+                                    placeholder: '描述'
+                                }
+                            ]
+                        },
+                        {
+                            name: 'value',
+                            type: 'input-text',
+                            label: '当前步骤',
+                            description: '以零为起点'
+                        },
+                        {
+                            name: 'status',
+                            type: 'select',
+                            label: '当前状态',
+                            creatable: true,
+                            value: 'finish',
+                            options: [
+                                {
+                                    label: '进行中',
+                                    value: 'process'
+                                },
+                                {
+                                    label: '等待',
+                                    value: 'wait'
+                                },
+                                {
+                                    label: '完成',
+                                    value: 'finish'
+                                },
+                                {
+                                    label: '出错',
+                                    value: 'error'
+                                }
+                            ]
+                        },
+                        AMisCodeEditor.getSchemaTpl('api', {
+                            name: 'source',
+                            label: '获取步骤接口'
+                        })
+                    ]
+                },
+                {
+                    title: '外观',
+                    body: [AMisCodeEditor.getSchemaTpl('className')]
+                },
+                {
+                    title: '显隐',
+                    body: [AMisCodeEditor.getSchemaTpl('visible')]
+                }
+            ])
+        ];
+        return _this;
+    }
+    return StepsPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(StepsPlugin);
+
+exports.StepsPlugin = StepsPlugin;

package/{dist → lib}/plugin/Submit.d.ts

@@ -5,7 +5,6 @@ export declare class SubmitPlugin extends ButtonPlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
-    docLink: string;
     panelTitle: string;
     scaffold: any;
     previewSchema: any;

package/lib/plugin/Submit.js

@@ -0,0 +1,38 @@
+/**
+ * amis-editor v5.2.0-beta.1
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+var Button = require('./Button.js');
+
+var SubmitPlugin = /** @class */ (function (_super) {
+    tslib.__extends(SubmitPlugin, _super);
+    function SubmitPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'submit';
+        _this.disabledRendererPlugin = true; // 组件面板不显示
+        // 组件名称
+        _this.name = '提交';
+        _this.isBaseComponent = true;
+        _this.description = '用来提交表单，要求表单验证，如果在弹窗中会自动关闭弹窗。';
+        _this.panelTitle = '按钮';
+        _this.scaffold = {
+            type: 'submit',
+            label: '提交',
+            level: 'primary'
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        return _this;
+    }
+    return SubmitPlugin;
+}(Button.ButtonPlugin));
+AMisCodeEditor.registerEditorPlugin(SubmitPlugin);
+
+exports.SubmitPlugin = SubmitPlugin;

package/{dist → lib}/plugin/Table.d.ts

@@ -1,5 +1,7 @@
-import { SchemaObject } from 'amis';
-import { BasePlugin, BaseEventContext, PluginEvent, RegionConfig, RendererInfoResolveEventContext, BasicRendererInfo, InsertEventContext, ScaffoldForm } from '../plugin';
+import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { BasePlugin, BaseEventContext, PluginEvent, RegionConfig, RendererInfoResolveEventContext, BasicRendererInfo, InsertEventContext, ScaffoldForm } from 'amis-editor-core';
+import { EditorNodeType } from 'amis-editor-core';
+import { SchemaObject } from 'amis/lib/Schema';
 export declare class TablePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -13,8 +15,11 @@ export declare class TablePlugin extends BasePlugin {
     previewSchema: any;
     scaffoldForm: ScaffoldForm;
     panelTitle: string;
+    events: RendererEvent[];
+    actions: RendererAction[];
     panelBodyCreator: (context: BaseEventContext) => any;
     filterProps(props: any): any;
     getRendererInfo(context: RendererInfoResolveEventContext): BasicRendererInfo | void;
     beforeInsert(event: PluginEvent<InsertEventContext>): void;
+    buildDataSchemas(node: EditorNodeType, region?: EditorNodeType): Promise<any>;
 }