amis-editor 5.5.0 → 5.6.1

package/lib/plugin/Drawer.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -10,9 +11,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amisEditorCore = require('amis-editor-core');
 var helper = require('../renderer/event-control/helper.js');
+var omit = require('lodash/omit');
 var Dialog = require('./Dialog.js');
 var i18nRuntime = require('i18n-runtime');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+
 var DrawerPlugin = /** @class */function (_super) {
   tslib.__extends(DrawerPlugin, _super);
   function DrawerPlugin() {
@@ -101,6 +107,7 @@ var DrawerPlugin = /** @class */function (_super) {
     _this.panelTitle = i18nRuntime.i18n("ab3aec075a09d055b2a28c8b61925ee0");
     _this.panelJustify = true;
     _this.panelBodyCreator = function (context) {
+      var i18nEnabled = amisEditorCore.getI18nEnabled();
       return amisEditorCore.getSchemaTpl('tabs', [{
         title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
         body: amisEditorCore.getSchemaTpl('collapseGroup', [{
@@ -109,9 +116,39 @@ var DrawerPlugin = /** @class */function (_super) {
             value: 'left-top'
           }), {
             label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-            type: 'input-text',
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
             name: 'title'
-          }, {
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'overlay',
+            label: i18nRuntime.i18n("bde8a41fc64bfe78d0c4951ac6f93718"),
+            pipeIn: amisEditorCore.defaultValue(true)
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'showCloseButton',
+            label: i18nRuntime.i18n("8c8fbec263e20f087555c9abcb6dd07a"),
+            pipeIn: amisEditorCore.defaultValue(true)
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'closeOnOutside',
+            label: i18nRuntime.i18n("67a2d9746956b631dd3ae9d13b6ae9ff")
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("f29ab26877ed22ffa59636d747d824b9"),
+            name: 'closeOnEsc'
+          }), {
+            type: 'ae-StatusControl',
+            label: i18nRuntime.i18n("36f5b682310bd52f19c63b077ec054d1"),
+            mode: 'normal',
+            name: 'hideActions',
+            expressionName: 'hideActionsOn'
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'resizable',
+            label: i18nRuntime.i18n("874cf31274d782914c7833cc39836c4e"),
+            value: false
+          }), amisEditorCore.getSchemaTpl('dataMap')]
+        }])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+          body: [{
             type: 'button-group-select',
             name: 'position',
             label: i18nRuntime.i18n("d4d2a66820d30e07b44c850eb3f116c0"),
@@ -140,31 +177,7 @@ var DrawerPlugin = /** @class */function (_super) {
                 form.deleteValueByName('width');
               }
             }
-          }, amisEditorCore.getSchemaTpl('switch', {
-            name: 'overlay',
-            label: i18nRuntime.i18n("bde8a41fc64bfe78d0c4951ac6f93718"),
-            pipeIn: amisEditorCore.defaultValue(true)
-          }), amisEditorCore.getSchemaTpl('switch', {
-            name: 'showCloseButton',
-            label: i18nRuntime.i18n("8c8fbec263e20f087555c9abcb6dd07a"),
-            pipeIn: amisEditorCore.defaultValue(true)
-          }), amisEditorCore.getSchemaTpl('switch', {
-            name: 'closeOnOutside',
-            label: i18nRuntime.i18n("4a757588f5aee8cd039b1d166b096d1a")
-          }), amisEditorCore.getSchemaTpl('switch', {
-            label: i18nRuntime.i18n("f29ab26877ed22ffa59636d747d824b9"),
-            name: 'closeOnEsc'
-          }), amisEditorCore.getSchemaTpl('switch', {
-            name: 'resizable',
-            label: i18nRuntime.i18n("874cf31274d782914c7833cc39836c4e"),
-            value: false
-          }), amisEditorCore.getSchemaTpl('dataMap')]
-        }])
-      }, {
-        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
-          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
-          body: [{
+          }, {
             type: 'button-group-select',
             name: 'size',
             label: i18nRuntime.i18n("c8339fd2a85af4ba66084d28df808de4"),
@@ -193,26 +206,63 @@ var DrawerPlugin = /** @class */function (_super) {
           }, amisEditorCore.getSchemaTpl('style:widthHeight', {
             widthSchema: {
               label: amisEditorCore.tipedLabel(i18nRuntime.i18n("c28479019e24e0e4745f4948e9e97ee7"), i18nRuntime.i18n("94397b87ac63fe238c779120fadab024")),
-              disabledOn: 'this.position === "top" || this.position === "bottom"'
+              visibleOn: 'this.position === "left" || this.position === "right" || !this.position'
             },
             heightSchema: {
               label: amisEditorCore.tipedLabel(i18nRuntime.i18n("c1df04eec5fa0857bc0df2d68d8e953c"), i18nRuntime.i18n("a6d91e801974dfa735a4ae0e098c522a")),
-              disabledOn: 'this.position === "left" || this.position === "right" || !this.position'
+              visibleOn: 'this.position === "top" || this.position === "bottom"'
             }
+          }), amisEditorCore.getSchemaTpl('theme:border', {
+            name: 'themeCss.drawerClassName.border'
+          }), amisEditorCore.getSchemaTpl('theme:radius', {
+            name: 'themeCss.drawerClassName.radius'
+          }), amisEditorCore.getSchemaTpl('theme:shadow', {
+            name: 'themeCss.drawerClassName.box-shadow'
+          }), amisEditorCore.getSchemaTpl('theme:colorPicker', {
+            label: i18nRuntime.i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.drawerClassName.background',
+            labelMode: 'input'
+          }), amisEditorCore.getSchemaTpl('theme:colorPicker', {
+            label: i18nRuntime.i18n("6bdc97671296112658e3a1cd369c0686"),
+            name: 'themeCss.drawerMaskClassName.background',
+            labelMode: 'input'
           })]
         }, {
-          title: i18nRuntime.i18n("261bba7ad82914e477f4b37f6a83874e"),
-          body: [amisEditorCore.getSchemaTpl('className', {
-            label: i18nRuntime.i18n("5e5d3f13111593b2710673006d4c8297")
-          }), amisEditorCore.getSchemaTpl('className', {
-            label: i18nRuntime.i18n("45ce37c24c6e7252d98c6d450e3ca4ad"),
-            name: 'headClassName'
-          }), amisEditorCore.getSchemaTpl('className', {
-            label: i18nRuntime.i18n("33be689a0f0de129ce37f7a96052002e"),
-            name: 'bodyClassName'
-          }), amisEditorCore.getSchemaTpl('className', {
-            label: i18nRuntime.i18n("660553eee939d2bd8ea68172fa7216df"),
-            name: 'footClassName'
+          title: i18nRuntime.i18n("030c8cb75e9707285b28c4931bfeddc5"),
+          body: [amisEditorCore.getSchemaTpl('theme:font', {
+            label: i18nRuntime.i18n("ca746b1ff10193a3ce20878dec04a733"),
+            name: 'themeCss.drawerTitleClassName.font'
+          }), amisEditorCore.getSchemaTpl('theme:paddingAndMargin', {
+            name: 'themeCss.drawerHeaderClassName.padding-and-margin',
+            label: i18nRuntime.i18n("60bac4c0a381a42b320a703227be59eb")
+          }), amisEditorCore.getSchemaTpl('theme:colorPicker', {
+            label: i18nRuntime.i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.drawerHeaderClassName.background',
+            labelMode: 'input'
+          })]
+        }, {
+          title: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+          body: [amisEditorCore.getSchemaTpl('theme:border', {
+            name: 'themeCss.drawerBodyClassName.border'
+          }), amisEditorCore.getSchemaTpl('theme:radius', {
+            name: 'themeCss.drawerBodyClassName.radius'
+          }), amisEditorCore.getSchemaTpl('theme:paddingAndMargin', {
+            name: 'themeCss.drawerBodyClassName.padding-and-margin',
+            label: i18nRuntime.i18n("60bac4c0a381a42b320a703227be59eb")
+          }), amisEditorCore.getSchemaTpl('theme:colorPicker', {
+            label: i18nRuntime.i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.drawerBodyClassName.background',
+            labelMode: 'input'
+          })]
+        }, {
+          title: i18nRuntime.i18n("b3b287010ea79586507a77e0580d9cad"),
+          body: [amisEditorCore.getSchemaTpl('theme:paddingAndMargin', {
+            name: 'themeCss.drawerFooterClassName.padding-and-margin',
+            label: i18nRuntime.i18n("60bac4c0a381a42b320a703227be59eb")
+          }), amisEditorCore.getSchemaTpl('theme:colorPicker', {
+            label: i18nRuntime.i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.drawerFooterClassName.background',
+            labelMode: 'input'
           })]
         }])
       }, {
@@ -226,9 +276,53 @@ var DrawerPlugin = /** @class */function (_super) {
     return _this;
   }
   DrawerPlugin.prototype.buildSubRenderers = function () {};
+  DrawerPlugin.prototype.buildDataSchemas = function (node, region, trigger) {
+    var _a, _b, _c, _d;
+    return tslib.__awaiter(this, void 0, void 0, function () {
+      var renderer, data, dataSchema, key;
+      return tslib.__generator(this, function (_e) {
+        renderer = (_a = this.manager.store.getNodeById(node.id)) === null || _a === void 0 ? void 0 : _a.getComponent();
+        data = omit__default["default"](renderer.props.$schema.data, '$$id');
+        dataSchema = {};
+        if (renderer.props.$schema.data === undefined || !amisEditorCore.isEmpty(data)) {
+          // 静态数据
+          for (key in data) {
+            if (!['&'].includes(key)) {
+              dataSchema[key] = {
+                type: (_b = typeof data[key]) !== null && _b !== void 0 ? _b : 'string',
+                title: key
+              };
+            }
+          }
+          // 弹窗改版可能会有多个按钮触发一个弹窗，无法确定按钮的上下文
+          // 数据链
+          // const hostNodeDataSchema =
+          //   await this.manager.config.getHostNodeDataSchema?.();
+          // hostNodeDataSchema
+          //   ?.filter(
+          //     (item: any) => !['system-variable', 'page-global'].includes(item.$id)
+          //   )
+          //   ?.forEach((item: any) => {
+          //     dataSchema = {
+          //       ...dataSchema,
+          //       ...item.properties
+          //     };
+          //   });
+        }
+
+        return [2 /*return*/, {
+          $id: 'drawer',
+          type: 'object',
+          title: ((_c = node.schema) === null || _c === void 0 ? void 0 : _c.label) || ((_d = node.schema) === null || _d === void 0 ? void 0 : _d.name),
+          properties: dataSchema
+        }];
+      });
+    });
+  };
   DrawerPlugin.id = 'DrawerPlugin';
   return DrawerPlugin;
 }(amisEditorCore.BasePlugin);
 amisEditorCore.registerEditorPlugin(DrawerPlugin);
 
 exports.DrawerPlugin = DrawerPlugin;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/plugin/DropDownButton.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -63,7 +64,7 @@ var DropDownButtonPlugin = /** @class */function (_super) {
               className: "m-b-sm",
               block: true,
               onClick: _this.editDetail.bind(_this, context.id)
-            }, "\u914D\u7F6E\u4E0B\u62C9\u6309\u94AE\u96C6\u5408"))
+            }, i18nRuntime.i18n("213a4e49568569943403ff31fff31ee5")))
           }, amisEditorCore.getSchemaTpl('label', {
             label: i18nRuntime.i18n("b5b57c711fd2d2309cc390a8b44d2b69")
           }), {
@@ -211,3 +212,4 @@ var DropDownButtonPlugin = /** @class */function (_super) {
 amisEditorCore.registerEditorPlugin(DropDownButtonPlugin);
 
 exports.DropDownButtonPlugin = DropDownButtonPlugin;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/plugin/Each.d.ts

@@ -1,4 +1,5 @@
-import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
+import { EditorNodeType } from 'amis-editor-core';
+import { BasePlugin } from 'amis-editor-core';
 export declare class EachPlugin extends BasePlugin {
     static id: string;
     static scene: string[];
@@ -6,6 +7,8 @@ export declare class EachPlugin extends BasePlugin {
     $schema: string;
     name: string;
     isBaseComponent: boolean;
+    isListComponent: boolean;
+    memberImmutable: boolean;
     description: string;
     tags: string[];
     icon: string;
@@ -15,26 +18,238 @@ export declare class EachPlugin extends BasePlugin {
         name: string;
         items: {
             type: string;
-            tpl: string;
-            wrapperComponent: string;
-            inline: boolean;
+            body: ({
+                type: string;
+                body: ({
+                    type: string;
+                    icon: string;
+                    vendor: string;
+                    themeCss: {
+                        className: {
+                            'padding-and-margin:default': {
+                                marginRight: string;
+                            };
+                            font: {
+                                color: string;
+                                fontSize: string;
+                            };
+                        };
+                    };
+                    style?: undefined;
+                    tpl?: undefined;
+                    inline?: undefined;
+                    wrapperComponent?: undefined;
+                } | {
+                    type: string;
+                    style: {
+                        fontWeight: string;
+                        fontSize: string;
+                        color: string;
+                    };
+                    tpl: string;
+                    inline: boolean;
+                    wrapperComponent: string;
+                    icon?: undefined;
+                    vendor?: undefined;
+                    themeCss?: undefined;
+                })[];
+                style: {
+                    position: string;
+                    display: string;
+                    flexWrap: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    marginBottom: string;
+                };
+                wrapperBody: boolean;
+                isFixedHeight: boolean;
+                isFixedWidth: boolean;
+            } | {
+                type: string;
+                body: {
+                    type: string;
+                    tpl: string;
+                    inline: boolean;
+                    wrapperComponent: string;
+                    style: {
+                        fontSize: string;
+                        color: string;
+                        fontWeight: string;
+                        'font-family': string;
+                    };
+                }[];
+                style: {
+                    position: string;
+                    display: string;
+                    flexWrap?: undefined;
+                    justifyContent?: undefined;
+                    alignItems?: undefined;
+                    marginBottom?: undefined;
+                };
+                wrapperBody: boolean;
+                isFixedHeight?: undefined;
+                isFixedWidth?: undefined;
+            })[];
+            size: string;
+            style: {
+                position: string;
+                display: string;
+                flex: string;
+                marginRight: string;
+                paddingTop: string;
+                paddingRight: string;
+                paddingBottom: string;
+                paddingLeft: string;
+                flexBasis: string;
+                overflowX: string;
+                overflowY: string;
+                boxShadow: string;
+                radius: {
+                    'top-left-border-radius': string;
+                    'top-right-border-radius': string;
+                    'bottom-left-border-radius': string;
+                    'bottom-right-border-radius': string;
+                };
+            };
+            wrapperBody: boolean;
+            isFixedHeight: boolean;
         };
+        placeholder: string;
+        style: {
+            position: string;
+            display: string;
+            flexWrap: string;
+            justifyContent: string;
+            alignItems: string;
+            marginTop: string;
+            marginBottom: string;
+        };
+        isFixedHeight: boolean;
+        isFixedWidth: boolean;
+        size: string;
     };
     previewSchema: {
+        style: {
+            transform: string;
+            width: string;
+            transformOrigin: string;
+            position: string;
+            display: string;
+            flexWrap: string;
+            justifyContent: string;
+            alignItems: string;
+            marginTop: string;
+            marginBottom: string;
+        };
         value: string[];
         type: string;
         name: string;
         items: {
             type: string;
-            tpl: string;
-            wrapperComponent: string;
-            inline: boolean;
+            body: ({
+                type: string;
+                body: ({
+                    type: string;
+                    icon: string;
+                    vendor: string;
+                    themeCss: {
+                        className: {
+                            'padding-and-margin:default': {
+                                marginRight: string;
+                            };
+                            font: {
+                                color: string;
+                                fontSize: string;
+                            };
+                        };
+                    };
+                    style?: undefined;
+                    tpl?: undefined;
+                    inline?: undefined;
+                    wrapperComponent?: undefined;
+                } | {
+                    type: string;
+                    style: {
+                        fontWeight: string;
+                        fontSize: string;
+                        color: string;
+                    };
+                    tpl: string;
+                    inline: boolean;
+                    wrapperComponent: string;
+                    icon?: undefined;
+                    vendor?: undefined;
+                    themeCss?: undefined;
+                })[];
+                style: {
+                    position: string;
+                    display: string;
+                    flexWrap: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    marginBottom: string;
+                };
+                wrapperBody: boolean;
+                isFixedHeight: boolean;
+                isFixedWidth: boolean;
+            } | {
+                type: string;
+                body: {
+                    type: string;
+                    tpl: string;
+                    inline: boolean;
+                    wrapperComponent: string;
+                    style: {
+                        fontSize: string;
+                        color: string;
+                        fontWeight: string;
+                        'font-family': string;
+                    };
+                }[];
+                style: {
+                    position: string;
+                    display: string;
+                    flexWrap?: undefined;
+                    justifyContent?: undefined;
+                    alignItems?: undefined;
+                    marginBottom?: undefined;
+                };
+                wrapperBody: boolean;
+                isFixedHeight?: undefined;
+                isFixedWidth?: undefined;
+            })[];
+            size: string;
+            style: {
+                position: string;
+                display: string;
+                flex: string;
+                marginRight: string;
+                paddingTop: string;
+                paddingRight: string;
+                paddingBottom: string;
+                paddingLeft: string;
+                flexBasis: string;
+                overflowX: string;
+                overflowY: string;
+                boxShadow: string;
+                radius: {
+                    'top-left-border-radius': string;
+                    'top-right-border-radius': string;
+                    'bottom-left-border-radius': string;
+                    'bottom-right-border-radius': string;
+                };
+            };
+            wrapperBody: boolean;
+            isFixedHeight: boolean;
         };
+        placeholder: string;
+        isFixedHeight: boolean;
+        isFixedWidth: boolean;
+        size: string;
     };
     panelTitle: string;
-    panelBodyCreator: (context: BaseEventContext) => any[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
     filterProps(props: any): any;
-    buildEditorToolbar({ id, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
-    buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
-    editDetail(id: string): void;
+    buildDataSchemas(node: EditorNodeType, region?: EditorNodeType): any;
 }