amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/plugin/TooltipWrapper.js

@@ -0,0 +1,300 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign, __spreadArray } from 'tslib';
+import { getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+/**
+ * @file 文字提示容器
+ */
+var TooltipWrapperPlugin = /** @class */function (_super) {
+  __extends(TooltipWrapperPlugin, _super);
+  function TooltipWrapperPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'tooltip-wrapper'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TooltipWrapperSchema.json'
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("dd438f6fb09d6223fd95df16383f0f44")
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("33813749a95477897085e2435acc16b6")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/tooltip'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-comment-alt'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'tooltip-wrapper-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'tooltip-wrapper',
+        tooltip: i18n("9b14c9051067bef2dd9a15683201dd18"),
+        body: [{
+          type: 'tpl',
+          tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014")
+        }],
+        enterable: true,
+        showArrow: true,
+        offset: [0, 0]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        className: 'p-1 mr-3 border-2 border-solid border-indigo-400'
+      })
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: _this.name
+    });
+    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 [getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          className: 'p-none',
+          body: [getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              type: 'input-text',
+              name: 'title',
+              label: i18n("dc19704991f1476fa4dcbb80c50bedd6")
+            }, {
+              type: 'textarea',
+              name: 'tooltip',
+              label: i18n("6f2b01db04cbf7e460b5c6f4e37a5e76")
+            }, {
+              name: 'trigger',
+              type: 'select',
+              label: tipedLabel(i18n("159dbc2fafd57b9d3652f16659b1b519"), i18n("ab97cef55407efa11f79211e17cb2b4b")),
+              multiple: true,
+              value: ['hover'],
+              pipeIn: function (value) {
+                return Array.isArray(value) ? value.join(',') : [];
+              },
+              pipeOut: function (value) {
+                return value && value.length ? value.split(',') : undefined;
+              },
+              options: [{
+                label: i18n("728c7cdfa431821d291b5108394ec65a"),
+                value: 'hover'
+              }, {
+                label: i18n("4363c17ebb346b646af55bd8c8075915"),
+                value: 'click'
+              }]
+            }, {
+              type: 'button-group-select',
+              name: 'placement',
+              label: i18n("d586324c6d6b45cb78a4172d836dab3e"),
+              size: 'sm',
+              className: 'ae-buttonGroupSelect--justify',
+              options: [{
+                label: i18n("af767b7e4ae069d54f9ea839858d4c6d"),
+                value: 'top'
+                // icon: 'fa fa-arrow-up'
+              }, {
+                label: i18n("3850a186c3235bc646d4c2f79cebac36"),
+                value: 'bottom'
+                // icon: 'fa fa-arrow-down'
+              }, {
+                label: i18n("d2aff1417831aa621c16cd5b95306b4b"),
+                value: 'left'
+                // icon: 'fa fa-arrow-left'
+              }, {
+                label: i18n("4d9c32c23df5d234e629c922c58d8e12"),
+                value: 'right'
+                // icon: 'fa fa-arrow-right'
+              }],
+
+              pipeIn: defaultValue('top')
+            }, {
+              type: 'button-group-select',
+              name: 'tooltipTheme',
+              label: i18n("b47707f0e916e3e3f4ba885bc2cf2c11"),
+              size: 'sm',
+              className: 'ae-buttonGroupSelect--justify',
+              options: [{
+                label: i18n("a32b3b848eee6929634dfc9a9d8bcdb1"),
+                value: 'light',
+                icon: 'far fa-sun'
+              }, {
+                label: i18n("adb7e5312abdb9a44297e48d63815fa3"),
+                value: 'dark',
+                icon: 'far fa-moon'
+              }],
+              pipeIn: defaultValue('light')
+            }, {
+              name: 'inline',
+              label: i18n("0de826c66ae3fe8043e9a39b35616ee6"),
+              type: 'switch',
+              mode: 'row',
+              inputClassName: 'inline-flex justify-between flex-row-reverse'
+            }, {
+              name: 'rootClose',
+              visibleOn: '~this.trigger.indexOf("click")',
+              label: i18n("4583d3453c31cd3ff068c1358d8e7f1c"),
+              type: 'switch',
+              mode: 'row',
+              inputClassName: 'inline-flex justify-between flex-row-reverse'
+            }]
+          }, {
+            title: i18n("dfac151de712ab0b3618072c8a7f0a0f"),
+            body: [{
+              name: 'wrapperComponent',
+              label: i18n("a823cfa70cfa46c788e1eedae043f6e5"),
+              type: 'input-text',
+              options: ['article', 'aside', 'code', 'div', 'footer', 'header', 'p', 'section'],
+              validations: {
+                isAlphanumeric: true,
+                matchRegexp: '/^(?!.*script).*$/' // 禁用一下script标签
+              },
+
+              validationErrors: {
+                isAlpha: i18n("f7d64e5e79994c3c8853f2608d7b2d25"),
+                matchRegexp: i18n("f7d64e5e79994c3c8853f2608d7b2d25")
+              },
+              validateOnChange: false
+            }, {
+              type: 'input-group',
+              label: tipedLabel(i18n("8e290c31bc0b4f76edbd58c3575b8420"), i18n("03c87fc8d49f865f0c2895d9ef3fe352")),
+              body: [{
+                type: 'input-number',
+                name: 'offset',
+                suffix: 'px',
+                pipeIn: function (value) {
+                  return Array.isArray(value) ? value[0] || 0 : 0;
+                },
+                pipeOut: function (value, oldValue, data) {
+                  var _a;
+                  return [value, ((_a = data.offset) === null || _a === void 0 ? void 0 : _a[1]) || 0];
+                }
+              }, {
+                type: 'input-number',
+                name: 'offset',
+                suffix: 'px',
+                pipeIn: function (value) {
+                  return Array.isArray(value) ? value[1] || 0 : 0;
+                },
+                pipeOut: function (value, oldValue, data) {
+                  var _a;
+                  return [((_a = data.offset) === null || _a === void 0 ? void 0 : _a[0]) || 0, value];
+                }
+              }]
+            }, {
+              type: 'switch',
+              label: tipedLabel(i18n("4e3e1e12e701890f4461808cc8f9d407"), i18n("9d6246f57f6924410b0c68f2172420f9")),
+              name: 'enterable',
+              inputClassName: 'is-inline'
+            }, {
+              type: 'switch',
+              label: tipedLabel(i18n("90919000a708f8d66b7591e21b8e33f1"), i18n("ed81f127f3b2aaff73a4f4dd5968fdcb")),
+              name: 'showArrow',
+              inputClassName: 'is-inline'
+            }, {
+              label: i18n("b60e5222037939812dabb7da9979c27d"),
+              type: 'input-number',
+              min: 0,
+              step: 100,
+              name: 'mouseEnterDelay',
+              suffix: 'ms',
+              pipeIn: defaultValue(0)
+            }, {
+              label: i18n("82bb338503938f2da52e91f7244a34a2"),
+              type: 'input-number',
+              min: 0,
+              step: 100,
+              name: 'mouseLeaveDelay',
+              suffix: 'ms',
+              pipeIn: defaultValue(0)
+            }]
+          }])]
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          className: 'p-none',
+          body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common'), true), [{
+            title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            body: [getSchemaTpl('className', {
+              label: i18n("d55c726c99995e106ba5f3bb2b791a86")
+            }), getSchemaTpl('className', {
+              label: i18n("0ce2605d7eed6782adb6bc62ffae2335"),
+              name: 'tooltipClassName'
+            })]
+          }], false))
+        }])];
+      }
+    });
+    return _this;
+  }
+  return TooltipWrapperPlugin;
+}(BasePlugin);
+registerEditorPlugin(TooltipWrapperPlugin);
+
+export { TooltipWrapperPlugin };

