amis-editor 5.2.5 → 5.4.0

package/esm/plugin/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.4.0
  * Copyright 2018-2023 @fex
  */
 
@@ -12,325 +12,241 @@ var ImagePlugin = /** @class */function (_super) {
   function ImagePlugin() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     // 关联渲染器名字
-    Object.defineProperty(_this, "rendererName", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'image'
-    });
-    Object.defineProperty(_this, "$schema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/schemas/ImageSchema.json'
-    });
+    _this.rendererName = 'image';
+    _this.$schema = '/schemas/ImageSchema.json';
     // 组件名称
-    Object.defineProperty(_this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18n("67997ccf7ea846c3c2d278b01ed9600b")
-    });
-    Object.defineProperty(_this, "isBaseComponent", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "description", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18n("6dcf991e992a0b765df0933411fe9bb2")
-    });
-    Object.defineProperty(_this, "tags", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [i18n("027446c2f9070b0f5b16a18208bf5fc7")]
-    });
-    Object.defineProperty(_this, "icon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'fa fa-photo'
-    });
-    Object.defineProperty(_this, "pluginIcon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'image-plugin'
-    });
-    Object.defineProperty(_this, "scaffold", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
+    _this.name = i18n("67997ccf7ea846c3c2d278b01ed9600b");
+    _this.isBaseComponent = true;
+    _this.description = i18n("6dcf991e992a0b765df0933411fe9bb2");
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-photo';
+    _this.pluginIcon = 'image-plugin';
+    _this.scaffold = {
+      type: 'image'
+    };
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      thumbMode: 'cover',
+      value: mockValue({
         type: 'image'
-      }
-    });
-    Object.defineProperty(_this, "previewSchema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: __assign(__assign({}, _this.scaffold), {
-        thumbMode: 'cover',
-        value: mockValue({
-          type: 'image'
-        })
       })
     });
