amis-editor 5.2.4-beta.30 → 5.2.5

package/esm/renderer/event-control/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
@@ -519,22 +519,44 @@ var EventControl = /** @class */function (_super) {
     configurable: true,
     writable: true,
     value: function (data) {
+      var _a;
       return __awaiter(this, void 0, void 0, function () {
-        var _a, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, rawVariables, dataSchemaIns, eventVariables, variables, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, targetDataSchema, targetDataSchemaIns, targetVariables;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        var _b, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, manager, rawVariables, dataSchemaIns, eventVariables, appVariables, variables, systemVarIndex, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, targetDataSchema, targetDataSchemaIns, targetVariables;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
             case 0:
-              _a = this.props, pluginActions = _a.actions, getContextSchemas = _a.getContextSchemas, actionConfigInitFormatter = _a.actionConfigInitFormatter, getComponents = _a.getComponents, actionTree = _a.actionTree, allComponents = _a.allComponents;
+              _b = this.props, pluginActions = _b.actions, getContextSchemas = _b.getContextSchemas, actionConfigInitFormatter = _b.actionConfigInitFormatter, getComponents = _b.getComponents, actionTree = _b.actionTree, allComponents = _b.allComponents, manager = _b.manager;
               rawVariables = [];
               if (!getContextSchemas) return [3 /*break*/, 2];
               return [4 /*yield*/, getContextSchemas()];
             case 1:
-              dataSchemaIns = _b.sent();
+              dataSchemaIns = _c.sent();
               rawVariables = dataSchemaIns === null || dataSchemaIns === void 0 ? void 0 : dataSchemaIns.getDataPropsAsOptions();
-              _b.label = 2;
+              _c.label = 2;
             case 2:
               eventVariables = this.getEventVariables(data);
+              appVariables = ((_a = manager === null || manager === void 0 ? void 0 : manager.variableManager) === null || _a === void 0 ? void 0 : _a.getVariableFormulaOptions()) || [];
               variables = __spreadArray(__spreadArray([], eventVariables, true), rawVariables, true);
+              systemVarIndex = variables.findIndex(function (item) {
+                return item.label === i18n("979a50681e278dcc0be18f68459e8217");
+              });
+              // 插入应用变量
+              if (!!~systemVarIndex) {
+                appVariables.forEach(function (item) {
+                  if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                    variables.splice(systemVarIndex, 0, item);
+                  }
+                });
+              } else {
+                appVariables.forEach(function (item) {
+                  if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                    variables.push(item);
+                  }
+                });
+              }
+              variables.forEach(function (item) {
+                return item.selectMode = 'tree';
+              });
               if (!(data.type === 'update')) return [3 /*break*/, 6];
               action_1 = data.actionData.action;
               return [4 /*yield*/, actionConfigInitFormatter === null || actionConfigInitFormatter === void 0 ? void 0 : actionConfigInitFormatter(action_1, {
@@ -542,7 +564,7 @@ var EventControl = /** @class */function (_super) {
                 rawVariables: rawVariables
               })];
             case 3:
-              actionConfig = _b.sent();
+              actionConfig = _c.sent();
               actionNode = findActionNode(actionTree, actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType);
               hasSubActionNode = findSubActionNode(actionTree, action_1.actionType);
               supportComponents = getComponents(actionNode);
@@ -553,13 +575,13 @@ var EventControl = /** @class */function (_super) {
               if (!((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) === 'setValue' && (node === null || node === void 0 ? void 0 : node.id) && SELECT_PROPS_CONTAINER.includes((node === null || node === void 0 ? void 0 : node.type) || ''))) return [3 /*break*/, 5];
               return [4 /*yield*/, getContextSchemas === null || getContextSchemas === void 0 ? void 0 : getContextSchemas(node.id, true)];
             case 4:
-              targetDataSchema = _b.sent();
+              targetDataSchema = _c.sent();
               targetDataSchemaIns = new DataSchema(targetDataSchema || []);
               targetVariables = (targetDataSchemaIns === null || targetDataSchemaIns === void 0 ? void 0 : targetDataSchemaIns.getDataPropsAsOptions()) || [];
               setValueDs = targetVariables === null || targetVariables === void 0 ? void 0 : targetVariables.filter(function (item) {
                 return item.value !== '$$id';
               });
-              _b.label = 5;
+              _c.label = 5;
             case 5:
               data.actionData = __assign(__assign({
                 eventKey: data.actionData.eventKey,
@@ -593,7 +615,7 @@ var EventControl = /** @class */function (_super) {
                 rawVariables: rawVariables,
                 __superCmptTreeSource: allComponents
               };
-              _b.label = 7;
+              _c.label = 7;
             case 7:
               this.setState(data);
               return [2 /*return*/];

package/esm/renderer/style-control/Background.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/Border.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/BoxModel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/BoxShadow.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/Display.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/Font.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/InsetBoxModel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/ThemeClassName.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/font-family.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/transformation.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/textarea-formula/FormulaPicker.js

@@ -1,8 +1,9 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
+import { __assign } from 'tslib';
 import React__default, { useEffect } from 'react';
 import { Modal, Button } from 'amis';
 import cx from 'classnames';
@@ -28,7 +29,7 @@ var FormulaPicker = function (props) {
     };
     return (React__default.createElement(Modal, { className: cx('FormulaPicker-Modal'), size: "md", show: true, onHide: handleClose, closeOnEsc: true },
         React__default.createElement(Modal.Body, null,
-            React__default.createElement(FormulaEditor, { header: "\u8868\u8FBE\u5F0F", variables: variables, variableMode: variableMode, value: formula, evalMode: evalMode, onChange: handleChange })),
+            React__default.createElement(FormulaEditor, __assign({}, props, { header: "\u8868\u8FBE\u5F0F", variables: variables, variableMode: variableMode, value: formula, evalMode: evalMode, onChange: handleChange }))),
         React__default.createElement(Modal.Footer, null,
             React__default.createElement(Button, { onClick: handleClose }, "\u53D6\u6D88"),
             React__default.createElement(Button, { onClick: handleConfirm, level: "primary" }, "\u786E\u8BA4"))));

package/esm/renderer/textarea-formula/TextareaFormulaControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/textarea-formula/plugin.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/textarea-formula/utils.d.ts

@@ -4,7 +4,7 @@
  * @param manager
  * @returns
  */
-export declare function resolveVariablesFromScope(node: any, manager: any): Promise<any>;
+export declare function resolveVariablesFromScope(node: any, manager: any): Promise<any[]>;
 /**
  * 整合 props & amis数据域 中的 variables
  * @param that  为组件的实例 this

package/esm/renderer/textarea-formula/utils.js

@@ -1,81 +1,97 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
 import { __awaiter, __generator, __assign, __spreadArray } from 'tslib';
 import { isExpression, resolveVariableAndFilter } from 'amis-core';
 import { translateSchema } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
 
-/**
- * 从amis数据域中取变量数据
- * @param node
- * @param manager
- * @returns
- */
 function resolveVariablesFromScope(node, manager) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function () {
-        var dataPropsAsOptions;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, (manager === null || manager === void 0 ? void 0 : manager.getContextSchemas(node))];
-                case 1:
-                    _b.sent();
-                    dataPropsAsOptions = (_a = manager === null || manager === void 0 ? void 0 : manager.dataSchema) === null || _a === void 0 ? void 0 : _a.getDataPropsAsOptions();
-                    if (dataPropsAsOptions) {
-                        return [2 /*return*/, dataPropsAsOptions
-                                .map(function (item) { return (__assign({ selectMode: 'tree' }, item)); })
-                                .filter(function (item) { var _a; return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length; })];
-                    }
-                    return [2 /*return*/, []];
+  var _a, _b;
+  return __awaiter(this, void 0, void 0, function () {
+    var dataPropsAsOptions, variables, systemVarIndex_1;
+    return __generator(this, function (_c) {
+      switch (_c.label) {
+        case 0:
+          return [4 /*yield*/, manager === null || manager === void 0 ? void 0 : manager.getContextSchemas(node)];
+        case 1:
+          _c.sent();
+          dataPropsAsOptions = (_a = manager === null || manager === void 0 ? void 0 : manager.dataSchema) === null || _a === void 0 ? void 0 : _a.getDataPropsAsOptions();
+          variables = ((_b = manager === null || manager === void 0 ? void 0 : manager.variableManager) === null || _b === void 0 ? void 0 : _b.getVariableFormulaOptions()) || [];
+          if (dataPropsAsOptions) {
+            systemVarIndex_1 = dataPropsAsOptions.findIndex(function (item) {
+              return item.label === i18n("979a50681e278dcc0be18f68459e8217");
+            });
+            if (!!~systemVarIndex_1) {
+              variables.forEach(function (item) {
+                if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                  dataPropsAsOptions.splice(systemVarIndex_1, 0, item);
+                }
+              });
+            } else {
+              variables.forEach(function (item) {
+                if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                  dataPropsAsOptions.push(item);
+                }
+              });
             }
-        });
+            return [2 /*return*/, dataPropsAsOptions.map(function (item) {
+              return __assign({
+                selectMode: 'tree'
+              }, item);
+            }).filter(function (item) {
+              var _a;
+              return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length;
+            })];
+          }
+          return [2 /*return*/, []];
+      }
     });
+  });
 }
 /**
  * 整合 props & amis数据域 中的 variables
  * @param that  为组件的实例 this
  **/
 function getVariables(that) {
-    return __awaiter(this, void 0, void 0, function () {
-        var variablesArr, _a, variables, requiredDataPropsVariables, _b, node, manager, vars;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    variablesArr = [];
-                    _a = that.props, variables = _a.variables, requiredDataPropsVariables = _a.requiredDataPropsVariables;
-                    if (!(!variables || requiredDataPropsVariables)) return [3 /*break*/, 2];
-                    _b = that.props.formProps || that.props, node = _b.node, manager = _b.manager;
-                    return [4 /*yield*/, resolveVariablesFromScope(node, manager)];
-                case 1:
-                    vars = _c.sent();
-                    if (Array.isArray(vars)) {
-                        if (!that.isUnmount) {
-                            variablesArr = vars;
-                        }
-                    }
-                    _c.label = 2;
-                case 2:
-                    if (variables) {
-                        if (Array.isArray(variables)) {
-                            variablesArr = __spreadArray(__spreadArray([], variables, true), variablesArr, true);
-                        }
-                        else if (typeof variables === 'function') {
-                            variablesArr = __spreadArray(__spreadArray([], variables(that), true), variablesArr, true);
-                        }
-                        else if (isExpression(variables)) {
-                            variablesArr = __spreadArray(__spreadArray([], resolveVariableAndFilter(that.props.variables, that.props.data, '| raw'), true), variablesArr, true);
-                        }
-                    }
-                    // 如果存在应用语言类型，则进行翻译
-                    if (that.appLocale && that.appCorpusData) {
-                        return [2 /*return*/, translateSchema(variablesArr, that.appCorpusData)];
-                    }
-                    return [2 /*return*/, variablesArr];
+  return __awaiter(this, void 0, void 0, function () {
+    var variablesArr, _a, variables, requiredDataPropsVariables, _b, node, manager, vars;
+    return __generator(this, function (_c) {
+      switch (_c.label) {
+        case 0:
+          variablesArr = [];
+          _a = that.props, variables = _a.variables, requiredDataPropsVariables = _a.requiredDataPropsVariables;
+          if (!(!variables || requiredDataPropsVariables)) return [3 /*break*/, 2];
+          _b = that.props.formProps || that.props, node = _b.node, manager = _b.manager;
+          return [4 /*yield*/, resolveVariablesFromScope(node, manager)];
+        case 1:
+          vars = _c.sent();
+          if (Array.isArray(vars)) {
+            if (!that.isUnmount) {
+              variablesArr = vars;
+            }
+          }
+          _c.label = 2;
+        case 2:
+          if (variables) {
+            if (Array.isArray(variables)) {
+              variablesArr = __spreadArray(__spreadArray([], variables, true), variablesArr, true);
+            } else if (typeof variables === 'function') {
+              variablesArr = __spreadArray(__spreadArray([], variables(that), true), variablesArr, true);
+            } else if (isExpression(variables)) {
+              variablesArr = __spreadArray(__spreadArray([], resolveVariableAndFilter(that.props.variables, that.props.data, '| raw'), true), variablesArr, true);
             }
-        });
+          }
+          // 如果存在应用语言类型，则进行翻译
+          if (that.appLocale && that.appCorpusData) {
+            return [2 /*return*/, translateSchema(variablesArr, that.appCorpusData)];
+          }
+          return [2 /*return*/, variablesArr];
+      }
     });
+  });
 }
 
 export { getVariables, resolveVariablesFromScope };

package/esm/tpl/api.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/tpl/common.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
@@ -91,6 +91,38 @@ setSchemaTpl('formItemMode', function (config) {
     }
   };
 });
