amis-editor 4.2.0-beta.0 → 5.2.0-beta.0

package/lib/plugin/Property.js

@@ -0,0 +1,147 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+var PropertyPlugin = /** @class */ (function (_super) {
+    tslib.__extends(PropertyPlugin, _super);
+    function PropertyPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'property';
+        _this.$schema = '/schemas/PropertySchema.json';
+        // 组件名称
+        _this.name = '属性表';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-list';
+        _this.description = '属性表';
+        _this.docLink = '/amis/zh-CN/components/property';
+        _this.tags = ['其他'];
+        _this.scaffold = {
+            type: 'property',
+            title: '机器配置',
+            items: [
+                {
+                    label: 'cpu',
+                    content: '1 core'
+                },
+                {
+                    label: 'memory',
+                    content: '4G'
+                },
+                {
+                    label: 'disk',
+                    content: '80G'
+                },
+                {
+                    label: 'network',
+                    content: '4M',
+                    span: 2
+                },
+                {
+                    label: 'IDC',
+                    content: 'beijing'
+                },
+                {
+                    label: 'Note',
+                    content: '其它说明',
+                    span: 3
+                }
+            ]
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        _this.panelTitle = '属性表';
+        _this.panelBody = [
+            AMisCodeEditor.getSchemaTpl('tabs', [
+                {
+                    title: '常规',
+                    body: [
+                        {
+                            label: '标题',
+                            type: 'input-text',
+                            name: 'title'
+                        },
+                        {
+                            label: '每行显示几列',
+                            type: 'input-number',
+                            value: 3,
+                            name: 'column'
+                        },
+                        {
+                            type: 'radios',
+                            name: 'mode',
+                            inline: true,
+                            value: 'table',
+                            label: '显示模式',
+                            options: ['table', 'simple']
+                        },
+                        {
+                            label: '分隔符',
+                            type: 'input-text',
+                            name: 'separator',
+                            visibleOn: 'data.mode === "simple"'
+                        },
+                        {
+                            label: '属性取自变量',
+                            type: 'input-text',
+                            name: 'source'
+                        },
+                        {
+                            label: '属性列表',
+                            name: 'items',
+                            type: 'combo',
+                            multiple: true,
+                            multiLine: true,
+                            draggable: true,
+                            addButtonText: '新增',
+                            items: [
+                                {
+                                    type: 'input-text',
+                                    mode: 'inline',
+                                    size: 'sm',
+                                    label: '属性名',
+                                    name: 'label'
+                                },
+                                {
+                                    type: 'input-text',
+                                    mode: 'inline',
+                                    size: 'sm',
+                                    label: '属性值',
+                                    name: 'content'
+                                },
+                                {
+                                    type: 'input-number',
+                                    mode: 'inline',
+                                    size: 'sm',
+                                    label: '跨几列',
+                                    value: 1,
+                                    name: 'span'
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    title: '外观',
+                    body: [AMisCodeEditor.getSchemaTpl('className')]
+                },
+                {
+                    title: '显隐',
+                    body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
+                }
+            ])
+        ];
+        return _this;
+    }
+    return PropertyPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(PropertyPlugin);
+
+exports.PropertyPlugin = PropertyPlugin;

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

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../plugin';
+import { BasePlugin } from 'amis-editor-core';
 export declare class QRCodePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;

package/lib/plugin/QRCode.js

@@ -0,0 +1,107 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+var QRCodePlugin = /** @class */ (function (_super) {
+    tslib.__extends(QRCodePlugin, _super);
+    function QRCodePlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'qrcode';
+        _this.$schema = '/schemas/QRCodeSchema.json';
+        // 组件名称
+        _this.name = '二维码';
+        _this.isBaseComponent = true;
+        _this.description = '可以用来生成二维码';
+        _this.docLink = '/amis/zh-CN/components/qrcode';
+        _this.tags = ['功能'];
+        _this.icon = 'fa fa-qrcode';
+        _this.scaffold = {
+            type: 'qrcode',
+            value: 'https://amis.baidu.com'
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        _this.panelTitle = '二维码';
+        _this.panelBody = [
+            AMisCodeEditor.getSchemaTpl('tabs', [
+                {
+                    title: '常规',
+                    body: [
+                        {
+                            name: 'value',
+                            type: 'input-text',
+                            label: '二维码值',
+                            pipeIn: AMisCodeEditor.defaultValue('https://www.baidu.com'),
+                            description: '支持使用 <code>\\${xxx}</code> 来获取变量'
+                        },
+                        {
+                            name: 'level',
+                            type: 'select',
+                            label: '复杂度',
+                            pipeIn: AMisCodeEditor.defaultValue('L'),
+                            options: [
+                                {
+                                    label: 'L',
+                                    value: 'L'
+                                },
+                                {
+                                    label: 'M',
+                                    value: 'M'
+                                },
+                                {
+                                    label: 'Q',
+                                    value: 'Q'
+                                },
+                                {
+                                    label: 'H',
+                                    value: 'H'
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    title: '外观',
+                    body: [
+                        {
+                            name: 'codeSize',
+                            type: 'input-number',
+                            label: '宽高值',
+                            pipeIn: AMisCodeEditor.defaultValue(128)
+                        },
+                        {
+                            name: 'backgroundColor',
+                            type: 'input-color',
+                            label: '背景色',
+                            pipeIn: AMisCodeEditor.defaultValue('#fff')
+                        },
+                        {
+                            name: 'foregroundColor',
+                            type: 'input-color',
+                            label: '前景色',
+                            pipeIn: AMisCodeEditor.defaultValue('#000')
+                        },
+                        AMisCodeEditor.getSchemaTpl('className')
+                    ]
+                },
+                {
+                    title: '显隐',
+                    body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
+                }
+            ])
+        ];
+        return _this;
+    }
+    return QRCodePlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(QRCodePlugin);
+
+exports.QRCodePlugin = QRCodePlugin;

package/lib/plugin/Reset.js

@@ -0,0 +1,38 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * 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 ResetPlugin = /** @class */ (function (_super) {
+    tslib.__extends(ResetPlugin, _super);
+    function ResetPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'reset';
+        _this.disabledRendererPlugin = true; // 组件面板不显示
+        // 组件名称
+        _this.name = '重置';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-eraser';
+        _this.description = '一般用来重置表单数据到初始值。';
+        _this.panelTitle = '按钮';
+        _this.scaffold = {
+            type: 'reset',
+            label: '重置'
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        return _this;
+    }
+    return ResetPlugin;
+}(Button.ButtonPlugin));
+AMisCodeEditor.registerEditorPlugin(ResetPlugin);
+
+exports.ResetPlugin = ResetPlugin;

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

@@ -1,4 +1,5 @@
-import { BaseEventContext, BasePlugin, RegionConfig } from '../plugin';
+import { BaseEventContext, BasePlugin, RegionConfig } from 'amis-editor-core';
+import type { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
 export declare class ServicePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -21,6 +22,8 @@ export declare class ServicePlugin extends BasePlugin {
         tpl: string;
     };
     regions: Array<RegionConfig>;
+    events: RendererEvent[];
+    actions: RendererAction[];
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any;
 }

package/lib/plugin/Service.js

@@ -0,0 +1,217 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * 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');
+var util = require('../util.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ServicePlugin = /** @class */ (function (_super) {
+    tslib.__extends(ServicePlugin, _super);
+    function ServicePlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'service';
+        _this.$schema = '/schemas/ServiceSchema.json';
+        // 组件名称
+        _this.name = '服务 Service';
+        _this.isBaseComponent = true;
+        _this.description = '功能性容器，可以用来加载数据或者加载渲染器配置。加载到的数据在容器可以使用。';
+        _this.docLink = '/amis/zh-CN/components/service';
+        _this.tags = ['功能'];
+        _this.icon = 'fa fa-server';
+        _this.scaffold = {
+            type: 'service',
+            body: [
+                {
+                    type: 'tpl',
+                    tpl: '内容',
+                    inline: false
+                }
+            ]
+        };
+        _this.previewSchema = {
+            type: 'tpl',
+            tpl: '功能性组件，用于数据拉取。'
+        };
+        _this.regions = [
+            {
+                key: 'body',
+                label: '内容区'
+            }
+        ];
+        _this.events = [
+            {
+                eventName: 'fetchInited',
+                eventLabel: 'api 初始化数据',
+                description: 'api 初始化完成'
+            },
+            {
+                eventName: 'fetchSchemaInited',
+                eventLabel: 'schemaApi 初始化数据',
+                description: 'schemaApi 初始化完成'
+            }
+        ];
+        _this.actions = [
+            {
+                actionType: 'reload',
+                actionLabel: '重新加载',
+                description: '触发组件数据刷新并重新渲染'
+            },
+            {
+                actionType: 'rebuild',
+                actionLabel: '重新构建',
+                description: '触发schemaApi刷新，重新构建Schema'
+            },
+            {
+                actionType: 'setValue',
+                actionLabel: '变量赋值',
+                description: '更新数据域数据'
+            }
+        ];
+        _this.panelTitle = '服务';
+        _this.panelBodyCreator = function (context) {
+            return AMisCodeEditor.getSchemaTpl('tabs', [
+                {
+                    title: '属性',
+                    className: 'p-none',
+                    body: [
+                        AMisCodeEditor.getSchemaTpl('collapseGroup', [
+                            {
+                                title: '基本',
+                                body: [
+                                    AMisCodeEditor.getSchemaTpl('name'),
+                                    {
+                                        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\u5185\u5BB9"))
+                                    }
+                                ]
+                            },
+                            {
+                                title: '数据接口',
+                                body: [
+                                    AMisCodeEditor.getSchemaTpl('apiControl', {
+                                        name: 'api',
+                                        label: '数据接口',
+                                        messageDesc: '设置 service 默认提示信息，当 service 没有返回 msg 信息时有用，如果 service 返回携带了 msg 值，则还是以 service 返回为主'
+                                    }),
+                                    {
+                                        name: 'ws',
+                                        type: 'input-text',
+                                        label: 'WebSocket 实时更新接口'
+                                    },
+                                    /** initFetchOn可以通过api的sendOn属性控制 */
+                                    AMisCodeEditor.getSchemaTpl('switch', {
+                                        name: 'initFetch',
+                                        label: '数据接口初始加载',
+                                        visibleOn: 'this.api'
+                                    }),
+                                    {
+                                        name: 'interval',
+                                        label: '定时刷新间隔',
+                                        visibleOn: 'this.api',
+                                        type: 'input-number',
+                                        step: 500,
+                                        description: '设置后将自动定时刷新，单位 ms'
+                                    },
+                                    AMisCodeEditor.getSchemaTpl('switch', {
+                                        name: 'silentPolling',
+                                        label: '静默加载',
+                                        visibleOn: '!!data.interval',
+                                        description: '设置自动定时刷新是否显示加载动画'
+                                    }),
+                                    {
+                                        name: 'stopAutoRefreshWhen',
+                                        label: '停止定时刷新检测',
+                                        type: 'input-text',
+                                        visibleOn: '!!data.interval',
+                                        description: '定时刷新一旦设置会一直刷新，除非给出表达式，条件满足后则不刷新了。'
+                                    }
+                                ]
+                            },
+                            {
+                                title: 'Schema接口',
+                                body: [
+                                    AMisCodeEditor.getSchemaTpl('apiControl', {
+                                        name: 'schemaApi',
+                                        label: '内容 Schema 接口'
+                                    }),
+                                    AMisCodeEditor.getSchemaTpl('switch', {
+                                        name: 'initFetchSchema',
+                                        label: 'Schema接口初始加载',
+                                        visibleOn: 'this.schemaApi'
+                                    })
+                                ]
+                            },
+                            {
+                                title: '全局配置',
+                                body: [
+                                    AMisCodeEditor.getSchemaTpl('data'),
+                                    {
+                                        type: 'js-editor',
+                                        allowFullscreen: true,
+                                        name: 'dataProvider',
+                                        label: '自定义函数获取数据',
+                                        description: '将会传递 data 和 setData 两个参数'
+                                    },
+                                    {
+                                        label: '默认消息信息',
+                                        type: 'combo',
+                                        name: 'messages',
+                                        multiLine: true,
+                                        description: '设置 service 默认提示信息，当 service 没有返回 msg 信息时有用，如果 service 返回携带了 msg 值，则还是以 service 返回为主',
+                                        items: [
+                                            {
+                                                label: '获取成功',
+                                                type: 'input-text',
+                                                name: 'fetchSuccess'
+                                            },
+                                            {
+                                                label: '获取失败',
+                                                type: 'input-text',
+                                                name: 'fetchFailed'
+                                            }
+                                        ]
+                                    }
+                                ]
+                            },
+                            {
+                                title: '状态',
+                                body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
+                            }
+                        ])
+                    ]
+                },
+                {
+                    title: '外观',
+                    body: [AMisCodeEditor.getSchemaTpl('className')]
+                },
+                {
+                    title: '事件',
+                    className: 'p-none',
+                    body: [
+                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
+                    ]
+                }
+            ]);
+        };
+        return _this;
+    }
+    return ServicePlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(ServicePlugin);
+
+exports.ServicePlugin = ServicePlugin;

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

@@ -1,7 +1,7 @@
 /**
  * @file 走势图
  */
-import { BasePlugin } from '../plugin';
+import { BasePlugin } from 'amis-editor-core';
 export declare class SparklinePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;

package/lib/plugin/Sparkline.js

@@ -0,0 +1,50 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+/**
+ * @file 走势图
+ */
+var SparklinePlugin = /** @class */ (function (_super) {
+    tslib.__extends(SparklinePlugin, _super);
+    function SparklinePlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'sparkline';
+        _this.$schema = '/schemas/SparklineSchema.json';
+        // 组件名称
+        _this.name = '走势图';
+        _this.isBaseComponent = true;
+        _this.description = '用于内嵌展示简单图表';
+        _this.docLink = '/amis/zh-CN/components/sparkline';
+        _this.tags = ['展示'];
+        _this.icon = 'fa fa-area-chart';
+        _this.scaffold = {
+            type: 'sparkline',
+            height: 30,
+            value: [3, 5, 2, 4, 1, 8, 3, 7]
+        };
+        _this.previewSchema = tslib.__assign({}, _this.scaffold);
+        _this.panelTitle = '走势图';
+        _this.panelBody = [
+            {
+                name: 'height',
+                type: 'input-number',
+                label: '高度'
+            }
+        ];
+        return _this;
+    }
+    return SparklinePlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(SparklinePlugin);
+
+exports.SparklinePlugin = SparklinePlugin;

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

@@ -1,4 +1,4 @@
-import { BasePlugin, BaseEventContext } from '../plugin';
+import { BasePlugin, BaseEventContext } from 'amis-editor-core';
 export declare class StatusPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;