amis-editor 5.2.4-beta.31 → 5.2.5

package/esm/plugin/Plain.js

@@ -1,10 +1,11 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
-import { __extends } from 'tslib';
+import { __extends, __assign } from 'tslib';
 import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
 
 var PlainPlugin = /** @class */function (_super) {
@@ -106,6 +107,59 @@ var PlainPlugin = /** @class */function (_super) {
       writable: true,
       value: true
     });
+    // 事件定义
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'click',
+        eventLabel: i18n("4363c17ebb346b646af55bd8c8075915"),
+        description: i18n("7af5e3ef39ff71d39fe3f645c8079124"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            nativeEvent: {
+              type: 'object',
+              title: i18n("64561733c68085af3d09315c1d4d7ed6")
+            }
+          }
+        }]
+      }, {
+        eventName: 'mouseenter',
+        eventLabel: i18n("f6d767f39ba3bf955077a3c0ce81e581"),
+        description: i18n("bcdd89d453da0dc0622a2f3189728357"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            nativeEvent: {
+              type: 'object',
+              title: i18n("64561733c68085af3d09315c1d4d7ed6")
+            }
+          }
+        }]
+      }, {
+        eventName: 'mouseleave',
+        eventLabel: i18n("e272b0b8c7fedc670a87075514d9b49f"),
+        description: i18n("727309bc724ff237c5e2cdf7a90cf28e"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            nativeEvent: {
+              type: 'object',
+              title: i18n("64561733c68085af3d09315c1d4d7ed6")
+            }
+          }
+        }]
+      }]
+    });
+    // 动作定义
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: []
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
@@ -142,6 +196,12 @@ var PlainPlugin = /** @class */function (_super) {
           }, getSchemaTpl('style:classNames', {
             isFormItem: false
           })])
+        }, {
+          title: i18n("10b2761db5a8e089049df39675abc550"),
+          className: 'p-none',
+          body: [getSchemaTpl('eventControl', __assign({
+            name: 'onEvent'
+          }, getEventControlConfig(_this.manager, context)))]
         }])];
       }
     });

package/esm/plugin/Progress.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/plugin/Property.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/plugin/QRCode.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/plugin/Reset.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/plugin/Service.d.ts

@@ -16,11 +16,13 @@ export declare class ServicePlugin extends BasePlugin {
         body: {
             type: string;
             tpl: string;
+            wrapperComponent: string;
             inline: boolean;
         }[];
     };
     previewSchema: {
         type: string;
+        wrapperComponent: string;
         tpl: string;
     };
     regions: Array<RegionConfig>;

package/esm/plugin/Service.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
@@ -79,6 +79,7 @@ var ServicePlugin = /** @class */function (_super) {
         body: [{
           type: 'tpl',
           tpl: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+          wrapperComponent: '',
           inline: false
         }]
       }
@@ -89,6 +90,7 @@ var ServicePlugin = /** @class */function (_super) {
       writable: true,
       value: {
         type: 'tpl',
+        wrapperComponent: '',
         tpl: i18n("c5a33208cf3deab68cd9fe34679edff6")
       }
     });

package/esm/plugin/Sparkline.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/plugin/Status.d.ts

@@ -17,6 +17,18 @@ export declare class StatusPlugin extends BasePlugin {
         type: string;
         value: number;
     };
+    defaultSource: ({
+        label: string;
+        value: string;
+        icon: string;
+        status: number;
+    } | {
+        label: string;
+        value: string;
+        icon: string;
+        status: string;
+    })[];
     panelTitle: string;
+    panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any[];
 }

package/esm/plugin/Status.js

