amis-editor 5.6.0-beta.0 → 5.6.1

package/esm/plugin/Dialog.d.ts

@@ -1,6 +1,17 @@
 import React from 'react';
 import { BasePlugin, RegionConfig, EditorNodeType } from 'amis-editor-core';
 import type { RendererConfig, Schema } from 'amis-core';
+import { ModalProps } from 'amis-ui/src/components/Modal';
+interface InlineModalProps extends ModalProps {
+    type: string;
+    children: any;
+    dialogType?: string;
+    cancelText?: string;
+    confirmText?: string;
+    cancelBtnLevel?: string;
+    confirmBtnLevel?: string;
+    editorDialogMountNode?: HTMLDivElement;
+}
 export declare class DialogPlugin extends BasePlugin {
     static id: string;
     rendererName: string;
@@ -48,7 +59,8 @@ export declare class DialogPlugin extends BasePlugin {
      */
     patchSchema(schema: Schema, info: RendererConfig, props?: any): any;
 }
-export declare class InlineModal extends React.Component<any, any> {
+export declare class InlineModal extends React.Component<InlineModalProps, any> {
     componentDidMount(): void;
     render(): React.JSX.Element;
 }
+export {};

package/esm/plugin/Dialog.js

@@ -1,12 +1,13 @@
 /**
- * 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 React__default from 'react';
-import { Button } from 'amis-ui';
-import { noop, getSchemaTpl, defaultValue, isEmpty, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { Modal, Button, Drawer } from 'amis-ui';
+import { noop, getI18nEnabled, getSchemaTpl, defaultValue, isEmpty, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { getEventControlConfig } from '../renderer/event-control/helper.js';
 import omit from 'lodash/omit';
 import { i18n } from 'i18n-runtime';
@@ -19,7 +20,7 @@ var DialogPlugin = /** @class */function (_super) {
     _this.rendererName = 'dialog';
     _this.$schema = '/schemas/DialogSchema.json';
     // 组件名称
-    _this.name = i18n("ab3aec075a09d055b2a28c8b61925ee0");
+    _this.name = i18n("6cff4b6d794cc17f5d24dbe0d21e5732");
     _this.isBaseComponent = true;
     _this.wrapperProps = {
       wrapperComponent: InlineModal,
@@ -99,6 +100,7 @@ var DialogPlugin = /** @class */function (_super) {
     _this.panelJustify = true;
     _this.panelBodyCreator = function (context) {
       var _a;
+      var i18nEnabled = getI18nEnabled();
       // 确认对话框的配置面板
       if (((_a = context.schema) === null || _a === void 0 ? void 0 : _a.dialogType) === 'confirm') {
         return getSchemaTpl('tabs', [{
@@ -176,17 +178,27 @@ var DialogPlugin = /** @class */function (_super) {
             value: 'left-top'
           }), {
             label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-            type: 'input-text',
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
             name: 'title'
           }, getSchemaTpl('switch', {
             label: i18n("8c8fbec263e20f087555c9abcb6dd07a"),
             name: 'showCloseButton',
             value: true
+          }), getSchemaTpl('switch', {
+            label: i18n("67a2d9746956b631dd3ae9d13b6ae9ff"),
+            name: 'closeOnOutside',
+            value: false
           }), getSchemaTpl('switch', {
             label: i18n("f29ab26877ed22ffa59636d747d824b9"),
             name: 'closeOnEsc',
             value: false
-          }), getSchemaTpl('switch', {
+          }), {
+            type: 'ae-StatusControl',
+            label: i18n("36f5b682310bd52f19c63b077ec054d1"),
+            mode: 'normal',
+            name: 'hideActions',
+            expressionName: 'hideActionsOn'
+          }, getSchemaTpl('switch', {
             label: i18n("dcba76890a534e1fe94421be2a17b484"),
             name: 'showErrorMsg',
             value: true
@@ -199,12 +211,12 @@ var DialogPlugin = /** @class */function (_super) {
       }, {
         title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
         body: getSchemaTpl('collapseGroup', [{
-          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          title: i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
           body: [{
             label: i18n("c8339fd2a85af4ba66084d28df808de4"),
             type: 'button-group-select',
             name: 'size',
-            size: 'sm',
+            size: 'xs',
             options: [{
               label: i18n("544fac400db790f57ea8ee4207cbeb6b"),
               value: ''
@@ -220,20 +232,130 @@ var DialogPlugin = /** @class */function (_super) {
             }, {
               label: i18n("949934d97c42801151673a51d3adc421"),
               value: 'xl'
+            }, {
+              label: i18n("f1d4ff50f3828f9b73412e7d94e6dd6e"),
+              value: 'custom'
             }],
             pipeIn: defaultValue(''),
             pipeOut: function (value) {
               return value ? value : undefined;
+            },
+            onChange: function (value, oldValue, model, form) {
+              if (value !== 'custom') {
+                form.setValueByName('style', undefined);
+              }
+            }
+          }, {
+            type: 'input-number',
+            label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
+            name: 'style.width',
+            disabled: true,
+            clearable: true,
+            unitOptions: ['px', '%', 'em', 'vh', 'vw'],
+            visibleOn: 'this.size !== "custom"',
+            pipeIn: function (value, form) {
+              if (!form.data.size) {
+                return '500px';
+              } else if (form.data.size === 'sm') {
+                return '350px';
+              } else if (form.data.size === 'md') {
+                return '800px';
+              } else if (form.data.size === 'lg') {
+                return '1100px';
+              } else if (form.data.size === 'xl') {
+                return '90%';
+              }
+              return '';
+            }
+          }, {
+            type: 'input-number',
+            label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
+            name: 'style.width',
+            clearable: true,
+            unitOptions: ['px', '%', 'em', 'vh', 'vw'],
+            visibleOn: 'this.size === "custom"',
+            pipeOut: function (value) {
+              var curValue = parseInt(value);
+              if (value === 'auto' || curValue || curValue === 0) {
+                return value;
+              } else {
+                return undefined;
+              }
+            }
+          }, {
+            type: 'input-number',
+            label: i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+            name: 'style.height',
+            disabled: true,
+            visibleOn: 'this.size !== "custom"',
+            clearable: true,
+            unitOptions: ['px', '%', 'em', 'vh', 'vw']
+          }, {
+            type: 'input-number',
+            label: i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+            name: 'style.height',
+            visibleOn: 'this.size === "custom"',
+            clearable: true,
+            unitOptions: ['px', '%', 'em', 'vh', 'vw'],
+            pipeOut: function (value) {
+              var curValue = parseInt(value);
+              if (value === 'auto' || curValue || curValue === 0) {
+                return value;
+              } else {
+                return undefined;
+              }
             }
-          }]
+          }, getSchemaTpl('theme:border', {
+            name: 'themeCss.dialogClassName.border'
+          }), getSchemaTpl('theme:radius', {
+            name: 'themeCss.dialogClassName.radius'
+          }), getSchemaTpl('theme:shadow', {
+            name: 'themeCss.dialogClassName.box-shadow'
+          }), getSchemaTpl('theme:colorPicker', {
+            label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.dialogClassName.background',
+            labelMode: 'input'
+          }), getSchemaTpl('theme:colorPicker', {
+            label: i18n("6bdc97671296112658e3a1cd369c0686"),
+            name: 'themeCss.dialogMaskClassName.background',
+            labelMode: 'input'
+          })]
+        }, {
+          title: i18n("030c8cb75e9707285b28c4931bfeddc5"),
+          body: [getSchemaTpl('theme:font', {
+            label: i18n("ca746b1ff10193a3ce20878dec04a733"),
+            name: 'themeCss.dialogTitleClassName.font'
+          }), getSchemaTpl('theme:paddingAndMargin', {
+            name: 'themeCss.dialogHeaderClassName.padding-and-margin',
+            label: i18n("60bac4c0a381a42b320a703227be59eb")
+          }), getSchemaTpl('theme:colorPicker', {
+            label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.dialogHeaderClassName.background',
+            labelMode: 'input'
+          })]
+        }, {
+          title: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+          body: [getSchemaTpl('theme:border', {
+            name: 'themeCss.dialogBodyClassName.border'
+          }), getSchemaTpl('theme:radius', {
+            name: 'themeCss.dialogBodyClassName.radius'
+          }), getSchemaTpl('theme:paddingAndMargin', {
+            name: 'themeCss.dialogBodyClassName.padding-and-margin',
+            label: i18n("60bac4c0a381a42b320a703227be59eb")
+          }), getSchemaTpl('theme:colorPicker', {
+            label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.dialogBodyClassName.background',
+            labelMode: 'input'
+          })]
         }, {
-          title: i18n("261bba7ad82914e477f4b37f6a83874e"),
-          body: [getSchemaTpl('className', {
-            name: 'className',
-            label: i18n("5e5d3f13111593b2710673006d4c8297")
-          }), getSchemaTpl('className', {
-            name: 'bodyClassName',
-            label: i18n("33be689a0f0de129ce37f7a96052002e")
+          title: i18n("b3b287010ea79586507a77e0580d9cad"),
+          body: [getSchemaTpl('theme:paddingAndMargin', {
+            name: 'themeCss.dialogFooterClassName.padding-and-margin',
+            label: i18n("60bac4c0a381a42b320a703227be59eb")
+          }), getSchemaTpl('theme:colorPicker', {
+            label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
+            name: 'themeCss.dialogFooterClassName.background',
+            labelMode: 'input'
           })]
         }])
       }, {
@@ -248,42 +370,45 @@ var DialogPlugin = /** @class */function (_super) {
   }
   DialogPlugin.prototype.buildSubRenderers = function () {};
   DialogPlugin.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: 'dialog',
-              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
-            }];
+          }
+          // 弹窗改版可能会有多个按钮触发一个弹窗，无法确定按钮的上下文
+          // TODO 数据链
+          // 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: 'dialog',
+          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
+        }];
       });
     });
   };
@@ -321,17 +446,22 @@ var InlineModal = /** @class */function (_super) {
   InlineModal.prototype.componentDidMount = function () {};
   InlineModal.prototype.render = function () {
     var _a = this.props,
+      type = _a.type,
       children = _a.children,
       dialogType = _a.dialogType,
       cancelText = _a.cancelText,
       confirmText = _a.confirmText,
       cancelBtnLevel = _a.cancelBtnLevel,
-      confirmBtnLevel = _a.confirmBtnLevel;
+      confirmBtnLevel = _a.confirmBtnLevel,
+      editorDialogMountNode = _a.editorDialogMountNode;
+    var Container = type === 'drawer' ? Drawer : Modal;
     if (dialogType === 'confirm') {
       children = children.filter(function (item) {
         return (item === null || item === void 0 ? void 0 : item.key) !== 'actions';
       });
-      return React__default.createElement("div", {
+      return React__default.createElement(Modal, __assign({}, this.props, {
+        container: editorDialogMountNode
+      }), React__default.createElement("div", {
         className: "ae-InlineModal"
       }, children, React__default.createElement("div", {
         className: "ae-InlineModal-footer"
@@ -341,13 +471,14 @@ var InlineModal = /** @class */function (_super) {
       }, cancelText || i18n("625fb26b4b3340f7872b411f401e754c")), React__default.createElement(Button, {
         className: "ae-InlineModal-footer-btn",
         level: confirmBtnLevel
-      }, confirmText || i18n("e83a256e4f5bb4ff8b3d804b5473217a"))));
+      }, confirmText || i18n("e83a256e4f5bb4ff8b3d804b5473217a")))));
     }
-    return React__default.createElement("div", {
-      className: "ae-InlineModal"
-    }, children);
+    return React__default.createElement(Container, __assign({}, this.props, {
+      container: editorDialogMountNode
+    }), children);
   };
   return InlineModal;
 }(React__default.Component);
 
 export { DialogPlugin, InlineModal };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/plugin/Divider.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
  */
 
@@ -32,11 +33,75 @@ var DividerPlugin = /** @class */function (_super) {
     _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
     _this.panelBody = getSchemaTpl('tabs', [{
       title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-      body: [getSchemaTpl('layout:originPosition', {
-        value: 'left-top'
-      }), getSchemaTpl('layout:width:v2', {
-        visibleOn: 'data.style && data.style.position && (data.style.position === "fixed" || data.style.position === "absolute")'
-      }), getSchemaTpl('className')]
+      body: getSchemaTpl('collapseGroup', [{
+        title: i18n("6f99b6eed37795cb97d5f6370c32113b"),
+        body: [getSchemaTpl('layout:originPosition', {
+          value: 'left-top'
+        }), getSchemaTpl('layout:width:v2', {
+          visibleOn: 'data.style && data.style.position && (data.style.position === "fixed" || data.style.position === "absolute")'
+        }), {
+          mode: 'horizontal',
+          type: 'button-group-select',
+          label: i18n("226b0912184333c81babf2f1894ec0c1"),
+          name: 'lineStyle',
+          value: 'dashed',
+          options: [{
+            value: 'dashed',
+            label: i18n("61f6f4fc0b806ac9d41ad0792e6155f6")
+          }, {
+            value: 'solid',
+            label: i18n("cc4c575642609fbf059a5df81eb86bfc")
+          }]
+        }, {
+          mode: 'horizontal',
+          type: 'button-group-select',
+          label: i18n("a465db53b8c98f42caa15ca5662f9c90"),
+          name: 'direction',
+          value: 'horizontal',
+          options: [{
+            value: 'horizontal',
+            label: i18n("4cde06e6162ed66720e3133cb83bc059")
+          }, {
+            value: 'vertical',
+            label: i18n("75ac842f8e77305846f1d776f97dfaf8")
+          }]
+        }, getSchemaTpl('theme:select', {
+          mode: 'horizontal',
+          label: i18n("dfd0cd7f2cba96917484569a646bdc8d"),
+          name: 'style.width',
+          placeholder: '100%',
+          visibleOn: 'direction !== "vertical"',
+          clearValueOnHidden: true
+        }), getSchemaTpl('theme:select', {
+          mode: 'horizontal',
+          label: i18n("dfd0cd7f2cba96917484569a646bdc8d"),
+          name: 'style.height',
+          placeholder: 'var(--sizes-base-15)',
+          visibleOn: 'direction === "vertical"',
+          clearValueOnHidden: true
+        }), getSchemaTpl('theme:select', {
+          mode: 'horizontal',
+          label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
+          name: 'style.borderWidth',
+          placeholder: '1px'
+        }), getSchemaTpl('theme:colorPicker', {
+          mode: 'horizontal',
+          label: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
+          name: 'color',
+          placeholder: 'var(--colors-neutral-line-8)',
+          labelMode: 'input',
+          needGradient: true
+        }), getSchemaTpl('theme:paddingAndMargin', {
+          name: 'style',
+          hidePadding: true
+        }), {
+          mode: 'horizontal',
+          type: 'input-number',
+          label: i18n("40d39c3bc7bebced7d63eace0191a0a8"),
+          name: 'rotate',
+          value: 0
+        }]
+      }])
     }, {
       title: i18n("33bf801796fd255b5f6147e33146669b"),
       body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
@@ -50,3 +115,4 @@ var DividerPlugin = /** @class */function (_super) {
 registerEditorPlugin(DividerPlugin);
 
 export { DividerPlugin };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};