amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

package/esm/plugin/ColumnToggler.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -7,106 +7,159 @@ import { __extends } from 'tslib';
 import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
-var ColumnToggler =
-/** @class */
-function (_super) {
+var ColumnToggler = /** @class */function (_super) {
   __extends(ColumnToggler, _super);
-
   function ColumnToggler() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'column-toggler';
-    _this.$schema = '/schemas/ColumnToggler.json'; // 组件名称
-
-    _this.name = i18n("2816cea6c4887a53c417831deb5fbe00");
-    _this.isBaseComponent = true;
-    _this.disabledRendererPlugin = true;
-    _this.description = i18n("a955021cdf0249de1f3818f83cf248b7");
-    _this.tags = [i18n("2816cea6c4887a53c417831deb5fbe00")];
-    _this.icon = 'fa fa-square';
-    _this.panelTitle = i18n("2816cea6c4887a53c417831deb5fbe00");
-    _this.panelJustify = true;
-
-    _this.panelBodyCreator = function (context) {
-      return getSchemaTpl('tabs', [{
-        title: i18n("24d67862f87f439db7ca957aecb77cce"),
-        body: getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [{
-            label: i18n("24bdc7e8957abfc5d82f4206e92bb518"),
-            type: 'input-text',
-            name: 'label'
-          }, {
-            label: i18n("787366b0d678071a5ed98e55d31eba84"),
-            type: 'input-text',
-            name: 'tooltip'
-          }, getSchemaTpl('switch', {
-            name: 'defaultIsOpened',
-            label: i18n("6a0508144ae12bfa79001693d713c0d6")
-          }), getSchemaTpl('icon', {
-            label: i18n("ae3816c5b00fcff4111842ac19f0a706")
-          })]
-        }])
-      }, {
-        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [getSchemaTpl('size', {
-            label: i18n("fe805d91ae93be775670c61214dd2f28")
-          })]
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'column-toggler'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/ColumnToggler.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("2816cea6c4887a53c417831deb5fbe00")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("a955021cdf0249de1f3818f83cf248b7")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("2816cea6c4887a53c417831deb5fbe00")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-square'
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("2816cea6c4887a53c417831deb5fbe00")
+    });
+    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"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              label: i18n("24bdc7e8957abfc5d82f4206e92bb518"),
+              type: 'input-text',
+              name: 'label'
+            }, {
+              label: i18n("787366b0d678071a5ed98e55d31eba84"),
+              type: 'input-text',
+              name: 'tooltip'
+            }, getSchemaTpl('switch', {
+              name: 'defaultIsOpened',
+              label: i18n("6a0508144ae12bfa79001693d713c0d6")
+            }), getSchemaTpl('icon', {
+              label: i18n("ae3816c5b00fcff4111842ac19f0a706")
+            })]
+          }])
         }, {
-          title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
-          body: [getSchemaTpl('className', {
-            name: 'className',
-            label: i18n("fbbbe30d78c335bad27f3dfc5efd2a5d")
-          }), getSchemaTpl('className', {
-            name: 'btnClassName',
-            label: i18n("ac3880323853de9adc4f66bc06d438ff")
-          })]
-        }])
-      }]);
-    };
-
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [getSchemaTpl('size', {
+              label: i18n("fe805d91ae93be775670c61214dd2f28")
+            })]
+          }, {
+            title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            body: [getSchemaTpl('className', {
+              name: 'className',
+              label: i18n("fbbbe30d78c335bad27f3dfc5efd2a5d")
+            }), getSchemaTpl('className', {
+              name: 'btnClassName',
+              label: i18n("ac3880323853de9adc4f66bc06d438ff")
+            })]
+          }])
+        }]);
+      }
+    });
     return _this;
   }
   /**
    * 如果禁用了没办法编辑
    */
-
-
-  ColumnToggler.prototype.filterProps = function (props) {
-    props.disabled = false;
-    return props;
-  };
+  Object.defineProperty(ColumnToggler.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      props.disabled = false;
+      return props;
+    }
+  });
   /**
    * 如果配置里面有 rendererName 自动返回渲染器信息。
    * @param renderer
    */