-    Object.defineProperty(_this, "panelTitle", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18n("20def7942674282277c3714ed7ea6ce0")
-    });
-    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 isUnderField = /\/field\/\w+$/.test(context.path);
-        var i18nEnabled = getI18nEnabled();
-        return getSchemaTpl('tabs', [{
-          title: i18n("24d67862f87f439db7ca957aecb77cce"),
-          body: getSchemaTpl('collapseGroup', [{
-            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-            body: [{
-              name: 'title',
-              type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-              label: i18n("c6c7456d446d62a906c2809b6ba19ce1")
+    _this.panelTitle = i18n("20def7942674282277c3714ed7ea6ce0");
+    _this.panelJustify = true;
+    _this.panelBodyCreator = function (context) {
+      var isUnderField = /\/field\/\w+$/.test(context.path);
+      var i18nEnabled = getI18nEnabled();
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'title',
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+            label: i18n("c6c7456d446d62a906c2809b6ba19ce1")
+          }, {
+            name: 'imageCaption',
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+            label: i18n("098c3d959911b48b4d912cb85ccc4942")
+          }, {
+            name: 'imageMode',
+            label: i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
+            type: 'select',
+            pipeIn: defaultValue('thumb'),
+            options: [{
+              label: i18n("e18aa5e376437da71083a29c4cddaf46"),
+              value: 'thumb'
             }, {
-              name: 'imageCaption',
-              type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-              label: i18n("098c3d959911b48b4d912cb85ccc4942")
+              label: i18n("fb43d5ffa21f3c4055c29fad350f27e4"),
+              value: 'original'
+            }]
+          }, {
+            name: 'width',
+            label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
+            type: 'input-number'
+          }, {
+            name: 'height',
+            label: i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+            type: 'input-number'
+          }, isUnderField ? null : getSchemaTpl('imageUrl', {
+            name: 'src',
+            type: 'input-text',
+            label: i18n("582570bef8c57c5af7658c4a4eea45ff"),
+            description: i18n("1193e1aab7bea094279ae7b4288ba848")
+          }), {
+            type: 'ae-switch-more',
+            mode: 'normal',
+            name: 'enlargeAble',
+            label: tipedLabel(i18n("26122d95c72204c83ebdc37cd16a96f9"), i18n("a19769d02b8de60a1e3b46c3ef96f122")),
+            value: false,
+            hiddenOnDefault: false,
+            formType: 'extend',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            form: {
+              body: [getSchemaTpl('imageUrl', {
+                name: 'originalSrc',
+                label: i18n("7ffade593e390a2a2cc43e6663461b71"),
+                description: i18n("214953c5f7557b1a5f1310c87238ee03")
+              })]
+            }
+          }, {
+            type: 'input-text',
+            label: i18n("a3f38735bf211edb2066ac4e51b55cb2"),
+            name: 'href',
+            hiddenOn: 'this.enlargeAble',
+            clearValueOnHidden: true
+          }, getSchemaTpl('imageUrl', {
+            name: 'defaultImage',
+            label: tipedLabel(i18n("d196eb8f65e84003b7ca64d5dd8fc737"), i18n("f5865bf2d791d293374af4aa76d27c4d"))
+          })]
+        }, getSchemaTpl('status')])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [
+          // amis 已废弃
+          // getSchemaTpl('switch', {
+          //   name: 'showDimensions',
+          //   label: '显示图片尺寸'
+          // }),
+          {
+            name: 'thumbMode',
+            type: 'select',
+            label: i18n("00cedb73310cc531a43d23cfa5ba0e5f"),
+            mode: 'horizontal',
+            labelAlign: 'left',
+            horizontal: {
+              left: 5,
+              right: 7
+            },
+            pipeIn: defaultValue('contain'),
+            options: [{
+              label: i18n("b0267f4aa776e75443b7ef6e8dad257e"),
+              value: 'w-full'
             }, {
-              name: 'imageMode',
-              label: i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
-              type: 'select',
-              pipeIn: defaultValue('thumb'),
-              options: [{
-                label: i18n("e18aa5e376437da71083a29c4cddaf46"),
-                value: 'thumb'
-              }, {
-                label: i18n("fb43d5ffa21f3c4055c29fad350f27e4"),
-                value: 'original'
-              }]
+              label: i18n("c30b1b6f29debb05449aa3cb40268e7e"),
+              value: 'h-full'
             }, {
-              name: 'width',
-              label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
-              type: 'input-number'
+              label: i18n("e13556bb3580ac3746e1f8663eb15896"),
+              value: 'contain'
             }, {
-              name: 'height',
-              label: i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
-              type: 'input-number'
-            }, isUnderField ? null : getSchemaTpl('imageUrl', {
-              name: 'src',
-              type: 'input-text',
-              label: i18n("582570bef8c57c5af7658c4a4eea45ff"),
-              description: i18n("1193e1aab7bea094279ae7b4288ba848")
-            }), {
-              type: 'ae-switch-more',
-              mode: 'normal',
-              name: 'enlargeAble',
-              label: tipedLabel(i18n("26122d95c72204c83ebdc37cd16a96f9"), i18n("a19769d02b8de60a1e3b46c3ef96f122")),
-              value: false,
-              hiddenOnDefault: false,
-              formType: 'extend',
-              pipeIn: function (value) {
-                return !!value;
-              },
-              form: {
-                body: [getSchemaTpl('imageUrl', {
-                  name: 'originalSrc',
-                  label: i18n("7ffade593e390a2a2cc43e6663461b71"),
-                  description: i18n("214953c5f7557b1a5f1310c87238ee03")
-                })]
-              }
+              label: i18n("47303119ba97a66d168ff042575b9de4"),
+              value: 'cover'
+            }]
+          }, {
+            name: 'thumbRatio',
+            type: 'button-group-select',
+            label: i18n("319501b9acacdd6f94a9bdd0637a3cd2"),
+            size: 'sm',
+            pipeIn: defaultValue('1:1'),
+            options: [{
+              label: '1:1',
+              value: '1:1'
             }, {
-              type: 'input-text',
-              label: i18n("a3f38735bf211edb2066ac4e51b55cb2"),
-              name: 'href',
-              hiddenOn: 'this.enlargeAble',
-              clearValueOnHidden: true
-            }, getSchemaTpl('imageUrl', {
-              name: 'defaultImage',
-              label: tipedLabel(i18n("d196eb8f65e84003b7ca64d5dd8fc737"), i18n("f5865bf2d791d293374af4aa76d27c4d"))
-            })]
-          }, getSchemaTpl('status')])
-        }, {
-          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: getSchemaTpl('collapseGroup', [{
-            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-            body: [
-            // amis 已废弃
-            // getSchemaTpl('switch', {
-            //   name: 'showDimensions',
-            //   label: '显示图片尺寸'
-            // }),
-            {
-              name: 'thumbMode',
-              type: 'select',
-              label: i18n("00cedb73310cc531a43d23cfa5ba0e5f"),
-              mode: 'horizontal',
-              labelAlign: 'left',
-              horizontal: {
-                left: 5,
-                right: 7
-              },
-              pipeIn: defaultValue('contain'),
-              options: [{
-                label: i18n("b0267f4aa776e75443b7ef6e8dad257e"),
-                value: 'w-full'
-              }, {
-                label: i18n("c30b1b6f29debb05449aa3cb40268e7e"),
-                value: 'h-full'
-              }, {
-                label: i18n("e13556bb3580ac3746e1f8663eb15896"),
-                value: 'contain'
-              }, {
-                label: i18n("47303119ba97a66d168ff042575b9de4"),
-                value: 'cover'
-              }]
+              label: '4:3',
+              value: '4:3'
             }, {
-              name: 'thumbRatio',
-              type: 'button-group-select',
-              label: i18n("319501b9acacdd6f94a9bdd0637a3cd2"),
-              size: 'sm',
-              pipeIn: defaultValue('1:1'),
-              options: [{
-                label: '1:1',
-                value: '1:1'
-              }, {
-                label: '4:3',
-                value: '4:3'
-              }, {
-                label: '16:9',
-                value: '16:9'
-              }]
+              label: '16:9',
+              value: '16:9'
             }]
-          }, {
-            title: i18n("261bba7ad82914e477f4b37f6a83874e"),
-            body: [getSchemaTpl('className', {
-              label: i18n("5e5d3f13111593b2710673006d4c8297")
-            }), getSchemaTpl('className', {
-              name: 'imageClassName',
-              label: i18n("20def7942674282277c3714ed7ea6ce0")
-            }), getSchemaTpl('className', {
-              name: 'thumbClassName',
-              label: i18n("0f088d8f579c362068d7a3858e207280")
-            })]
-          }])
-        }]);
-      }
-    });
+          }]
+        }, {
+          title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+          body: [getSchemaTpl('className', {
+            label: i18n("5e5d3f13111593b2710673006d4c8297")
+          }), getSchemaTpl('className', {
+            name: 'imageClassName',
+            label: i18n("20def7942674282277c3714ed7ea6ce0")
+          }), getSchemaTpl('className', {
+            name: 'thumbClassName',
+            label: i18n("0f088d8f579c362068d7a3858e207280")
+          })]
+        }])
+      }]);
+    };
     return _this;
   }
