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

package/esm/plugin/Layout/FlexPluginBase.js

@@ -0,0 +1,327 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign, __spreadArray } from 'tslib';
+import { getSchemaTpl, BasePlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var defaultFlexColumnSchema = function (title) {
+  return {
+    type: 'wrapper',
+    body: [],
+    size: 'xs',
+    style: {
+      position: 'static',
+      display: 'block',
+      flex: '1 1 auto',
+      flexGrow: 1,
+      flexBasis: 'auto'
+    },
+    isFixedHeight: false,
+    isFixedWidth: false
+  };
+};
+// 默认的布局容器Schema
+var defaultFlexContainerSchema = {
+  type: 'flex',
+  className: 'p-1',
+  items: [defaultFlexColumnSchema(i18n("ef5abdfc944546ddcbe10e9884cf5832")), defaultFlexColumnSchema(i18n("874fdb7b3a5730910a4de1c58220c337")), defaultFlexColumnSchema(i18n("3a76596e73fa265257ce90b7bed684c7"))],
+  style: {
+    position: 'static'
+  },
+  direction: "row",
+  justify: 'flex-start',
+  alignItems: 'stretch'
+};
+var FlexPluginBase = /** @class */function (_super) {
+  __extends(FlexPluginBase, _super);
+  function FlexPluginBase() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'flex'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/FlexSchema.json'
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: false
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b1b98c19058af70d8bd499e1899e93bc")
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: -1200
+    });
+    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-columns'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'flex-container-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("03097563d201ad3a29c79165226764e5")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/flex'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("e731c52010266b8ade1e7e78e25cdccc")]
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: defaultFlexContainerSchema
+    });
+    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: 'Flex'
+    });
+    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"),
+          className: 'p-none',
+          body: [getSchemaTpl('collapseGroup', [{
+            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', {
+              label: isFlexColumnItem ? i18n("f80bd0a5546465336f4f9cafdfa8b67f") : i18n("cf8852316501c22ea19c4e432c59e7d7"),
+              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:flexDirection', {
+              name: 'direction'
+            }), getSchemaTpl('layout:justifyContent', {
+              name: 'justify',
+              label: i18n("dde193342b8c350ae29795117c0c5b9a"),
+              visibleOn: 'data.direction === "row" || data.direction === "row-reverse"'
+            }),
+            // 备注: 重复一个是为了能实时联动，后续需要amis优化，支持label使用公式表达式
+            getSchemaTpl('layout:justifyContent', {
+              name: 'justify',
+              label: i18n("5b15af1f73b4f2d5bb152410863602f4"),
+              visibleOn: 'data.direction === "column" || data.direction === "column-reverse"'
+            }), getSchemaTpl('layout:alignItems', {
+              name: 'alignItems',
+              label: i18n("dde193342b8c350ae29795117c0c5b9a"),
+              visibleOn: 'data.direction === "column" || data.direction === "column-reverse"'
+            }), getSchemaTpl('layout:alignItems', {
+              name: 'alignItems',
+              label: i18n("5b15af1f73b4f2d5bb152410863602f4"),
+              visibleOn: 'data.direction === "row" || data.direction === "row-reverse"'
+            }), getSchemaTpl('layout:flex-wrap'), 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', ['display']), true), [{
+            title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            body: [getSchemaTpl('className', {
+              label: i18n("023c4bfc60545a2668c2d5111171b5d8")
+            })]
+          }], false))
+        }])];
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'items',
+        label: i18n("a4611da51ffee9140976d01668e45d45")
+      }]
+    });
+    return _this;
+  }
+  Object.defineProperty(FlexPluginBase.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, toolbars) {
+      var _this = this;
+      var _b, _c, _d, _e, _f;
+      var id = _a.id,
+        info = _a.info;
+        _a.schema;
+      var store = this.manager.store;
+      var parent = store.getSchemaParentById(id);
+      var draggableContainer = this.manager.draggableContainer(id);
+      var isFlexItem = (_b = this.manager) === null || _b === void 0 ? void 0 : _b.isFlexItem(id);
+      var isFlexColumnItem = (_c = this.manager) === null || _c === void 0 ? void 0 : _c.isFlexColumnItem(id);
+      var newColumnSchema = defaultFlexColumnSchema(i18n("e151c86d57096bb74dcd390ade29362b"));
+      var toolbarsTooltips = {};
+      toolbars.forEach(function (toolbar) {
+        if (toolbar.tooltip) {
+          toolbarsTooltips[toolbar.tooltip] = 1;
+        }
+      });
+      if (parent && (((_d = info.renderer) === null || _d === void 0 ? void 0 : _d.name) === 'flex' || ((_e = info.renderer) === null || _e === void 0 ? void 0 : _e.name) === 'container') && !isFlexItem &&
+      // 备注：如果是列级元素就不需要显示了
+      !draggableContainer) {
+        // 非特殊布局元素（fixed、absolute）支持前后插入追加布局元素功能icon
+        if (!toolbarsTooltips[i18n("dbb93e8f413074ead24b6ed822247d98")]) {
+          toolbars.push({
+            iconSvg: 'add-btn',
+            tooltip: i18n("dbb93e8f413074ead24b6ed822247d98"),
+            level: 'special',
+            placement: 'right',
+            className: 'ae-InsertBefore is-vertical',
+            onClick: function () {
+              return _this.manager.appendSiblingSchema(defaultFlexContainerSchema, true, true);
+            }
+          }, {
+            iconSvg: 'add-btn',
+            tooltip: i18n("5b5765b3fd7e72e04a5cd3e2ef6218a4"),
+            level: 'special',
+            placement: 'right',
+            className: 'ae-InsertAfter is-vertical',
+            onClick: function () {
+              return _this.manager.appendSiblingSchema(defaultFlexContainerSchema, false, true);
+            }
+          });
+        }
+        // 布局容器 右上角插入子元素
+        if (((_f = info.renderer) === null || _f === void 0 ? void 0 : _f.name) === 'flex') {
+          if (!toolbarsTooltips[i18n("31f84d1bc6175fd0828a81b5bfd98736")]) {
+            toolbars.push({
+              iconSvg: 'add-btn',
+              tooltip: i18n("31f84d1bc6175fd0828a81b5bfd98736"),
+              level: 'special',
+              placement: 'bottom',
+              className: 'ae-AppendChild',
+              onClick: function () {
+                return _this.manager.addElem(newColumnSchema);
+              }
+            });
+          }
+        }
+      }
+      if (isFlexItem && !draggableContainer) {
+        if (!toolbarsTooltips["".concat(isFlexColumnItem ? i18n("14c495b1248756310c75396cd41f4fe9") : i18n("39a2cb79c6d9762783e20522ea86dcff"), "\u63D2\u5165\u5217\u7EA7\u5BB9\u5668")]) {
+          // 布局容器的列级元素 增加左右插入icon
+          toolbars.push({
+            iconSvg: 'add-btn',
+            tooltip: "".concat(isFlexColumnItem ? i18n("14c495b1248756310c75396cd41f4fe9") : i18n("39a2cb79c6d9762783e20522ea86dcff"), "\u63D2\u5165\u5217\u7EA7\u5BB9\u5668"),
+            level: 'special',
+            placement: 'right',
+            className: isFlexColumnItem ? 'ae-InsertBefore is-vertical' : 'ae-InsertBefore',
+            onClick: function () {
+              return _this.manager.appendSiblingSchema(newColumnSchema, true, true);
+            }
+          }, {
+            iconSvg: 'add-btn',
+            tooltip: "".concat(isFlexColumnItem ? i18n("e33ac3a4c1a95a02a18f1555038804da") : i18n("de2a774bf98944b8f0ec8755d5f59d64"), "\u63D2\u5165\u5217\u7EA7\u5BB9\u5668"),
+            level: 'special',
+            placement: isFlexColumnItem ? 'right' : 'left',
+            className: isFlexColumnItem ? 'ae-InsertAfter is-vertical' : 'ae-InsertAfter',
+            onClick: function () {
+              return _this.manager.appendSiblingSchema(newColumnSchema, false, true);
+            }
+          });
+        }
+      }
+    }
+  });
+  Object.defineProperty(FlexPluginBase.prototype, "afterResolveJsonSchema", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event) {
+      var _a, _b;
+      var context = event.context;
+      var parent = (_a = context.node.parent) === null || _a === void 0 ? void 0 : _a.host;
+      if (((_b = parent === null || parent === void 0 ? void 0 : parent.info) === null || _b === void 0 ? void 0 : _b.plugin) === this) {
+        event.setData('/schemas/FlexColumn.json');
+      }
+    }
+  });
+  return FlexPluginBase;
+}(BasePlugin);
+
+export { FlexPluginBase, defaultFlexColumnSchema };