-
-
-  ColumnToggler.prototype.getRendererInfo = function (_a) {
-    var renderer = _a.renderer,
+  Object.defineProperty(ColumnToggler.prototype, "getRendererInfo", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a) {
+      var renderer = _a.renderer,
         schema = _a.schema;
-    var plugin = this;
-
-    if (schema.$$id && plugin.name && plugin.rendererName && plugin.rendererName === renderer.name) {
-      // 复制部分信息出去
-      return {
-        name: schema.label ? schema.label : plugin.name,
-        regions: plugin.regions,
-        patchContainers: plugin.patchContainers,
-        // wrapper: plugin.wrapper,
-        vRendererConfig: plugin.vRendererConfig,
-        wrapperProps: plugin.wrapperProps,
-        wrapperResolve: plugin.wrapperResolve,
-        filterProps: plugin.filterProps,
-        $schema: plugin.$schema,
-        renderRenderer: plugin.renderRenderer
-      };
+      var plugin = this;
+      if (schema.$$id && plugin.name && plugin.rendererName && plugin.rendererName === renderer.name) {
+        // 复制部分信息出去
+        return {
+          name: schema.label ? schema.label : plugin.name,
+          regions: plugin.regions,
+          patchContainers: plugin.patchContainers,
+          // wrapper: plugin.wrapper,
+          vRendererConfig: plugin.vRendererConfig,
+          wrapperProps: plugin.wrapperProps,
+          wrapperResolve: plugin.wrapperResolve,
+          filterProps: plugin.filterProps,
+          $schema: plugin.$schema,
+          renderRenderer: plugin.renderRenderer
+        };
+      }
     }
-  };
-
+  });
   return ColumnToggler;
 }(BasePlugin);
 registerEditorPlugin(ColumnToggler);

package/esm/plugin/Container.d.ts

@@ -1,4 +1,4 @@
-import { BaseEventContext, BasePlugin, RegionConfig } from 'amis-editor-core';
+import { BasePlugin, RegionConfig } from 'amis-editor-core';
 export declare class ContainerPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -11,17 +11,19 @@ export declare class ContainerPlugin extends BasePlugin {
     pluginIcon: string;
     scaffold: {
         type: string;
-        body: {
-            type: string;
-            tpl: string;
-        }[];
+        body: never[];
+        style: {
+            position: string;
+            display: string;
+        };
     };
     previewSchema: {
         type: string;
-        body: {
-            type: string;
-            tpl: string;
-        }[];
+        body: never[];
+        style: {
+            position: string;
+            display: string;
+        };
     };
     regions: Array<RegionConfig>;
     panelTitle: string;

package/esm/plugin/Container.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -7,79 +7,201 @@ import { __extends, __assign, __spreadArray } from 'tslib';
 import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
-var ContainerPlugin =
-/** @class */
-function (_super) {
+var ContainerPlugin = /** @class */function (_super) {
   __extends(ContainerPlugin, _super);
-
   function ContainerPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'container';
-    _this.$schema = '/schemas/ContainerSchema.json'; // 组件名称
-
-    _this.name = i18n("22c799040acdb2601b437ed5449de076");
-    _this.isBaseComponent = true;
-    _this.description = i18n("ded228f9173b241dd8df2a4811ea0e98");
-    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
-    _this.withDataSource = false;
-    _this.icon = 'fa fa-square-o';
-    _this.pluginIcon = 'container-plugin';
-    _this.scaffold = {
-      type: 'container',
-      body: [{
-        type: 'tpl',
-        tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014")
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'container'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/ContainerSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("22c799040acdb2601b437ed5449de076")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ded228f9173b241dd8df2a4811ea0e98")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "withDataSource", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: false
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-square-o'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'container-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'container',
+        body: [],
+        style: {
+          position: 'static',
+          display: 'block'
+        }
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18n("132a78bdf68d6d17bde00aa807bbf032")
       }]
-    };
-    _this.previewSchema = __assign({}, _this.scaffold);
-    _this.regions = [{
-      key: 'body',
-      label: i18n("132a78bdf68d6d17bde00aa807bbf032")
-    }];
-    _this.panelTitle = i18n("22c799040acdb2601b437ed5449de076");
-    _this.panelJustify = true;
-
-    _this.panelBodyCreator = function (context) {
-      return getSchemaTpl('tabs', [{
-        title: i18n("24d67862f87f439db7ca957aecb77cce"),
-        body: getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [{
-            name: 'wrapperComponent',
-            label: i18n("a823cfa70cfa46c788e1eedae043f6e5"),
-            type: 'input-text',
-            options: ['article', 'aside', 'code', 'div', 'footer', 'header', 'p', 'section'],
-            pipeIn: defaultValue('div'),
-            validations: {
-              isAlphanumeric: true,
-              matchRegexp: '/^(?!.*script).*$/' // 禁用一下script标签
-
-            },
-            validationErrors: {
-              isAlpha: i18n("f7d64e5e79994c3c8853f2608d7b2d25"),
-              matchRegexp: i18n("f7d64e5e79994c3c8853f2608d7b2d25")
-            },
-            validateOnChange: false
-          }]
-        }, getSchemaTpl('status')])
-      }, {
-        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        className: 'p-none',
-        body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray(__spreadArray([], getSchemaTpl('style:common', [], ['layout']), true), [getSchemaTpl('style:classNames', {
-          isFormItem: false,
-          schema: [getSchemaTpl('className', {
-            name: 'bodyClassName',
-            label: i18n("132a78bdf68d6d17bde00aa807bbf032")
-          })]
-        })], false), getSchemaTpl('style:common', ['layout']), true))
-      }]);
-    };
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("22c799040acdb2601b437ed5449de076")
+    });
+    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;
+        var curRendererSchema = context === null || context === void 0 ? void 0 : context.schema;
+        (curRendererSchema === null || curRendererSchema === void 0 ? void 0 : curRendererSchema.direction) === 'row' || (curRendererSchema === null || curRendererSchema === void 0 ? void 0 : curRendererSchema.direction) === 'row-reverse';
+        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 getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'wrapperComponent',
+              label: i18n("a823cfa70cfa46c788e1eedae043f6e5"),
+              type: 'input-text',
+              options: ['article', 'aside', 'code', 'div', 'footer', 'header', 'p', 'section'],
+              pipeIn: defaultValue('div'),
+              validations: {
+                isAlphanumeric: true,
+                matchRegexp: '/^(?!.*script).*$/' // 禁用一下script标签
+              },
 
