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

package/lib/plugin/CollapseGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,230 +8,211 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var BaseControl = require('../component/BaseControl.js');
-
-var CollapseGroupPlugin = /** @class */ (function (_super) {
-    tslib.__extends(CollapseGroupPlugin, _super);
-    function CollapseGroupPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'collapse-group';
-        _this.$schema = '/schemas/CollapseGroupSchema.json';
-        // 组件名称
-        _this.name = '折叠面板';
-        _this.isBaseComponent = true;
-        _this.description = '折叠面板，当信息量较大且分类较多时，可使用折叠面板进行分类收纳。';
-        _this.tags = ['展示', '容器'];
-        _this.icon = 'fa fa-align-justify';
-        _this.scaffold = {
-            type: 'collapse-group',
-            activeKey: ['1'],
-            body: [
-                {
-                    type: 'collapse',
-                    key: '1',
-                    active: true,
-                    header: '标题1',
-                    body: [
-                        {
-                            type: 'tpl',
-                            tpl: '这里是内容1',
-                            inline: false
-                        }
-                    ]
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+var CollapseGroupPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(CollapseGroupPlugin, _super);
+
+  function CollapseGroupPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'collapse-group';
+    _this.$schema = '/schemas/CollapseGroupSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("d09980a88568f75e9267ca7b531c74eb");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("0d571a7ab19e098820e8cea4d5a80f7d");
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7"), i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-align-justify';
+    _this.pluginIcon = 'collapse-plugin';
+    _this.scaffold = {
+      type: 'collapse-group',
+      activeKey: ['1'],
+      body: [{
+        type: 'collapse',
+        key: '1',
+        active: true,
+        header: i18nRuntime.i18n("17dcbf1f144607d4af0bb718e008682f"),
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("f7fb20f6cacd5e40c7f5732cb377d0bf"),
+          inline: false
+        }]
+      }, {
+        type: 'collapse',
+        key: '2',
+        header: i18nRuntime.i18n("72d41bd9eb3882f7da6f55d0ff0a39f6"),
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("f7fb20f6cacd5e40c7f5732cb377d0bf"),
+          inline: false
+        }]
+      }]
+    };
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.activeKeyData = [];
+    _this.panelTitle = i18nRuntime.i18n("d09980a88568f75e9267ca7b531c74eb");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'expandIconPosition',
+            label: i18nRuntime.i18n("0431ee7033364800e261d1e560808231"),
+            type: 'button-group-select',
+            pipeIn: amisEditorCore.defaultValue('left'),
+            options: [{
+              label: i18nRuntime.i18n("a7eaff29603a9c40927f726013d2c016"),
+              value: 'left',
+              icon: 'fa fa-align-left'
+            }, {
+              label: i18nRuntime.i18n("128d58f066a18ddb2ddb701921d5c77c"),
+              value: 'right',
+              icon: 'fa fa-align-right'
+            }]
+          }, {
+            type: 'ae-switch-more',
+            label: i18nRuntime.i18n("7372dc9f39a173dd0c75a185373245b1"),
+            bulk: true,
+            mode: 'normal',
+            value: false,
+            formType: 'extend',
+            autoFocus: false,
+            form: {
+              body: [{
+                label: i18nRuntime.i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+                name: 'expandIcon',
+                type: 'icon-picker',
+                className: 'fix-icon-picker-overflow',
+                pipeIn: function (value) {
+                  return value === null || value === void 0 ? void 0 : value.icon;
                 },
-                {
-                    type: 'collapse',
-                    key: '2',
-                    header: '标题2',
-                    body: [
-                        {
-                            type: 'tpl',
-                            tpl: '这里是内容1',
-                            inline: false
-                        }
-                    ]
+                pipeOut: function (value) {
+                  return {
+                    type: 'icon',
+                    vendor: '',
+                    icon: value
+                  };
                 }
-            ]
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.activeKeyData = [];
-        _this.panelTitle = '折叠面板';
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '属性',
-                        body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            {
-                                title: '基本',
-                                body: [
-                                    {
-                                        name: 'expandIconPosition',
-                                        label: '图标位置',
-                                        type: 'button-group-select',
-                                        pipeIn: AMisCodeEditor.defaultValue('left'),
-                                        options: [
-                                            {
-                                                label: '左边',
-                                                value: 'left',
-                                                icon: 'fa fa-align-left'
-                                            },
-                                            {
-                                                label: '右边',
-                                                value: 'right',
-                                                icon: 'fa fa-align-right'
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        type: 'ae-switch-more',
-                                        label: '自定义图标',
-                                        bulk: true,
-                                        mode: 'normal',
-                                        value: false,
-                                        formType: 'extend',
-                                        autoFocus: false,
-                                        form: {
-                                            body: [
-                                                {
-                                                    label: '图标',
-                                                    name: 'expandIcon',
-                                                    type: 'icon-picker',
-                                                    className: 'fix-icon-picker-overflow',
-                                                    pipeIn: function (value) { return value === null || value === void 0 ? void 0 : value.icon; },
-                                                    pipeOut: function (value) { return ({
-                                                        type: 'icon',
-                                                        vendor: '',
-                                                        icon: value
-                                                    }); }
-                                                }
-                                            ]
-                                        },
-                                        pipeIn: function (value) {
-                                            if (typeof value === 'string' && value.length) {
-                                                return {
-                                                    character: value
-                                                };
-                                            }
-                                            return undefined;
-                                        },
-                                        pipeOut: function (value) {
-                                            if (!AMisCodeEditor.isObject(value)) {
-                                                return undefined;
-                                            }
-                                            return typeof value.character === 'string'
-                                                ? value.character
-                                                : undefined;
-                                        }
-                                    },
-                                    {
-                                        name: 'accordion',
-                                        label: BaseControl.tipedLabel('手风琴模式', '手风琴模式，只允许单个面板展开'),
-                                        mode: 'row',
-                                        inputClassName: 'inline-flex justify-between flex-row-reverse',
-                                        type: 'switch',
-                                        pipeIn: AMisCodeEditor.defaultValue(false)
-                                    },
-                                    AMisCodeEditor.getSchemaTpl('combo-container', {
-                                        name: 'body',
-                                        type: 'combo',
-                                        label: '面板管理',
-                                        mode: 'normal',
-                                        multiple: true,
-                                        addable: true,
-                                        columnClassName: 'w-20',
-                                        addButtonText: '新增折叠器',
-                                        minLength: 1,
-                                        draggable: true,
-                                        draggableTip: '',
-                                        placeholder: '请添加折叠器',
-                                        items: [
-                                            {
-                                                type: 'container',
-                                                columnClassName: 'flex-none',
-                                                body: BaseControl.tipedLabel([
-                                                    {
-                                                        name: 'active',
-                                                        type: 'checkbox'
-                                                    }
-                                                ], '默认展开此面板')
-                                            },
-                                            {
-                                                name: 'header',
-                                                placeholder: '标题',
-                                                type: 'input-text'
-                                            }
-                                        ],
-                                        onChange: function (value, oldValue, model, form) {
-                                            var activeKey = value.reduce(function (arr, item) {
-                                                item.active === true && arr.push(item.key);
-                                                return arr;
-                                            }, []);
-                                            form.setValues({
-                                                activeKey: activeKey
-                                            });
-                                        },
-                                        pipeOut: function (value, oldValue, data) {
-                                            var keys = value.map(function (item) { return item.key; });
-                                            var findMinCanUsedKey = function (keys, max) {
-                                                for (var i = 1; i <= max; i++) {
-                                                    if (!keys.includes(String(i))) {
-                                                        return String(i);
-                                                    }
-                                                }
-                                            };
-                                            value.forEach(function (item) {
-                                                if (!item.key) {
-                                                    var key = findMinCanUsedKey(keys, value.length);
-                                                    item.key = key;
-                                                    item.header = "\u6807\u9898".concat(key);
-                                                }
-                                            });
-                                            return value;
-                                        },
-                                        scaffold: {
-                                            type: 'collapse',
-                                            header: '标题',
-                                            body: [
-                                                {
-                                                    type: 'tpl',
-                                                    tpl: '内容',
-                                                    inline: false
-                                                }
-                                            ],
-                                            key: ''
-                                        }
-                                    })
-                                ]
-                            }
-                        ])
-                    },
-                    {
-                        title: '外观',
-                        body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            AMisCodeEditor.getSchemaTpl('style:classNames', {
-                                isFormItem: false
-                            })
-                        ])
-                    }
-                ])
-            ];
-        };
-        _this.regions = [
-            {
-                key: 'body',
-                label: '内容区',
-                renderMethod: 'render',
-                insertPosition: 'inner'
+              }]
+            },
+            pipeIn: function (value) {
+              if (typeof value === 'string' && value.length) {
+                return {
+                  character: value
+                };
+              }
+
+              return undefined;
+            },
+            pipeOut: function (value) {
+              if (!amisEditorCore.isObject(value)) {
+                return undefined;
+              }
+
+              return typeof value.character === 'string' ? value.character : undefined;
             }
