amis-editor 5.2.0 → 5.2.1-beta.19

package/lib/plugin/Collapse.js

@@ -0,0 +1,190 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * 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 CollapsePlugin = /** @class */function (_super) {
+  tslib.__extends(CollapsePlugin, _super);
+  function CollapsePlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'collapse'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/CollapseSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("e90e6ff080f179215c3566a61ca62367")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("452b62e9b7e650fa163300da2893654a")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/collapse'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-window-minimize'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'collapse-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'collapse',
+        header: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+          inline: false
+        }]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("e90e6ff080f179215c3566a61ca62367")
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var _a, _b;
+        return amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'header',
+              label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              type: 'input-text',
+              pipeIn: amisEditorCore.defaultValue(((_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.title) || ((_b = context === null || context === void 0 ? void 0 : context.schema) === null || _b === void 0 ? void 0 : _b.header) || ''),
+              onChange: function (value, oldValue, model, form) {
+                // 转换一下旧版本的title字段
+                form.setValueByName('header', value);
+                form.setValueByName('title', undefined);
+              }
+            }, {
+              name: 'collapseHeader',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("81d2b9f20fb2083c75a5b052b84e897a"), i18nRuntime.i18n("7349194c139069b32889101768aa7428")),
+              type: 'input-text'
+            }, {
+              name: 'headerPosition',
+              label: i18nRuntime.i18n("3a8647306ee6456517b7bf9c8bc7de23"),
+              type: 'button-group-select',
+              size: 'sm',
+              pipeIn: amisEditorCore.defaultValue('top'),
+              options: [{
+                label: i18nRuntime.i18n("c949729cd1a1e425595c1a297649c7c6"),
+                value: 'top',
+                icon: 'fa fa-arrow-up'
+              }, {
+                label: i18nRuntime.i18n("12c4c5e8abda77e1fdc93653d6414187"),
+                value: 'bottom',
+                icon: 'fa fa-arrow-down'
+              }]
+            }, {
+              name: 'showArrow',
+              label: i18nRuntime.i18n("731f9b470e0948cbf56341a53c423213"),
+              mode: 'row',
+              inputClassName: 'inline-flex justify-between flex-row-reverse',
+              type: 'switch',
+              pipeIn: amisEditorCore.defaultValue(true)
+            }, amisEditorCore.getSchemaTpl('switch', {
+              name: 'collapsable',
+              label: i18nRuntime.i18n("96c0cc844a06e0850c04f7c44b6475fb"),
+              pipeIn: amisEditorCore.defaultValue(true)
+            })]
+          }, amisEditorCore.getSchemaTpl('status', {
+            disabled: true
+          })])
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:classNames', {
+            isFormItem: false,
+            schema: [amisEditorCore.getSchemaTpl('className', {
+              name: 'headingClassName',
+              label: i18nRuntime.i18n("63b67eead04256e42ea9f6f7218731ee")
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'bodyClassName',
+              label: i18nRuntime.i18n("66d88b3e01aff17c7973181e53fc8c0c")
+            })]
+          })])
+        }]);
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
+      }]
+    });
+    return _this;
+  }
+  return CollapsePlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(CollapsePlugin);
+
+exports.CollapsePlugin = CollapsePlugin;

package/lib/plugin/CollapseGroup.d.ts

@@ -0,0 +1,66 @@
+import { BasePlugin, RegionConfig } from 'amis-editor-core';
+export declare class CollapseGroupPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        activeKey: string[];
+        body: ({
+            type: string;
+            key: string;
+            active: boolean;
+            header: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+        } | {
+            type: string;
+            key: string;
+            header: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+            active?: undefined;
+        })[];
+    };
+    previewSchema: {
+        type: string;
+        activeKey: string[];
+        body: ({
+            type: string;
+            key: string;
+            active: boolean;
+            header: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+        } | {
+            type: string;
+            key: string;
+            header: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+            active?: undefined;
+        })[];
+    };
+    activeKeyData: any;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    regions: Array<RegionConfig>;
+}

package/lib/plugin/CollapseGroup.js

@@ -0,0 +1,280 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * 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 CollapseGroupPlugin = /** @class */function (_super) {
+  tslib.__extends(CollapseGroupPlugin, _super);
+  function CollapseGroupPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'collapse-group'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/CollapseGroupSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d09980a88568f75e9267ca7b531c74eb")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("0d571a7ab19e098820e8cea4d5a80f7d")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7"), i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-align-justify'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'collapse-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        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
+          }]
+        }]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "activeKeyData", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: []
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("d09980a88568f75e9267ca7b531c74eb")
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 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: [amisEditorCore.getSchemaTpl('icon', {
+                  name: 'expandIcon',
+                  label: i18nRuntime.i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+                  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 (!amisEditorCore.isObject(value)) {
+                  return undefined;
+                }
+                return typeof value.character === 'string' ? value.character : undefined;
+              }
+            }, {
+              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
+          })])
+        }])];
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        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 { 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;
+}