+              validationErrors: {
+                isAlpha: i18n("f7d64e5e79994c3c8853f2608d7b2d25"),
+                matchRegexp: i18n("f7d64e5e79994c3c8853f2608d7b2d25")
+              },
+              validateOnChange: false
+            }]
+          }, {
+            title: i18n("5aefca559c5a41d10078e21e6d616825"),
+            body: [isFlexItem ? getSchemaTpl('layout:flex', {
+              isFlexColumnItem: isFlexColumnItem,
+              visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative")'
+            }) : null, isFlexItem ? getSchemaTpl('layout:flex-grow', {
+              visibleOn: 'data.style && data.style.flex !== "0 0 auto" && (data.style.position === "static" || data.style.position === "relative")'
+            }) : null, isFlexItem ? getSchemaTpl('layout:flex-basis', {
+              visibleOn: 'data.style && (data.style.position === "static" || data.style.position === "relative")'
+            }) : null, getSchemaTpl('layout:position'), getSchemaTpl('layout:originPosition'), getSchemaTpl('layout:inset', {
+              mode: 'vertical'
+            }), getSchemaTpl('layout:z-index'), getSchemaTpl('layout:display'), getSchemaTpl('layout:flexDirection', {
+              visibleOn: 'data.style && data.style.display === "flex"'
+            }), getSchemaTpl('layout:justifyContent', {
+              label: i18n("dde193342b8c350ae29795117c0c5b9a"),
+              visibleOn: 'data.style && data.style.display === "flex" && data.style.flexDirection === "row" || data.style.flexDirection === "row-reverse"'
+            }), getSchemaTpl('layout:justifyContent', {
+              label: i18n("5b15af1f73b4f2d5bb152410863602f4"),
+              visibleOn: 'data.style && data.style.display === "flex" && (data.style.flexDirection === "column" || data.style.flexDirection === "column-reverse")'
+            }), getSchemaTpl('layout:alignItems', {
+              label: i18n("dde193342b8c350ae29795117c0c5b9a"),
+              visibleOn: 'data.style && data.style.display === "flex" && (data.style.flexDirection === "column" || data.style.flexDirection === "column-reverse")'
+            }), getSchemaTpl('layout:alignItems', {
+              label: i18n("5b15af1f73b4f2d5bb152410863602f4"),
+              visibleOn: 'data.style && data.style.display === "flex" && (data.style.flexDirection === "row" || data.style.flexDirection === "row-reverse")'
+            }), getSchemaTpl('layout:flex-wrap', {
+              visibleOn: 'data.style && data.style.display === "flex"'
+            }), getSchemaTpl('layout:isFixedHeight', {
+              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+            }), getSchemaTpl('layout:height', {
+              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+            }), getSchemaTpl('layout:max-height', {
+              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+            }), getSchemaTpl('layout:min-height', {
+              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+            }), getSchemaTpl('layout:overflow-y', {
+              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem, " && (data.isFixedHeight || data.style && data.style.maxHeight) || (").concat(isFlexItem && isFlexColumnItem, " && data.style.flex === '0 0 auto')")
+            }), getSchemaTpl('layout:isFixedWidth', {
+              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+            }), getSchemaTpl('layout:width', {
+              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+            }), getSchemaTpl('layout:max-width', {
+              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+            }), getSchemaTpl('layout:min-width', {
+              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+            }), getSchemaTpl('layout:overflow-x', {
+              visibleOn: "".concat(!isFlexItem || isFlexColumnItem, " && (data.isFixedWidth || data.style && data.style.maxWidth) || (").concat(isFlexItem && !isFlexColumnItem, " && data.style.flex === '0 0 auto')")
+            }), !isFlexItem ? getSchemaTpl('layout:margin-center') : null]
+          }, getSchemaTpl('status')])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          className: 'p-none',
+          body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common', ['layout']), true), [getSchemaTpl('style:classNames', {
+            isFormItem: false,
+            schema: [getSchemaTpl('className', {
+              name: 'bodyClassName',
+              label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+            })]
+          })], false))
+        }]);
+      }
+    });
     return _this;
   }
-
   return ContainerPlugin;
 }(BasePlugin);
 registerEditorPlugin(ContainerPlugin);