-  Object.defineProperty(ImagePlugin.prototype, "onActive", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (event) {
-      var _a;
-      var context = event.context;
-      if (((_a = context.info) === null || _a === void 0 ? void 0 : _a.plugin) !== this || !context.node) {
-        return;
-      }
-      var node = context.node;
-      node.setHeightMutable(true);
-      node.setWidthMutable(true);
+  ImagePlugin.prototype.onActive = function (event) {
+    var _a;
+    var context = event.context;
+    if (((_a = context.info) === null || _a === void 0 ? void 0 : _a.plugin) !== this || !context.node) {
+      return;
     }
-  });
-  Object.defineProperty(ImagePlugin.prototype, "onWidthChangeStart", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (event) {
-      return this.onSizeChangeStart(event, 'horizontal');
+    var node = context.node;
+    node.setHeightMutable(true);
+    node.setWidthMutable(true);
+  };
+  ImagePlugin.prototype.onWidthChangeStart = function (event) {
+    return this.onSizeChangeStart(event, 'horizontal');
+  };
+  ImagePlugin.prototype.onHeightChangeStart = function (event) {
+    return this.onSizeChangeStart(event, 'vertical');
+  };
+  ImagePlugin.prototype.onSizeChangeStart = function (event, direction) {
+    var _a;
+    if (direction === void 0) {
+      direction = 'both';
     }
-  });
-  Object.defineProperty(ImagePlugin.prototype, "onHeightChangeStart", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (event) {
-      return this.onSizeChangeStart(event, 'vertical');
+    var context = event.context;
+    var node = context.node;
+    if (((_a = node.info) === null || _a === void 0 ? void 0 : _a.plugin) !== this) {
+      return;
     }
-  });
-  Object.defineProperty(ImagePlugin.prototype, "onSizeChangeStart", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (event, direction) {
-      var _a;
-      if (direction === void 0) {
-        direction = 'both';
-      }
-      var context = event.context;
-      var node = context.node;
-      if (((_a = node.info) === null || _a === void 0 ? void 0 : _a.plugin) !== this) {
-        return;
-      }
-      var resizer = context.resizer;
-      var dom = context.dom;
-      var frameRect = dom.parentElement.getBoundingClientRect();
-      var rect = dom.getBoundingClientRect();
-      var startX = context.nativeEvent.pageX;
-      var startY = context.nativeEvent.pageY;
-      event.setData({
-        onMove: function (e) {
-          var dy = e.pageY - startY;
-          var dx = e.pageX - startX;
-          var height = Math.max(50, rect.height + dy);
-          var width = Math.max(100, Math.min(rect.width + dx, frameRect.width));
-          var state = {
-            width: width,
-            height: height
-          };
-          if (direction === 'both') {
-            resizer.setAttribute('data-value', "".concat(width, "px x ").concat(height, "px"));
-          } else if (direction === 'vertical') {
-            resizer.setAttribute('data-value', "".concat(height, "px"));
-            delete state.width;
-          } else {
-            resizer.setAttribute('data-value', "".concat(width, "px"));
-            delete state.height;
-          }
-          node.updateState(state);
-          requestAnimationFrame(function () {
-            node.calculateHighlightBox();
-          });
-        },
-        onEnd: function (e) {
-          var dy = e.pageY - startY;
-          var dx = e.pageX - startX;
-          var height = Math.max(50, rect.height + dy);
-          var width = Math.max(100, Math.min(rect.width + dx, frameRect.width));
-          var state = {
-            width: width,
-            height: height
-          };
-          if (direction === 'vertical') {
-            delete state.width;
-          } else if (direction === 'horizontal') {
-            delete state.height;
-          }
-          resizer.removeAttribute('data-value');
-          node.updateSchema(state);
-          requestAnimationFrame(function () {
-            node.calculateHighlightBox();
-          });
+    var resizer = context.resizer;
+    var dom = context.dom;
+    var frameRect = dom.parentElement.getBoundingClientRect();
+    var rect = dom.getBoundingClientRect();
+    var startX = context.nativeEvent.pageX;
+    var startY = context.nativeEvent.pageY;
+    event.setData({
+      onMove: function (e) {
+        var dy = e.pageY - startY;
+        var dx = e.pageX - startX;
+        var height = Math.max(50, rect.height + dy);
+        var width = Math.max(100, Math.min(rect.width + dx, frameRect.width));
+        var state = {
+          width: width,
+          height: height
+        };
+        if (direction === 'both') {
+          resizer.setAttribute('data-value', "".concat(width, "px x ").concat(height, "px"));
+        } else if (direction === 'vertical') {
+          resizer.setAttribute('data-value', "".concat(height, "px"));
+          delete state.width;
+        } else {
+          resizer.setAttribute('data-value', "".concat(width, "px"));
+          delete state.height;
         }
-      });
-    }
-  });
+        node.updateState(state);
+        requestAnimationFrame(function () {
+          node.calculateHighlightBox();
+        });
+      },
+      onEnd: function (e) {
+        var dy = e.pageY - startY;
+        var dx = e.pageX - startX;
+        var height = Math.max(50, rect.height + dy);
+        var width = Math.max(100, Math.min(rect.width + dx, frameRect.width));
+        var state = {
+          width: width,
+          height: height
+        };
+        if (direction === 'vertical') {
+          delete state.width;
+        } else if (direction === 'horizontal') {
+          delete state.height;
+        }
+        resizer.removeAttribute('data-value');
+        node.updateSchema(state);
+        requestAnimationFrame(function () {
+          node.calculateHighlightBox();
+        });
+      }
+    });
+  };
+  ImagePlugin.scene = ['layout'];
   return ImagePlugin;
 }(BasePlugin);
 registerEditorPlugin(ImagePlugin);

package/esm/plugin/Images.d.ts

@@ -1,5 +1,6 @@
-import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+import { BasePlugin } from 'amis-editor-core';
 export declare class ImagesPlugin extends BasePlugin {
+    static scene: string[];
     rendererName: string;
     $schema: string;
     name: string;
@@ -10,16 +11,18 @@ export declare class ImagesPlugin extends BasePlugin {
     pluginIcon: string;
     scaffold: {
         type: string;
+        imageGallaryClassName: string;
     };
     previewSchema: {
         listClassName: string;
         thumbMode: string;
         value: {
             title: string;
-            image: string | string[];
-            src: string | string[];
+            image: any;
+            src: any;
         }[];
         type: string;
+        imageGallaryClassName: string;
     };
     panelTitle: string;
     panelJustify: boolean;