amis-editor 5.2.5-beta.5 → 5.2.5-beta.7

package/lib/plugin/Wrapper.d.ts

@@ -1,4 +1,4 @@
-import { LayoutBasePlugin, RegionConfig, BaseEventContext } from 'amis-editor-core';
+import { LayoutBasePlugin, RegionConfig } from 'amis-editor-core';
 export declare class WrapperPlugin extends LayoutBasePlugin {
     static scene: string[];
     rendererName: string;

package/lib/plugin/Wrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-beta.5
+ * amis-editor v5.2.5-alpha.12
  * Copyright 2018-2023 @fex
  */
 
@@ -16,266 +16,113 @@ var WrapperPlugin = /** @class */function (_super) {
   function WrapperPlugin() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     // 关联渲染器名字
-    Object.defineProperty(_this, "rendererName", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'wrapper'
-    });
-    Object.defineProperty(_this, "$schema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/schemas/WrapperSchema.json'
-    });
-    Object.defineProperty(_this, "disabledRendererPlugin", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    }); // 组件面板不显示
+    _this.rendererName = 'wrapper';
+    _this.$schema = '/schemas/WrapperSchema.json';
+    _this.disabledRendererPlugin = true; // 组件面板不显示
     // 组件名称
-    Object.defineProperty(_this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("8df7c8a1f9f579f0ddc35bb4ee50f166")
-    });
-    Object.defineProperty(_this, "isBaseComponent", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "description", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("de5e232d10e2fa6218259289d4de4835")
-    });
-    Object.defineProperty(_this, "docLink", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/amis/zh-CN/components/wrapper'
-    });
-    Object.defineProperty(_this, "tags", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")]
-    });
-    Object.defineProperty(_this, "icon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'fa fa-square-o'
-    });
-    Object.defineProperty(_this, "scaffold", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        type: 'wrapper',
-        body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
-      }
-    });
-    Object.defineProperty(_this, "previewSchema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: tslib.__assign({}, _this.scaffold)
-    });
-    Object.defineProperty(_this, "regions", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [{
-        key: 'body',
-        label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
-      }]
-    });
-    Object.defineProperty(_this, "panelTitle", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("8df7c8a1f9f579f0ddc35bb4ee50f166")
-    });
-    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 _a, _b;
-        context === null || context === void 0 ? void 0 : context.schema;
-        // const isFlexContainer = this.manager?.isFlexContainer(context?.id);
-        var isFlexItem = (_a = _this.manager) === null || _a === void 0 ? void 0 : _a.isFlexItem(context === null || context === void 0 ? void 0 : context.id);
-        var isFlexColumnItem = (_b = _this.manager) === null || _b === void 0 ? void 0 : _b.isFlexColumnItem(context === null || context === void 0 ? void 0 : context.id);
-        return [amisEditorCore.getSchemaTpl('tabs', [{
-          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
-          className: 'p-none',
-          body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
-            title: i18nRuntime.i18n("5aefca559c5a41d10078e21e6d616825"),
-            body: [amisEditorCore.getSchemaTpl('layout:position', {
-              visibleOn: '!data.stickyStatus'
-            }), amisEditorCore.getSchemaTpl('layout:originPosition'), amisEditorCore.getSchemaTpl('layout:inset', {
-              mode: 'vertical'
-            }), amisEditorCore.getSchemaTpl('layout:display'), amisEditorCore.getSchemaTpl('layout:flexDirection', {
-              visibleOn: 'data.style && data.style.display === "flex"'
-            }), amisEditorCore.getSchemaTpl('layout:justifyContent', {
-              label: i18nRuntime.i18n("dde193342b8c350ae29795117c0c5b9a"),
-              options: [{
-                label: i18nRuntime.i18n("413f48cc71f71083ce532a86e3efdc21"),
-                value: 'flex-start'
-              }, {
-                label: i18nRuntime.i18n("56c17ba6a56c01706ae00a31611deb03"),
-                value: 'center'
-              }, {
-                label: i18nRuntime.i18n("fd8e9572cc6bf87653c4d8f8b8dd0db9"),
-                value: 'flex-end'
-              }, {
-                label: i18nRuntime.i18n("da1b972efb29f850b50e219ad4d98ba5"),
-                value: 'space-between'
-              }, {
-                label: i18nRuntime.i18n("28968f372fe88c0ef855c7f79f42bbad"),
-                value: 'space-evenly'
-              }],
-              visibleOn: 'data.style && data.style.display === "flex" && data.style.flexDirection === "row" || data.style.flexDirection === "row-reverse"'
-            }), amisEditorCore.getSchemaTpl('layout:justifyContent', {
-              label: i18nRuntime.i18n("5b15af1f73b4f2d5bb152410863602f4"),
-              options: [{
-                label: i18nRuntime.i18n("2a6ad292447e6354ca39ee7f40d2fcc8"),
-                value: 'flex-start'
-              }, {
-                label: i18nRuntime.i18n("56c17ba6a56c01706ae00a31611deb03"),
-                value: 'center'
-              }, {
-                label: i18nRuntime.i18n("d68c21b6b65e7a2e361762b65b8a5032"),
-                value: 'flex-end'
-              }, {
-                label: i18nRuntime.i18n("da1b972efb29f850b50e219ad4d98ba5"),
-                value: 'space-between'
-              }, {
-                label: i18nRuntime.i18n("28968f372fe88c0ef855c7f79f42bbad"),
-                value: 'space-evenly'
-              }],
-              visibleOn: 'data.style && data.style.display === "flex" && (data.style.flexDirection === "column" || data.style.flexDirection === "column-reverse")'
-            }), amisEditorCore.getSchemaTpl('layout:alignItems', {
-              label: i18nRuntime.i18n("dde193342b8c350ae29795117c0c5b9a"),
-              options: [{
-                label: i18nRuntime.i18n("413f48cc71f71083ce532a86e3efdc21"),
-                value: 'flex-start'
-              }, {
-                label: i18nRuntime.i18n("56c17ba6a56c01706ae00a31611deb03"),
-                value: 'center'
-              }, {
-                label: i18nRuntime.i18n("fd8e9572cc6bf87653c4d8f8b8dd0db9"),
-                value: 'flex-end'
-              }, {
-                label: i18nRuntime.i18n("ed97c73866617b40a7b1215867e0f489"),
-                value: 'baseline'
-              }, {
-                label: i18nRuntime.i18n("7ac1519928de413cfe36f5d2e0610430"),
-                value: 'stretch'
-              }],
-              visibleOn: 'data.style && data.style.display === "flex" && (data.style.flexDirection === "column" || data.style.flexDirection === "column-reverse")'
-            }), amisEditorCore.getSchemaTpl('layout:alignItems', {
-              label: i18nRuntime.i18n("5b15af1f73b4f2d5bb152410863602f4"),
-              options: [{
-                label: i18nRuntime.i18n("2a6ad292447e6354ca39ee7f40d2fcc8"),
-                value: 'flex-start'
-              }, {
-                label: i18nRuntime.i18n("56c17ba6a56c01706ae00a31611deb03"),
-                value: 'center'
-              }, {
-                label: i18nRuntime.i18n("d68c21b6b65e7a2e361762b65b8a5032"),
-                value: 'flex-end'
-              }, {
-                label: i18nRuntime.i18n("ed97c73866617b40a7b1215867e0f489"),
-                value: 'baseline'
-              }, {
-                label: i18nRuntime.i18n("cbac406a3f51abad691702015b0784ba"),
-                value: 'stretch'
-              }],
-              visibleOn: 'data.style && data.style.display === "flex" && (data.style.flexDirection === "row" || data.style.flexDirection === "row-reverse")'
-            }), amisEditorCore.getSchemaTpl('layout:flex-wrap', {
-              visibleOn: 'data.style && data.style.display === "flex"'
-            }), isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex', {
-              isFlexColumnItem: isFlexColumnItem,
-              label: isFlexColumnItem ? i18nRuntime.i18n("f02f876ee64cc016d97fa4dc498d4857") : i18nRuntime.i18n("a170a375b264f7fe0c02a7ca8c268784"),
-              visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative")'
-            }) : null, isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex-grow', {
-              visibleOn: 'data.style && data.style.flex === "1 1 auto" && (data.style.position === "static" || data.style.position === "relative")'
-            }) : null, isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex-basis', {
-              label: isFlexColumnItem ? i18nRuntime.i18n("183f00df0922a6be371fea58cd46a60a") : i18nRuntime.i18n("f92626f9e56b3e2d0c47495a446acf71"),
-              visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative") && data.style.flex === "1 1 auto"'
-            }) : null, isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex-basis', {
-              label: isFlexColumnItem ? i18nRuntime.i18n("c19b79073b676b9bade80613aba2dbfa") : i18nRuntime.i18n("b591aed69defa2abf0486da6a58dfb5e"),
-              visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative") && data.style.flex === "0 0 150px"'
-            }) : null, amisEditorCore.getSchemaTpl('layout:overflow-x', {
-              visibleOn: "".concat(isFlexItem && !isFlexColumnItem, " && data.style.flex === '0 0 150px'")
-            }), amisEditorCore.getSchemaTpl('layout:isFixedHeight', {
-              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem),
-              onChange: function (value) {
-                context === null || context === void 0 ? void 0 : context.node.setHeightMutable(value);
-              }
-            }), amisEditorCore.getSchemaTpl('layout:height', {
-              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
-            }), amisEditorCore.getSchemaTpl('layout:max-height', {
-              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
-            }), amisEditorCore.getSchemaTpl('layout:min-height', {
-              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
-            }), amisEditorCore.getSchemaTpl('layout:overflow-y', {
-              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem, " && (data.isFixedHeight || data.style && data.style.maxHeight) || (").concat(isFlexItem && isFlexColumnItem, " && data.style.flex === '0 0 150px')")
-            }), amisEditorCore.getSchemaTpl('layout:isFixedWidth', {
-              visibleOn: "".concat(!isFlexItem || isFlexColumnItem),
-              onChange: function (value) {
-                context === null || context === void 0 ? void 0 : context.node.setWidthMutable(value);
-              }
-            }), amisEditorCore.getSchemaTpl('layout:width', {
-              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
-            }), amisEditorCore.getSchemaTpl('layout:max-width', {
-              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
-            }), amisEditorCore.getSchemaTpl('layout:min-width', {
-              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
-            }), amisEditorCore.getSchemaTpl('layout:overflow-x', {
-              visibleOn: "".concat(!isFlexItem || isFlexColumnItem, " && (data.isFixedWidth || data.style && data.style.maxWidth)")
-            }), !isFlexItem ? amisEditorCore.getSchemaTpl('layout:margin-center') : null, !isFlexItem ? amisEditorCore.getSchemaTpl('layout:textAlign', {
-              name: 'style.textAlign',
-              label: i18nRuntime.i18n("a3221d2d224767df4afa7a8653ded8fe"),
-              visibleOn: 'data.style && data.style.display !== "flex" && data.style.display !== "inline-flex"'
-            }) : null, amisEditorCore.getSchemaTpl('layout:z-index')]
-          }, {
-            title: i18nRuntime.i18n("f7e68bde2caa2cb5696d6a37fe4a23a4"),
-            body: [amisEditorCore.getSchemaTpl('layout:padding')]
-          }, amisEditorCore.getSchemaTpl('status')])]
+    _this.name = i18nRuntime.i18n("8df7c8a1f9f579f0ddc35bb4ee50f166");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("de5e232d10e2fa6218259289d4de4835");
+    _this.docLink = '/amis/zh-CN/components/wrapper';
+    _this.tags = [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-square-o';
+    _this.scaffold = {
+      type: 'wrapper',
+      body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+    };
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.regions = [{
+      key: 'body',
+      label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
+    }];
+    _this.panelTitle = i18nRuntime.i18n("8df7c8a1f9f579f0ddc35bb4ee50f166");
+    _this.panelJustify = true;
+    _this.panelBodyCreator = function (context) {
+      var _a, _b;
+      var curRendererSchema = context === null || context === void 0 ? void 0 : context.schema;
+      // const isFlexContainer = this.manager?.isFlexContainer(context?.id);
+      var isFlexItem = (_a = _this.manager) === null || _a === void 0 ? void 0 : _a.isFlexItem(context === null || context === void 0 ? void 0 : context.id);
+      var isFlexColumnItem = (_b = _this.manager) === null || _b === void 0 ? void 0 : _b.isFlexColumnItem(context === null || context === void 0 ? void 0 : context.id);
+      return [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("5aefca559c5a41d10078e21e6d616825"),
+          body: [amisEditorCore.getSchemaTpl('layout:position', {
+            visibleOn: '!data.stickyStatus'
+          }), amisEditorCore.getSchemaTpl('layout:originPosition'), amisEditorCore.getSchemaTpl('layout:inset', {
+            mode: 'vertical'
+          }), amisEditorCore.getSchemaTpl('layout:display'), amisEditorCore.getSchemaTpl('layout:flex-setting', {
+            visibleOn: 'data.style && (data.style.display === "flex" || data.style.display === "inline-flex")',
+            direction: curRendererSchema.direction,
+            justify: curRendererSchema.justify,
+            alignItems: curRendererSchema.alignItems
+          }), amisEditorCore.getSchemaTpl('layout:flex-wrap', {
+            visibleOn: 'data.style && (data.style.display === "flex" || data.style.display === "inline-flex")'
+          }), isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex', {
+            isFlexColumnItem: isFlexColumnItem,
+            label: isFlexColumnItem ? i18nRuntime.i18n("f02f876ee64cc016d97fa4dc498d4857") : i18nRuntime.i18n("a170a375b264f7fe0c02a7ca8c268784"),
+            visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative")'
+          }) : null, isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex-grow', {
+            visibleOn: 'data.style && data.style.flex === "1 1 auto" && (data.style.position === "static" || data.style.position === "relative")'
+          }) : null, isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex-basis', {
+            label: isFlexColumnItem ? i18nRuntime.i18n("183f00df0922a6be371fea58cd46a60a") : i18nRuntime.i18n("f92626f9e56b3e2d0c47495a446acf71"),
+            visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative") && data.style.flex === "1 1 auto"'
+          }) : null, isFlexItem ? amisEditorCore.getSchemaTpl('layout:flex-basis', {
+            label: isFlexColumnItem ? i18nRuntime.i18n("c19b79073b676b9bade80613aba2dbfa") : i18nRuntime.i18n("b591aed69defa2abf0486da6a58dfb5e"),
+            visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative") && data.style.flex === "0 0 150px"'
+          }) : null, amisEditorCore.getSchemaTpl('layout:overflow-x', {
+            visibleOn: "".concat(isFlexItem && !isFlexColumnItem, " && data.style.flex === '0 0 150px'")
+          }), amisEditorCore.getSchemaTpl('layout:isFixedHeight', {
+            visibleOn: "".concat(!isFlexItem || !isFlexColumnItem),
+            onChange: function (value) {
+              context === null || context === void 0 ? void 0 : context.node.setHeightMutable(value);
+            }
+          }), amisEditorCore.getSchemaTpl('layout:height', {
+            visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+          }), amisEditorCore.getSchemaTpl('layout:max-height', {
+            visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+          }), amisEditorCore.getSchemaTpl('layout:min-height', {
+            visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+          }), amisEditorCore.getSchemaTpl('layout:overflow-y', {
+            visibleOn: "".concat(!isFlexItem || !isFlexColumnItem, " && (data.isFixedHeight || data.style && data.style.maxHeight) || (").concat(isFlexItem && isFlexColumnItem, " && data.style.flex === '0 0 150px')")
+          }), amisEditorCore.getSchemaTpl('layout:isFixedWidth', {
+            visibleOn: "".concat(!isFlexItem || isFlexColumnItem),
+            onChange: function (value) {
+              context === null || context === void 0 ? void 0 : context.node.setWidthMutable(value);
+            }
+          }), amisEditorCore.getSchemaTpl('layout:width', {
+            visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+          }), amisEditorCore.getSchemaTpl('layout:max-width', {
+            visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+          }), amisEditorCore.getSchemaTpl('layout:min-width', {
+            visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+          }), amisEditorCore.getSchemaTpl('layout:overflow-x', {
+            visibleOn: "".concat(!isFlexItem || isFlexColumnItem, " && (data.isFixedWidth || data.style && data.style.maxWidth)")
+          }), !isFlexItem ? amisEditorCore.getSchemaTpl('layout:margin-center') : null, !isFlexItem ? amisEditorCore.getSchemaTpl('layout:textAlign', {
+            name: 'style.textAlign',
+            label: i18nRuntime.i18n("a3221d2d224767df4afa7a8653ded8fe"),
+            visibleOn: 'data.style && data.style.display !== "flex" && data.style.display !== "inline-flex"'
+          }) : null, amisEditorCore.getSchemaTpl('layout:z-index')]
         }, {
-          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          className: 'p-none',
-          body: amisEditorCore.getSchemaTpl('collapseGroup', tslib.__spreadArray(tslib.__spreadArray([], amisEditorCore.getSchemaTpl('style:common', ['layout']), true), [{
-            title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
-            body: [amisEditorCore.getSchemaTpl('className', {
-              description: i18nRuntime.i18n("5db7ca044a5179bf05428b283ac0452c"),
-              pipeIn: amisEditorCore.defaultValue('bg-white')
-            })]
-          }], false))
-        }])];
-      }
-    });
+          title: i18nRuntime.i18n("f7e68bde2caa2cb5696d6a37fe4a23a4"),
+          body: [amisEditorCore.getSchemaTpl('layout:padding')]
+        }, amisEditorCore.getSchemaTpl('status')])]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        className: 'p-none',
+        body: amisEditorCore.getSchemaTpl('collapseGroup', tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(amisEditorCore.getSchemaTpl('style:common', ['layout'])), false), [{
+          title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          body: [amisEditorCore.getSchemaTpl('className', {
+            description: i18nRuntime.i18n("5db7ca044a5179bf05428b283ac0452c"),
+            pipeIn: amisEditorCore.defaultValue('bg-white')
+          })]
+        }], false))
+      }])];
+    };
     return _this;
   }
-  Object.defineProperty(WrapperPlugin, "scene", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: ['layout']
-  });
+  WrapperPlugin.scene = ['layout'];
   return WrapperPlugin;
 }(amisEditorCore.LayoutBasePlugin);
 amisEditorCore.registerEditorPlugin(WrapperPlugin);