amis-editor 5.2.3-beta.16 → 5.2.3

package/esm/renderer/MapSourceControl.js

@@ -0,0 +1,428 @@
+/**
+ * amis-editor v5.2.3
+ * Copyright 2018-2023 @fex
+ */
+
+import { __extends, __assign, __spreadArray, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import cx from 'classnames';
+import { FormItem } from 'amis';
+import { tipedLabel, getSchemaTpl, autobind } from 'amis-editor-core';
+import { isObject } from 'amis-core';
+import debounce from 'lodash/debounce';
+import { i18n } from 'i18n-runtime';
+
+/**
+ * @file mapping 映射源配置
+ */
+var MapType;
+(function (MapType) {
+  MapType["CUSTOM"] = "custom";
+  MapType["API"] = "api";
+})(MapType || (MapType = {}));
+var MapSourceControl = /** @class */function (_super) {
+  __extends(MapSourceControl, _super);
+  function MapSourceControl(props) {
+    var _this = _super.call(this, props) || this;
+    Object.defineProperty(_this, "$comp", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    }); // 记录一下路径，不再从外部同步内部，只从内部同步外部
+    Object.defineProperty(_this, "debounceMapChange", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: debounce(_this.handleMapChange, 250)
+    });
+    var mapType = MapType.CUSTOM;
+    if (props.data.hasOwnProperty('source') && props.data.source) {
+      mapType = MapType.API;
+    }
+    _this.state = {
+      map: props.data.map,
+      source: props.data.source,
+      labelField: props.data.labelField,
+      valueField: props.data.valueField,
+      mapType: mapType
+    };
+    return _this;
+  }
+  Object.defineProperty(MapSourceControl.prototype, "componentDidUpdate", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (prevProps, prevState, snapshot) {
+      var _a, _b, _c;
+      var isArrayOld = Array.isArray((_a = prevProps.data) === null || _a === void 0 ? void 0 : _a.map);
+      var isArrayNew = Array.isArray((_b = this.props.data) === null || _b === void 0 ? void 0 : _b.map);
+      // map 类型改变了
+      if (isArrayOld !== isArrayNew) {
+        this.setState({
+          map: (_c = this.props.data) === null || _c === void 0 ? void 0 : _c.map
+        });
+      }
+    }
+  });
+  /**
+  * 更新map字段的统一出口
+  */
+  Object.defineProperty(MapSourceControl.prototype, "onChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _a = this.state,
+        mapType = _a.mapType,
+        source = _a.source,
+        map = _a.map,
+        labelField = _a.labelField,
+        valueField = _a.valueField;
+      var onBulkChange = this.props.onBulkChange;
+      labelField = labelField === '' ? undefined : labelField;
+      valueField = valueField === '' ? undefined : valueField;
+      if (mapType === MapType.CUSTOM) {
+        onBulkChange && onBulkChange({
+          map: map,
+          source: undefined,
+          labelField: labelField,
+          valueField: valueField
+        });
+        return;
+      }
+      if (mapType === MapType.API) {
+        onBulkChange && onBulkChange({
+          source: source,
+          map: undefined,
+          labelField: labelField,
+          valueField: valueField
+        });
+        return;
+      }
+    }
+  });
+  /**
+  * 切换选项类型
+  */
+  Object.defineProperty(MapSourceControl.prototype, "handleMapTypeChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (mapType) {
+      this.setState({
+        mapType: mapType,
+        labelField: undefined,
+        valueField: undefined
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "renderHeader", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var _a;
+      var _b = this.props,
+        render = _b.render,
+        label = _b.label,
+        labelRemark = _b.labelRemark,
+        useMobileUI = _b.useMobileUI,
+        env = _b.env,
+        popOverContainer = _b.popOverContainer;
+      var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+      var mapType = this.state.mapType;
+      var optionSourceList = [{
+        label: i18n("01820262aa9ad5b130f8f5b86bfd2968"),
+        value: MapType.CUSTOM
+      }, {
+        label: i18n("f99603414a616bdee85de0e6e3938b65"),
+        value: MapType.API
+      }].map(function (item) {
+        return __assign(__assign({}, item), {
+          onClick: function () {
+            return _this.handleMapTypeChange(item.value);
+          }
+        });
+      });
+      return React__default.createElement("header", {
+        className: "ae-OptionControl-header"
+      }, React__default.createElement("label", {
+        className: cx("".concat(classPrefix, "Form-label")),
+        style: {
+          marginBottom: 0
+        }
+      }, label || '', labelRemark ? render('label-remark', {
+        type: 'remark',
+        icon: labelRemark.icon || 'warning-mark',
+        tooltip: labelRemark,
+        className: cx("Form-lableRemark", labelRemark === null || labelRemark === void 0 ? void 0 : labelRemark.className),
+        useMobileUI: useMobileUI,
+        container: popOverContainer ? popOverContainer : env && env.getModalContainer ? env.getModalContainer : undefined
+      }) : null), React__default.createElement("div", null, render('validation-control-addBtn', {
+        type: 'dropdown-button',
+        level: 'link',
+        size: 'sm',
+        label: '${selected}',
+        align: 'right',
+        closeOnClick: true,
+        closeOnOutside: true,
+        buttons: optionSourceList
+      }, {
+        popOverContainer: null,
+        data: {
+          selected: optionSourceList.find(function (item) {
+            return item.value === mapType;
+          }).label
+        }
+      })));
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "handleMapChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (map) {
+      this.setState({
+        map: map
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "handleAPIChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (source) {
+      this.setState({
+        source: source
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "handleLabelFieldChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (labelField) {
+      this.setState({
+        labelField: labelField
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "handleValueFieldChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (valueField) {
+      this.setState({
+        valueField: valueField
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "renderOtherFields", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      return [{
+        label: tipedLabel('值匹配字段', '映射表是数组对象，且对象有多个key时，用来匹配值的字段, 默认为value'),
+        type: 'input-text',
+        name: 'valueField',
+        placeholder: '匹配字段，默认为value',
+        onChange: this.handleValueFieldChange
+      }, {
+        label: tipedLabel(i18n("7e9c83e86beb612377a94e6e8d1fc644"), '映射表是数组对象时，用作显示的字段，显示多字段请使用自定义显示模板，默认为label'),
+        type: 'input-text',
+        name: 'labelField',
+        placeholder: '显示字段，默认为label',
+        onChange: this.handleLabelFieldChange,
+        visibleOn: '${!itemSchema}'
+      }];
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "renderApiPanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var render = this.props.render;
+      var _a = this.state,
+        mapType = _a.mapType,
+        source = _a.source;
+        _a.labelField;
+        _a.valueField;
+      if (mapType === MapType.CUSTOM) {
+        return null;
+      }
+      return render('api', getSchemaTpl('apiControl', {
+        label: i18n("54ea89b497ec3bb319c68844dfa3687f"),
+        name: 'source',
+        mode: 'normal',
+        className: 'ae-ExtendMore',
+        visibleOn: 'data.autoComplete !== false',
+        value: source,
+        onChange: this.handleAPIChange,
+        sourceType: mapType,
+        footer: this.renderOtherFields()
+      }));
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "renderObjectMap", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var render = this.props.render;
+      return render('objectMap', getSchemaTpl('combo-container', {
+        label: '',
+        type: 'combo',
+        mode: 'normal',
+        scaffold: {
+          key: 'key-{index}',
+          value: 'value-{index}'
+        },
+        required: true,
+        name: 'map',
+        descriptionClassName: 'help-block text-xs m-b-none',
+        description: '<p>当值命中左侧 Key 时，展示右侧内容<br />当没有命中时，默认展示 Key 为 <code>*</code>的内容</div><br />(请确保key值唯一)',
+        multiple: true,
+        pipeIn: function (value) {
+          if (!isObject(value)) {
+            return [{
+              key: 'key0',
+              value: 'value1'
+            }];
+          }
+          var arr = [];
+          Object.keys(value).forEach(function (key) {
+            arr.push({
+              key: key || '',
+              value: typeof value[key] === 'string' ? value[key] : JSON.stringify(value[key])
+            });
+          });
+          return arr;
+        },
+        pipeOut: function (value) {
+          if (!Array.isArray(value)) {
+            return value;
+          }
+          var obj = {};
+          value.forEach(function (item, idx) {
+            var key = item.key || '';
+            var value = item.value;
+            if (key === 'key-{index}' && value === 'value-{index}') {
+              key = key.replace('-{index}', "".concat(idx));
+              value = value.replace('-{index}', "".concat(idx));
+            }
+            try {
+              value = JSON.parse(value);
+            } catch (e) {}
+            obj[key] = value;
+          });
+          return obj;
+        },
+        onChange: function (value) {
+          _this.handleMapChange(value || {
+            '*': i18n("2b10dfa6dbdf8775ab2b38fc67e7ea49")
+          });
+        },
+        items: [{
+          placeholder: 'Key',
+          type: 'input-text',
+          unique: true,
+          name: 'key',
+          required: true,
+          columnClassName: 'w-xs'
+        }, {
+          placeholder: i18n("2d711b09bd0db0ad240cc83b30dd8014"),
+          type: 'input-text',
+          name: 'value'
+        }]
+      }));
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "handleMapItemChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (index, item) {
+      var _a = this.state.map,
+        map = _a === void 0 ? [] : _a;
+      var newMap = map.slice();
+      try {
+        item = JSON.parse(item);
+      } catch (e) {}
+      newMap.splice(index, 1, item);
+      this.handleMapChange(newMap);
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "renderArrayMap", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var render = this.props.render;
+      return React__default.createElement("div", {
+        className: 'ae-ExtendMore'
+      }, render('arrayMap', __spreadArray([{
+        type: 'json-editor',
+        name: 'map',
+        label: false,
+        placeholder: '请保持数组成员结构相同',
+        onChange: function (value) {
+          try {
+            var map = JSON.parse(value);
+            _this.debounceMapChange(map);
+          } catch (e) {
+            console.error();
+          }
+        }
+      }], this.renderOtherFields(), true)));
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "renderMap", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var map = this.state.map;
+      if (map && Array.isArray(map)) {
+        return this.renderArrayMap();
+      }
+      return this.renderObjectMap();
+    }
+  });
+  Object.defineProperty(MapSourceControl.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var mapType = this.state.mapType;
+      var className = this.props.className;
+      return React__default.createElement("div", {
+        className: cx('ae-OptionControl', className)
+      }, this.renderHeader(), mapType === MapType.CUSTOM ? this.renderMap() : this.renderApiPanel());
+    }
+  });
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], MapSourceControl.prototype, "handleMapTypeChange", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], MapSourceControl.prototype, "handleMapChange", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], MapSourceControl.prototype, "handleAPIChange", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], MapSourceControl.prototype, "handleLabelFieldChange", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], MapSourceControl.prototype, "handleValueFieldChange", null);
+  return MapSourceControl;
+}(React__default.Component);
+/** @class */(function (_super) {
+  __extends(MapSourceControlRenderer, _super);
+  function MapSourceControlRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  MapSourceControlRenderer = __decorate([FormItem({
+    type: 'ae-mapSourceControl',
+    renderLabel: false
+  })], MapSourceControlRenderer);
+  return MapSourceControlRenderer;
+})(MapSourceControl);
+
+export { MapSourceControl as default };

