amis-editor 5.6.0-beta.0 → 5.6.1

package/esm/plugin/Drawer.js

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

package/esm/plugin/DropDownButton.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.6.0-beta.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -203,3 +204,4 @@ var DropDownButtonPlugin = /** @class */function (_super) {
 registerEditorPlugin(DropDownButtonPlugin);
 
 export { DropDownButtonPlugin };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/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;
 }