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

package/esm/plugin/Alert.d.ts

@@ -0,0 +1,23 @@
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+import { SchemaObject } from 'amis/lib/Schema';
+export declare class AlertPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    icon: string;
+    pluginIcon: string;
+    scaffold: SchemaObject;
+    previewSchema: any;
+    regions: {
+        key: string;
+        label: string;
+        placeholder: string;
+    }[];
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}

package/esm/plugin/Alert.js

@@ -0,0 +1,107 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var AlertPlugin =
+/** @class */
+function (_super) {
+  __extends(AlertPlugin, _super);
+
+  function AlertPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'alert';
+    _this.$schema = '/schemas/AlertSchema.json'; // 组件名称
+
+    _this.name = i18n("02d9819ddaaaeb1b7b22b12608c7e5ca");
+    _this.isBaseComponent = true;
+    _this.description = i18n("4be3194e93cdd2899d06b499c184195b");
+    _this.docLink = '/amis/zh-CN/components/alert';
+    _this.icon = 'fa fa-exclamation-circle';
+    _this.pluginIcon = 'tooltip-plugin';
+    _this.scaffold = {
+      type: 'alert',
+      body: {
+        type: 'tpl',
+        tpl: i18n("6f2b01db04cbf7e460b5c6f4e37a5e76"),
+        inline: false
+      },
+      level: 'info'
+    };
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      className: 'text-left',
+      showCloseButton: true
+    }); // 普通容器类渲染器配置
+
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      placeholder: i18n("6f2b01db04cbf7e460b5c6f4e37a5e76")
+    }];
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18n("02d9819ddaaaeb1b7b22b12608c7e5ca");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18n("226b0912184333c81babf2f1894ec0c1"),
+            name: 'level',
+            type: 'select',
+            options: [{
+              label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+              value: 'info'
+            }, {
+              label: i18n("330363dfc524cff2488f2ebde0500896"),
+              value: 'success'
+            }, {
+              label: i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
+              value: 'warning'
+            }, {
+              label: i18n("e2e27a87257599f83c817c43e724b6aa"),
+              value: 'danger'
+            }]
+          }, getSchemaTpl('label', {
+            name: 'title'
+          }), getSchemaTpl('switch', {
+            label: i18n("cbda486dbec5bdacb593294e240c5e63"),
+            name: 'showCloseButton'
+          }), {
+            type: 'ae-switch-more',
+            mode: 'normal',
+            name: 'showIcon',
+            label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+            hiddenOnDefault: !context.schema.icon,
+            formType: 'extend',
+            form: {
+              body: [getSchemaTpl('icon', {
+                label: i18n("7372dc9f39a173dd0c75a185373245b1")
+              })]
+            }
+          }]
+        }, getSchemaTpl('status')])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
+          isFormItem: false
+        })])
+      }]);
+    };
+
+    return _this;
+  }
+
+  return AlertPlugin;
+}(BasePlugin);
+registerEditorPlugin(AlertPlugin);
+
+export { AlertPlugin };

package/esm/plugin/AnchorNav.d.ts

@@ -0,0 +1,49 @@
+import { BasePlugin, VRendererConfig } from 'amis-editor-core';
+export declare class AnchorNavPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        links: {
+            title: string;
+            href: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        links: {
+            title: string;
+            href: string;
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+            }[];
+        }[];
+    };
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBody: any[];
+    patchContainers: string[];
+    vRendererConfig: VRendererConfig;
+    wrapperProps: {
+        unmountOnExit: boolean;
+        mountOnEnter: boolean;
+    };
+    sectionWrapperResolve: (dom: HTMLElement) => HTMLElement;
+    overrides: {
+        render(this: any): any;
+    };
+}

package/esm/plugin/AnchorNav.js