package/esm/renderer/OptionControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/RangePartsControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/StatusControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/SwitchMoreControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/TimelineItemControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/TransferTableControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/TreeOptionControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/ValidationControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/ValidationItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/event-control/action-config-dialog.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/event-control/action-config-panel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/event-control/comp-action-select.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -2024,9 +2024,9 @@ var getEventControlConfig = function (manager, context) {
     actionConfigInitFormatter: function (action, variables) {
       return __awaiter(void 0, void 0, void 0, function () {
         var config, innerArgs, tmpArgs_1, hasSubActionNode, datasource, schema, dataSchema, dataSchemaIns;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        return __generator(this, function (_s) {
-          switch (_s.label) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        return __generator(this, function (_u) {
+          switch (_u.label) {
             case 0:
               config = __assign({}, action);
               if (['link', 'url'].includes(action.actionType) && ((_a = action.args) === null || _a === void 0 ? void 0 : _a.params)) {
@@ -2095,6 +2095,12 @@ var getEventControlConfig = function (manager, context) {
                 }
               }
               delete config.data;
+              // 处理下 combo - addItem 的初始化
+              if (action.actionType === 'addItem' && typeof ((_p = action.args) === null || _p === void 0 ? void 0 : _p.item) === 'object') {
+                config.args = __assign(__assign({}, config.args), {
+                  item: objectToComboArray((_q = action.args) === null || _q === void 0 ? void 0 : _q.item)
+                });
+              }
               // 还原args为可视化配置结构(args + addOnArgs)
               if (config.args) {
                 if (innerArgs) {
@@ -2118,14 +2124,14 @@ var getEventControlConfig = function (manager, context) {
               }
               hasSubActionNode = findSubActionNode(actionTree, action.actionType);
               datasource = [];
-              if (!((_p = action.args) === null || _p === void 0 ? void 0 : _p.componentId)) return [3 /*break*/, 2];
-              schema = (_q = manager === null || manager === void 0 ? void 0 : manager.store) === null || _q === void 0 ? void 0 : _q.getSchema((_r = action.args) === null || _r === void 0 ? void 0 : _r.componentId, 'id');
+              if (!((_r = action.args) === null || _r === void 0 ? void 0 : _r.componentId)) return [3 /*break*/, 2];
+              schema = (_s = manager === null || manager === void 0 ? void 0 : manager.store) === null || _s === void 0 ? void 0 : _s.getSchema((_t = action.args) === null || _t === void 0 ? void 0 : _t.componentId, 'id');
               return [4 /*yield*/, manager.getContextSchemas(schema === null || schema === void 0 ? void 0 : schema.$$id, true)];
             case 1:
-              dataSchema = _s.sent();
+              dataSchema = _u.sent();
               dataSchemaIns = new DataSchema(dataSchema || []);
               datasource = (dataSchemaIns === null || dataSchemaIns === void 0 ? void 0 : dataSchemaIns.getDataPropsAsOptions()) || [];
-              _s.label = 2;
+              _u.label = 2;
             case 2:
               return [2 /*return*/, __assign(__assign({}, config), {
                 actionType: getActionType(action, hasSubActionNode),
@@ -2141,7 +2147,7 @@ var getEventControlConfig = function (manager, context) {
       });
     },
     actionConfigSubmitFormatter: function (config) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
       var action = __assign(__assign({}, config), {
         groupType: undefined
       });
@@ -2220,6 +2226,11 @@ var getEventControlConfig = function (manager, context) {
           }
         }
       }
+      if (action.actionType === 'addItem' && action.__rendererName === 'combo') {
+        action.args = __assign(__assign({}, action.args), {
+          item: comboArrayToObject((_l = config.args) === null || _l === void 0 ? void 0 : _l.item)
+        });
+      }
       // 转换下格式
       if (['visibility', 'usability'].includes(config.actionType)) {
         action.args = action.actionType !== 'static' ? {

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/style-control/ThemeClassName.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 类名输入框 + 自定义样式源码编辑器
+ */
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+export declare class BorderRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}