-        ];
-        return _this;
-    }
-    return CollapseGroupPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(CollapseGroupPlugin);
+          }, {
+            name: 'accordion',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("47b4e22880eb59ce9989b8419222e88a"), i18nRuntime.i18n("bb3548f0bb97ab11ee92284ecf37ec16")),
+            mode: 'row',
+            inputClassName: 'inline-flex justify-between flex-row-reverse',
+            type: 'switch',
+            pipeIn: amisEditorCore.defaultValue(false)
+          }, amisEditorCore.getSchemaTpl('combo-container', {
+            name: 'body',
+            type: 'combo',
+            label: i18nRuntime.i18n("f24544b06700857ec11b434cb2916692"),
+            mode: 'normal',
+            multiple: true,
+            addable: true,
+            columnClassName: 'w-20',
+            addButtonText: i18nRuntime.i18n("c5ceab33d3e275262b4992a8cb43317f"),
+            minLength: 1,
+            draggable: true,
+            draggableTip: '',
+            placeholder: i18nRuntime.i18n("b839e579e920068bd817d34cd7927069"),
+            items: [{
+              type: 'container',
+              columnClassName: 'flex-none',
+              body: amisEditorCore.tipedLabel([{
+                name: 'active',
+                type: 'checkbox'
+              }], i18nRuntime.i18n("030a54b0afb54fc7f90e1a0f64eb8205"))
+            }, {
+              name: 'header',
+              placeholder: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              type: 'input-text'
+            }],
+            onChange: function (value, oldValue, model, form) {
+              var activeKey = value.reduce(function (arr, item) {
+                item.active === true && arr.push(item.key);
+                return arr;
+              }, []);
+              form.setValues({
+                activeKey: activeKey
+              });
+            },
+            pipeOut: function (value, oldValue, data) {
+              var keys = value.map(function (item) {
+                return item.key;
+              });
+
+              var findMinCanUsedKey = function (keys, max) {
+                for (var i = 1; i <= max; i++) {
+                  if (!keys.includes(String(i))) {
+                    return String(i);
+                  }
+                }
+              };
+
+              value.forEach(function (item) {
+                if (!item.key) {
+                  var key = findMinCanUsedKey(keys, value.length);
+                  item.key = key;
+                  item.header = "\u6807\u9898".concat(key);
+                }
+              });
+              return value;
+            },
+            scaffold: {
+              type: 'collapse',
+              header: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              body: [{
+                type: 'tpl',
+                tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+                inline: false
+              }],
+              key: ''
+            }
+          })]
+        }])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:classNames', {
+          isFormItem: false
+        })])
+      }])];
+    };
+
+    _this.regions = [{
+      key: 'body',
+      label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      renderMethod: 'render',
+      insertPosition: 'inner'
+    }];
+    return _this;
+  }
+
+  return CollapseGroupPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(CollapseGroupPlugin);
 
 exports.CollapseGroupPlugin = CollapseGroupPlugin;

