amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/lib/plugin/Chart.d.ts

@@ -1,5 +1,4 @@
-import { BaseEventContext, BasePlugin } from 'amis-editor-core';
-import { RendererAction } from 'amis-editor-comp/dist/renderers/event-action';
+import { BaseEventContext, BasePlugin, RendererPluginAction } from 'amis-editor-core';
 export declare class ChartPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -9,6 +8,7 @@ export declare class ChartPlugin extends BasePlugin {
     docLink: string;
     tags: string[];
     icon: string;
+    pluginIcon: string;
     scaffold: {
         type: string;
         config: {
@@ -43,7 +43,7 @@ export declare class ChartPlugin extends BasePlugin {
         };
         replaceChartOption: boolean;
     };
-    actions: RendererAction[];
+    actions: RendererPluginAction[];
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any[];
     editDrillDown(id: string): void;

package/lib/plugin/Chart.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,183 +10,192 @@ 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 amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var AMisCodeEditor__default = /*#__PURE__*/_interopDefaultLegacy(AMisCodeEditor);
 
 var ChartConfigEditor = function (_a) {
-    var value = _a.value, onChange = _a.onChange;
-    return (React__default["default"].createElement("div", { className: "ae-JsonEditor" },
-        React__default["default"].createElement(AMisCodeEditor__default["default"], { value: value, onChange: onChange })));
+  var value = _a.value,
+      onChange = _a.onChange;
+  return React__default["default"].createElement("div", {
+    className: "ae-JsonEditor"
+  }, React__default["default"].createElement(amisEditorCore.CodeEditor, {
+    value: value,
+    onChange: onChange
+  }));
 };
-var ChartPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ChartPlugin, _super);
-    function ChartPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'chart';
-        _this.$schema = '/schemas/ChartSchema.json';
-        // 组件名称
-        _this.name = '图表';
-        _this.isBaseComponent = true;
-        _this.description = '用来渲染图表，基于 echarts 图表库，理论上 echarts 所有图表类型都支持。';
-        _this.docLink = '/amis/zh-CN/components/chart';
-        _this.tags = ['展示'];
-        _this.icon = 'fa fa-pie-chart';
-        _this.scaffold = {
-            type: 'chart',
-            config: {
-                xAxis: {
-                    type: 'category',
-                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-                },
-                yAxis: {
-                    type: 'value'
-                },
-                series: [
-                    {
-                        data: [820, 932, 901, 934, 1290, 1330, 1320],
-                        type: 'line'
-                    }
-                ]
-            },
-            replaceChartOption: true
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'reload',
-                actionLabel: '重新加载',
-                description: '触发组件数据刷新并重新渲染'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '更新数据',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelTitle = '图表';
-        _this.panelBodyCreator = function (context) {
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '常规',
-                        body: [
-                            AMisCodeEditor.getSchemaTpl('api', {
-                                label: '接口拉取',
-                                description: '接口可以返回配置，或者数据，建议返回数据可映射到 Echarts 配置中'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                label: '初始是否拉取',
-                                name: 'initFetch',
-                                visibleOn: 'data.api',
-                                pipeIn: AMisCodeEditor.defaultValue(true)
-                            }),
-                            {
-                                name: 'interval',
-                                label: '定时刷新间隔',
-                                type: 'input-number',
-                                step: 500,
-                                visibleOn: 'data.api',
-                                description: '设置后将自动定时刷新，最小3000, 单位 ms'
-                            },
-                            {
-                                name: 'config',
-                                asFormItem: true,
-                                component: ChartConfigEditor,
-                                // type: 'json-editor',
-                                label: 'Echarts 配置',
-                                description: '支持数据映射，可将接口返回的数据填充进来'
-                                // size: 'lg'
-                                // pipeOut: (value: any) => {
-                                //   try {
-                                //     return value ? JSON.parse(value) : null;
-                                //   } catch (e) {}
-                                //   return null;
-                                // }
-                            },
-                            {
-                                name: 'clickAction',
-                                asFormItem: true,
-                                children: function (_a) {
-                                    var onChange = _a.onChange, value = _a.value;
-                                    return (React__default["default"].createElement("div", { className: "m-b" },
-                                        React__default["default"].createElement(amis.Button, { size: "sm", level: value ? 'danger' : 'info', onClick: _this.editDrillDown.bind(_this, context.id) }, "\u914D\u7F6E DrillDown"),
-                                        value ? (React__default["default"].createElement(amis.Button, { size: "sm", level: "link", className: "m-l", onClick: function () { return onChange(''); } }, "\u5220\u9664 DrillDown")) : null));
-                                }
-                            },
-                            {
-                                name: 'dataFilter',
-                                type: 'js-editor',
-                                allowFullscreen: true,
-                                label: '数据加工',
-                                size: 'lg',
-                                description: "\n              \u5982\u679C\u540E\u7AEF\u6CA1\u6709\u76F4\u63A5\u8FD4\u56DE Echart \u914D\u7F6E\uFF0C\u53EF\u4EE5\u81EA\u5DF1\u5199\u4E00\u6BB5\u51FD\u6570\u6765\u5305\u88C5\u3002\n              <p>\u7B7E\u540D\uFF1A(config, echarts, data) => config</p>\n              <p>\u53C2\u6570\u8BF4\u660E</p>\n              <ul>\n              <li><code>config</code> \u539F\u59CB\u6570\u636E</li>\n              <li><code>echarts</code> echarts \u5BF9\u8C61</li>\n              <li><code>data</code> \u5982\u679C\u914D\u7F6E\u4E86\u6570\u636E\u63A5\u53E3\uFF0C\u63A5\u53E3\u8FD4\u56DE\u7684\u6570\u636E\u901A\u8FC7\u6B64\u53D8\u91CF\u4F20\u5165</li>\n              </ul>\n              <p>\u793A\u4F8B</p>\n              <pre>debugger; // \u53EF\u4EE5\u6D4F\u89C8\u5668\u4E2D\u65AD\u70B9\u8C03\u8BD5\n\n// \u67E5\u770B\u539F\u59CB\u6570\u636E\nconsole.log(config)\n\n// \u8FD4\u56DE\u65B0\u7684\u7ED3\u679C \nreturn {}</pre>\n              "
-                            },
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                label: 'Chart 配置完全替换',
-                                name: 'replaceChartOption',
-                                labelRemark: {
-                                    trigger: 'click',
-                                    className: 'm-l-xs',
-                                    rootClose: true,
-                                    content: '默认为追加模式，新的配置会跟旧的配置合并，如果勾选将直接完全覆盖。',
-                                    placement: 'left'
-                                }
-                            })
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [AMisCodeEditor.getSchemaTpl('className')]
-                    },
-                    {
-                        title: '显隐',
-                        body: [AMisCodeEditor.getSchemaTpl('visible')]
-                    },
-                    {
-                        title: '其他',
-                        body: [AMisCodeEditor.getSchemaTpl('name')]
-                    }
-                ])
-            ];
-        };
-        return _this;
-    }
-    ChartPlugin.prototype.editDrillDown = function (id) {
-        var manager = this.manager;
-        var store = manager.store;
-        var node = store.getNodeById(id);
-        var value = store.getValueOf(id);
-        var dialog = (value.clickAction && value.clickAction.dialog) || {
-            title: '标题',
-            body: ['<p>内容 <code>${value|json}</code></p>']
-        };
-        node &&
-            value &&
-            this.manager.openSubEditor({
-                title: '配置 DrillDown 详情',
-                value: tslib.__assign({ type: 'container' }, dialog),
-                slot: {
-                    type: 'container',
-                    body: '$$'
-                },
-                typeMutable: false,
-                onChange: function (newValue) {
-                    newValue = tslib.__assign(tslib.__assign({}, value), { clickAction: {
-                            actionType: 'dialog',
-                            dialog: newValue
-                        } });
-                    manager.panelChangeValue(newValue, AMisCodeEditor.diff(value, newValue));
-                }
-            });
+
+var ChartPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ChartPlugin, _super);
+
+  function ChartPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'chart';
+    _this.$schema = '/schemas/ChartSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("d09504750ebc1d75c38d86e16060f83d");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("10e14f791d73c7c0f4113787f36f1626");
+    _this.docLink = '/amis/zh-CN/components/chart';
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-pie-chart';
+    _this.pluginIcon = 'chart-plugin';
+    _this.scaffold = {
+      type: 'chart',
+      config: {
+        xAxis: {
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [{
+          data: [820, 932, 901, 934, 1290, 1330, 1320],
+          type: 'line'
+        }]
+      },
+      replaceChartOption: true
     };
-    return ChartPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ChartPlugin);
+    _this.previewSchema = tslib.__assign({}, _this.scaffold); // 动作定义
+
+    _this.actions = [{
+      actionType: 'reload',
+      actionLabel: i18nRuntime.i18n("64ca9bab920a2983bcf270320d850d00"),
+      description: i18nRuntime.i18n("9ef5597ac0b4da662bcd967da37eceb4")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18nRuntime.i18n("67b6bec14c39be3f2602271e2fe3bcde"),
+      description: i18nRuntime.i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelTitle = i18nRuntime.i18n("d09504750ebc1d75c38d86e16060f83d");
+
+    _this.panelBodyCreator = function (context) {
+      return [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [amisEditorCore.getSchemaTpl('api', {
+          label: i18nRuntime.i18n("3d6abfdea70af544603da70f93ed3d24"),
+          description: i18nRuntime.i18n("03677b68a73eb59e5faf281f49f3c130")
+        }), amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("1396ebc166bd49c1e3b67549a1b4caa0"),
+          name: 'initFetch',
+          visibleOn: 'data.api',
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), {
+          name: 'interval',
+          label: i18nRuntime.i18n("2af32ab13a9dece315cec2764d6aa7d4"),
+          type: 'input-number',
+          step: 500,
+          visibleOn: 'data.api',
+          description: i18nRuntime.i18n("bc827aaffaa35a95607346cc104c0785")
+        }, {
+          name: 'config',
+          asFormItem: true,
+          component: ChartConfigEditor,
+          // type: 'json-editor',
+          label: i18nRuntime.i18n("57c7d1125d2803b946a5b25c3f80f249"),
+          description: i18nRuntime.i18n("3d3fa75d8b345b22a5fbd14a65a0af71") // size: 'lg'
+          // pipeOut: (value: any) => {
+          //   try {
+          //     return value ? JSON.parse(value) : null;
+          //   } catch (e) {}
+          //   return null;
+          // }
+
+        }, {
+          name: 'clickAction',
+          asFormItem: true,
+          children: function (_a) {
+            var onChange = _a.onChange,
+                value = _a.value;
+            return React__default["default"].createElement("div", {
+              className: "m-b"
+            }, React__default["default"].createElement(amis.Button, {
+              size: "sm",
+              level: value ? 'danger' : 'info',
+              onClick: _this.editDrillDown.bind(_this, context.id)
+            }, "\u914D\u7F6E DrillDown"), value ? React__default["default"].createElement(amis.Button, {
+              size: "sm",
+              level: "link",
+              className: "m-l",
+              onClick: function () {
+                return onChange('');
+              }
+            }, "\u5220\u9664 DrillDown") : null);
+          }
+        }, {
+          name: 'dataFilter',
+          type: 'js-editor',
+          allowFullscreen: true,
+          label: i18nRuntime.i18n("4fd9621d4facc101aba3afec055e14d1"),
+          size: 'lg',
+          description: "\n              \u5982\u679C\u540E\u7AEF\u6CA1\u6709\u76F4\u63A5\u8FD4\u56DE Echart \u914D\u7F6E\uFF0C\u53EF\u4EE5\u81EA\u5DF1\u5199\u4E00\u6BB5\u51FD\u6570\u6765\u5305\u88C5\u3002\n              <p>\u7B7E\u540D\uFF1A(config, echarts, data) => config</p>\n              <p>\u53C2\u6570\u8BF4\u660E</p>\n              <ul>\n              <li><code>config</code> \u539F\u59CB\u6570\u636E</li>\n              <li><code>echarts</code> echarts \u5BF9\u8C61</li>\n              <li><code>data</code> \u5982\u679C\u914D\u7F6E\u4E86\u6570\u636E\u63A5\u53E3\uFF0C\u63A5\u53E3\u8FD4\u56DE\u7684\u6570\u636E\u901A\u8FC7\u6B64\u53D8\u91CF\u4F20\u5165</li>\n              </ul>\n              <p>\u793A\u4F8B</p>\n              <pre>debugger; // \u53EF\u4EE5\u6D4F\u89C8\u5668\u4E2D\u65AD\u70B9\u8C03\u8BD5\n\n// \u67E5\u770B\u539F\u59CB\u6570\u636E\nconsole.log(config)\n\n// \u8FD4\u56DE\u65B0\u7684\u7ED3\u679C \nreturn {}</pre>\n              "
+        }, amisEditorCore.getSchemaTpl('switch', {
+          label: i18nRuntime.i18n("d98ef182637b4d10e16e8073c1101e51"),
+          name: 'replaceChartOption',
+          labelRemark: {
+            trigger: 'click',
+            className: 'm-l-xs',
+            rootClose: true,
+            content: i18nRuntime.i18n("f1f13cb0ca4720a727cbfba4c82e5890"),
+            placement: 'left'
+          }
+        })]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('className')]
+      }, {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [amisEditorCore.getSchemaTpl('visible')]
+      }, {
+        title: i18nRuntime.i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+        body: [amisEditorCore.getSchemaTpl('name')]
+      }])];
+    };
+
+    return _this;
+  }
+
+  ChartPlugin.prototype.editDrillDown = function (id) {
+    var manager = this.manager;
+    var store = manager.store;
+    var node = store.getNodeById(id);
+    var value = store.getValueOf(id);
+    var dialog = value.clickAction && value.clickAction.dialog || {
+      title: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+      body: [i18nRuntime.i18n("40128a51e9667fe6a20a0454069368ba")]
+    };
+    node && value && this.manager.openSubEditor({
+      title: i18nRuntime.i18n("7e3f6245e2a6adb903cf85c77cb1bbd7"),
+      value: tslib.__assign({
+        type: 'container'
+      }, dialog),
+      slot: {
+        type: 'container',
+        body: '$$'
+      },
+      typeMutable: false,
+      onChange: function (newValue) {
+        newValue = tslib.__assign(tslib.__assign({}, value), {
+          clickAction: {
+            actionType: 'dialog',
+            dialog: newValue
+          }
+        });
+        manager.panelChangeValue(newValue, amisEditorCore.diff(value, newValue));
+      }
+    });
+  };
+
+  return ChartPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ChartPlugin);
 
 exports.ChartPlugin = ChartPlugin;