+setSchemaTpl('formulaControl', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+  return __assign({
+    type: 'ae-formulaControl'
+  }, schema);
+});
+setSchemaTpl('expressionFormulaControl', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+  return __assign({
+    type: 'ae-expressionFormulaControl'
+  }, schema);
+});
+setSchemaTpl('textareaFormulaControl', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+  return __assign({
+    type: 'ae-textareaFormulaControl'
+  }, schema);
+});
+setSchemaTpl('DataPickerControl', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+  return __assign({
+    type: 'ae-DataPickerControl'
+  }, schema);
+});
 setSchemaTpl('formItemInline', {
   type: 'switch',
   label: i18n("66670400b1f3e4b6c94cff171d441585"),
@@ -274,6 +306,14 @@ setSchemaTpl('hint', {
   name: 'hint',
   description: i18n("dc5dbe7a1b1ff5cae22ffbb636bc6380")
 });
+setSchemaTpl('icon', {
+  label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+  type: 'icon-picker',
+  name: 'icon',
+  placeholder: i18n("b7dee01f2d085d90c47bcb8b490d9055"),
+  clearable: true,
+  description: ''
+});
 setSchemaTpl('remark', remarkTpl({
   name: 'remark',
   label: i18n("ff255db9b108589abd5c649e2a02e3f1"),
@@ -314,8 +354,7 @@ setSchemaTpl('valueFormula', function (config) {
     // 上下展示，可避免 自定义渲染器 出现挤压
     mode: mode === 'vertical' ? 'vertical' : 'horizontal',
     visibleOn: visibleOn,
-    body: [__assign({
-      type: 'ae-formulaControl',
+    body: [getSchemaTpl('formulaControl', __assign({
       label: label !== null && label !== void 0 ? label : i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
       name: name || 'value',
       rendererWrapper: rendererWrapper,
@@ -328,7 +367,7 @@ setSchemaTpl('valueFormula', function (config) {
       requiredDataPropsVariables: requiredDataPropsVariables,
       variableMode: variableMode,
       DateTimeType: DateTimeType !== null && DateTimeType !== void 0 ? DateTimeType : FormulaDateType.NotDate
-    }, rest)]
+    }, rest))]
   };
 });
 setSchemaTpl('inputType', {
@@ -444,33 +483,25 @@ setSchemaTpl('optionsMenuTpl', function (config) {
     }];
     return variablesArr;
   }
-  return __assign({
-    type: 'ae-textareaFormulaControl',
+  return getSchemaTpl('textareaFormulaControl', __assign({
     mode: 'normal',
     label: tipedLabel(i18n("1ca87f0171481e27d94e81b477150b7d"), i18n("d6ecb32a380c91887a9346653c2427e9")),
     name: 'menuTpl',
     variables: getOptionVars,
     requiredDataPropsVariables: true
-  }, rest);
+  }, rest));
 });
-setSchemaTpl('menuTpl', {
-  type: 'ae-textareaFormulaControl',
-  mode: 'normal',
-  label: tipedLabel(i18n("59cf15fe6b8d659c9bd2f86143534a06"), i18n("d6ecb32a380c91887a9346653c2427e9")),
-  name: 'menuTpl'
+setSchemaTpl('menuTpl', function () {
+  return getSchemaTpl('textareaFormulaControl', {
+    mode: 'normal',
+    label: tipedLabel(i18n("59cf15fe6b8d659c9bd2f86143534a06"), i18n("d6ecb32a380c91887a9346653c2427e9")),
+    name: 'menuTpl'
+  });
 });
 setSchemaTpl('expression', {
   type: 'input-text',
   description: i18n("b18ec08df2e47313bcc93430e7a25fd3")
 });
-setSchemaTpl('icon', {
-  label: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
-  type: 'icon-select',
-  name: 'icon',
-  placeholder: i18n("b7dee01f2d085d90c47bcb8b490d9055"),
-  clearable: true,
-  description: ''
-});
 setSchemaTpl('size', {
   label: i18n("b3b97a293baac13db6367aba5539a09c"),
   type: 'button-group-select',
@@ -865,15 +896,6 @@ setSchemaTpl('badge', {
   name: 'badge',
   type: 'ae-badge'
 });
-// 暂未使用
-setSchemaTpl('formulaControl', function (schema) {
-  if (schema === void 0) {
-    schema = {};
-  }
-  return __assign({
-    type: 'ae-formulaControl'
-  }, schema);
-});
 /**
  * 日期范围快捷键组件
  */
@@ -939,12 +961,11 @@ setSchemaTpl('app-page-args', {
     inputMode: 'input-group'
   }
    */
-  {
+  getSchemaTpl('formulaControl', {
     name: 'val',
-    type: 'ae-formulaControl',
     variables: '${variables}',
     placeholder: i18n("bfed4943c5f487de1b63a82f7230cce2")
-  }]
+  })]
 });
 setSchemaTpl('iconLink', function (schema) {
   var name = schema.name,
@@ -991,11 +1012,12 @@ setSchemaTpl('pageSubTitle', {
   name: 'subTitle',
   type: 'textarea'
 });
-setSchemaTpl('textareaDefaultValue', {
-  type: 'ae-textareaFormulaControl',
-  label: i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
-  name: 'value',
-  mode: 'normal'
+setSchemaTpl('textareaDefaultValue', function () {
+  return getSchemaTpl('textareaFormulaControl', {
+    label: i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+    name: 'value',
+    mode: 'normal'
+  });
 });
 setSchemaTpl('prefix', {
   type: 'input-text',

package/esm/tpl/horizontal.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 

package/esm/tpl/layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
@@ -39,16 +39,16 @@ setSchemaTpl('layout:position', function (config) {
       }
     },
     options: [{
-      label: i18n("18c63459a2c069022c7790430f761214"),
+      label: i18n("aae5ccb98564e19c48f19c740c3c10b7"),
       value: 'static'
     }, {
-      label: i18n("5ddea41072a27a74a1715549dfb79bc2"),
+      label: i18n("5d721446605f21bddb3b8e2ab2a3841c"),
       value: 'relative'
     }, {
-      label: i18n("e9513a013011450c57cfe3ef51b7d4b0"),
+      label: i18n("b55b525d56fd0d4d3dcb9291e59e3433"),
       value: 'fixed'
     }, {
-      label: i18n("3059599d8ebfec00a8ab53346d9b4fa3"),
+      label: i18n("25ece43050dda20ad4d8dd058dd590d1"),
       value: 'absolute'
     }]
   };
@@ -852,9 +852,11 @@ setSchemaTpl('layout:sticky', {
     if (value) {
       form.setValueByName('style.position', 'sticky');
       form.setValueByName('style.inset', '0px auto auto auto');
+      form.setValueByName('style.zIndex', 10);
     } else {
       form.setValueByName('style.position', 'static');
       form.setValueByName('style.inset', undefined);
+      form.setValueByName('style.zIndex', undefined);
     }
   }
 });