@@ -1,10 +1,15 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign } from 'tslib';
-import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import React__default from 'react';
+import { render } from 'amis';
+import { getI18nEnabled, getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { TooltipWrapper, Icon } from 'amis-ui';
+import cloneDeep from 'lodash/cloneDeep';
+import pick from 'lodash/pick';
 import { i18n } from 'i18n-runtime';
 
 var StatusPlugin = /** @class */function (_super) {
@@ -82,46 +87,242 @@ var StatusPlugin = /** @class */function (_super) {
       writable: true,
       value: __assign({}, _this.scaffold)
     });
+    Object.defineProperty(_this, "defaultSource", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        label: '-',
+        value: '0',
+        icon: 'fail',
+        status: 0
+      }, {
+        label: '-',
+        value: '1',
+        icon: 'success',
+        status: 1
+      }, {
+        label: i18n("330363dfc524cff2488f2ebde0500896"),
+        value: 'success',
+        icon: 'success',
+        status: 'success'
+      }, {
+        label: i18n("d679aea3aae1201e38c4baaaeef86efe"),
+        value: 'pending',
+        icon: 'rolling',
+        status: 'pending'
+      }, {
+        label: i18n("e5ac1d2029adff17ec123b86ea07ce26"),
+        value: 'queue',
+        icon: 'warning',
+        status: 'queue'
+      }, {
+        label: i18n("f406ef0ea3f09572835a9b1ec61f576a"),
+        value: 'schedule',
+        icon: 'schedule',
+        status: 'schedule'
+      }, {
+        label: i18n("acd5cb847a4aff235c9a01ddeb6f9770"),
+        value: 'fail',
+        icon: 'fail',
+        status: 'fail'
+      }]
+    });
     Object.defineProperty(_this, "panelTitle", {
       enumerable: true,
       configurable: true,
       writable: true,
       value: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
     });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
       writable: true,
       value: function (context) {
-        var isUnderField = /\/field\/\w+$/.test(context.path);
+        var i18nEnabled = getI18nEnabled();
         return [getSchemaTpl('tabs', [{
-          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-          body: [getSchemaTpl('layout:originPosition', {
-            value: 'left-top'
-          }), isUnderField ? {
-            type: 'tpl',
-            inline: false,
-            className: 'text-info text-sm',
-            tpl: i18n("37b12f2666b9e4e37f33eb5e83533d5e")
-          } : null, {
-            name: 'map',
-            label: i18n("774b2bcaca8a64f46c84b510cec89109"),
-            type: 'input-array',
-            items: {
-              type: 'input-text'
-            },
-            descrition: i18n("b698a95f1e217e5465835ee0d23b1b1c"),
-            pipeIn: defaultValue(['fa fa-times text-danger', 'fa fa-check text-success'])
-          }, getSchemaTpl('placeholder', {
-            label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
-            pipeIn: defaultValue('-')
-          })]
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [getSchemaTpl('layout:originPosition', {
+              value: 'left-top'
+            }), getSchemaTpl('combo-container', {
+              type: 'combo',
+              name: '__source',
+              inputClassName: 'ae-Status-control',
+              labelClassName: 'ae-Status-label',
+              label: [i18n("774b2bcaca8a64f46c84b510cec89109"), {
+                children: React__default.createElement(TooltipWrapper, {
+                  tooltipClassName: "ae-Status-default-icon-tooltip",
+                  trigger: "hover",
+                  rootClose: true,
+                  placement: "bottom",
+                  tooltip: {
+                    children: function () {
+                      return render({
+                        type: 'container',
+                        body: [{
+                          type: 'tpl',
+                          tpl: i18n("391299a1c1722a777991a182a44bccbf"),
+                          wrapperComponent: 'p',
+                          className: 'ae-Status-default-icon-tip'
+                        }, {
+                          type: 'table',
+                          data: {
+                            items: _this.defaultSource
+                          },
+                          columns: [{
+                            name: 'icon',
+                            label: i18n("33563f1d3d203bc682069a8c85506b86")
+                          }, {
+                            name: 'label',
+                            label: i18n("2cc90d2f2cd9ba213f9aace88c386f3f")
+                          }, {
+                            name: 'value',
+                            label: i18n("aad245582dc9f55cf71e3934bb3b1709")
+                          }, {
+                            name: 'status',
+                            label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
+                            type: 'mapping',
+                            map: {
+                              '*': {
+                                type: 'status'
+                              }
+                            }
+                          }]
+                        }]
+                      });
+                    }
+                  }
+                }, React__default.createElement("div", {
+                  className: "ae-Status-label-tip-icon"
+                }, React__default.createElement(Icon, {
+                  icon: "editor-help",
+                  className: "icon"
+                })))
+              }],
+              mode: 'normal',
+              multiple: true,
+              items: [getSchemaTpl('icon', {
+                label: '',
+                placeholder: i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+                onChange: function (value, oldValue, model, form) {
+                  // 选择图标时自动填充label
+                  if (value && value.name) {
+                    form.setValues({
+                      label: value.name
+                    });
+                  }
+                }
+              }), {
+                type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+                name: 'label',
+                placeholder: 'label'
+              }, {
+                type: 'input-text',
+                name: 'value',
+                placeholder: 'value',
+                unique: true,
+                required: true,
+                validationErrors: {
+                  isRequired: i18n("2634cea5a95ece79e05b5a68c38cbd4d")
+                }
+              }, getSchemaTpl('theme:colorPicker', {
+                label: '',
+                name: 'color'
+              })],
+              pipeIn: function (value, _a) {
+                var data = _a.data;
+                // 首次进入，将schema 转换为 combo的数据
+                if (value === undefined) {
+                  var map = data.map,
+                    labelMap = data.labelMap,
+                    source = data.source;
+                  var res_1 = cloneDeep(source) || {};
+                  // 兼容旧版
+                  map && Object.entries(map).forEach(function (_a) {
+                    var value = _a[0],
+                      icon = _a[1];
+                    if (value === '' || value == null || value === '$$id') {
+                      return;
+                    }
+                    if (!res_1[value]) {
+                      res_1[value] = {
+                        icon: icon
+                      };
+                    } else {
+                      res_1[value] = __assign(__assign({}, res_1[value]), {
+                        icon: icon
+                      });
+                    }
+                  });
+                  labelMap && Object.entries(labelMap).forEach(function (_a) {
+                    var value = _a[0],
+                      label = _a[1];
+                    if (value === '' || value == null) {
+                      return;
+                    }
+                    if (!res_1[value]) {
+                      res_1[value] = {
+                        label: label
+                      };
+                    } else {
+                      res_1[value] = __assign(__assign({}, res_1[value]), {
+                        label: label
+                      });
+                    }
+                  });
+                  Object.keys(res_1).forEach(function (key, index) {
+                    var item = res_1[key];
+                    if (!('key' in item)) {
+                      item.key = key;
+                    }
+                    if (!('value' in item)) {
+                      item.value = key;
+                    }
+                  });
+                  return Object.values(res_1);
+                } else {
+                  // 后续可以直接使用value
+                  return value;
+                }
+              },
+              onChange: function (value, oldValue, model, form) {
+                var res = {};
+                value.forEach(function (item) {
+                  if (item.value !== '' && item.value != null) {
+                    res[item.value] = pick(item, ['label', 'color', 'icon']);
+                  }
+                });
+                form.setValues({
+                  map: undefined,
+                  labelMap: undefined,
+                  source: Object.keys(res).length > 0 ? res : undefined
+                });
+              }
+            }), getSchemaTpl('valueFormula', {
+              pipeOut: function (value) {
+                return value == null || value === '' ? undefined : value;
+              }
+            }), getSchemaTpl('placeholder', {
+              label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+              pipeIn: defaultValue('-')
+            })]
+          }, getSchemaTpl('status')])
         }, {
           title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: [getSchemaTpl('className')]
-        }, {
-          title: i18n("33bf801796fd255b5f6147e33146669b"),
-          body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+            body: [getSchemaTpl('className', {
+              label: i18n("5e5d3f13111593b2710673006d4c8297")
+            })]
+          }])
         }])];
       }
     });

