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

package/lib/plugin/AnchorNav.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -9,289 +9,297 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var findIndex = require('lodash/findIndex');
 var amisUi = require('amis-ui');
+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 findIndex__default = /*#__PURE__*/_interopDefaultLegacy(findIndex);
 
-var AnchorNavPlugin = /** @class */ (function (_super) {
-    tslib.__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 = '锚点导航';
-        _this.isBaseComponent = true;
-        _this.description = '锚点导航，在多行内容展示时，可以将内容用锚点导航分组的形式展示，点击导航菜单可以定位到对应内容区域。';
-        _this.docLink = '/amis/zh-CN/components/anchor-nav';
-        _this.tags = ['容器'];
-        _this.icon = 'fa fa-link';
-        _this.scaffold = {
-            type: 'anchor-nav',
-            links: [
-                {
-                    title: '锚点1',
-                    href: '1',
-                    body: [
-                        {
-                            type: 'tpl',
-                            tpl: '这里是锚点内容1',
-                            inline: false
-                        }
-                    ]
-                },
-                {
-                    title: '锚点2',
-                    href: '2',
-                    body: [
-                        {
-                            type: 'tpl',
-                            tpl: '这里是锚点内容2',
-                            inline: false
-                        }
-                    ]
-                },
-                {
-                    title: '锚点3',
-                    href: '3',
-                    body: [
-                        {
-                            type: 'tpl',
-                            tpl: '这里是锚点内容3',
-                            inline: false
-                        }
-                    ]
-                }
-            ]
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.panelTitle = '锚点导航';
-        _this.panelJustify = true;
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('combo-container', {
-                                    type: 'combo',
-                                    name: 'links',
-                                    label: '锚点设置',
-                                    mode: 'normal',
-                                    multiple: true,
-                                    draggable: true,
-                                    minLength: 1,
-                                    addButtonText: '添加锚点',
-                                    items: [
-                                        {
-                                            type: 'input-text',
-                                            name: 'title',
-                                            required: true,
-                                            placeholder: '请输入锚点标题'
-                                        }
-                                    ],
-                                    scaffold: {
-                                        title: '锚点',
-                                        href: '',
-                                        body: [
-                                            {
-                                                type: 'tpl',
-                                                tpl: '这里是锚点内容',
-                                                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;
-                                    },
-                                    deleteBtn: {
-                                        icon: 'fa fa-trash'
-                                    }
-                                }),
-                                {
-                                    name: 'active',
-                                    type: 'select',
-                                    label: '默认定位区域',
-                                    source: '${links}',
-                                    labelField: 'title',
-                                    valueField: 'href',
-                                    value: '1'
-                                }
-                            ]
-                        }
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                {
-                                    type: 'button-group-select',
-                                    name: 'direction',
-                                    label: '导航布局',
-                                    value: 'vertical',
-                                    options: [
-                                        {
-                                            label: '水平',
-                                            value: 'horizontal'
-                                        },
-                                        {
-                                            label: '垂直',
-                                            value: 'vertical'
-                                        }
-                                    ]
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('style:classNames', {
-                            isFormItem: false,
-                            schema: [
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    name: 'linkClassName',
-                                    label: '导航'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    name: 'sectionClassName',
-                                    label: '区域内容'
-                                })
-                            ]
-                        })
-                    ])
-                }
-            ])
-        ];
-        _this.patchContainers = ['anchor-nav.body'];
-        _this.vRendererConfig = {
-            regions: {
-                body: {
-                    key: 'body',
-                    label: '内容区',
-                    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;
-                        };
-                    }
+var AnchorNavPlugin =
+/** @class */
+function (_super) {
+  tslib.__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 = i18nRuntime.i18n("bede211909a1022b13e9728ed162b77e");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("f6da8aa86fa3e399da95dab399a67985");
+    _this.docLink = '/amis/zh-CN/components/anchor-nav';
+    _this.tags = [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-link';
+    _this.pluginIcon = 'anchor-nav-plugin';
+    _this.scaffold = {
+      type: 'anchor-nav',
+      links: [{
+        title: i18nRuntime.i18n("5879dec0aea52871e0ae6969893a315b"),
+        href: '1',
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("ce08bc4247c040bac13155befc7c1638"),
+          inline: false
+        }]
+      }, {
+        title: i18nRuntime.i18n("d89a42cb938819f67172ea64037c19fe"),
+        href: '2',
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("96f05e63c6f606925636d6810167e7ea"),
+          inline: false
+        }]
+      }, {
+        title: i18nRuntime.i18n("31327b9041b825a0b455b3ff9ddd3909"),
+        href: '3',
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("68284dd430993f495a6f2254ae5480ae"),
+          inline: false
+        }]
+      }]
+    };
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.panelTitle = i18nRuntime.i18n("bede211909a1022b13e9728ed162b77e");
+    _this.panelJustify = true;
+    _this.panelBody = [amisEditorCore.getSchemaTpl('tabs', [{
+      title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+      body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+        title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+        body: [amisEditorCore.getSchemaTpl('combo-container', {
+          type: 'combo',
+          name: 'links',
+          label: i18nRuntime.i18n("9ad515106f02f3909974b75d22625b0d"),
+          mode: 'normal',
+          multiple: true,
+          draggable: true,
+          minLength: 1,
+          addButtonText: i18nRuntime.i18n("40c6e9ed3d9949a326f5a216d936324d"),
+          deleteBtn: {
+            icon: 'fa fa-trash'
+          },
+          items: [{
+            type: 'input-text',
+            name: 'title',
+            required: true,
+            placeholder: i18nRuntime.i18n("8cfd149e7d73ebae6a797d21728292ff")
+          }],
+          scaffold: {
+            title: i18nRuntime.i18n("6be15e9949e4be7fc485e1eaae472942"),
+            href: '',
+            body: [{
+              type: 'tpl',
+              tpl: i18nRuntime.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);
                 }
-            },
-            panelTitle: '内容区域',
-            panelJustify: true,
-            panelBody: [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '属性',
-                        body: [
-                            AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                                {
-                                    title: '基本',
-                                    body: [
-                                        {
-                                            name: 'title',
-                                            label: '标题',
-                                            type: 'input-text',
-                                            required: true
-                                        }
-                                    ]
-                                }
-                            ])
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [
-                            AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                                {
-                                    title: 'CSS 类名',
-                                    body: [AMisCodeEditor.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 AMisCodeEditor.mapReactElement(dom, function (item) {
-                        var _a, _b;
-                        if (item.type === amisUi.AnchorNavSection && item.props.$$id) {
-                            var id_1 = item.props.$$id;
-                            var index = findIndex__default["default"](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["default"].cloneElement(item, {
-                                    children: (React__default["default"].createElement(AMisCodeEditor.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["default"].createElement(AMisCodeEditor.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;
-                    });
+              }
+            };
+
+            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: i18nRuntime.i18n("39f4fbc5b5ba681f7e8c4d4a4ddb3e2f"),
+          source: '${links}',
+          labelField: 'title',
+          valueField: 'href',
+          value: '1'
+        }]
+      }, amisEditorCore.getSchemaTpl('status')])
+    }, {
+      title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+        title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+        body: [{
+          type: 'button-group-select',
+          name: 'direction',
+          label: i18nRuntime.i18n("9959b2ad2d4f75f7a6be46872642df6d"),
+          value: 'vertical',
+          options: [{
+            label: i18nRuntime.i18n("4cde06e6162ed66720e3133cb83bc059"),
+            value: 'horizontal'
+          }, {
+            label: i18nRuntime.i18n("75ac842f8e77305846f1d776f97dfaf8"),
+            value: 'vertical'
+          }]
+        }]
+      }, amisEditorCore.getSchemaTpl('style:classNames', {
+        isFormItem: false,
+        schema: [amisEditorCore.getSchemaTpl('className', {
+          name: 'linkClassName',
+          label: i18nRuntime.i18n("056f2d7df6e6b64625c3a2d27ce07b05")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'sectionClassName',
+          label: i18nRuntime.i18n("696754a8b2b23e30b11187303d1238f5")
+        })]
+      })])
+    }])];
+    _this.patchContainers = ['anchor-nav.body'];
+    _this.vRendererConfig = {
+      regions: {
+        body: {
+          key: 'body',
+          label: i18nRuntime.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: i18nRuntime.i18n("33be689a0f0de129ce37f7a96052002e"),
+      panelJustify: true,
+      panelBody: [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'title',
+            label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            type: 'input-text',
+            required: true
+          }]
+        }])]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [amisEditorCore.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 amisEditorCore.mapReactElement(dom, function (item) {
+            var _a, _b;
+
+            if (item.type === amisUi.AnchorNavSection && item.props.$$id) {
+              var id_1 = item.props.$$id;
+              var index = findIndex__default["default"](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 dom;
+
+                return React__default["default"].cloneElement(item, {
+                  children: React__default["default"].createElement(amisEditorCore.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["default"].createElement(amisEditorCore.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 _this;
-    }
-    return AnchorNavPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(AnchorNavPlugin);
+
+            return item;
+          });
+        }
+
+        return dom;
+      }
+    };
+    return _this;
+  }
+
+  return AnchorNavPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(AnchorNavPlugin);
 
 exports.AnchorNavPlugin = AnchorNavPlugin;

package/lib/plugin/Audio.d.ts

@@ -7,6 +7,7 @@ export declare class AudioPlugin extends BasePlugin {
     description: string;
     tags: string[];
     icon: string;
+    pluginIcon: string;
     scaffold: {
         type: string;
         autoPlay: boolean;