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

package/lib/plugin/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { BasePlugin, RegionConfig, BaseEventContext } from 'amis-editor-core';
-import { RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { RendererPluginEvent } from 'amis-editor-core';
 export declare class PaginationPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -8,7 +8,8 @@ export declare class PaginationPlugin extends BasePlugin {
     description: string;
     tags: string[];
     icon: string;
-    baseLayoutLIst: {
+    lastLayoutSetting: string[];
+    layoutOptions: {
         text: string;
         value: string;
         checked: boolean;
@@ -22,11 +23,9 @@ export declare class PaginationPlugin extends BasePlugin {
         total: number;
         hasNext: boolean;
         disabled: boolean;
-        showPerPage: boolean;
         perPageAvailable: number[];
         perPage: number;
-        maxButton: number;
-        showPageInput: boolean;
+        maxButtons: number;
     };
     previewSchema: {
         type: string;
@@ -37,14 +36,12 @@ export declare class PaginationPlugin extends BasePlugin {
         total: number;
         hasNext: boolean;
         disabled: boolean;
-        showPerPage: boolean;
         perPageAvailable: number[];
         perPage: number;
-        maxButton: number;
-        showPageInput: boolean;
+        maxButtons: number;
     };
     panelTitle: string;
-    events: RendererEvent[];
+    events: RendererPluginEvent[];
     panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any;
     regions: Array<RegionConfig>;

package/lib/plugin/Pagination.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.0
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,240 +8,239 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var BaseControl = require('../component/BaseControl.js');
-var util = require('../util.js');
+var amisEditorCore = require('amis-editor-core');
+var helper = require('../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
 
-var PaginationPlugin = /** @class */ (function (_super) {
-    tslib.__extends(PaginationPlugin, _super);
-    function PaginationPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'pagination';
-        _this.$schema = '/schemas/PaginationSchema.json';
-        // 组件名称
-        _this.name = '分页组件';
-        _this.isBaseComponent = false;
-        _this.description = '分页组件，可以对列表进行分页展示，提高页面性能';
-        _this.tags = ['容器'];
-        _this.icon = 'fa fa-window-minimize';
-        _this.baseLayoutLIst = [
-            { text: '总数', value: 'total', checked: false },
-            { text: '每页条数', value: 'perPage', checked: false },
-            { text: '分页', value: 'pager', checked: true },
-            { text: '跳转', value: 'go', checked: false }
-        ];
-        _this.scaffold = {
-            type: 'pagination',
+var PaginationPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(PaginationPlugin, _super);
+
+  function PaginationPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'pagination';
+    _this.$schema = '/schemas/PaginationSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("f59b11ff84daeb60b027dc02490b627a");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("7cfb5e222a5954e891fba6e3802c7ea6");
+    _this.tags = [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-window-minimize';
+    _this.lastLayoutSetting = ['pager'];
+    _this.layoutOptions = [{
+      text: i18nRuntime.i18n("9ed7d3adc032f6b78808e7f3786ec9cc"),
+      value: 'total',
+      checked: false
+    }, {
+      text: i18nRuntime.i18n("8e60090c332693095d5852d92ee149ee"),
+      value: 'perPage',
+      checked: false
+    }, {
+      text: i18nRuntime.i18n("3862626c138ce5945e0e273a1bdfbad0"),
+      value: 'pager',
+      checked: true
+    }, {
+      text: i18nRuntime.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 = tslib.__assign({}, _this.scaffold);
+    _this.panelTitle = i18nRuntime.i18n("47c62ec10a240c35b8446cc923c5e8ef"); // 事件定义
+
+    _this.events = [{
+      eventName: 'pageChange',
+      eventLabel: i18nRuntime.i18n("97b8cf6ae269b6f6d75063073cd565cc"),
+      description: i18nRuntime.i18n("97b8cf6ae269b6f6d75063073cd565cc")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            name: 'mode',
+            label: i18nRuntime.i18n("f0789e79d48f135e5d870753f7a85d05"),
+            type: 'button-group-select',
+            size: 'sm',
+            pipeIn: amisEditorCore.defaultValue('normal'),
+            options: [{
+              label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+              value: 'normal'
+            }, {
+              label: i18nRuntime.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"'
+          // },
+          amisEditorCore.getSchemaTpl('combo-container', {
+            name: 'layout',
+            type: 'combo',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("07b59fd09f6007bac246d9a73b793a49"), i18nRuntime.i18n("41ed1e238b846005dfb0f087cbec644b")),
+            visibleOn: 'data.mode === "normal"',
             mode: 'normal',
-            layout: ['pager'],
-            activePage: 1,
-            lastPage: 1,
-            total: 1,
-            hasNext: false,
-            disabled: false,
-            showPerPage: false,
-            perPageAvailable: [10, 20, 50, 100],
-            perPage: 10,
-            maxButton: 7,
-            showPageInput: false
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.panelTitle = '分页器';
-        // 事件定义
-        _this.events = [
-            {
-                eventName: 'pageChange',
-                eventLabel: '分页改变',
-                description: '分页改变'
+            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 tslib.__assign(tslib.__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();
             }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                {
-                                    name: 'mode',
-                                    label: '分页类型',
-                                    type: 'button-group-select',
-                                    size: 'sm',
-                                    pipeIn: AMisCodeEditor.defaultValue('normal'),
-                                    options: [
-                                        {
-                                            label: 'normal',
-                                            value: 'normal'
-                                        },
-                                        {
-                                            label: 'simple',
-                                            value: 'simple'
-                                        }
-                                    ]
-                                },
-                                {
-                                    name: 'hasNext',
-                                    label: '是否有下一页',
-                                    mode: 'row',
-                                    inputClassName: 'inline-flex justify-between flex-row-reverse',
-                                    type: 'switch',
-                                    visibleOn: 'data.mode === "simple"'
-                                },
-                                {
-                                    name: 'activePage',
-                                    label: BaseControl.tipedLabel('当前页', '支持使用 \\${xxx} 来获取变量'),
-                                    type: 'input-text'
-                                },
-                                {
-                                    name: 'lastPage',
-                                    label: BaseControl.tipedLabel('最后页码', '支持使用 \\${xxx} 来获取变量'),
-                                    type: 'input-text',
-                                    visibleOn: 'data.mode === "normal"'
-                                },
-                                {
-                                    name: 'total',
-                                    label: BaseControl.tipedLabel('总条数', '支持使用 \\${xxx} 来获取变量'),
-                                    type: 'input-text',
-                                    visibleOn: 'data.mode === "normal"'
-                                },
-                                AMisCodeEditor.getSchemaTpl('combo-container', {
-                                    name: 'layout',
-                                    type: 'combo',
-                                    label: BaseControl.tipedLabel('分页布局', '选中表示渲染该项，可以拖拽排序调整显示的顺序'),
-                                    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) {
-                                        var layoutList = [];
-                                        if (Array.isArray(value)) {
-                                            layoutList = value;
-                                        }
-                                        else if (typeof value === 'string') {
-                                            layoutList = value.split(',');
-                                        }
-                                        var layout = _this.baseLayoutLIst.map(function (v) { return (tslib.__assign(tslib.__assign({}, v), { checked: layoutList.includes(v.value) })); });
-                                        return layout;
-                                    },
-                                    pipeOut: function (value) {
-                                        _this.baseLayoutLIst = tslib.__spreadArray([], value, true);
-                                        return value.filter(function (v) { return v.checked; }).map(function (v) { return v.value; });
-                                    }
-                                }),
-                                {
-                                    name: 'showPerPage',
-                                    label: '显示每页条数',
-                                    mode: 'row',
-                                    inputClassName: 'inline-flex justify-between flex-row-reverse',
-                                    type: 'switch',
-                                    visibleOn: 'data.mode === "normal"'
-                                },
-                                AMisCodeEditor.getSchemaTpl('combo-container', {
-                                    name: 'perPageAvailable',
-                                    type: 'combo',
-                                    label: '每页条数选项',
-                                    visibleOn: 'data.mode === "normal"',
-                                    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.map(function (v) { return ({ value: v }); });
-                                    },
-                                    pipeOut: function (value) {
-                                        return value.map(function (v) { return v.value; });
-                                    }
-                                }),
-                                {
-                                    name: 'perPage',
-                                    type: 'input-text',
-                                    label: '默认每页条数',
-                                    visibleOn: 'data.mode === "normal"'
-                                },
-                                {
-                                    name: 'maxButton',
-                                    label: '最多按钮数',
-                                    type: 'input-number',
-                                    min: 5,
-                                    max: 20,
-                                    visibleOn: 'data.mode === "normal"'
-                                },
-                                {
-                                    name: 'showPageInput',
-                                    label: '显示页面跳转',
-                                    mode: 'row',
-                                    inputClassName: 'inline-flex justify-between flex-row-reverse',
-                                    type: 'switch',
-                                    visibleOn: 'data.mode === "normal"'
-                                }
-                            ]
-                        },
-                        {
-                            title: '状态',
-                            body: [AMisCodeEditor.getSchemaTpl('disabled')]
-                        }
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        AMisCodeEditor.getSchemaTpl('style:classNames', { isFormItem: false })
-                    ])
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        _this.regions = [
-            {
-                key: 'body',
-                label: '内容区'
+          }), // {
+          //   name: 'showPerPage',
+          //   label: '显示每页条数',
+          //   mode: 'row',
+          //   inputClassName: 'inline-flex justify-between flex-row-reverse',
+          //   type: 'switch',
+          //   visibleOn: 'data.mode === "normal"'
+          // },
+          amisEditorCore.getSchemaTpl('combo-container', {
+            name: 'perPageAvailable',
+            type: 'combo',
+            label: i18nRuntime.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;
+              });
             }
-        ];
-        return _this;
-    }
-    return PaginationPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(PaginationPlugin);
+          }), {
+            name: 'perPage',
+            type: 'input-text',
+            label: i18nRuntime.i18n("04519bf3bf428bb1a75938ac65dba040"),
+            visibleOn: 'data.mode === "normal" && data.layout?.includes("perPage")'
+          }, {
+            name: 'maxButtons',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("040f05137eb37e880873a763ff653fe9"), i18nRuntime.i18n("2ee8eb6b1a80a4b025f97fca6afb800d")),
+            type: 'input-number',
+            min: 5,
+            max: 20,
+            pipeOut: function (value) {
+              return value || 5;
+            },
+            visibleOn: 'data.mode === "normal"'
+          }]
+        }, {
+          title: i18nRuntime.i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
+          body: [amisEditorCore.getSchemaTpl('disabled')]
+        }])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:classNames', {
+          isFormItem: false
+        })])
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    _this.regions = [{
+      key: 'body',
+      label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
+    }];
+    return _this;
+  }
+
+  return PaginationPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(PaginationPlugin);
 
 exports.PaginationPlugin = PaginationPlugin;

package/lib/plugin/Panel.d.ts

@@ -5,6 +5,7 @@ export declare class PanelPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string;
@@ -25,6 +26,7 @@ export declare class PanelPlugin extends BasePlugin {
     };
     regions: Array<RegionConfig>;
     panelTitle: string;
+    panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any[];
     buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
 }