amis-editor 5.2.1-beta.32 → 5.2.1-beta.35

package/esm/tpl/layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 
@@ -161,6 +161,7 @@ setSchemaTpl('layout:display', function (config) {
         form.setValueByName('style.flexDirection', undefined);
         form.setValueByName('style.justifyContent', undefined);
         form.setValueByName('style.alignItems', undefined);
+        form.setValueByName('style.flexWrap', undefined);
       }
     }
   };
@@ -179,6 +180,28 @@ setSchemaTpl('layout:display', function (config) {
 });
 // 主轴排列方向
 setSchemaTpl('layout:justifyContent', function (config) {
+  var defaultOptions = [{
+    label: i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
+    value: 'flex-start'
+  }, {
+    label: i18n("56c17ba6a56c01706ae00a31611deb03"),
+    value: 'center'
+  }, {
+    label: i18n("abeb360ab1e66534a041fb8b44e1a00e"),
+    value: 'flex-end'
+  }, {
+    label: i18n("d5a3cb1cc31a0469b011abdbd3e947f7"),
+    value: 'space-around'
+  }, {
+    label: i18n("85530444a72a840ee657e2df99970136"),
+    value: 'space-between'
+  }, {
+    label: i18n("9aad08fbd356fb4279f0efa81b3d016e"),
+    value: 'space-evenly'
+  }, {
+    label: i18n("ae558cbf4c35d381b6542f517f2e8dff"),
+    value: 'stretch'
+  }];
   var configSchema = {
     type: 'select',
     label: (config === null || config === void 0 ? void 0 : config.label) || tipedLabel("\u6C34\u5E73\u5BF9\u9F50\u65B9\u5F0F", i18n("0a0574baedb8eb2abf7daf25159d8bb1")),
@@ -187,28 +210,7 @@ setSchemaTpl('layout:justifyContent', function (config) {
     visibleOn: config === null || config === void 0 ? void 0 : config.visibleOn,
     pipeIn: config === null || config === void 0 ? void 0 : config.pipeIn,
     pipeOut: config === null || config === void 0 ? void 0 : config.pipeOut,
-    options: [{
-      label: i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
-      value: 'flex-start'
-    }, {
-      label: i18n("56c17ba6a56c01706ae00a31611deb03"),
-      value: 'center'
-    }, {
-      label: i18n("abeb360ab1e66534a041fb8b44e1a00e"),
-      value: 'flex-end'
-    }, {
-      label: i18n("d5a3cb1cc31a0469b011abdbd3e947f7"),
-      value: 'space-around'
-    }, {
-      label: i18n("85530444a72a840ee657e2df99970136"),
-      value: 'space-between'
-    }, {
-      label: i18n("9aad08fbd356fb4279f0efa81b3d016e"),
-      value: 'space-evenly'
-    }, {
-      label: i18n("ae558cbf4c35d381b6542f517f2e8dff"),
-      value: 'stretch'
-    }]
+    options: (config === null || config === void 0 ? void 0 : config.options) || defaultOptions
   };
   if ((config === null || config === void 0 ? void 0 : config.mode) === 'vertical') {
     // 上下展示，可避免 自定义渲染器 出现挤压
@@ -225,6 +227,22 @@ setSchemaTpl('layout:justifyContent', function (config) {
 });
 // 交叉轴排列方向
 setSchemaTpl('layout:alignItems', function (config) {
+  var defaultOptions = [{
+    label: i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
+    value: 'flex-start'
+  }, {
+    label: i18n("56c17ba6a56c01706ae00a31611deb03"),
+    value: 'center'
+  }, {
+    label: i18n("abeb360ab1e66534a041fb8b44e1a00e"),
+    value: 'flex-end'
+  }, {
+    label: i18n("ed97c73866617b40a7b1215867e0f489"),
+    value: 'baseline'
+  }, {
+    label: i18n("7ac1519928de413cfe36f5d2e0610430"),
+    value: 'stretch'
+  }];
   var configSchema = {
     type: 'select',
     label: (config === null || config === void 0 ? void 0 : config.label) || tipedLabel("\u5782\u76F4\u5BF9\u9F50\u65B9\u5F0F", i18n("5ccc4c05cd41195f202f550a4c307a64")),
@@ -233,22 +251,7 @@ setSchemaTpl('layout:alignItems', function (config) {
     visibleOn: config === null || config === void 0 ? void 0 : config.visibleOn,
     pipeIn: config === null || config === void 0 ? void 0 : config.pipeIn,
     pipeOut: config === null || config === void 0 ? void 0 : config.pipeOut,
-    options: [{
-      label: i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
-      value: 'flex-start'
-    }, {
-      label: i18n("56c17ba6a56c01706ae00a31611deb03"),
-      value: 'center'
-    }, {
-      label: i18n("abeb360ab1e66534a041fb8b44e1a00e"),
-      value: 'flex-end'
-    }, {
-      label: i18n("ed97c73866617b40a7b1215867e0f489"),
-      value: 'baseline'
-    }, {
-      label: i18n("7ac1519928de413cfe36f5d2e0610430"),
-      value: 'stretch'
-    }]
+    options: (config === null || config === void 0 ? void 0 : config.options) || defaultOptions
   };
   if ((config === null || config === void 0 ? void 0 : config.mode) === 'vertical') {
     return {
@@ -323,27 +326,51 @@ setSchemaTpl('layout:flex-wrap', function (config) {
 // 弹性模式
 setSchemaTpl('layout:flex', function (config) {
   return {
-    type: 'switch',
-    label: (config === null || config === void 0 ? void 0 : config.label) || tipedLabel(i18n("ee2df1c1a0d99094f641166535948d4b"), i18n("3587540660a01f8a8aff6a2c0409a404")),
+    type: 'button-group-select',
+    size: 'xs',
     name: (config === null || config === void 0 ? void 0 : config.name) || 'style.flex',
+    options: [{
+      label: i18n("091885db07e43ff7cbe60c3b664b0b50"),
+      value: '1 1 auto'
+    }, {
+      label: i18n("1ef8fd21130d17cb7c1613eaed6ca1e4"),
+      value: '0 0 150px'
+    }, {
+      label: i18n("363165ccee78341a65f1d42174e8b08f"),
+      value: '0 0 auto'
+    }],
+    label: (config === null || config === void 0 ? void 0 : config.label) || i18n("eb44269adb6ba70569cd62ea88cb2750"),
     value: (config === null || config === void 0 ? void 0 : config.value) || '0 0 auto',
-    trueValue: '1 1 auto',
-    falseValue: '0 0 auto',
-    onText: (config === null || config === void 0 ? void 0 : config.onText) || i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
-    offText: (config === null || config === void 0 ? void 0 : config.offText) || i18n("b15d91274e9fc68608c609999e0413fa"),
     inputClassName: 'inline-flex justify-between',
     visibleOn: config === null || config === void 0 ? void 0 : config.visibleOn,
     onChange: function (value, oldValue, model, form) {
-      if (!value || value === '0 0 auto') {
-        // 固定宽度模式下，剔除占比设置
+      if (value === '1 1 auto') {
+        // 弹性
+        if (config === null || config === void 0 ? void 0 : config.isFlexColumnItem) {
+          form.setValueByName('style.overflowY', 'auto');
+          form.setValueByName('style.height', undefined);
+        } else {
+          form.setValueByName('style.overflowX', 'auto');
+          form.setValueByName('style.width', undefined);
+        }
+      } else if (value === '0 0 150px') {
+        // 固定
         form.setValueByName('style.flexGrow', undefined);
-      }
-      if (config === null || config === void 0 ? void 0 : config.isFlexColumnItem) {
-        form.setValueByName('style.overflowY', 'auto');
-        form.setValueByName('style.height', undefined);
-      } else {
-        form.setValueByName('style.overflowX', 'auto');
-        form.setValueByName('style.width', undefined);
+        form.setValueByName('style.flexBasis', '150px');
+        if (config === null || config === void 0 ? void 0 : config.isFlexColumnItem) {
+          form.setValueByName('style.height', undefined);
+        } else {
+          form.setValueByName('style.width', undefined);
+        }
+      } else if (value === '0 0 auto') {
+        // 适配
+        form.setValueByName('style.flexGrow', undefined);
+        form.setValueByName('style.flexBasis', undefined);
+        if (config === null || config === void 0 ? void 0 : config.isFlexColumnItem) {
+          form.setValueByName('style.height', undefined);
+        } else {
+          form.setValueByName('style.width', undefined);
+        }
       }
     }
   };
@@ -387,11 +414,20 @@ setSchemaTpl('layout:flex-grow', function (config) {
 });
 // 是否固定宽度: isFixedWidth 配置:
 setSchemaTpl('layout:isFixedWidth', function (config) {
+  var _a;
   return {
-    type: 'switch',
-    label: (config === null || config === void 0 ? void 0 : config.label) || i18n("b591aed69defa2abf0486da6a58dfb5e"),
+    type: 'button-group-select',
+    label: (config === null || config === void 0 ? void 0 : config.label) || i18n("a170a375b264f7fe0c02a7ca8c268784"),
+    size: 'xs',
     name: (config === null || config === void 0 ? void 0 : config.name) || 'isFixedWidth',
-    value: (config === null || config === void 0 ? void 0 : config.value) || false,
+    options: [{
+      label: i18n("1ef8fd21130d17cb7c1613eaed6ca1e4"),
+      value: true
+    }, {
+      label: i18n("363165ccee78341a65f1d42174e8b08f"),
+      value: false
+    }],
+    value: (_a = config === null || config === void 0 ? void 0 : config.value) !== null && _a !== void 0 ? _a : false,
     visibleOn: config === null || config === void 0 ? void 0 : config.visibleOn,
     inputClassName: 'inline-flex justify-between',
     pipeIn: config === null || config === void 0 ? void 0 : config.pipeIn,
@@ -506,11 +542,20 @@ setSchemaTpl('layout:overflow-x', function (config) {
 });
 // 是否固定高度: isFixedHeight 配置:
 setSchemaTpl('layout:isFixedHeight', function (config) {
+  var _a;
   return {
-    type: 'switch',
-    label: (config === null || config === void 0 ? void 0 : config.label) || i18n("c19b79073b676b9bade80613aba2dbfa"),
+    type: 'button-group-select',
+    label: (config === null || config === void 0 ? void 0 : config.label) || i18n("f02f876ee64cc016d97fa4dc498d4857"),
+    size: 'xs',
     name: (config === null || config === void 0 ? void 0 : config.name) || 'isFixedHeight',
-    value: (config === null || config === void 0 ? void 0 : config.value) || false,
+    options: [{
+      label: i18n("1ef8fd21130d17cb7c1613eaed6ca1e4"),
+      value: true
+    }, {
+      label: i18n("363165ccee78341a65f1d42174e8b08f"),
+      value: false
+    }],
+    value: (_a = config === null || config === void 0 ? void 0 : config.value) !== null && _a !== void 0 ? _a : false,
     visibleOn: config === null || config === void 0 ? void 0 : config.visibleOn,
     inputClassName: 'inline-flex justify-between',
     pipeIn: config === null || config === void 0 ? void 0 : config.pipeIn,
@@ -707,3 +752,62 @@ setSchemaTpl('layout:originPosition', function (config) {
     return configSchema;
   }
 });
+// 吸附位置配置项
+setSchemaTpl('layout:sorption', {
+  type: 'button-group-select',
+  label: i18n("7d30297d4e1f310c73b27be88c748026"),
+  size: 'xs',
+  name: 'sorptionPosition',
+  options: [{
+    label: i18n("2ea76e2ffc1b92911d6f7decfa993360"),
+    value: 'top'
+  }, {
+    label: i18n("8cfc818a76662085cb64752d6d592fbe"),
+    value: 'bottom'
+  }],
+  onChange: function (value, oldValue, model, form) {
+    if (value === 'top') {
+      form.setValueByName('style.inset', '0 auto auto 0');
+    } else if (value === 'bottom') {
+      form.setValueByName('style.inset', 'auto auto 0 0');
+    }
+  }
+});
+// 滚动吸附配置项
+setSchemaTpl('layout:sticky', {
+  type: 'switch',
+  label: tipedLabel(i18n("e2f6535e21570a0703c7c65f41b30eaa"), i18n("1c5ea0ffb2b15713cb22c41a02576924")),
+  name: 'stickyStatus',
+  inputClassName: 'inline-flex justify-between',
+  onChange: function (value, oldValue, model, form) {
+    if (value) {
+      form.setValueByName('style.position', 'sticky');
+      form.setValueByName('style.inset', '0px auto auto auto');
+    } else {
+      form.setValueByName('style.position', 'static');
+      form.setValueByName('style.inset', undefined);
+    }
+  }
+});
+// 滚动吸附位置配置项
+setSchemaTpl('layout:stickyPosition', {
+  type: 'button-group-select',
+  size: 'xs',
+  label: tipedLabel(i18n("7d30297d4e1f310c73b27be88c748026"), i18n("5f9be0002394f0b58952969d5952e24c")),
+  name: 'stickyPosition',
+  visibleOn: 'data.stickyStatus',
+  options: [{
+    label: i18n("2ea76e2ffc1b92911d6f7decfa993360"),
+    value: 'top'
+  }, {
+    label: i18n("8cfc818a76662085cb64752d6d592fbe"),
+    value: 'bottom'
+  }],
+  onChange: function (value, oldValue, model, form) {
+    if (value === 'top') {
+      form.setValueByName('style.inset', '0px auto auto auto');
+    } else if (value === 'bottom') {
+      form.setValueByName('style.inset', 'auto auto 0px auto');
+    }
+  }
+});

package/esm/tpl/options.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/style.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/validations.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 

package/esm/util.d.ts

@@ -1,20 +1,23 @@
+import { BaseEventContext, EditorManager, RendererPluginAction } from 'amis-editor-core';
 import { ActionConfig } from './renderer/event-control/types';
 /**
  * 获取事件动作面板所需属性配置
  */
 export declare const getEventControlConfig: (manager: EditorManager, context: BaseEventContext) => {
     showOldEntry: boolean;
-    actions: any;
-    events: any;
-    actionTree: any;
-    commonActions: any;
+    actions: import("amis-editor-core").PluginActions;
+    events: import("amis-editor-core").PluginEvents;
+    actionTree: RendererPluginAction[];
+    commonActions: {
+        [propName: string]: RendererPluginAction;
+    } | undefined;
     owner: string;
-    addBroadcast: any;
-    removeBroadcast: any;
-    getContextSchemas: (id?: string, withoutSuper?: boolean) => Promise<any>;
+    addBroadcast: (event: import("amis-editor-core").RendererPluginEvent) => void;
+    removeBroadcast: (id: string) => void;
+    getContextSchemas: (id?: string, withoutSuper?: boolean) => Promise<import("amis").DataSchema | import("json-schema").JSONSchema7[]>;
     getComponents: (action: RendererPluginAction) => any[];
     actionConfigInitFormatter: (action: ActionConfig) => {
-        actionType: any;
+        actionType: string | undefined;
         description?: string | undefined;
         componentId?: string | undefined;
         args?: Record<string, any> | undefined;

package/esm/util.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 

package/esm/validator.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */