amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/esm/plugin/Page.js

@@ -0,0 +1,318 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __spreadArray, __assign } from 'tslib';
+import { ContainerWrapper, getSchemaTpl, defaultValue, tipedLabel, jsonToJsonSchema, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getEventControlConfig } from '../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var PagePlugin =
+/** @class */
+function (_super) {
+  __extends(PagePlugin, _super);
+
+  function PagePlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'page';
+    _this.$schema = '/schemas/PageSchema.json'; // 组件名称
+
+    _this.name = i18n("59ceff465ad16932d8972191ad815dfb");
+    _this.isBaseComponent = true; // 注释掉是为了不让它在出现在组件列表中，因为只有顶级才会用到这个。
+    // description =
+    //   '页面渲染器，页面的顶级入口。包含多个区域，您可以选择在不同的区域里面放置不同的渲染器。';
+
+    _this.docLink = '/amis/zh-CN/components/page';
+    _this.tags = i18n("22c799040acdb2601b437ed5449de076");
+    _this.icon = 'fa fa-desktop'; // pluginIcon = 'page-plugin'; // 暂无新 icon
+
+    _this.scaffold = {
+      type: 'page',
+      regions: ['body'],
+      body: [{
+        type: 'tpl',
+        tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014")
+      }]
+    };
+    _this.previewSchema = {
+      type: 'page',
+      className: 'text-left b-a',
+      asideClassName: 'w-xs',
+      title: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+      subTitle: i18n("72cf373be86a38b29f6d2f15900b0da1"),
+      aside: i18n("54002bbf7eb3da8346dd4be61d642bca"),
+      body: i18n("2d711b09bd0db0ad240cc83b30dd8014")
+    };
+    _this.events = [{
+      eventName: 'inited',
+      eventLabel: i18n("741e41f5247b1541bde22c00e65f4401"),
+      description: i18n("f75e31cd2e3bfb79be420b0e61a533cc"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data': {
+            type: 'object',
+            title: i18n("49400a573b9f7a7bd693f84ec59379d7")
+          }
+        }
+      }]
+    }, {
+      eventName: 'pullRefresh',
+      eventLabel: i18n("5d758dc5e33ba0122c256d80c1572e88"),
+      description: i18n("d6fdfa4f989be6586a7a29ea85522f24")
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'reload',
+      actionLabel: i18n("64ca9bab920a2983bcf270320d850d00"),
+      description: i18n("9ef5597ac0b4da662bcd967da37eceb4")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18n("67b6bec14c39be3f2602271e2fe3bcde"),
+      description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }]; // 普通容器类渲染器配置
+
+    _this.regions = [{
+      key: 'toolbar',
+      label: i18n("012f602372cd2dbd639cd966c63e1f90"),
+      preferTag: i18n("56e6db657d4775698984f883b71cb379")
+    }, {
+      key: 'aside',
+      label: i18n("54002bbf7eb3da8346dd4be61d642bca"),
+      placeholder: i18n("4f9fa9ee5b0604d97da73e77fdbc281e")
+    }, {
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      placeholder: i18n("40fd4b2a194b2b1284a7f7f738b69640")
+    }];
+    _this.wrapper = ContainerWrapper;
+    _this.panelTitle = i18n("59ceff465ad16932d8972191ad815dfb");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return [getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'checkboxes',
+            name: 'regions',
+            label: i18n("0e82bfaaec104a9f0eeb14820b42e7c8"),
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value : ['body', 'toolbar', 'aside', 'header'];
+            },
+            pipeOut: function (value) {
+              return Array.isArray(value) && value.length ? value : ['body', 'toolbar', 'aside', 'header'];
+            },
+            joinValues: false,
+            extractValue: true,
+            inline: false,
+            options: [{
+              label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+              value: 'body'
+            }, {
+              label: i18n("391555a3772260743f19278f01adf75e"),
+              value: 'header'
+            }, {
+              label: i18n("012f602372cd2dbd639cd966c63e1f90"),
+              value: 'toolbar'
+            }, {
+              label: i18n("54002bbf7eb3da8346dd4be61d642bca"),
+              value: 'aside'
+            }]
+          }, {
+            label: i18n("8d6b5924f187048cfa28d6c21fa6d2d6"),
+            name: 'title',
+            type: 'input-text'
+          }, {
+            label: i18n("72cf373be86a38b29f6d2f15900b0da1"),
+            name: 'subTitle',
+            type: 'textarea'
+          }, getSchemaTpl('remark', {
+            label: i18n("3ba265c6b63bde0319822afd6b9a649d"),
+            hiddenOn: 'data.regions && !data.regions.includes("header") || !data.title'
+          }), {
+            type: 'ae-Switch-More',
+            name: 'asideResizor',
+            mode: 'normal',
+            label: i18n("e7f2f04f7c2b2e9e07b69767ea28d6ab"),
+            hiddenOn: 'data.regions && !data.regions.includes("aside")',
+            value: false,
+            hiddenOnDefault: true,
+            formType: 'extend',
+            form: {
+              body: [{
+                type: 'input-number',
+                label: i18n("a2b62974f4d7564bb68b570116f25a10"),
+                min: 0,
+                name: 'asideMinWidth',
+                pipeIn: defaultValue(160),
+                pipeOut: function (value) {
+                  return value || 0;
+                }
+              }, {
+                type: 'input-number',
+                label: i18n("99b57d8c9244ff9a695fcd519b4e2e57"),
+                min: 0,
+                name: 'asideMaxWidth',
+                pipeIn: defaultValue(350),
+                pipeOut: function (value) {
+                  return value || 0;
+                }
+              }]
+            }
+          }, {
+            type: 'switch',
+            label: tipedLabel(i18n("28d602809bd1dc6b47ceb38cb54f32de"), i18n("36bded76593f98fab62453c7430b2918")),
+            name: 'asideSticky',
+            inputClassName: 'is-inline',
+            pipeIn: defaultValue(true),
+            hiddenOn: 'data.regions && !data.regions.includes("aside")'
+          }]
+        }, {
+          title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+          body: [getSchemaTpl('combo-container', {
+            type: 'input-kv',
+            mode: 'normal',
+            name: 'data',
+            label: i18n("ae76ff4dcb615d3b0232dcd10115e149")
+          }), getSchemaTpl('apiControl', {
+            name: 'initApi',
+            labelClassName: 'none',
+            label: tipedLabel(i18n("b4bc91701b86fe8543d649e97daea602"), i18n("4143d7418de740e8bc26ef4b27c63534"))
+          })]
+        },, {
+          title: i18n("c95e748d5811faae5c52bdc07bee51a0"),
+          body: [{
+            type: 'combo',
+            name: 'pullRefresh',
+            mode: 'normal',
+            noBorder: true,
+            items: [{
+              type: 'ae-Switch-More',
+              mode: 'normal',
+              label: i18n("5d758dc5e33ba0122c256d80c1572e88"),
+              name: 'disabled',
+              formType: 'extend',
+              value: true,
+              trueValue: false,
+              falseValue: true,
+              autoFocus: false,
+              form: {
+                body: [{
+                  name: 'pullingText',
+                  label: tipedLabel(i18n("04f767eaa571383ea271432bee6deedf"), i18n("e24bc5fd094c7c272725c6340d8aeb8e")),
+                  type: 'input-text'
+                }, {
+                  name: 'loosingText',
+                  label: tipedLabel(i18n("0b3eef4f8a8061baa22416dc1e5dad03"), i18n("717b23399e04873441478fef1cc16d43")),
+                  type: 'input-text'
+                }]
+              }
+            }]
+          }]
+        }])]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        className: 'p-none',
+        body: [getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common'), true), [getSchemaTpl('style:classNames', {
+          isFormItem: false,
+          schema: [getSchemaTpl('className', {
+            name: 'headerClassName',
+            label: i18n("c949729cd1a1e425595c1a297649c7c6")
+          }), getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+          }), getSchemaTpl('className', {
+            name: 'asideClassName',
+            label: i18n("54002bbf7eb3da8346dd4be61d642bca")
+          }), getSchemaTpl('className', {
+            name: 'toolbarClassName',
+            label: i18n("012f602372cd2dbd639cd966c63e1f90")
+          })]
+        })], false))]
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      } // {
+      //   type: 'combo',
+      //   name: 'definitions',
+      //   multiple: true,
+      //   multiLine: true,
+      //   label: '定义',
+      //   description: '定义类型，定义完成后可被子节点引用。',
+      //   pipeIn: (value: any) =>
+      //     value
+      //       ? Object.keys(value).map(key => ({
+      //           key,
+      //           value: value[key]
+      //         }))
+      //       : [],
+      //   pipeOut: (value: any) =>
+      //     Array.isArray(value)
+      //       ? value.reduce(
+      //           (obj, current) => ({
+      //             ...obj,
+      //             [current.key || '']: current.value
+      //               ? current.value
+      //               : {type: 'tpl', tpl: '内容'}
+      //           }),
+      //           {}
+      //         )
+      //       : undefined,
+      //   items: [
+      //     {
+      //       type: 'input-text',
+      //       name: 'key',
+      //       label: 'Key',
+      //       required: true
+      //     },
+      //     {
+      //       children: ({index}: any) => (
+      //         <Button
+      //           size="sm"
+      //           level="danger"
+      //           // onClick={this.handleEditDefinitionDetail.bind(
+      //           //   this,
+      //           //   index
+      //           // )}
+      //           block
+      //         >
+      //           配置详情
+      //         </Button>
+      //       )
+      //     }
+      //   ]
+      // }
+      // ]
+      // }
+      ])];
+    };
+
+    return _this;
+  }
+
+  PagePlugin.prototype.rendererBeforeDispatchEvent = function (node, e, data) {
+    if (e === 'inited') {
+      var scope = this.manager.dataSchema.getScope("".concat(node.id, "-").concat(node.type));
+
+      var jsonschema = __assign({
+        $id: 'pageInitedData'
+      }, jsonToJsonSchema(data));
+
+      scope === null || scope === void 0 ? void 0 : scope.removeSchema(jsonschema.$id);
+      scope === null || scope === void 0 ? void 0 : scope.addSchema(jsonschema);
+    }
+  };
+
+  return PagePlugin;
+}(BasePlugin);
+registerEditorPlugin(PagePlugin);
+
+export { PagePlugin };