@@ -0,0 +1,296 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import { getSchemaTpl, mapReactElement, VRenderer, RegionWrapper, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import findIndex from 'lodash/findIndex';
+import { AnchorNavSection } from 'amis-ui';
+import { i18n } from 'i18n-runtime';
+
+var AnchorNavPlugin =
+/** @class */
+function (_super) {
+  __extends(AnchorNavPlugin, _super);
+
+  function AnchorNavPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'anchor-nav';
+    _this.$schema = '/schemas/AnchorNavSchema.json'; // 组件名称
+
+    _this.name = i18n("bede211909a1022b13e9728ed162b77e");
+    _this.isBaseComponent = true;
+    _this.description = i18n("f6da8aa86fa3e399da95dab399a67985");
+    _this.docLink = '/amis/zh-CN/components/anchor-nav';
+    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-link';
+    _this.pluginIcon = 'anchor-nav-plugin';
+    _this.scaffold = {
+      type: 'anchor-nav',
+      links: [{
+        title: i18n("5879dec0aea52871e0ae6969893a315b"),
+        href: '1',
+        body: [{
+          type: 'tpl',
+          tpl: i18n("ce08bc4247c040bac13155befc7c1638"),
+          inline: false
+        }]
+      }, {
+        title: i18n("d89a42cb938819f67172ea64037c19fe"),
+        href: '2',
+        body: [{
+          type: 'tpl',
+          tpl: i18n("96f05e63c6f606925636d6810167e7ea"),
+          inline: false
+        }]
+      }, {
+        title: i18n("31327b9041b825a0b455b3ff9ddd3909"),
+        href: '3',
+        body: [{
+          type: 'tpl',
+          tpl: i18n("68284dd430993f495a6f2254ae5480ae"),
+          inline: false
+        }]
+      }]
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("bede211909a1022b13e9728ed162b77e");
+    _this.panelJustify = true;
+    _this.panelBody = [getSchemaTpl('tabs', [{
+      title: i18n("24d67862f87f439db7ca957aecb77cce"),
+      body: getSchemaTpl('collapseGroup', [{
+        title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+        body: [getSchemaTpl('combo-container', {
+          type: 'combo',
+          name: 'links',
+          label: i18n("9ad515106f02f3909974b75d22625b0d"),
+          mode: 'normal',
+          multiple: true,
+          draggable: true,
+          minLength: 1,
+          addButtonText: i18n("40c6e9ed3d9949a326f5a216d936324d"),
+          deleteBtn: {
+            icon: 'fa fa-trash'
+          },
+          items: [{
+            type: 'input-text',
+            name: 'title',
+            required: true,
+            placeholder: i18n("8cfd149e7d73ebae6a797d21728292ff")
+          }],
+          scaffold: {
+            title: i18n("6be15e9949e4be7fc485e1eaae472942"),
+            href: '',
+            body: [{
+              type: 'tpl',
+              tpl: i18n("c624c875ea37f790665d0cae8959d4e2"),
+              inline: false
+            }]
+          },
+          draggableTip: '',
+          onChange: function (value, oldValue, model, form) {
+            var active = form.data.active;
+            var isInclude = value.findIndex(function (link) {
+              return link.href === active;
+            }) > -1;
+            form.setValues({
+              active: isInclude ? active : value[0].href
+            });
+          },
+          pipeOut: function (value) {
+            var hrefs = value.map(function (item) {
+              return item.href;
+            });
+
+            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.href) {
+                var key = findMinCanUsedKey(hrefs, value.length);
+                item.href = key;
+                item.title = "\u951A\u70B9".concat(key);
+                item.body[0].tpl = "\u8FD9\u91CC\u662F\u951A\u70B9\u5185\u5BB9".concat(key);
+              }
+            });
+            return value;
+          }
+        }), {
+          name: 'active',
+          type: 'select',
+          label: i18n("39f4fbc5b5ba681f7e8c4d4a4ddb3e2f"),
+          source: '${links}',
+          labelField: 'title',
+          valueField: 'href',
+          value: '1'
+        }]
+      }, getSchemaTpl('status')])
+    }, {
+      title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: getSchemaTpl('collapseGroup', [{
+        title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+        body: [{
+          type: 'button-group-select',
+          name: 'direction',
+          label: i18n("9959b2ad2d4f75f7a6be46872642df6d"),
+          value: 'vertical',
+          options: [{
+            label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+            value: 'horizontal'
+          }, {
+            label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
+            value: 'vertical'
+          }]
+        }]
+      }, getSchemaTpl('style:classNames', {
+        isFormItem: false,
+        schema: [getSchemaTpl('className', {
+          name: 'linkClassName',
+          label: i18n("056f2d7df6e6b64625c3a2d27ce07b05")
+        }), getSchemaTpl('className', {
+          name: 'sectionClassName',
+          label: i18n("696754a8b2b23e30b11187303d1238f5")
+        })]
+      })])
+    }])];
+    _this.patchContainers = ['anchor-nav.body'];
+    _this.vRendererConfig = {
+      regions: {
+        body: {
+          key: 'body',
+          label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+          renderMethod: 'renderBody',
+          renderMethodOverride: function (regions, insertRegion) {
+            return function () {
+              var args = [];
+
+              for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+              }
+
+              var info = this.props.$$editor;
+              var dom = this.super.apply(this, args);
+
+              if (info && !this.props.children) {
+                return insertRegion(this, dom, regions, info, info.plugin.manager);
+              }
+
+              return dom;
+            };
+          }
+        }
+      },
+      panelTitle: i18n("33be689a0f0de129ce37f7a96052002e"),
+      panelJustify: true,
+      panelBody: [getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'title',
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            type: 'input-text',
+            required: true
+          }]
+        }])]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('collapseGroup', [{
+          title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [getSchemaTpl('className')]
+        }])]
+      }])]
+    };
+    _this.wrapperProps = {
+      unmountOnExit: true,
+      mountOnEnter: true
+    };
+
+    _this.sectionWrapperResolve = function (dom) {
+      return dom.parentElement;
+    };
+
+    _this.overrides = {
+      render: function () {
+        var _this = this;
+
+        var dom = this.super();
+
+        if (!this.renderSection && this.props.$$editor && dom) {
+          var links_1 = this.props.links;
+          return mapReactElement(dom, function (item) {
+            var _a, _b;
+
+            if (item.type === AnchorNavSection && item.props.$$id) {
+              var id_1 = item.props.$$id;
+              var index = findIndex(links_1, function (link) {
+                return link.$$id === id_1;
+              });
+              var info = _this.props.$$editor;
+              var plugin = info.plugin;
+
+              if (~index) {
+                var region = (_b = (_a = plugin.vRendererConfig) === null || _a === void 0 ? void 0 : _a.regions) === null || _b === void 0 ? void 0 : _b.body;
+
+                if (!region) {
+                  return item;
+                }
+
+                return React__default.cloneElement(item, {
+                  children: React__default.createElement(VRenderer, {
+                    key: id_1,
+                    type: info.type,
+                    plugin: info.plugin,
+                    renderer: info.renderer,
+                    "$schema": "/schemas/SectionSchema.json",
+                    hostId: info.id,
+                    memberIndex: index,
+                    name: "".concat(item.props.title || "\u951A\u70B9\u5185\u5BB9".concat(index + 1)),
+                    id: id_1,
+                    draggable: false,
+                    removable: false,
+                    wrapperResolve: plugin.sectionWrapperResolve,
+                    schemaPath: "".concat(info.schemaPath, "/anchor-nav/").concat(index),
+                    path: "".concat(_this.props.$path, "/").concat(index),
+                    data: _this.props.data
+                  }, React__default.createElement(RegionWrapper, {
+                    key: region.key,
+                    preferTag: region.preferTag,
+                    name: region.key,
+                    label: region.label,
+                    regionConfig: region,
+                    placeholder: region.placeholder,
+                    editorStore: plugin.manager.store,
+                    manager: plugin.manager,
+                    children: item.props.children,
+                    wrapperResolve: region.wrapperResolve,
+                    rendererName: info.renderer.name
+                  }))
+                });
+              }
+            }
+
+            return item;
+          });
+        }
+
+        return dom;
+      }
+    };
+    return _this;
+  }
+
+  return AnchorNavPlugin;
+}(BasePlugin);
+registerEditorPlugin(AnchorNavPlugin);
+
+export { AnchorNavPlugin };