package/lib/plugin/ColumnToggler.d.ts

@@ -0,0 +1,23 @@
+import { BaseEventContext, BasePlugin, BasicRendererInfo, RendererInfoResolveEventContext } from 'amis-editor-core';
+export declare class ColumnToggler extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    disabledRendererPlugin: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    /**
+     * 如果禁用了没办法编辑
+     */
+    filterProps(props: any): any;
+    /**
+     * 如果配置里面有 rendererName 自动返回渲染器信息。
+     * @param renderer
+     */
+    getRendererInfo({ renderer, schema }: RendererInfoResolveEventContext): BasicRendererInfo | void;
+}

package/lib/plugin/ColumnToggler.js

@@ -0,0 +1,118 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+var ColumnToggler =
+/** @class */
+function (_super) {
+  tslib.__extends(ColumnToggler, _super);
+
+  function ColumnToggler() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'column-toggler';
+    _this.$schema = '/schemas/ColumnToggler.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("2816cea6c4887a53c417831deb5fbe00");
+    _this.isBaseComponent = true;
+    _this.disabledRendererPlugin = true;
+    _this.description = i18nRuntime.i18n("a955021cdf0249de1f3818f83cf248b7");
+    _this.tags = [i18nRuntime.i18n("2816cea6c4887a53c417831deb5fbe00")];
+    _this.icon = 'fa fa-square';
+    _this.panelTitle = i18nRuntime.i18n("2816cea6c4887a53c417831deb5fbe00");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18nRuntime.i18n("24bdc7e8957abfc5d82f4206e92bb518"),
+            type: 'input-text',
+            name: 'label'
+          }, {
+            label: i18nRuntime.i18n("787366b0d678071a5ed98e55d31eba84"),
+            type: 'input-text',
+            name: 'tooltip'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'defaultIsOpened',
+            label: i18nRuntime.i18n("6a0508144ae12bfa79001693d713c0d6")
+          }), amisEditorCore.getSchemaTpl('icon', {
+            label: i18nRuntime.i18n("ae3816c5b00fcff4111842ac19f0a706")
+          })]
+        }])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('size', {
+            label: i18nRuntime.i18n("fe805d91ae93be775670c61214dd2f28")
+          })]
+        }, {
+          title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [amisEditorCore.getSchemaTpl('className', {
+            name: 'className',
+            label: i18nRuntime.i18n("fbbbe30d78c335bad27f3dfc5efd2a5d")
+          }), amisEditorCore.getSchemaTpl('className', {
+            name: 'btnClassName',
+            label: i18nRuntime.i18n("ac3880323853de9adc4f66bc06d438ff")
+          })]
+        }])
+      }]);
+    };
+
+    return _this;
+  }
+  /**
+   * 如果禁用了没办法编辑
+   */
+
+
+  ColumnToggler.prototype.filterProps = function (props) {
+    props.disabled = false;
+    return props;
+  };
+  /**
+   * 如果配置里面有 rendererName 自动返回渲染器信息。
+   * @param renderer
+   */
+
+
+  ColumnToggler.prototype.getRendererInfo = function (_a) {
+    var renderer = _a.renderer,
+        schema = _a.schema;
+    var plugin = this;
+
+    if (schema.$$id && plugin.name && plugin.rendererName && plugin.rendererName === renderer.name) {
+      // 复制部分信息出去
+      return {
+        name: schema.label ? schema.label : plugin.name,
+        regions: plugin.regions,
+        patchContainers: plugin.patchContainers,
+        // wrapper: plugin.wrapper,
+        vRendererConfig: plugin.vRendererConfig,
+        wrapperProps: plugin.wrapperProps,
+        wrapperResolve: plugin.wrapperResolve,
+        filterProps: plugin.filterProps,
+        $schema: plugin.$schema,
+        renderRenderer: plugin.renderRenderer
+      };
+    }
+  };
+
+  return ColumnToggler;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ColumnToggler);
+
+exports.ColumnToggler = ColumnToggler;

package/lib/plugin/Container.d.ts

@@ -6,14 +6,22 @@ export declare class ContainerPlugin extends BasePlugin {
     isBaseComponent: boolean;
     description: string;
     tags: string[];
+    withDataSource: boolean;
     icon: string;
+    pluginIcon: string;
     scaffold: {
         type: string;
-        body: string;
+        body: {
+            type: string;
+            tpl: string;
+        }[];
     };
     previewSchema: {
         type: string;
-        body: string;
+        body: {
+            type: string;
+            tpl: string;
+        }[];
     };
     regions: Array<RegionConfig>;
     panelTitle: string;