package/esm/plugin/Pagination.d.ts

@@ -0,0 +1,48 @@
+import { BasePlugin, RegionConfig, BaseEventContext } from 'amis-editor-core';
+import { RendererPluginEvent } from 'amis-editor-core';
+export declare class PaginationPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    tags: string[];
+    icon: string;
+    lastLayoutSetting: string[];
+    layoutOptions: {
+        text: string;
+        value: string;
+        checked: boolean;
+    }[];
+    scaffold: {
+        type: string;
+        mode: string;
+        layout: string[];
+        activePage: number;
+        lastPage: number;
+        total: number;
+        hasNext: boolean;
+        disabled: boolean;
+        perPageAvailable: number[];
+        perPage: number;
+        maxButtons: number;
+    };
+    previewSchema: {
+        type: string;
+        mode: string;
+        layout: string[];
+        activePage: number;
+        lastPage: number;
+        total: number;
+        hasNext: boolean;
+        disabled: boolean;
+        perPageAvailable: number[];
+        perPage: number;
+        maxButtons: number;
+    };
+    panelTitle: string;
+    events: RendererPluginEvent[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    regions: Array<RegionConfig>;
+}

package/esm/plugin/Pagination.js

@@ -0,0 +1,242 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, tipedLabel, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getEventControlConfig } from '../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var PaginationPlugin =
+/** @class */
+function (_super) {
+  __extends(PaginationPlugin, _super);
+
+  function PaginationPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'pagination';
+    _this.$schema = '/schemas/PaginationSchema.json'; // 组件名称
+
+    _this.name = i18n("f59b11ff84daeb60b027dc02490b627a");
+    _this.isBaseComponent = true;
+    _this.description = i18n("7cfb5e222a5954e891fba6e3802c7ea6");
+    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-window-minimize';
+    _this.lastLayoutSetting = ['pager'];
+    _this.layoutOptions = [{
+      text: i18n("9ed7d3adc032f6b78808e7f3786ec9cc"),
+      value: 'total',
+      checked: false
+    }, {
+      text: i18n("8e60090c332693095d5852d92ee149ee"),
+      value: 'perPage',
+      checked: false
+    }, {
+      text: i18n("3862626c138ce5945e0e273a1bdfbad0"),
+      value: 'pager',
+      checked: true
+    }, {
+      text: i18n("0059d50e3f7b2fe7f1822ccc218fed66"),
+      value: 'go',
+      checked: false
+    }];
+    _this.scaffold = {
+      type: 'pagination',
+      mode: 'normal',
+      layout: ['pager'],
+      activePage: 1,
+      lastPage: 1,
+      total: 1,
+      hasNext: false,
+      disabled: false,
+      perPageAvailable: [10, 20, 50, 100],
+      perPage: 10,
+      maxButtons: 7
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.panelTitle = i18n("47c62ec10a240c35b8446cc923c5e8ef"); // 事件定义
+
+    _this.events = [{
+      eventName: 'pageChange',
+      eventLabel: i18n("97b8cf6ae269b6f6d75063073cd565cc"),
+      description: i18n("97b8cf6ae269b6f6d75063073cd565cc")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'mode',
+            label: i18n("f0789e79d48f135e5d870753f7a85d05"),
+            type: 'button-group-select',
+            size: 'sm',
+            pipeIn: defaultValue('normal'),
+            options: [{
+              label: i18n("18c63459a2c069022c7790430f761214"),
+              value: 'normal'
+            }, {
+              label: i18n("b30f254eccefa14c9980235bcbec74f9"),
+              value: 'simple'
+            }]
+          }, // {
+          //   name: 'hasNext',
+          //   label: '是否有下一页',
+          //   mode: 'row',
+          //   inputClassName: 'inline-flex justify-between flex-row-reverse',
+          //   type: 'switch',
+          //   visibleOn: 'data.mode === "simple"'
+          // },
+          // {
+          //   name: 'activePage',
+          //   label: tipedLabel('当前页', '支持使用 \\${xxx} 来获取变量'),
+          //   type: 'input-text'
+          // },
+          // {
+          //   name: 'lastPage',
+          //   label: tipedLabel('最后页码', '支持使用 \\${xxx} 来获取变量'),
+          //   type: 'input-text',
+          //   visibleOn: 'data.mode === "normal"'
+          // },
+          // {
+          //   name: 'total',
+          //   label: tipedLabel('总条数', '支持使用 \\${xxx} 来获取变量'),
+          //   type: 'input-text',
+          //   visibleOn: 'data.mode === "normal"'
+          // },
+          getSchemaTpl('combo-container', {
+            name: 'layout',
+            type: 'combo',
+            label: tipedLabel(i18n("07b59fd09f6007bac246d9a73b793a49"), i18n("41ed1e238b846005dfb0f087cbec644b")),
+            visibleOn: 'data.mode === "normal"',
+            mode: 'normal',
+            multiple: true,
+            multiLine: false,
+            addable: false,
+            removable: false,
+            draggable: true,
+            editable: false,
+            minLength: 1,
+            tabsStyle: 'inline',
+            formClassName: 'ae-pagination-layout-item',
+            items: [{
+              type: 'checkbox',
+              name: 'checked',
+              className: 'm-t-n-xxs'
+            }, {
+              type: 'tpl',
+              name: 'text',
+              className: 'p-t-xs'
+            }],
+            pipeIn: function (value) {
+              if (!value) {
+                value = _this.lastLayoutSetting;
+              } else if (typeof value === 'string') {
+                value = value.split(',');
+              }
+
+              return _this.layoutOptions.map(function (v) {
+                return __assign(__assign({}, v), {
+                  checked: value.includes(v.value)
+                });
+              });
+            },
+            pipeOut: function (value) {
+              _this.lastLayoutSetting = value.filter(function (v) {
+                return v.checked;
+              }).map(function (v) {
+                return v.value;
+              });
+              return _this.lastLayoutSetting.concat();
+            }
+          }), // {
+          //   name: 'showPerPage',
+          //   label: '显示每页条数',
+          //   mode: 'row',
+          //   inputClassName: 'inline-flex justify-between flex-row-reverse',
+          //   type: 'switch',
+          //   visibleOn: 'data.mode === "normal"'
+          // },
+          getSchemaTpl('combo-container', {
+            name: 'perPageAvailable',
+            type: 'combo',
+            label: i18n("71fa2ba926cd032c0ebe0bcdd5d3eb10"),
+            visibleOn: 'data.mode === "normal" && data.layout && data.layout.includes("perPage")',
+            mode: 'normal',
+            multiple: true,
+            multiLine: false,
+            addable: true,
+            removable: true,
+            draggable: true,
+            editable: true,
+            minLength: 1,
+            tabsStyle: 'inline',
+            addButtonClassName: 'm-b-sm',
+            items: [{
+              type: 'input-number',
+              name: 'value',
+              min: 1
+            }],
+            pipeIn: function (value) {
+              return (value === null || value === void 0 ? void 0 : value.map(function (v) {
+                return {
+                  value: v
+                };
+              })) || [10];
+            },
+            pipeOut: function (value) {
+              return value.map(function (v) {
+                return v.value;
+              });
+            }
+          }), {
+            name: 'perPage',
+            type: 'input-text',
+            label: i18n("04519bf3bf428bb1a75938ac65dba040"),
+            visibleOn: 'data.mode === "normal" && data.layout?.includes("perPage")'
+          }, {
+            name: 'maxButtons',
+            label: tipedLabel(i18n("040f05137eb37e880873a763ff653fe9"), i18n("2ee8eb6b1a80a4b025f97fca6afb800d")),
+            type: 'input-number',
+            min: 5,
+            max: 20,
+            pipeOut: function (value) {
+              return value || 5;
+            },
+            visibleOn: 'data.mode === "normal"'
+          }]
+        }, {
+          title: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
+          body: [getSchemaTpl('disabled')]
+        }])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
+          isFormItem: false
+        })])
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+    }];
+    return _this;
+  }
+
+  return PaginationPlugin;
+}(BasePlugin);
+registerEditorPlugin(PaginationPlugin);
+
+export { PaginationPlugin };

package/esm/plugin/Panel.d.ts

@@ -0,0 +1,32 @@
+import { BasePlugin, BaseEventContext, BasicPanelItem, RegionConfig, BuildPanelEventContext } from 'amis-editor-core';
+export declare class PanelPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string;
+    scaffold: {
+        type: string;
+        title: string;
+        body: string;
+    };
+    previewSchema: {
+        type: string;
+        title: string;
+        body: string;
+        className: string;
+        actions: {
+            label: string;
+            type: string;
+        }[];
+    };
+    regions: Array<RegionConfig>;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}