package/lib/plugin/CodeView.d.ts

@@ -5,6 +5,7 @@ export declare class CodeViewPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];

package/lib/plugin/CodeView.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,61 +8,59 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
-var CodeViewPlugin = /** @class */ (function (_super) {
-    tslib.__extends(CodeViewPlugin, _super);
-    function CodeViewPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'code';
-        _this.$schema = '/schemas/CodeSchema.json';
-        // 组件名称
-        _this.name = '代码高亮';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-code';
-        _this.description = '代码高亮';
-        _this.docLink = '/amis/zh-CN/components/code';
-        _this.tags = ['展示'];
-        _this.scaffold = {
-            type: 'code',
-            language: 'html',
-            value: '<div>html</div>'
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.panelTitle = '代码高亮';
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            type: 'input-text',
-                            label: '名称',
-                            name: 'name'
-                        },
-                        {
-                            type: 'editor',
-                            label: '固定值',
-                            allowFullscreen: true,
-                            name: 'value'
-                        }
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [AMisCodeEditor.getSchemaTpl('className')]
-                },
-                {
-                    title: '显隐',
-                    body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                }
-            ])
-        ];
-        return _this;
-    }
-    return CodeViewPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(CodeViewPlugin);
+var CodeViewPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(CodeViewPlugin, _super);
+
+  function CodeViewPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'code';
+    _this.$schema = '/schemas/CodeSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("38bbd995a790f5a67211e034b007c145");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-code';
+    _this.pluginIcon = 'code-plugin';
+    _this.description = i18nRuntime.i18n("38bbd995a790f5a67211e034b007c145");
+    _this.docLink = '/amis/zh-CN/components/code';
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.scaffold = {
+      type: 'code',
+      language: 'html',
+      value: '<div>html</div>'
+    };
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.panelTitle = i18nRuntime.i18n("38bbd995a790f5a67211e034b007c145");
+    _this.panelBody = [amisEditorCore.getSchemaTpl('tabs', [{
+      title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+      body: [{
+        type: 'input-text',
+        label: i18nRuntime.i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+        name: 'name'
+      }, {
+        type: 'editor',
+        label: i18nRuntime.i18n("86e38e6425f722ba725718af2366ac08"),
+        allowFullscreen: true,
+        name: 'value'
+      }]
+    }, {
+      title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: [amisEditorCore.getSchemaTpl('className')]
+    }, {
+      title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+      body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+    }])];
+    return _this;
+  }
+
+  return CodeViewPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(CodeViewPlugin);
 
 exports.CodeViewPlugin = CodeViewPlugin;

package/lib/plugin/Collapse.d.ts

@@ -8,6 +8,7 @@ export declare class CollapsePlugin extends BasePlugin {
     docLink: string;
     tags: string[];
     icon: string;
+    pluginIcon: string;
     scaffold: {
         type: string;
         header: string;