package/esm/plugin/Layout/Layout1_2_v4.d.ts

@@ -0,0 +1,10 @@
+import { FlexPluginBase } from './FlexPluginBase';
+export default class Layout1_2_v4 extends FlexPluginBase {
+    name: string;
+    isBaseComponent: boolean;
+    pluginIcon: string;
+    description: string;
+    tags: string[];
+    order: number;
+    scaffold: any;
+}

package/esm/plugin/Layout/Layout1_2_v4.js

@@ -0,0 +1,144 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { FlexPluginBase } from './FlexPluginBase.js';
+import { i18n } from 'i18n-runtime';
+
+var Layout1_2_v4 = /** @class */function (_super) {
+  __extends(Layout1_2_v4, _super);
+  function Layout1_2_v4() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ba9ccf1040d7abd0848046330ba3558c")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'layout-3-1-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("230d65546ea0d299907943403608233c")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("e731c52010266b8ade1e7e78e25cdccc")]
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 307
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'flex',
+        className: 'p-1',
+        items: [{
+          type: 'wrapper',
+          size: 'xs',
+          body: [],
+          style: {
+            flex: '0 0 auto',
+            display: 'block'
+          }
+        }, {
+          type: 'flex',
+          items: [{
+            type: 'wrapper',
+            size: 'xs',
+            body: [],
+            style: {
+              flex: '0 0 auto',
+              flexBasis: '250px',
+              display: 'block'
+            }
+          }, {
+            type: 'flex',
+            items: [{
+              type: 'wrapper',
+              size: 'xs',
+              body: [],
+              style: {
+                flex: '1 1 auto',
+                flexBasis: 'auto',
+                flexGrow: 1,
+                display: 'block'
+              }
+            }, {
+              type: 'wrapper',
+              size: 'xs',
+              body: [],
+              style: {
+                flex: '1 1 auto',
+                flexBasis: 'auto',
+                flexGrow: 1,
+                display: 'block'
+              }
+            }],
+            style: {
+              position: 'static',
+              overflowX: 'auto',
+              overflowY: 'auto',
+              margin: '0',
+              flex: '1 1 auto',
+              flexGrow: 1,
+              flexBasis: 'auto'
+            },
+            alignItems: 'stretch',
+            direction: 'column',
+            justify: 'center',
+            isFixedHeight: false,
+            isFixedWidth: false
+          }],
+          style: {
+            flex: '1 1 auto',
+            overflowX: 'auto',
+            margin: '0',
+            maxWidth: 'auto',
+            overflowY: 'auto',
+            position: 'static',
+            minWidth: 'auto',
+            width: 'auto',
+            maxHeight: 'auto',
+            minHeight: '300px'
+          },
+          direction: 'row',
+          justify: 'flex-start',
+          alignItems: 'stretch',
+          isFixedHeight: false,
+          isFixedWidth: false
+        }],
+        direction: 'column',
+        justify: 'center',
+        alignItems: 'stretch'
+      }
+    });
+    return _this;
+  }
+  return Layout1_2_v4;
+}(FlexPluginBase);
+registerEditorPlugin(Layout1_2_v4);
+
+export { Layout1_2_v4 as default };