package/esm/plugin/Audio.d.ts

@@ -0,0 +1,23 @@
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+export declare class AudioPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+    };
+    previewSchema: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+    };
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}

package/esm/plugin/Audio.js

@@ -0,0 +1,131 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var AudioPlugin =
+/** @class */
+function (_super) {
+  __extends(AudioPlugin, _super);
+
+  function AudioPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'audio';
+    _this.$schema = '/schemas/AudioSchema.json'; // 组件名称
+
+    _this.name = i18n("726dd5df4319e9e158e2ca3c22177b6c");
+    _this.isBaseComponent = true;
+    _this.description = i18n("e7a707f9fc7da36828db940ca2960f4b");
+    _this.tags = [i18n("997c7a5d34f6fc628893f509d0df32e0")];
+    _this.icon = 'fa fa-music';
+    _this.pluginIcon = 'audio-plugin';
+    _this.scaffold = {
+      type: 'audio',
+      autoPlay: false,
+      src: ''
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("726dd5df4319e9e158e2ca3c22177b6c");
+
+    _this.panelBodyCreator = function (context) {
+      var isUnderField = /\/field\/\w+$/.test(context.path);
+      return [getSchemaTpl('tabs', [{
+        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [isUnderField ? {
+          type: 'tpl',
+          inline: false,
+          className: 'text-info text-sm',
+          tpl: i18n("37b12f2666b9e4e37f33eb5e83533d5e")
+        } : null, getSchemaTpl('audioUrl', {
+          name: 'src',
+          type: 'input-text',
+          label: i18n("f8f176147db276063e7ec15f076e39e0"),
+          description: i18n("91d3cd46d6b6919749e56056d5acc9bc")
+        }), {
+          type: 'select',
+          name: 'rates',
+          label: i18n("a945269af10da66c82cdb7336bc490d1"),
+          description: i18n("7ccd84ca5c16cd03d26f5ecd5e6f6bd2"),
+          multiple: true,
+          pipeIn: function (value) {
+            return Array.isArray(value) ? value.join(',') : [];
+          },
+          pipeOut: function (value) {
+            if (value && value.length) {
+              var rates = value.split(',');
+              rates = rates.filter(function (x) {
+                return Number(x) && Number(x) > 0 && Number(x) <= 16;
+              }).map(function (x) {
+                return Number(Number(x).toFixed(1));
+              });
+              return Array.from(new Set(rates));
+            } else {
+              return [];
+            }
+          },
+          options: ['0.5', '1', '1.5', '2', '2.5', '3', '3.5', '4']
+        }, {
+          name: 'controls',
+          type: 'select',
+          label: i18n("fc03b83d19e2fd12f1e7c56a11d7dc18"),
+          multiple: true,
+          extractValue: true,
+          joinValues: false,
+          options: [{
+            label: i18n("d37d357dee041774b993daaf5c8bb752"),
+            value: 'rates'
+          }, {
+            label: i18n("b85270cd3c06d8eb635eadcffbb10119"),
+            value: 'play'
+          }, {
+            label: i18n("19fcb9eb2594059036dfede5f4ec53e8"),
+            value: 'time'
+          }, {
+            label: i18n("c7bff79d059a0b7ff9b02441959d8be2"),
+            value: 'process'
+          }, {
+            label: i18n("09b095d8fc867cb968673be9dcc00a93"),
+            value: 'volume'
+          }],
+          pipeIn: defaultValue(['rates', 'play', 'time', 'process', 'volume']),
+          labelRemark: {
+            trigger: 'click',
+            className: 'm-l-xs',
+            rootClose: true,
+            content: i18n("ad751bba0aed43a673c40b652a239fc3"),
+            placement: 'left'
+          }
+        }, getSchemaTpl('switch', {
+          name: 'autoPlay',
+          label: i18n("54c6bb48170611ec995f634319312156")
+        }), getSchemaTpl('switch', {
+          name: 'loop',
+          label: i18n("56e6ecf97176d30c06b30cfa428ef832")
+        })]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('className'), getSchemaTpl('switch', {
+          name: 'inline',
+          label: i18n("2fb0853874c2cc8cc42f0c7520af662a"),
+          pipeIn: defaultValue(true)
+        })]
+      }, {
+        title: i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+      }])];
+    };
+
+    return _this;
+  }
+
+  return AudioPlugin;
+}(BasePlugin);
+registerEditorPlugin(AudioPlugin);
+
+export { AudioPlugin };

package/esm/plugin/Avatar.d.ts

@@ -0,0 +1,28 @@
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+export declare class AvatarPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        showtype: string;
+        icon: string;
+        fit: string;
+        style: {
+            width: number;
+            height: number;
+            borderRadius: number;
+        };
+    };
+    previewSchema: any;
+    notRenderFormZone: boolean;
+    panelJustify: boolean;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}