package/esm/plugin/Tpl.d.ts

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

package/esm/plugin/Tpl.js

@@ -0,0 +1,205 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __spreadArray } from 'tslib';
+import { setSchemaTpl, getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+setSchemaTpl('tpl:content', {
+  label: i18n("edb5acdc9ee5e75fbc238ab4a0300eaf"),
+  type: 'ae-textareaFormulaControl',
+  mode: 'normal',
+  visibleOn: 'data.wrapperComponent !== undefined',
+  pipeIn: function (value, data) {
+    return value || data && data.html;
+  },
+  name: 'tpl'
+});
+setSchemaTpl('tpl:rich-text', {
+  label: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+  type: 'input-rich-text',
+  mode: 'normal',
+  buttons: ['paragraphFormat', 'quote', 'textColor', 'backgroundColor', '|', 'bold', 'italic', 'underline', 'strikeThrough', '|', 'formatOL', 'formatUL', 'align', '|', 'insertLink', 'insertImage', 'insertTable', '|', 'undo', 'redo', 'fullscreen'],
+  minRows: 5,
+  language: 'html',
+  visibleOn: 'data.wrapperComponent === undefined',
+  pipeIn: function (value, data) {
+    return value || data && data.html;
+  },
+  name: 'tpl'
+});
+setSchemaTpl('tpl:wrapperComponent', {
+  name: 'wrapperComponent',
+  type: 'select',
+  pipeIn: function (value) {
+    return value === undefined ? 'rich-text' : value;
+  },
+  pipeOut: function (value) {
+    return value === 'rich-text' ? undefined : value;
+  },
+  label: i18n("b1f824deef0d11e1fe3b73167a902e31"),
+  options: [{
+    label: i18n("74cfa7e77be335e8e5489a00ef099cb9"),
+    value: ''
+  }, {
+    label: i18n("d482086f653d92fa8f1011d39738dba3"),
+    value: 'p'
+  }, {
+    label: i18n("ae27115431c46fa374ac28200304f341"),
+    value: 'h1'
+  }, {
+    label: i18n("de86106d6632da3fafb946f85ba91324"),
+    value: 'h2'
+  }, {
+    label: i18n("27f2c5c60f373a4380ec107ad8895f0e"),
+    value: 'h3'
+  }, {
+    label: i18n("c961174771e843ac4046b2b21c49424b"),
+    value: 'h4'
+  }, {
+    label: i18n("a791de104833c917f801c1976b9af960"),
+    value: 'h5'
+  }, {
+    label: i18n("de2687f9a16fea3654be84c74137b805"),
+    value: 'h6'
+  }, {
+    label: i18n("e2591e971f4c28db7c80a5f546084a1d"),
+    value: 'rich-text'
+  }],
+  onChange: function (value, oldValue, model, form) {
+    (value === undefined || oldValue === undefined) && form.setValueByName('tpl', '');
+  }
+});
+var TplPlugin = /** @class */function (_super) {
+  __extends(TplPlugin, _super);
+  function TplPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'tpl'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TplSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ca746b1ff10193a3ce20878dec04a733")
+    });
+    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-file-o'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'plain-plugin'
+    }); // 使用文字 icon
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("65862c97143c6c5479e0c623093a25d6")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/tpl'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'tpl',
+        tpl: i18n("38accbc34901ee6fd7bd7cd9f92f0a2a")
+      }
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'tpl',
+        tpl: i18n("590e147e49735ebbfc51ae2175c36eb0"),
+        inline: true,
+        wrapperComponent: ''
+      }
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ca746b1ff10193a3ce20878dec04a733")
+    });
+    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) {
+        // 在表格/CRUD/模型列表的一列里边
+        var isInTable = /\/cell\/field\/tpl$/.test(context.path);
+        return getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [!isInTable ? getSchemaTpl('tpl:wrapperComponent') : null, getSchemaTpl('switch', {
+              label: tipedLabel(i18n("2fb0853874c2cc8cc42f0c7520af662a"), i18n("47ae015d04dda362d066e4f9ac09d647")),
+              name: 'inline',
+              pipeIn: defaultValue(true),
+              hiddenOn: 'data.wrapperComponent !== ""'
+            }), getSchemaTpl('tpl:content'), getSchemaTpl('tpl:rich-text')]
+          }, getSchemaTpl('status')])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common', ['layout']), true), [getSchemaTpl('style:classNames', {
+            isFormItem: false
+          })], false))
+        }]);
+      }
+    });
+    Object.defineProperty(_this, "popOverBody", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [getSchemaTpl('tpl:content'), getSchemaTpl('tpl:rich-text'), getSchemaTpl('tpl:wrapperComponent')]
+    });
+    return _this;
+  }
+  return TplPlugin;
+}(BasePlugin);
+registerEditorPlugin(TplPlugin);
+
+export { TplPlugin };

package/esm/plugin/Video.d.ts

@@ -0,0 +1,27 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class VideoPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    pluginIcon: string;
+    scaffold: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+        poster: any;
+    };
+    previewSchema: {
+        type: string;
+        autoPlay: boolean;
+        src: string;
+        poster: any;
+    };
+    panelTitle: string;
+    panelBody: any[];
+    filterProps(props: any): any;
+}