package/esm/plugin/Layout/Layout_fixed.d.ts

@@ -0,0 +1,10 @@
+import { FlexPluginBase } from './FlexPluginBase';
+export default class Layout_fixed extends FlexPluginBase {
+    name: string;
+    isBaseComponent: boolean;
+    pluginIcon: string;
+    description: string;
+    tags: string[];
+    order: number;
+    scaffold: any;
+}

package/esm/plugin/Layout/Layout_fixed.js

@@ -0,0 +1,76 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { FlexPluginBase } from './FlexPluginBase.js';
+import { i18n } from 'i18n-runtime';
+
+var Layout_fixed = /** @class */function (_super) {
+  __extends(Layout_fixed, _super);
+  function Layout_fixed() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("9bbb7cfaeb34a2b5c095ac253355f028")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'layout-fixed-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("a3e91631c1a3a43e09526ea7f6b8595c")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("e731c52010266b8ade1e7e78e25cdccc")]
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 503
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'container',
+        size: 'xs',
+        body: [],
+        style: {
+          position: 'fixed',
+          inset: 'auto 50px 50px auto',
+          zIndex: 10,
+          minWidth: '80px',
+          minHeight: '80px',
+          display: 'block'
+        },
+        originPosition: 'right-bottom'
+      }
+    });
+    return _this;
+  }
+  return Layout_fixed;
+}(FlexPluginBase);
+registerEditorPlugin(Layout_fixed);
+
+export { Layout_fixed as default };

