amis-editor 5.2.0 → 5.2.1-beta.15

package/esm/plugin/Audio.js

@@ -0,0 +1,184 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * 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;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'audio'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/AudioSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("726dd5df4319e9e158e2ca3c22177b6c")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("e7a707f9fc7da36828db940ca2960f4b")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("997c7a5d34f6fc628893f509d0df32e0")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-music'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'audio-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'audio',
+        autoPlay: false,
+        src: ''
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("726dd5df4319e9e158e2ca3c22177b6c")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 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 { 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;
+}

package/esm/plugin/Avatar.js

@@ -0,0 +1,337 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var DefaultSize = 40;
+var DefaultBorderRadius = 20;
+var widthOrheightPipeIn = function (curValue, rest) {
+  var _a, _b;
+  return curValue ? curValue : (_b = (_a = rest.data) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : DefaultSize;
+};
+var AvatarPlugin = /** @class */function (_super) {
+  __extends(AvatarPlugin, _super);
+  function AvatarPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'avatar'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/AvatarSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("4c50eef3bdaf0b4164ce179e576f2b2d")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-user'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'avatar-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("18dc831ec12d358d05902bef1f00e1f1")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/avatar'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'avatar',
+        showtype: 'image',
+        icon: '',
+        fit: 'cover',
+        style: {
+          width: DefaultSize,
+          height: DefaultSize,
+          borderRadius: DefaultBorderRadius
+        }
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("4c50eef3bdaf0b4164ce179e576f2b2d")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: [getSchemaTpl('collapseGroup', [{
+            className: 'p-none',
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [
+            // 如果同时存在 src、text 和 icon，会优先用 src、接着 text、最后 icon
+            {
+              type: 'button-group-select',
+              label: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+              name: 'showtype',
+              tiled: true,
+              inputClassName: 'items-center',
+              options: [{
+                label: i18n("20def7942674282277c3714ed7ea6ce0"),
+                value: 'image'
+              }, {
+                label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+                value: 'icon'
+              }, {
+                label: i18n("ca746b1ff10193a3ce20878dec04a733"),
+                value: 'text'
+              }],
+              pipeIn: function (value, form) {
+                var _a, _b;
+                if (value) {
+                  return value;
+                }
+                var showType = ((_a = form.data) === null || _a === void 0 ? void 0 : _a.text) ? 'text' : ((_b = form.data) === null || _b === void 0 ? void 0 : _b.icon) ? 'icon' : 'image';
+                // 使用setTimeout跳过react更新检测，推进showtype更新
+                setTimeout(function () {
+                  return form.setValueByName('showtype', showType);
+                });
+                return showType;
+              },
+              onChange: function (value, origin, item, form) {
+                form.setValues({
+                  src: undefined,
+                  fit: 'cover',
+                  text: undefined,
+                  gap: 4,
+                  icon: ''
+                });
+              }
+            }, {
+              type: 'container',
+              className: 'ae-ExtendMore mb-3',
+              body: [
+              // 图标
+              getSchemaTpl('icon', {
+                name: 'icon',
+                label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+                visibleOn: 'data.showtype === "icon"'
+              }),
+              // 图片
+              getSchemaTpl('valueFormula', {
+                rendererSchema: {
+                  type: 'input-url'
+                },
+                name: 'src',
+                label: i18n("bfe68d5844f8e54602760e18f45954f7"),
+                visibleOn: 'data.showtype === "image"'
+              }), {
+                label: tipedLabel(i18n("b54f4a65cd257c87db32ee1023e1daa1"), i18n("def423db04dd24b226911b9e4cf5dc9c")),
+                name: 'fit',
+                type: 'select',
+                pipeIn: defaultValue('cover'),
+                options: [{
+                  label: i18n("74735df86a8e1c15bce50e2c1dd42e98"),
+                  value: 'cover'
+                }, {
+                  label: i18n("9d7f3e170404f211a4f95c214f044b05"),
+                  value: 'contain'
+                }, {
+                  label: i18n("9854f491213784118614be4a1970bcf9"),
+                  value: 'fill'
+                }, {
+                  label: i18n("3d2b60dda894eba9a042beddf7daf3cc"),
+                  value: 'none'
+                }],
+                visibleOn: 'data.showtype === "image"'
+              },
+              // 文字
+              {
+                label: i18n("ca746b1ff10193a3ce20878dec04a733"),
+                name: 'text',
+                type: 'input-text',
+                pipeOut: function (value) {
+                  return value === '' ? undefined : value;
+                },
+                visibleOn: 'data.showtype === "text"'
+              }, {
+                type: 'input-group',
+                name: 'gap',
+                value: 4,
+                label: tipedLabel(i18n("c7fff1a6f585d7fb22c94bb1ef82707d"), i18n("f1b4c635cdb39c91461f181d27d06f8c")),
+                body: [{
+                  type: 'input-number',
+                  name: 'gap',
+                  min: 0
+                }, {
+                  type: 'tpl',
+                  addOnclassName: 'border-0 bg-none',
+                  tpl: 'px'
+                }],
+                visibleOn: 'data.showtype === "text"'
+              }]
+            }, getSchemaTpl('badge')]
+          }, getSchemaTpl('status')])]
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          className: 'p-none',
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              type: 'input-number',
+              label: i18n("dfd0cd7f2cba96917484569a646bdc8d"),
+              min: 0,
+              name: 'style.width',
+              pipeIn: widthOrheightPipeIn
+            }, {
+              type: 'input-number',
+              label: i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+              min: 1,
+              name: 'style.height',
+              pipeIn: widthOrheightPipeIn
+            }, {
+              type: 'input-number',
+              label: i18n("0103eb2d3dca70270d1a74e9ec987ac9"),
+              min: 0,
+              name: 'style.borderRadius',
+              pipeIn: function (curValue, rest) {
+                var _a, _b, _c;
+                if (curValue) {
+                  return curValue;
+                }
+                // 如果是圆形，说明是旧的，直接设置shape为长方形后，返回50%
+                if (((_a = rest.data) === null || _a === void 0 ? void 0 : _a.shape) === 'circle') {
+                  rest.setValueByName('shape', 'square');
+                  return +(((_b = rest.data) === null || _b === void 0 ? void 0 : _b.size) || DefaultSize) * 0.5;
+                }
+                return ((_c = rest.data) === null || _c === void 0 ? void 0 : _c.size) ? 0 : DefaultBorderRadius;
+              }
+            }]
+          },
+          // 兼容旧的外观面板
+          {
+            header: i18n("ca746b1ff10193a3ce20878dec04a733"),
+            key: 'font',
+            body: [{
+              type: 'style-font',
+              label: false,
+              name: 'style'
+            }]
+          }, {
+            header: i18n("9a233b241eef54521cfe9365bfaa7b2f"),
+            key: 'box-model',
+            body: [{
+              type: 'style-box-model',
+              label: false,
+              name: 'style'
+            }]
+          }, {
+            header: i18n("961534b4ea37e4e88aada736b299d063"),
+            key: 'border',
+            body: [{
+              type: 'style-border',
+              label: false,
+              name: 'style',
+              disableRadius: true
+            }]
+          }, {
+            title: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            body: [{
+              type: 'style-background',
+              label: false,
+              name: 'style',
+              noImage: true
+            }]
+          }, {
+            header: i18n("803205e38834280d9e6a75993ac00764"),
+            key: 'box-shadow',
+            body: [{
+              type: 'style-box-shadow',
+              label: false,
+              name: 'style.boxShadow'
+            }]
+          }, {
+            header: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+            key: 'other',
+            body: [{
+              label: i18n("34dac4adbc96afd65f060cc4cfff1feb"),
+              name: 'style.opacity',
+              min: 0,
+              max: 1,
+              step: 0.05,
+              type: 'input-range',
+              pipeIn: defaultValue(1),
+              marks: {
+                '0%': '0',
+                '50%': '0.5',
+                '100%': '1'
+              }
+            }]
+          }, getSchemaTpl('style:classNames', {
+            isFormItem: false
+          })])
+        }]);
+      }
+    });
+    return _this;
+  }
+  return AvatarPlugin;
+}(BasePlugin);
+registerEditorPlugin(AvatarPlugin);
+
+export { AvatarPlugin };

package/esm/plugin/Breadcrumb.d.ts

@@ -0,0 +1,28 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class BreadcrumbPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    disabledRendererPlugin: boolean;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        items: ({
+            label: string;
+            href: string;
+            icon: string;
+        } | {
+            label: string;
+            href?: undefined;
+            icon?: undefined;
+        })[];
+    };
+    previewSchema: any;
+    panelTitle: string;
+    panelBody: any[];
+}