package/esm/plugin/Steps.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/plugin/Submit.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/plugin/Table.js

@@ -1,12 +1,12 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign, __awaiter, __generator } from 'tslib';
 import React__default from 'react';
 import { Button, resolveVariable } from 'amis';
-import { getI18nEnabled, getSchemaTpl, defaultValue, tipedLabel, mockValue, repeatArray, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getSchemaTpl, getI18nEnabled, defaultValue, tipedLabel, mockValue, repeatArray, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { setVariable, someTree } from 'amis-core';
 import { getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
@@ -264,14 +264,13 @@ var TablePlugin = /** @class */function (_super) {
           mode: 'horizontal'
         }
         */
-        {
+        getSchemaTpl('formulaControl', {
           name: 'selected',
           label: i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
-          type: 'ae-formulaControl',
           variables: '${variables}',
           size: 'lg',
           mode: 'horizontal'
-        }])
+        })])
       }, {
         actionType: 'selectAll',
         actionLabel: i18n("366a3c07289bd6efb7c2a182f7a12772"),

package/esm/plugin/Table2.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
@@ -323,14 +323,13 @@ var Table2Plugin = /** @class */function (_super) {
           mode: 'horizontal'
         }
         */
-        {
+        getSchemaTpl('formulaControl', {
           name: 'selected',
           label: i18n("a2b39e5a8b5015234dcd8e07a2e00e3d"),
-          type: 'ae-formulaControl',
           variables: '${variables}',
           size: 'lg',
           mode: 'horizontal'
-        }])
+        })])
       }, {
         actionType: 'selectAll',
         actionLabel: i18n("366a3c07289bd6efb7c2a182f7a12772"),
@@ -371,6 +370,7 @@ var Table2Plugin = /** @class */function (_super) {
                     type: 'container',
                     body: [{
                       type: 'tpl',
+                      wrapperComponent: '',
                       tpl: i18n("11d00f37d934b2464f3258952a398626"),
                       inline: false,
                       style: {
@@ -409,6 +409,7 @@ var Table2Plugin = /** @class */function (_super) {
                     body: [{
                       type: 'tpl',
                       tpl: i18n("c89b5fd3b706a17feb016d93c80e34b1"),
+                      wrapperComponent: '',
                       inline: false,
                       style: {
                         fontSize: 14
@@ -553,11 +554,10 @@ var Table2Plugin = /** @class */function (_super) {
                     label: i18n("596171970b639a35dadde2aa930d666a"),
                     value: true
                   }]
-                }, {
+                }, getSchemaTpl('formulaControl', {
                   name: 'rowSelection.disableOn',
-                  type: 'ae-formulaControl',
                   label: i18n("388855093d17f3df43ff80242d7a1bed")
-                }, {
+                }), {
                   name: 'rowSelection.selections',
                   label: i18n("46705a530ba9721527a4202bae7091bd"),
                   type: 'checkboxes',
@@ -612,12 +612,11 @@ var Table2Plugin = /** @class */function (_super) {
               hiddenOnDefault: true,
               formType: 'extend',
               form: {
-                body: [{
+                body: [getSchemaTpl('formulaControl', {
                   name: 'expandable.expandableOn',
                   visibleOn: 'data.expandable',
-                  type: 'ae-formulaControl',
                   label: i18n("8c1f5c49de09adab9a0e0c39e0106f78")
-                }]
+                })]
               }
             }, getSchemaTpl('switch', {
               name: 'childrenColumnName',
@@ -691,16 +690,14 @@ var Table2Plugin = /** @class */function (_super) {
             }]
           }, getSchemaTpl('style:classNames', {
             isFormItem: true,
-            schema: [{
+            schema: [getSchemaTpl('formulaControl', {
               name: 'rowClassNameExpr',
-              type: 'ae-formulaControl',
               label: i18n("68e9249db7bd12ab17994b1761b049f5")
-            }, {
+            }), getSchemaTpl('formulaControl', {
               name: 'expandable.expandedRowClassNameExpr',
               visibleOn: 'data.expandable',
-              type: 'ae-formulaControl',
               label: i18n("ef0c5b6fa16497343eedb76171d61d68")
-            }]
+            })]
           })])]
         }, {
           title: i18n("10b2761db5a8e089049df39675abc550"),
@@ -833,6 +830,7 @@ var Table2Plugin = /** @class */function (_super) {
           props.expandable.body = [{
             type: 'tpl',
             tpl: i18n("1a7bd457c08093cf2cf887403dc249d8"),
+            wrapperComponent: '',
             inline: false
           }];
         }

package/esm/plugin/TableCell2.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.30
+ * amis-editor v5.2.4-beta.39
  * Copyright 2018-2023 @fex
  */
 
@@ -313,15 +313,13 @@ var TableCell2Plugin = /** @class */function (_super) {
             label: i18n("ac04259507be8ba6b891dc9dc208f491")
           }]
         }
-      }, {
+      }, getSchemaTpl('formulaControl', {
         name: 'rowSpanExpr',
-        type: 'ae-formulaControl',
         label: i18n("c9f7324519225bc72fce24a09518a8a8")
-      }, {
+      }), getSchemaTpl('formulaControl', {
         name: 'colSpanExpr',
-        type: 'ae-formulaControl',
         label: i18n("9af45e91a08b54764610ada28272d590")
-      }];
+      })];
       var baseStyle = [getSchemaTpl('withUnit', {
         name: 'width',
         label: tipedLabel(i18n("bdd9d38d7e2929024089363dc8f48b7a"), i18n("b198805e7a6b35830ba813f51db2fdc4")),