package/esm/plugin/Layout/Layout_fixed_bottom.d.ts

@@ -0,0 +1,10 @@
+import { FlexPluginBase } from './FlexPluginBase';
+export default class Layout_fixed_bottom extends FlexPluginBase {
+    name: string;
+    isBaseComponent: boolean;
+    pluginIcon: string;
+    description: string;
+    tags: string[];
+    order: number;
+    scaffold: any;
+}

package/esm/plugin/Layout/Layout_fixed_bottom.js

@@ -0,0 +1,83 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { defaultFlexColumnSchema, FlexPluginBase } from './FlexPluginBase.js';
+import { i18n } from 'i18n-runtime';
+
+var Layout_fixed_bottom = /** @class */function (_super) {
+  __extends(Layout_fixed_bottom, _super);
+  function Layout_fixed_bottom() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("d423930b823fc45f08c18922b19e4e9e")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'flex-container-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b8b4eb373d8ba6f98271b681fba2511d")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("e731c52010266b8ade1e7e78e25cdccc")]
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 501
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'flex',
+        className: 'p-1',
+        items: [defaultFlexColumnSchema(), defaultFlexColumnSchema(), defaultFlexColumnSchema()],
+        style: {
+          position: 'fixed',
+          inset: 'auto auto 0 0',
+          zIndex: 2,
+          width: '100%',
+          overflowX: 'auto',
+          margin: '0',
+          overflowY: 'auto',
+          height: 'auto'
+        },
+        isFixedWidth: true,
+        direction: 'row',
+        justify: 'center',
+        alignItems: 'stretch',
+        isFixedHeight: false,
+        originPosition: 'right-bottom'
+      }
+    });
+    return _this;
+  }
+  return Layout_fixed_bottom;
+}(FlexPluginBase);
+registerEditorPlugin(Layout_fixed_bottom);
+
+export { Layout_fixed_bottom as default };

package/esm/plugin/Layout/Layout_fixed_top.d.ts

@@ -0,0 +1,10 @@
+import { FlexPluginBase } from './FlexPluginBase';
+export default class Layout_fixed_top extends FlexPluginBase {
+    name: string;
+    isBaseComponent: boolean;
+    pluginIcon: string;
+    description: string;
+    tags: string[];
+    order: number;
+    scaffold: any;
+}