amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -8,7 +8,7 @@ import { Button } from 'amis';
 import { defaultValue, getSchemaTpl } from 'amis-editor-core';
 import React__default from 'react';
 import { normalizeApi } from 'amis-core';
-import { getArgsWrapper, renderCmptSelect, FORMITEM_CMPTS, SUPPORT_DISABLED_CMPTS, renderCmptActionSelect, IS_DATA_CONTAINER, SHOW_SELECT_PROP } from './helper.js';
+import { getArgsWrapper, renderCmptSelect, FORMITEM_CMPTS, SUPPORT_DISABLED_CMPTS, SUPPORT_STATIC_FORMITEM_CMPTS, IS_DATA_CONTAINER, renderCmptActionSelect, SHOW_SELECT_PROP } from './helper.js';
 import { i18n } from 'i18n-runtime';
 
 var MSG_TYPES = {
@@ -17,7 +17,6 @@ var MSG_TYPES = {
   success: i18n("330363dfc524cff2488f2ebde0500896"),
   error: i18n("7030ff64701a938becbc5aa67ddb86e8")
 };
-
 var ACTION_TYPE_TREE = function (manager) {
   return [{
     actionLabel: i18n("59ceff465ad16932d8972191ad815dfb"),
@@ -29,16 +28,17 @@ var ACTION_TYPE_TREE = function (manager) {
       innerArgs: ['url', 'params', 'blank'],
       descDetail: function (info) {
         var _a;
-
         return React__default.createElement("div", null, "\u8DF3\u8F6C\u81F3", React__default.createElement("span", {
           className: "variable-left"
-        }, (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.url));
+        }, ((_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.url) || '-'));
       },
       schema: getArgsWrapper([{
         type: 'wrapper',
         className: 'p-none',
-        body: [{
-          label: i18n("8f1c078c6d42759e6ccb1a9bf35f1629"),
+        body: [
+        /**
+        {
+          label: '页面地址',
           type: 'input-formula',
           variables: '${variables}',
           evalMode: false,
@@ -50,27 +50,48 @@ var ACTION_TYPE_TREE = function (manager) {
           size: 'lg',
           required: true,
           visibleOn: 'data.actionType === "url"'
+        },
+        */
+        {
+          name: 'url',
+          label: i18n("8f1c078c6d42759e6ccb1a9bf35f1629"),
+          type: 'ae-textareaFormulaControl',
+          variables: '${variables}',
+          mode: 'horizontal',
+          // placeholder: 'http://', 长文本暂不支持
+          size: 'lg',
+          required: true,
+          visibleOn: 'data.actionType === "url"'
         }, {
           type: 'combo',
           name: 'params',
           label: i18n("0b72392143e4038e98128cb0f6f679b3"),
           multiple: true,
           mode: 'horizontal',
+          size: 'lg',
           items: [{
             name: 'key',
             placeholder: i18n("c068b579db3bf0a553bd0af4f81cc14f"),
-            type: 'input-text',
-            mode: 'inline',
-            size: 'xs'
-          }, {
+            type: 'input-text'
+          },
+          /**
+           {
             name: 'val',
-            placeholder: i18n("bfed4943c5f487de1b63a82f7230cce2"),
+            placeholder: '参数值',
             type: 'input-formula',
             variables: '${variables}',
             evalMode: false,
             variableMode: 'tabs',
             inputMode: 'input-group',
             size: 'xs'
+          },
+           */
+          {
+            type: 'ae-formulaControl',
+            variables: '${variables}',
+            name: 'val',
+            variableMode: 'tabs',
+            placeholder: i18n("bfed4943c5f487de1b63a82f7230cce2")
           }]
         }, {
           type: 'switch',
@@ -89,10 +110,9 @@ var ACTION_TYPE_TREE = function (manager) {
       innerArgs: ['link', 'params', 'pageName', '__pageInputSchema'],
       descDetail: function (info) {
         var _a;
-
         return React__default.createElement("div", null, "\u6253\u5F00", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.pageName), "\u9875\u9762");
+        }, ((_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.pageName) || '-'), "\u9875\u9762");
       },
       schema: getArgsWrapper([{
         type: 'wrapper',
@@ -156,8 +176,8 @@ var ACTION_TYPE_TREE = function (manager) {
         visibleOn: 'data.groupType === "dialog"',
         children: function (_a) {
           var value = _a.value,
-              onChange = _a.onChange,
-              data = _a.data;
+            onChange = _a.onChange,
+            data = _a.data;
           return React__default.createElement(Button, {
             size: "sm",
             className: "action-btn-width",
@@ -174,7 +194,7 @@ var ACTION_TYPE_TREE = function (manager) {
               });
             },
             block: true
-          }, "\u53BB\u914D\u7F6E");
+          }, i18n('a532be3ad5f3fda70d228b8542e81835'));
         }
       }, {
         name: 'drawer',
@@ -189,8 +209,8 @@ var ACTION_TYPE_TREE = function (manager) {
         visibleOn: 'data.groupType === "drawer"',
         children: function (_a) {
           var value = _a.value,
-              onChange = _a.onChange;
-              _a.data;
+            onChange = _a.onChange;
+            _a.data;
           return React__default.createElement(Button, {
             size: "sm",
             className: "action-btn-width",
@@ -206,7 +226,7 @@ var ACTION_TYPE_TREE = function (manager) {
               });
             },
             block: true
-          }, "\u53BB\u914D\u7F6E");
+          }, i18n('a532be3ad5f3fda70d228b8542e81835'));
         }
       }]
     }, {
@@ -239,8 +259,8 @@ var ACTION_TYPE_TREE = function (manager) {
       //     }
       //   ]
       // })
-
-    }, // 暂时下掉，看后面具体设计
+    },
+    // 暂时下掉，看后面具体设计
     // {
     //   actionLabel: '打开提示对话框',
     //   actionType: 'alert',
@@ -258,31 +278,29 @@ var ACTION_TYPE_TREE = function (manager) {
       innerArgs: ['title', 'msgType', 'msg', 'position', 'timeout', 'closeButton', 'showIcon'],
       descDetail: function (info) {
         var _a, _b;
-
         return React__default.createElement("div", null, MSG_TYPES[(_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.msgType] || '', "\u6D88\u606F\uFF1A", React__default.createElement("span", {
           className: "variable-left"
-        }, (_b = info === null || info === void 0 ? void 0 : info.args) === null || _b === void 0 ? void 0 : _b.msg));
+        }, ((_b = info === null || info === void 0 ? void 0 : info.args) === null || _b === void 0 ? void 0 : _b.msg) || '-'));
       },
-      schema: getArgsWrapper({
-        type: 'wrapper',
-        className: 'p-none',
-        body: [{
-          type: 'button-group-select',
-          name: 'msgType',
-          label: i18n("6d00710a2528332bfcac14b58e412042"),
-          value: 'info',
-          required: true,
-          mode: 'horizontal',
-          options: Object.keys(MSG_TYPES).map(function (key) {
-            return {
-              label: MSG_TYPES[key],
-              value: key,
-              level: 'default'
-            };
-          })
-        }, {
+      schema: [{
+        type: 'button-group-select',
+        name: 'msgType',
+        label: i18n("6d00710a2528332bfcac14b58e412042"),
+        value: 'info',
+        required: true,
+        mode: 'horizontal',
+        options: Object.keys(MSG_TYPES).map(function (key) {
+          return {
+            label: MSG_TYPES[key],
+            value: key,
+            level: 'default'
+          };
+        })
+      },
+      /*
+        {
           name: 'msg',
-          label: i18n("b87b77561e776367e6756e11ea652217"),
+          label: '消息内容',
           mode: 'horizontal',
           type: 'input-formula',
           variables: '${variables}',
@@ -291,65 +309,100 @@ var ACTION_TYPE_TREE = function (manager) {
           inputMode: 'input-group',
           size: 'lg',
           required: true
+        },
+        */
+      {
+        name: 'msg',
+        label: i18n("b87b77561e776367e6756e11ea652217"),
+        type: 'ae-textareaFormulaControl',
+        mode: 'horizontal',
+        variables: '${variables}',
+        size: 'lg',
+        required: true
+      },
+      /*
+      {
+        name: 'title',
+        type: 'input-formula',
+        variables: '${variables}',
+        evalMode: false,
+        variableMode: 'tabs',
+        inputMode: 'input-group',
+        label: '标题内容',
+        size: 'lg',
+        mode: 'horizontal'
+      },
+      */
+      {
+        name: 'title',
+        label: i18n("43ab9af06e1e0f0b2a8767b46cf8b1cf"),
+        type: 'ae-textareaFormulaControl',
+        variables: '${variables}',
+        mode: 'horizontal',
+        size: 'lg'
+      },
+      /*
+      {
+        name: 'timeout',
+        type: 'input-formula',
+        variables: '${variables}',
+        evalMode: false,
+        variableMode: 'tabs',
+        inputMode: 'input-group',
+        label: '持续时间(ms)',
+        size: 'lg',
+        mode: 'horizontal'
+      },
+      */
+      {
+        name: 'timeout',
+        label: i18n("f41a94bb85c5223181c4cdf83ea9021b"),
+        type: 'ae-formulaControl',
+        rendererSchema: {
+          type: 'input-number'
+        },
+        valueType: 'number',
+        variables: '${variables}',
+        size: 'lg',
+        mode: 'horizontal'
+      }, {
+        type: 'button-group-select',
+        name: 'position',
+        value: 'top-right',
+        mode: 'horizontal',
+        label: i18n("a0a837f2873de80bc9ec353c30e73171"),
+        options: [{
+          label: i18n("f3296f64a8a1330d7a07f1d269a1db92"),
+          value: 'top-left'
         }, {
-          name: 'title',
-          type: 'input-formula',
-          variables: '${variables}',
-          evalMode: false,
-          variableMode: 'tabs',
-          inputMode: 'input-group',
-          label: i18n("43ab9af06e1e0f0b2a8767b46cf8b1cf"),
-          size: 'lg',
-          mode: 'horizontal'
+          label: i18n("b97a5adf068bee6c852db9dcea3a9799"),
+          value: 'top-center'
         }, {
-          name: 'timeout',
-          type: 'input-formula',
-          variables: '${variables}',
-          evalMode: false,
-          variableMode: 'tabs',
-          inputMode: 'input-group',
-          label: i18n("f41a94bb85c5223181c4cdf83ea9021b"),
-          size: 'lg',
-          mode: 'horizontal'
+          label: i18n("eafeba264b6338939f11f1b1adf40d2b"),
+          value: 'top-right'
         }, {
-          type: 'button-group-select',
-          name: 'position',
-          value: 'top-right',
-          mode: 'horizontal',
-          label: i18n("a0a837f2873de80bc9ec353c30e73171"),
-          options: [{
-            label: i18n("f3296f64a8a1330d7a07f1d269a1db92"),
-            value: 'top-left'
-          }, {
-            label: i18n("b97a5adf068bee6c852db9dcea3a9799"),
-            value: 'top-center'
-          }, {
-            label: i18n("eafeba264b6338939f11f1b1adf40d2b"),
-            value: 'top-right'
-          }, {
-            label: i18n("d429ffb093e9aa3bf80da125f1be318c"),
-            value: 'bottom-left'
-          }, {
-            label: i18n("c241aa8f427118a719b94cbd8f2bb22d"),
-            value: 'bottom-center'
-          }, {
-            label: i18n("9cd707caffdfb314d939298f2f2c267c"),
-            value: 'bottom-right'
-          }]
+          label: i18n("d429ffb093e9aa3bf80da125f1be318c"),
+          value: 'bottom-left'
         }, {
-          type: 'switch',
-          name: 'closeButton',
-          value: true,
-          label: i18n("8c8fbec263e20f087555c9abcb6dd07a"),
-          mode: 'horizontal'
+          label: i18n("c241aa8f427118a719b94cbd8f2bb22d"),
+          value: 'bottom-center'
         }, {
-          type: 'switch',
-          name: 'showIcon',
-          value: true,
-          label: i18n("3f3a016027e540ef10a16dbd49fffde9"),
-          mode: 'horizontal'
+          label: i18n("9cd707caffdfb314d939298f2f2c267c"),
+          value: 'bottom-right'
         }]
-      })
+      }, {
+        type: 'switch',
+        name: 'closeButton',
+        value: true,
+        label: i18n("8c8fbec263e20f087555c9abcb6dd07a"),
+        mode: 'horizontal'
+      }, {
+        type: 'switch',
+        name: 'showIcon',
+        value: true,
+        label: i18n("3f3a016027e540ef10a16dbd49fffde9"),
+        mode: 'horizontal'
+      }]
     }]
   }, {
     actionLabel: i18n("47d68cd0f4c3e91a86d23afe8afccfb8"),
@@ -361,18 +414,15 @@ var ACTION_TYPE_TREE = function (manager) {
       innerArgs: ['api', 'options'],
       descDetail: function (info) {
         var _a;
-
         var apiInfo = (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.api;
-
         if (typeof apiInfo === 'string') {
           apiInfo = normalizeApi(apiInfo);
         }
-
         return React__default.createElement("div", null, "\u53D1\u9001", React__default.createElement("span", {
           className: "variable-right variable-left"
-        }, apiInfo === null || apiInfo === void 0 ? void 0 : apiInfo.method), "\u8BF7\u6C42\uFF1A", React__default.createElement("span", {
+        }, (apiInfo === null || apiInfo === void 0 ? void 0 : apiInfo.method) || '-'), "\u8BF7\u6C42\uFF1A", React__default.createElement("span", {
           className: "variable-left"
-        }, apiInfo === null || apiInfo === void 0 ? void 0 : apiInfo.url));
+        }, (apiInfo === null || apiInfo === void 0 ? void 0 : apiInfo.url) || '-'));
       },
       schema: {
         type: 'wrapper',
@@ -471,18 +521,18 @@ var ACTION_TYPE_TREE = function (manager) {
         descDetail: function (info) {
           return React__default.createElement("div", null, "\u663E\u793A", React__default.createElement("span", {
             className: "variable-left variable-right"
-          }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6");
+          }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7EC4\u4EF6");
         }
       }, {
         actionType: 'hidden',
         descDetail: function (info) {
           return React__default.createElement("div", null, "\u9690\u85CF", React__default.createElement("span", {
             className: "variable-left variable-right"
-          }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6");
+          }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7EC4\u4EF6");
         }
       }],
       supportComponents: '*',
-      schema: __spreadArray(__spreadArray([], renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true), true), [{
+      schema: __spreadArray(__spreadArray([], renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true), true), [{
         type: 'radios',
         label: i18n("edf25860e3d457eb8ca9cb5dca06dfd7"),
         name: 'groupType',
@@ -508,18 +558,18 @@ var ACTION_TYPE_TREE = function (manager) {
         descDetail: function (info) {
           return React__default.createElement("div", null, "\u542F\u7528", React__default.createElement("span", {
             className: "variable-left variable-right"
-          }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6");
+          }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7EC4\u4EF6");
         }
       }, {
         actionType: 'disabled',
         descDetail: function (info) {
           return React__default.createElement("div", null, "\u7981\u7528", React__default.createElement("span", {
             className: "variable-left variable-right"
-          }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6");
+          }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7EC4\u4EF6");
         }
       }],
       supportComponents: __spreadArray(__spreadArray(['form'], FORMITEM_CMPTS, true), SUPPORT_DISABLED_CMPTS, true),
-      schema: __spreadArray(__spreadArray([], renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true), true), [{
+      schema: __spreadArray(__spreadArray([], renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true), true), [{
         type: 'radios',
         label: i18n("d86d5919f595226b7a1e8264635ca23d"),
         name: 'groupType',
@@ -536,6 +586,43 @@ var ACTION_TYPE_TREE = function (manager) {
           value: 'disabled'
         }]
       }], false)
+    }, {
+      actionLabel: i18n("e052287273ad39a1d3fa9fa3decb5fd9"),
+      actionType: 'staticStatus',
+      description: i18n("506f28f48dbebd5d19e19dfc721e13be"),
+      actions: [{
+        actionType: 'static',
+        descDetail: function (info) {
+          return React__default.createElement("div", null, React__default.createElement("span", {
+            className: "variable-left variable-right"
+          }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6\u5207\u6362\u4E3A\u9759\u6001");
+        }
+      }, {
+        actionType: 'nonstatic',
+        descDetail: function (info) {
+          return React__default.createElement("div", null, React__default.createElement("span", {
+            className: "variable-left variable-right"
+          }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6\u5207\u6362\u4E3A\u8F93\u5165\u6001");
+        }
+      }],
+      supportComponents: __spreadArray(['form'], SUPPORT_STATIC_FORMITEM_CMPTS, true),
+      schema: __spreadArray(__spreadArray([], renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true), true), [{
+        type: 'radios',
+        label: i18n("d2e930293da37452638759e17d771adf"),
+        name: 'groupType',
+        mode: 'horizontal',
+        inputClassName: 'event-action-radio',
+        value: 'nonstatic',
+        required: true,
+        pipeIn: defaultValue('nonstatic'),
+        options: [{
+          label: i18n("b535bea11c97ec5588b1494799de4d60"),
+          value: 'nonstatic'
+        }, {
+          label: i18n("f7784642f42d33f506ba05f3daefc3c4"),
+          value: 'static'
+        }]
+      }], false)
     }, {
       actionLabel: i18n("c5a9b6e8c522de8a14ad7fab51c1a1e3"),
       actionType: 'reload',
@@ -543,36 +630,197 @@ var ACTION_TYPE_TREE = function (manager) {
       descDetail: function (info) {
         return React__default.createElement("div", null, "\u5237\u65B0", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7EC4\u4EF6");
+        }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7EC4\u4EF6");
       },
       supportComponents: 'byComponent',
-      schema: renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true)
+      schema: __spreadArray(__spreadArray([], renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true, function (value, oldVal, data, form) {
+        form.setValueByName('args.resetPage', true);
+        form.setValueByName('__addParam', true);
+        form.setValueByName('__customData', false);
+        form.setValueByName('__containerType', 'all');
+        form.setValueByName('__reloadParam', []);
+      }), true), [{
+        type: 'switch',
+        name: '__resetPage',
+        label: i18n("697af73997072e0ce9ee65b15a7b3715"),
+        labelRemark: {
+          className: 'm-l-xs',
+          icon: 'fa fa-question-circle',
+          rootClose: true,
+          content: i18n("d7bf42dd6e66f2818f9a232603c4a53b"),
+          placement: 'top'
+        },
+        onText: i18n("0a60ac8f02ccd2cf723f927284877851"),
+        offText: i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+        mode: 'horizontal',
+        pipeIn: defaultValue(true),
+        visibleOn: "data.actionType === \"reload\" && data.__rendererName === \"crud\""
+      }, {
+        type: 'switch',
+        name: '__addParam',
+        label: i18n("fee99f2bcced486e4753a8f58f511d3f"),
+        labelRemark: {
+          className: 'm-l-xs',
+          icon: 'fa fa-question-circle',
+          rootClose: true,
+          content: "\u5F53\u9009\u62E9\u201C\u662F\u201D\uFF0C\u4E14\u76EE\u6807\u7EC4\u4EF6\u662F\u589E\u5220\u6539\u67E5\u7EC4\u4EF6\u65F6\uFF0C\u6570\u636E\u63A5\u53E3\u8BF7\u6C42\u65F6\u5C06\u5E26\u4E0A\u8FD9\u4E9B\u6570\u636E\uFF0C\u5176\u4ED6\u7C7B\u578B\u7684\u76EE\u6807\u7EC4\u4EF6\u53EA\u6709\u5728\u6570\u636E\u63A5\u53E3\u662Fpost\u8BF7\u6C42\u65F6\u624D\u4F1A\u5E26\u4E0A\u8FD9\u4E9B\u6570\u636E\u3002",
+          placement: 'top'
+        },
+        onText: i18n("0a60ac8f02ccd2cf723f927284877851"),
+        offText: i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+        mode: 'horizontal',
+        pipeIn: defaultValue(true),
+        visibleOn: "data.actionType === \"reload\" &&  ".concat(IS_DATA_CONTAINER)
+      }, {
+        type: 'switch',
+        name: '__customData',
+        label: i18n("fd951a59a7c635d5330bc1aeec22c813"),
+        labelRemark: {
+          className: 'm-l-xs',
+          icon: 'fa fa-question-circle',
+          rootClose: true,
+          content: "\u6570\u636E\u9ED8\u8BA4\u4E3A\u6E90\u7EC4\u4EF6\u6240\u5728\u6570\u636E\u57DF\uFF0C\u5F00\u542F\u201C\u81EA\u5B9A\u4E49\u201D\u53EF\u4EE5\u5B9A\u5236\u6240\u9700\u6570\u636E",
+          placement: 'top'
+        },
+        onText: i18n("0a60ac8f02ccd2cf723f927284877851"),
+        offText: i18n("c9744f45e76d885ae1c74d4f4a934b2e"),
+        mode: 'horizontal',
+        pipeIn: defaultValue(true),
+        visibleOn: "data.__addParam && data.actionType === \"reload\" && ".concat(IS_DATA_CONTAINER),
+        onChange: function (value, oldVal, data, form) {
+          form.setValueByName('__containerType', 'all');
+        }
+      }, {
+        type: 'radios',
+        name: '__containerType',
+        mode: 'horizontal',
+        label: '',
+        pipeIn: defaultValue('all'),
+        visibleOn: "data.__addParam && data.__customData && data.actionType === \"reload\" && ".concat(IS_DATA_CONTAINER),
+        options: [{
+          label: i18n("77b1081c177fa3334cc93c99f0ecee75"),
+          value: 'all'
+        }, {
+          label: i18n("f5c5e3d69daee06ea1606378ef466765"),
+          value: 'appoint'
+        }],
+        onChange: function (value, oldVal, data, form) {
+          form.setValueByName('__reloadParams', []);
+          form.setValueByName('__valueInput', undefined);
+        }
+      },
+      /*
+      {
+        name: '__valueInput',
+        type: 'input-formula',
+        variables: '${variables}',
+        evalMode: false,
+        required: true,
+        variableMode: 'tabs',
+        inputMode: 'input-group',
+        label: '',
+        size: 'lg',
+        mode: 'horizontal',
+        visibleOn: `data.__addParam && data.__customData && data.__containerType === "all" && data.actionType === "reload" && ${IS_DATA_CONTAINER}`
+      },
+      */
+      {
+        name: '__valueInput',
+        label: '',
+        type: 'ae-formulaControl',
+        variables: '${variables}',
+        size: 'lg',
+        mode: 'horizontal',
+        required: true,
+        visibleOn: "data.__addParam && data.__customData && data.__containerType === \"all\" && data.actionType === \"reload\" && ".concat(IS_DATA_CONTAINER)
+      }, {
+        type: 'combo',
+        name: '__reloadParams',
+        label: '',
+        multiple: true,
+        removable: true,
+        addable: true,
+        strictMode: false,
+        canAccessSuperData: true,
+        size: 'lg',
+        mode: 'horizontal',
+        items: [{
+          name: 'key',
+          type: 'input-text',
+          placeholder: i18n("c068b579db3bf0a553bd0af4f81cc14f"),
+          labelField: 'label',
+          valueField: 'value',
+          required: true
+        },
+        /*
+        {
+          name: 'val',
+          type: 'input-formula',
+          placeholder: '参数值',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group'
+        }
+        */
+        {
+          name: 'val',
+          type: 'ae-formulaControl',
+          variables: '${variables}',
+          placeholder: i18n("bfed4943c5f487de1b63a82f7230cce2")
+        }],
+        visibleOn: "data.__addParam && data.__customData && data.__containerType === \"appoint\" && data.actionType === \"reload\" && ".concat(IS_DATA_CONTAINER)
+      }, {
+        type: 'radios',
+        name: 'dataMergeMode',
+        mode: 'horizontal',
+        label: i18n("2aecb19ca1655d66fc80fc27a783cc9e"),
+        labelRemark: {
+          className: 'm-l-xs',
+          icon: 'fa fa-question-circle',
+          rootClose: true,
+          content: "\u9009\u62E9\u201C\u5408\u5E76\u201D\u65F6\uFF0C\u4F1A\u5C06\u6570\u636E\u5408\u5E76\u5230\u76EE\u6807\u7EC4\u4EF6\u7684\u6570\u636E\u57DF\u3002<br/>\u9009\u62E9\u201C\u8986\u76D6\u201D\u65F6\uFF0C\u6570\u636E\u4F1A\u76F4\u63A5\u8986\u76D6\u76EE\u6807\u7EC4\u4EF6\u7684\u6570\u636E\u57DF\u3002",
+          placement: 'top'
+        },
+        pipeIn: defaultValue('merge'),
+        visibleOn: "data.__addParam && data.actionType === \"reload\" && ".concat(IS_DATA_CONTAINER),
+        options: [{
+          label: i18n("bd81577a6fd4956e676cec499bb70d00"),
+          value: 'merge'
+        }, {
+          label: i18n("e09fea40f7e4abd4b2a495b315940688"),
+          value: 'override'
+        }]
+      }], false)
     }, {
-      actionLabel: i18n("ea4d3723b350b2cb8f4c1a615e1b7df1"),
+      actionLabel: i18n("fa644cb20c66f7530d8a376d4fa6a36e"),
       actionType: 'setValue',
-      description: i18n("cb7add16ba6f0cd65d5ddcad71359813"),
+      description: i18n("7d9260bd45b2e85a09398f218c25f220"),
       innerArgs: ['value', 'index', '__valueInput', '__comboType', '__containerType'],
       descDetail: function (info) {
         return React__default.createElement("div", null, "\u8BBE\u7F6E", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7684\u6570\u636E");
+        }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7684\u6570\u636E");
       },
       supportComponents: 'byComponent',
-      schema: __spreadArray(__spreadArray([], renderCmptActionSelect(i18n("d80bc0fcbfb250480320b683e48b1467")), true), [getArgsWrapper({
+      schema: __spreadArray(__spreadArray([], renderCmptActionSelect(i18n("6afde638796d237377b0755506d08ded"), true, function (value, oldVal, data, form) {
+        form.setValueByName('args.__containerType', 'all');
+        form.setValueByName('args.__comboType', 'all');
+      }), true), [getArgsWrapper({
         type: 'wrapper',
         className: 'p-none',
         body: [{
           type: 'radios',
-          required: true,
           name: '__containerType',
           mode: 'horizontal',
-          label: i18n("08ce6e74bb4a64753f1af2e5c836debb"),
-          visibleOn: "data.__rendererName && ".concat(IS_DATA_CONTAINER),
+          label: i18n("e7af71fb102cc86ab3be6a2fb32b5e3f"),
+          pipeIn: defaultValue('all'),
+          visibleOn: "".concat(IS_DATA_CONTAINER),
           options: [{
-            label: i18n("10cfe8897db8c032986138ba7b2f48da"),
+            label: i18n("77b1081c177fa3334cc93c99f0ecee75"),
             value: 'all'
           }, {
-            label: i18n("a6e2cf5b7fa625f571a3e6d0df3a7327"),
+            label: i18n("f5c5e3d69daee06ea1606378ef466765"),
             value: 'appoint'
           }],
           onChange: function (value, oldVal, data, form) {
@@ -581,12 +829,12 @@ var ACTION_TYPE_TREE = function (manager) {
           }
         }, {
           type: 'radios',
-          required: true,
           name: '__comboType',
           inputClassName: 'event-action-radio',
           mode: 'horizontal',
-          label: i18n("08ce6e74bb4a64753f1af2e5c836debb"),
-          visibleOn: "data.__rendererName && __rendererName === 'combo'",
+          label: i18n("e7af71fb102cc86ab3be6a2fb32b5e3f"),
+          pipeIn: defaultValue('all'),
+          visibleOn: "data.__rendererName === 'combo'",
           options: [{
             label: i18n("c60ad696dee4e1eeff6f0f2c2e9b9fc0"),
             value: 'all'
@@ -605,18 +853,20 @@ var ACTION_TYPE_TREE = function (manager) {
           name: 'index',
           mode: 'horizontal',
           label: i18n("a7b0b80a7bea1e5e973967c179866ef0"),
+          size: 'lg',
           placeholder: i18n("e887792fbbd65d21e43e832a5cd63aac"),
-          visibleOn: "data.__comboType && __comboType === 'appoint' && data.__rendererName && data.__rendererName === 'combo'"
+          visibleOn: "data.__comboType === 'appoint' && data.__rendererName === 'combo'"
         }, {
           type: 'combo',
           name: 'value',
-          label: i18n("e3a6f648390842e0c7aa82d0f2c3f6e3"),
+          label: '',
           multiple: true,
           removable: true,
           required: true,
           addable: true,
           strictMode: false,
           canAccessSuperData: true,
+          size: 'lg',
           mode: 'horizontal',
           items: [{
             name: 'key',
@@ -626,20 +876,29 @@ var ACTION_TYPE_TREE = function (manager) {
             labelField: 'label',
             valueField: 'value',
             required: true
-          }, {
+          },
+          /*
+          {
             name: 'val',
             type: 'input-formula',
-            placeholder: i18n("a33903526e8fb3d1ac3066da70e7941e"),
+            placeholder: '字段值',
             variables: '${variables}',
             evalMode: false,
             variableMode: 'tabs',
             inputMode: 'input-group'
+          }
+          */
+          {
+            name: 'val',
+            type: 'ae-formulaControl',
+            variables: '${variables}',
+            placeholder: i18n("a33903526e8fb3d1ac3066da70e7941e")
           }],
-          visibleOn: "data.__rendererName && ".concat(IS_DATA_CONTAINER, " && data.__containerType && data.__containerType === 'appoint' || (data.__comboType && __comboType === 'appoint')")
+          visibleOn: "".concat(IS_DATA_CONTAINER, " && data.__containerType === 'appoint' || data.__comboType === 'appoint'")
         }, {
           type: 'combo',
           name: 'value',
-          label: i18n("e3a6f648390842e0c7aa82d0f2c3f6e3"),
+          label: '',
           multiple: true,
           removable: true,
           required: true,
@@ -647,6 +906,7 @@ var ACTION_TYPE_TREE = function (manager) {
           strictMode: false,
           canAccessSuperData: true,
           mode: 'horizontal',
+          size: 'lg',
           items: [{
             type: 'combo',
             name: 'item',
@@ -659,6 +919,7 @@ var ACTION_TYPE_TREE = function (manager) {
             strictMode: false,
             canAccessSuperData: true,
             className: 'm-l',
+            size: 'lg',
             mode: 'horizontal',
             items: [{
               name: 'key',
@@ -668,27 +929,73 @@ var ACTION_TYPE_TREE = function (manager) {
               valueField: 'value',
               required: true,
               visibleOn: "data.__rendererName"
-            }, {
+            },
+            /*
+            {
               name: 'val',
               type: 'input-formula',
               variables: '${variables}',
               evalMode: false,
               variableMode: 'tabs',
               inputMode: 'input-group'
+            }
+            */
+            {
+              name: 'val',
+              type: 'ae-formulaControl',
+              variables: '${variables}'
             }]
           }],
-          visibleOn: "data.__rendererName && __rendererName === 'combo' && data.__comboType && __comboType === 'all'"
-        }, {
+          visibleOn: "data.__rendererName === 'combo' && data.__comboType === 'all'"
+        },
+        /*
+        {
+          name: '__valueInput',
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group',
+          label: '',
+          size: 'lg',
+          mode: 'horizontal',
+          visibleOn: `(${IS_DATA_CONTAINER} || ${SHOW_SELECT_PROP}) && data.__containerType === 'all'`,
+          required: true
+        },
+        */
+        {
+          name: '__valueInput',
+          label: '',
+          type: 'ae-formulaControl',
+          variables: '${variables}',
+          size: 'lg',
+          mode: 'horizontal',
+          visibleOn: "(".concat(IS_DATA_CONTAINER, " || ").concat(SHOW_SELECT_PROP, ") && data.__containerType === 'all'"),
+          required: true
+        },,
+        /*
+        {
           name: '__valueInput',
           type: 'input-formula',
           variables: '${variables}',
           evalMode: false,
           variableMode: 'tabs',
           inputMode: 'input-group',
-          label: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+          label: '数据设置',
           size: 'lg',
           mode: 'horizontal',
-          visibleOn: "data.__rendererName && !".concat(IS_DATA_CONTAINER, " && !").concat(SHOW_SELECT_PROP, " && __rendererName !== 'combo' || (").concat(IS_DATA_CONTAINER, " && data.__containerType && data.__containerType === 'all')"),
+          visibleOn: `data.__rendererName && !${IS_DATA_CONTAINER} && data.__rendererName !== 'combo'`,
+          required: true
+        }
+        */
+        {
+          name: '__valueInput',
+          label: i18n("e7af71fb102cc86ab3be6a2fb32b5e3f"),
+          type: 'ae-formulaControl',
+          variables: '${variables}',
+          size: 'lg',
+          mode: 'horizontal',
+          visibleOn: "data.__rendererName && !".concat(IS_DATA_CONTAINER, " && data.__rendererName !== 'combo'"),
           required: true
         }]
       })], false)
@@ -699,10 +1006,10 @@ var ACTION_TYPE_TREE = function (manager) {
       descDetail: function (info) {
         return React__default.createElement("div", null, "\u63D0\u4EA4", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7684\u6570\u636E");
+        }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7684\u6570\u636E");
       },
       supportComponents: 'form',
-      schema: renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true)
+      schema: renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true)
     }, {
       actionLabel: i18n("4a3deab45c0a7218b8ae58a33fd24c28"),
       actionType: 'clear',
@@ -710,10 +1017,10 @@ var ACTION_TYPE_TREE = function (manager) {
       descDetail: function (info) {
         return React__default.createElement("div", null, "\u6E05\u7A7A", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7684\u6570\u636E");
+        }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7684\u6570\u636E");
       },
       supportComponents: 'form',
-      schema: renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true)
+      schema: renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true)
     }, {
       actionLabel: i18n("1b6f5cc49e71c90a5b85a796285e3135"),
       actionType: 'reset',
@@ -721,10 +1028,10 @@ var ACTION_TYPE_TREE = function (manager) {
       descDetail: function (info) {
         return React__default.createElement("div", null, "\u91CD\u7F6E", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7684\u6570\u636E");
+        }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7684\u6570\u636E");
       },
       supportComponents: 'form',
-      schema: renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true)
+      schema: renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true)
     }, {
       actionLabel: i18n("17f2bf425eeb7d20d79c595344e9dc94"),
       actionType: 'validate',
@@ -732,16 +1039,16 @@ var ACTION_TYPE_TREE = function (manager) {
       descDetail: function (info) {
         return React__default.createElement("div", null, "\u6821\u9A8C", React__default.createElement("span", {
           className: "variable-left variable-right"
-        }, info === null || info === void 0 ? void 0 : info.rendererLabel), "\u7684\u6570\u636E");
+        }, (info === null || info === void 0 ? void 0 : info.rendererLabel) || '-'), "\u7684\u6570\u636E");
       },
       supportComponents: 'form',
-      schema: renderCmptSelect(i18n("d80bc0fcbfb250480320b683e48b1467"), true)
+      schema: renderCmptSelect(i18n("6afde638796d237377b0755506d08ded"), true)
     }, {
       actionLabel: i18n("51325230409d4b7c64aaeb3db9904801"),
       actionType: 'component',
       description: i18n("98d130cb9a360df782f6510abacbc022"),
       supportComponents: '*',
-      schema: renderCmptActionSelect(i18n("d80bc0fcbfb250480320b683e48b1467"))
+      schema: renderCmptActionSelect(i18n("6afde638796d237377b0755506d08ded"))
     }]
   }, {
     actionLabel: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
@@ -753,22 +1060,34 @@ var ACTION_TYPE_TREE = function (manager) {
       innerArgs: ['content', 'copyFormat'],
       descDetail: function (info) {
         var _a;
-
         return React__default.createElement("div", null, "\u590D\u5236\u5185\u5BB9\uFF1A", React__default.createElement("span", {
           className: "variable-left"
-        }, (_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.content));
+        }, ((_a = info === null || info === void 0 ? void 0 : info.args) === null || _a === void 0 ? void 0 : _a.content) || '-'));
       },
       schema: getArgsWrapper({
         type: 'wrapper',
         className: 'p-none',
-        body: [{
+        body: [
+        /*
+         {
           name: 'content',
           type: 'input-formula',
           variables: '${variables}',
           evalMode: false,
           variableMode: 'tabs',
           inputMode: 'input-group',
+          label: '内容模板',
+          mode: 'horizontal',
+          size: 'lg',
+          visibleOn: 'data.actionType === "copy"',
+          required: true
+        },
+        */
+        {
+          name: 'content',
           label: i18n("ac04259507be8ba6b891dc9dc208f491"),
+          type: 'ae-textareaFormulaControl',
+          variables: '${variables}',
           mode: 'horizontal',
           size: 'lg',
           visibleOn: 'data.actionType === "copy"',
@@ -805,6 +1124,7 @@ var ACTION_TYPE_TREE = function (manager) {
           lineNumbers: 'off',
           glyphMargin: false,
           tabSize: 2,
+          fontSize: '12px',
           wordWrap: 'on',
           lineDecorationsWidth: 0,
           lineNumbersMinChars: 0,
@@ -815,7 +1135,8 @@ var ACTION_TYPE_TREE = function (manager) {
         className: 'ae-event-control-action-js-editor',
         value: "/* \u81EA\u5B9A\u4E49JS\u4F7F\u7528\u8BF4\u660E\uFF1A\n  * 1.\u52A8\u4F5C\u6267\u884C\u51FD\u6570doAction\uFF0C\u53EF\u4EE5\u6267\u884C\u6240\u6709\u7C7B\u578B\u7684\u52A8\u4F5C\n  * 2.\u901A\u8FC7\u4E0A\u4E0B\u6587\u5BF9\u8C61context\u53EF\u4EE5\u83B7\u53D6\u5F53\u524D\u7EC4\u4EF6\u5B9E\u4F8B\uFF0C\u4F8B\u5982context.props\u53EF\u4EE5\u83B7\u53D6\u8BE5\u7EC4\u4EF6\u76F8\u5173\u5C5E\u6027\n  * 3.\u4E8B\u4EF6\u5BF9\u8C61event\uFF0C\u5728doAction\u4E4B\u540E\u6267\u884Cevent.stopPropagation = true;\u53EF\u4EE5\u963B\u6B62\u540E\u7EED\u52A8\u4F5C\u6267\u884C\n*/\nconst myMsg = '\u6211\u662F\u81EA\u5B9A\u4E49JS';\ndoAction({\n  actionType: 'toast',\n  args: {\n    msg: myMsg\n  }\n});\n"
       }
-    } // {
+    }
+    // {
     //   actionLabel: '广播',
     //   actionType: 'broadcast',
     //   description: '发送广播事件',