amis-editor 5.2.5 → 5.4.0

package/esm/renderer/APIControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.4.0
  * Copyright 2018-2023 @fex
  */
 
@@ -19,12 +19,6 @@ var APIControl = /** @class */function (_super) {
   __extends(APIControl, _super);
   function APIControl(props) {
     var _this = _super.call(this, props) || this;
-    Object.defineProperty(_this, "input", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
     _this.state = {
       apiStr: _this.transformApi2Str(props.value),
       selectedItem: [],
@@ -33,880 +27,760 @@ var APIControl = /** @class */function (_super) {
     };
     return _this;
   }
-  Object.defineProperty(APIControl.prototype, "componentDidMount", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
+  APIControl.prototype.componentDidMount = function () {
+    this.updatePickerOptions();
+  };
+  APIControl.prototype.componentDidUpdate = function (prevProps) {
+    var props = this.props;
+    if (prevProps.value !== props.value) {
+      this.setState({
+        apiStr: this.transformApi2Str(props.value)
+      });
       this.updatePickerOptions();
     }
-  });
-  Object.defineProperty(APIControl.prototype, "componentDidUpdate", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (prevProps) {
-      var props = this.props;
-      if (prevProps.value !== props.value) {
-        this.setState({
-          apiStr: this.transformApi2Str(props.value)
-        });
-        this.updatePickerOptions();
-      }
-      if (anyChanged(['enablePickerMode', 'pickerSchema'], prevProps, props)) {
-        this.setState({
-          schema: props.pickerSchema
-        });
-      }
-      if (isApiOutdated(prevProps === null || prevProps === void 0 ? void 0 : prevProps.pickerSource, props === null || props === void 0 ? void 0 : props.pickerSource, prevProps.data, props.data)) {
-        this.fetchOptions();
-      }
+    if (anyChanged(['enablePickerMode', 'pickerSchema'], prevProps, props)) {
+      this.setState({
+        schema: props.pickerSchema
+      });
+    }
+    if (isApiOutdated(prevProps === null || prevProps === void 0 ? void 0 : prevProps.pickerSource, props === null || props === void 0 ? void 0 : props.pickerSource, prevProps.data, props.data)) {
+      this.fetchOptions();
     }
-  });
+  };
   /**
    * 已选API详情，因为list接口是分页的，所以需要单独调用一次
    */
-  Object.defineProperty(APIControl.prototype, "updatePickerOptions", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a;
-      return __awaiter(this, void 0, void 0, function () {
-        var apiObj, keyword;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              apiObj = normalizeApi(this.props.value);
-              if (!((_a = apiObj === null || apiObj === void 0 ? void 0 : apiObj.url) === null || _a === void 0 ? void 0 : _a.startsWith('api://'))) return [3 /*break*/, 4];
-              this.setState({
-                loading: true
-              });
-              keyword = apiObj.url.replace('api://', '');
-              _b.label = 1;
-            case 1:
-              _b.trys.push([1, 3,, 4]);
-              return [4 /*yield*/, this.fetchOptions(keyword)];
-            case 2:
-              _b.sent();
-              return [3 /*break*/, 4];
-            case 3:
-              _b.sent();
-              return [3 /*break*/, 4];
-            case 4:
-              this.setState({
-                loading: false
-              });
-              return [2 /*return*/];
-          }
-        });
+  APIControl.prototype.updatePickerOptions = function () {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+      var apiObj, keyword;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            apiObj = normalizeApi(this.props.value);
+            if (!((_a = apiObj === null || apiObj === void 0 ? void 0 : apiObj.url) === null || _a === void 0 ? void 0 : _a.startsWith('api://'))) return [3 /*break*/, 4];
+            this.setState({
+              loading: true
+            });
+            keyword = apiObj.url.replace('api://', '');
+            _b.label = 1;
+          case 1:
+            _b.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, this.fetchOptions(keyword)];
+          case 2:
+            _b.sent();
+            return [3 /*break*/, 4];
+          case 3:
+            _b.sent();
+            return [3 /*break*/, 4];
+          case 4:
+            this.setState({
+              loading: false
+            });
+            return [2 /*return*/];
+        }
       });
-    }
-  });
-
-  Object.defineProperty(APIControl.prototype, "transformApi2Str", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (value) {
-      var api = normalizeApi(value);
-      return api.url ? "".concat(api.method && api.method.toLowerCase() !== 'get' /** 默认为GET请求，直接隐藏掉前缀，为了呈现更多信息 */ ? "".concat(api.method, ":") : '').concat(api.url) : '';
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "fetchOptions", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (keyword) {
-      var _a, _b, _c, _d;
-      return __awaiter(this, void 0, void 0, function () {
-        var _e, value, data, env, searchField, searchType, pickerSource, apiObj, apiKey, ctx, schemaFilter, res, items, selectedItem;
-        var _f;
-        return __generator(this, function (_g) {
-          switch (_g.label) {
-            case 0:
-              _e = this.props, value = _e.value, data = _e.data, env = _e.env, searchField = _e.searchField, searchType = _e.searchType;
-              pickerSource = this.props.pickerSource;
-              apiObj = normalizeApi(value);
-              if (!pickerSource || !(apiObj === null || apiObj === void 0 ? void 0 : apiObj.url)) {
-                return [2 /*return*/];
-              }
+    });
+  };
 
-              apiKey = (_b = (_a = apiObj === null || apiObj === void 0 ? void 0 : apiObj.url) === null || _a === void 0 ? void 0 : _a.split('api://')) === null || _b === void 0 ? void 0 : _b[1];
-              ctx = createObject(data, __assign({
-                value: value,
-                op: 'loadOptions'
-              }, keyword && searchField ? (_f = {}, _f[searchField] = keyword, _f.searchType = searchType, _f) : {}));
-              schemaFilter = getEnv(window.editorStore).schemaFilter;
-              // 基于爱速搭的规则转换一下
-              if (schemaFilter) {
-                pickerSource = schemaFilter({
-                  api: pickerSource
-                }).api;
-              }
-              if (!isEffectiveApi(pickerSource, ctx)) return [3 /*break*/, 2];
-              return [4 /*yield*/, env.fetcher(pickerSource, ctx)];
-            case 1:
-              res = _g.sent();
-              items = ((_c = res.data) === null || _c === void 0 ? void 0 : _c.items) || ((_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.rows);
-              if (items.length) {
-                selectedItem = items.find(function (item) {
-                  return item.key === apiKey;
-                });
-                this.setState({
-                  selectedItem: selectedItem ? [selectedItem] : []
-                });
-              }
-              _g.label = 2;
-            case 2:
+  APIControl.prototype.transformApi2Str = function (value) {
+    var api = normalizeApi(value);
+    return api.url ? "".concat(api.method && api.method.toLowerCase() !== 'get' /** 默认为GET请求，直接隐藏掉前缀，为了呈现更多信息 */ ? "".concat(api.method, ":") : '').concat(api.url) : '';
+  };
+  APIControl.prototype.fetchOptions = function (keyword) {
+    var _a, _b, _c, _d;
+    return __awaiter(this, void 0, void 0, function () {
+      var _e, value, data, env, searchField, searchType, pickerSource, apiObj, apiKey, ctx, schemaFilter, res, items, selectedItem;
+      var _f;
+      return __generator(this, function (_g) {
+        switch (_g.label) {
+          case 0:
+            _e = this.props, value = _e.value, data = _e.data, env = _e.env, searchField = _e.searchField, searchType = _e.searchType;
+            pickerSource = this.props.pickerSource;
+            apiObj = normalizeApi(value);
+            if (!pickerSource || !(apiObj === null || apiObj === void 0 ? void 0 : apiObj.url)) {
               return [2 /*return*/];
-          }
-        });
+            }
+
+            apiKey = (_b = (_a = apiObj === null || apiObj === void 0 ? void 0 : apiObj.url) === null || _a === void 0 ? void 0 : _a.split('api://')) === null || _b === void 0 ? void 0 : _b[1];
+            ctx = createObject(data, __assign({
+              value: value,
+              op: 'loadOptions'
+            }, keyword && searchField ? (_f = {}, _f[searchField] = keyword, _f.searchType = searchType, _f) : {}));
+            schemaFilter = getEnv(window.editorStore).schemaFilter;
+            // 基于爱速搭的规则转换一下
+            if (schemaFilter) {
+              pickerSource = schemaFilter({
+                api: pickerSource
+              }).api;
+            }
+            if (!isEffectiveApi(pickerSource, ctx)) return [3 /*break*/, 2];
+            return [4 /*yield*/, env.fetcher(pickerSource, ctx)];
+          case 1:
+            res = _g.sent();
+            items = ((_c = res.data) === null || _c === void 0 ? void 0 : _c.items) || ((_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.rows);
+            if (items.length) {
+              selectedItem = items.find(function (item) {
+                return item.key === apiKey;
+              });
+              this.setState({
+                selectedItem: selectedItem ? [selectedItem] : []
+              });
+            }
+            _g.label = 2;
+          case 2:
+            return [2 /*return*/];
+        }
       });
-    }
-  });
+    });
+  };
 
-  Object.defineProperty(APIControl.prototype, "inputRef", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (ref) {
-      this.input = ref;
+  APIControl.prototype.inputRef = function (ref) {
+    this.input = ref;
+  };
+  APIControl.prototype.focus = function () {
+    if (!this.input) {
+      return;
     }
-  });
-  Object.defineProperty(APIControl.prototype, "focus", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      if (!this.input) {
-        return;
-      }
-      this.input.focus();
+    this.input.focus();
+  };
+  APIControl.prototype.clearPickerValue = function () {
+    var _this = this;
+    var onChange = this.props.onChange;
+    this.setState({
+      apiStr: this.transformApi2Str(undefined),
+      selectedItem: []
+    }, function () {
+      onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      _this.focus();
+    });
+  };
+  APIControl.prototype.handleSimpleInputChange = function (e) {
+    var value = e.currentTarget.value;
+    this.handleSubmit(value, 'input');
+  };
+  APIControl.prototype.handleSubmit = function (values, action) {
+    var _a = this.props,
+      onChange = _a.onChange,
+      value = _a.value;
+    var api = values;
+    // Picker未做选择
+    if (!values && action === 'picker-submit') {
+      return;
     }
-  });
-  Object.defineProperty(APIControl.prototype, "clearPickerValue", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _this = this;
-      var onChange = this.props.onChange;
-      this.setState({
-        apiStr: this.transformApi2Str(undefined),
-        selectedItem: []
-      }, function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-        _this.focus();
+    if (typeof value !== 'string' || typeof values !== 'string') {
+      api = mergeWith({}, normalizeApi(value), normalizeApi(values), function (value, srcValue, key) {
+        // 这三个支持删除单个key的属性需用新值完全替换
+        // 否则删除无效
+        if (['data', 'responseData', 'headers'].includes(key)) {
+          return srcValue;
+        }
+      });
+      ['data', 'responseData', 'headers'].forEach(function (item) {
+        if (api[item] == null) {
+          delete api[item];
+        }
       });
     }
-  });
-  Object.defineProperty(APIControl.prototype, "handleSimpleInputChange", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (e) {
-      var value = e.currentTarget.value;
-      this.handleSubmit(value, 'input');
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "handleSubmit", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (values, action) {
-      var _a = this.props,
-        onChange = _a.onChange,
-        value = _a.value;
-      var api = values;
-      // Picker未做选择
-      if (!values && action === 'picker-submit') {
-        return;
-      }
-      if (typeof value !== 'string' || typeof values !== 'string') {
-        api = mergeWith({}, normalizeApi(value), normalizeApi(values), function (value, srcValue, key) {
-          // 这三个支持删除单个key的属性需用新值完全替换
-          // 否则删除无效
-          if (['data', 'responseData', 'headers'].includes(key)) {
-            return srcValue;
-          }
-        });
-        ['data', 'responseData', 'headers'].forEach(function (item) {
-          if (api[item] == null) {
-            delete api[item];
-          }
-        });
-      }
-      onChange === null || onChange === void 0 ? void 0 : onChange(api);
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "handleAction", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (schema, e, action, data) {
-      var onAction = this.props.onAction;
-      onAction === null || onAction === void 0 ? void 0 : onAction(schema, e, action, data);
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "normalizeValue", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (value, callback) {
-      var transformedValue = cloneDeep(value);
-      if (typeof callback === 'function') {
-        transformedValue = callback(value);
-      }
-      return transformedValue;
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "handlePickerConfirm", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (value) {
-      var onPickerConfirm = this.props.onPickerConfirm;
-      this.handleSubmit(this.normalizeValue(value, onPickerConfirm), 'picker-submit');
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "handlePickerClose", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var onPickerClose = this.props.onPickerClose;
-      onPickerClose === null || onPickerClose === void 0 ? void 0 : onPickerClose();
+    onChange === null || onChange === void 0 ? void 0 : onChange(api);
+  };
+  APIControl.prototype.handleAction = function (schema, e, action, data) {
+    var onAction = this.props.onAction;
+    onAction === null || onAction === void 0 ? void 0 : onAction(schema, e, action, data);
+  };
+  APIControl.prototype.normalizeValue = function (value, callback) {
+    var transformedValue = cloneDeep(value);
+    if (typeof callback === 'function') {
+      transformedValue = callback(value);
     }
-  });
-  Object.defineProperty(APIControl.prototype, "renderHeader", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a;
-      var _b = this.props,
-        render = _b.render,
-        labelRemark = _b.labelRemark,
-        useMobileUI = _b.useMobileUI,
-        popOverContainer = _b.popOverContainer,
-        env = _b.env;
-      var label = this.props.label;
-      var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
-      // const actionsDom =
-      //   Array.isArray(actions) && actions.length > 0
-      //     ? actions.map((action, index) => {
-      //         return render(`action/${index}`, action, {
-      //           key: index,
-      //           onAction: this.handleAction.bind(this, action)
-      //         });
-      //       })
-      //     : null;
-      return React__default.createElement("header", {
-        className: "ApiControl-header",
-        key: "header"
-      }, React__default.createElement("label", {
-        className: cx("".concat(classPrefix, "Form-label"))
-      }, (label === null || label === void 0 ? void 0 : label.type) ? render('label', label) : 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));
+    return transformedValue;
+  };
+  APIControl.prototype.handlePickerConfirm = function (value) {
+    var onPickerConfirm = this.props.onPickerConfirm;
+    this.handleSubmit(this.normalizeValue(value, onPickerConfirm), 'picker-submit');
+  };
+  APIControl.prototype.handlePickerClose = function () {
+    var onPickerClose = this.props.onPickerClose;
+    onPickerClose === null || onPickerClose === void 0 ? void 0 : onPickerClose();
+  };
+  APIControl.prototype.renderHeader = function () {
+    var _a;
+    var _b = this.props,
+      render = _b.render,
+      labelRemark = _b.labelRemark,
+      useMobileUI = _b.useMobileUI,
+      popOverContainer = _b.popOverContainer,
+      env = _b.env;
+    var label = this.props.label;
+    var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+    // const actionsDom =
+    //   Array.isArray(actions) && actions.length > 0
+    //     ? actions.map((action, index) => {
+    //         return render(`action/${index}`, action, {
+    //           key: index,
+    //           onAction: this.handleAction.bind(this, action)
+    //         });
+    //       })
+    //     : null;
+    return React__default.createElement("header", {
+      className: "ApiControl-header",
+      key: "header"
+    }, React__default.createElement("label", {
+      className: cx("".concat(classPrefix, "Form-label"))
+    }, (label === null || label === void 0 ? void 0 : label.type) ? render('label', label) : 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));
+  };
+  APIControl.prototype.renderPickerSchema = function () {
+    var _this = this;
+    var _a = this.props,
+      render = _a.render,
+      pickerTitle = _a.pickerTitle;
+      _a.pickerName;
+      var pickerSize = _a.pickerSize,
+      pickerHeaderClassName = _a.pickerHeaderClassName,
+      pickerBtnSchema = _a.pickerBtnSchema,
+      enablePickerMode = _a.enablePickerMode,
+      onPickerSelect = _a.onPickerSelect;
+    var _c = this.state,
+      selectedItem = _c.selectedItem,
+      schema = _c.schema;
+    if (!schema) {
+      return null;
     }
-  });
-  Object.defineProperty(APIControl.prototype, "renderPickerSchema", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _this = this;
-      var _a = this.props,
-        render = _a.render,
-        pickerTitle = _a.pickerTitle;
-        _a.pickerName;
-        var pickerSize = _a.pickerSize,
-        pickerHeaderClassName = _a.pickerHeaderClassName,
-        pickerBtnSchema = _a.pickerBtnSchema,
-        enablePickerMode = _a.enablePickerMode,
-        onPickerSelect = _a.onPickerSelect;
-      var _c = this.state,
-        selectedItem = _c.selectedItem,
-        schema = _c.schema;
-      if (!schema) {
-        return null;
-      }
-      return React__default.createElement(PickerContainer, {
-        title: pickerTitle,
-        headerClassName: cx(pickerHeaderClassName, 'font-bold'),
-        onConfirm: this.handlePickerConfirm,
-        onCancel: this.handlePickerClose,
-        size: pickerSize,
-        bodyRender: function (_a) {
-          var onChange = _a.onChange,
-            setState = _a.setState;
-          return render('api-control-picker', schema, {
-            value: selectedItem,
-            onSelect: function (items) {
-              setState({
-                selectedItem: items
-              });
-              onChange(_this.normalizeValue(items, onPickerSelect));
-            }
-          });
-        }
-      }, function (_a) {
-        var onClick = _a.onClick,
-          isOpened = _a.isOpened;
-        return render('picker-action', __assign(__assign({
-          icon: React__default.createElement(Icon, {
-            icon: "picker-icon",
-            className: "icon ae-ApiControl-icon"
-          })
-        }, pickerBtnSchema), {
-          className: cx('ae-ApiControl-PickerBtn', pickerBtnSchema === null || pickerBtnSchema === void 0 ? void 0 : pickerBtnSchema.className)
-        }), {
-          onClick: function (e) {
-            return __awaiter(_this, void 0, void 0, function () {
-              return __generator(this, function (_b) {
-                switch (_b.label) {
-                  case 0:
-                    if (!(!isOpened && enablePickerMode)) return [3 /*break*/, 4];
-                    _b.label = 1;
-                  case 1:
-                    _b.trys.push([1, 3,, 4]);
-                    return [4 /*yield*/, this.fetchOptions()];
-                  case 2:
-                    _b.sent();
-                    return [3 /*break*/, 4];
-                  case 3:
-                    _b.sent();
-                    return [3 /*break*/, 4];
-                  case 4:
-                    onClick(e);
-                    return [2 /*return*/];
-                }
-              });
+    return React__default.createElement(PickerContainer, {
+      title: pickerTitle,
+      headerClassName: cx(pickerHeaderClassName, 'font-bold'),
+      onConfirm: this.handlePickerConfirm,
+      onCancel: this.handlePickerClose,
+      size: pickerSize,
+      bodyRender: function (_a) {
+        var onChange = _a.onChange,
+          setState = _a.setState;
+        return render('api-control-picker', schema, {
+          value: selectedItem,
+          onSelect: function (items) {
+            setState({
+              selectedItem: items
             });
+            onChange(_this.normalizeValue(items, onPickerSelect));
           }
         });
-      });
-    }
-  });
-
-  Object.defineProperty(APIControl.prototype, "renderApiDialog", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      return {
-        label: '',
-        type: 'action',
-        acitonType: 'dialog',
-        size: 'sm',
+      }
+    }, function (_a) {
+      var onClick = _a.onClick,
+        isOpened = _a.isOpened;
+      return render('picker-action', __assign(__assign({
         icon: React__default.createElement(Icon, {
-          icon: "setting",
+          icon: "picker-icon",
           className: "icon ae-ApiControl-icon"
-        }),
-        className: 'ae-ApiControl-setting-button',
-        actionType: 'dialog',
-        dialog: {
-          title: i18n("e370757f933a8ecd87bf0255c3ce45d0"),
-          size: 'md',
-          className: 'ae-ApiControl-dialog',
-          headerClassName: 'font-bold',
-          bodyClassName: 'ae-ApiControl-dialog-body',
-          closeOnEsc: true,
-          closeOnOutside: false,
-          showCloseButton: true,
-          body: [this.renderApiConfigTabs()]
+        })
+      }, pickerBtnSchema), {
+        className: cx('ae-ApiControl-PickerBtn', pickerBtnSchema === null || pickerBtnSchema === void 0 ? void 0 : pickerBtnSchema.className)
+      }), {
+        onClick: function (e) {
+          return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+              switch (_b.label) {
+                case 0:
+                  if (!(!isOpened && enablePickerMode)) return [3 /*break*/, 4];
+                  _b.label = 1;
+                case 1:
+                  _b.trys.push([1, 3,, 4]);
+                  return [4 /*yield*/, this.fetchOptions()];
+                case 2:
+                  _b.sent();
+                  return [3 /*break*/, 4];
+                case 3:
+                  _b.sent();
+                  return [3 /*break*/, 4];
+                case 4:
+                  onClick(e);
+                  return [2 /*return*/];
+              }
+            });
+          });
         }
-      };
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "renderApiConfigTabs", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (submitOnChange) {
-      if (submitOnChange === void 0) {
-        submitOnChange = false;
+      });
+    });
+  };
+
+  APIControl.prototype.renderApiDialog = function () {
+    return {
+      label: '',
+      type: 'action',
+      acitonType: 'dialog',
+      size: 'sm',
+      icon: React__default.createElement(Icon, {
+        icon: "setting",
+        className: "icon ae-ApiControl-icon"
+      }),
+      className: 'ae-ApiControl-setting-button',
+      actionType: 'dialog',
+      dialog: {
+        title: i18n("e370757f933a8ecd87bf0255c3ce45d0"),
+        size: 'md',
+        className: 'ae-ApiControl-dialog',
+        headerClassName: 'font-bold',
+        bodyClassName: 'ae-ApiControl-dialog-body',
+        closeOnEsc: true,
+        closeOnOutside: false,
+        showCloseButton: true,
+        // data: {},
+        body: [this.renderApiConfigTabs()]
       }
-      var _a = this.props;
-        _a.messageDesc;
-        var _b = _a.debug,
-        debug = _b === void 0 ? false : _b;
-      return {
-        type: 'form',
-        className: 'ae-ApiControl-form',
-        mode: 'horizontal',
-        submitOnChange: submitOnChange,
-        wrapWithPanel: false,
-        onSubmit: this.handleSubmit,
-        debug: debug,
-        body: [{
-          type: 'tabs',
-          className: 'ae-ApiControl-tabs',
-          contentClassName: 'ae-ApiControl-tabContent',
-          tabs: [{
-            title: i18n("7c57a563ab87bc6eb5edd8f5b953f499"),
-            tab: [{
-              label: i18n("6aa351f5dacd13d3d862d9c93e4a0241"),
-              name: 'method',
+    };
+  };
+  APIControl.prototype.renderApiConfigTabs = function (submitOnChange) {
+    if (submitOnChange === void 0) {
+      submitOnChange = false;
+    }
+    var _a = this.props;
+      _a.messageDesc;
+      var _b = _a.debug,
+      debug = _b === void 0 ? false : _b,
+      name = _a.name;
+    return {
+      type: 'form',
+      className: 'ae-ApiControl-form',
+      mode: 'horizontal',
+      submitOnChange: submitOnChange,
+      wrapWithPanel: false,
+      onSubmit: this.handleSubmit,
+      debug: debug,
+      body: [{
+        type: 'tabs',
+        className: 'ae-ApiControl-tabs',
+        contentClassName: 'ae-ApiControl-tabContent',
+        tabs: [{
+          title: i18n("7c57a563ab87bc6eb5edd8f5b953f499"),
+          tab: [{
+            label: i18n("6aa351f5dacd13d3d862d9c93e4a0241"),
+            name: 'method',
+            value: 'get',
+            type: 'button-group-select',
+            mode: 'horizontal',
+            options: [{
               value: 'get',
-              type: 'button-group-select',
-              mode: 'horizontal',
-              options: [{
-                value: 'get',
-                label: 'GET'
-              }, {
-                value: 'post',
-                label: 'POST'
-              }, {
-                value: 'put',
-                label: 'PUT'
-              }, {
-                value: 'patch',
-                label: 'PATCH'
-              }, {
-                value: 'delete',
-                label: 'DELETE'
-              }]
+              label: 'GET'
             }, {
-              label: i18n("85624c8e8b0fc98954eecbe508e8b59d"),
-              type: 'input-text',
-              name: 'url',
-              mode: 'horizontal',
-              size: 'lg',
-              placeholder: 'http://',
-              required: true
+              value: 'post',
+              label: 'POST'
             }, {
-              label: i18n("8dc91bca9bc83efea73150e3478657fc"),
-              type: 'input-text',
-              name: 'sendOn',
-              mode: 'horizontal',
-              size: 'lg',
-              placeholder: i18n("bf9e242338d2c26b182aa6b9c015d84c"),
-              description: i18n("91ee84292a5bf5e59d3b6309f948f2f1")
+              value: 'put',
+              label: 'PUT'
             }, {
-              label: i18n("7c6722203327e8173be987f36fadf610"),
-              type: 'button-group-select',
-              name: 'dataType',
-              size: 'sm',
-              mode: 'horizontal',
-              description: "".concat(i18n("55409342e28d37db86fb23efbd84a025"), "\uFF1A<%= data.dataType === \"json\" ? \"application/json\" : (data.dataType === \"form-data\" ? \"multipart/form-data\" : (data.dataType === \"form\" ? \"application/x-www-form-urlencoded\" : \"\")) %>\uFF0C").concat(i18n("e06a14abe7ef66a8ead143db4ae9786e")),
-              options: [{
-                label: 'JSON',
-                value: 'json'
-              }, {
-                label: 'FormData',
-                value: 'form-data'
-              }, {
-                label: 'Form',
-                value: 'form'
-              }],
-              disabled: false
+              value: 'patch',
+              label: 'PATCH'
             }, {
-              type: 'switch',
-              label: i18n("773a0e8384fd6f784088b829d7cc2f68"),
-              name: 'cache',
-              mode: 'horizontal',
-              pipeIn: function (value) {
-                return !!value;
-              },
-              pipeOut: function (value) {
-                return value ? 3000 : undefined;
-              }
-            }, {
-              label: '',
-              type: 'input-number',
-              name: 'cache',
-              mode: 'horizontal',
-              size: 'md',
-              min: 0,
-              step: 500,
-              visibleOn: 'this.cache',
-              description: i18n("c1b110f13431df9662299f26def71df1"),
-              pipeIn: function (value) {
-                return typeof value === 'number' ? value : 0;
-              }
-            }, {
-              label: i18n("a18ea11244325dd3d20c5988bc7f6e39"),
-              name: 'responseType',
-              type: 'switch',
-              mode: 'horizontal',
-              description: i18n("68caa6082eda1745aa3f6b6d12efe423"),
-              pipeIn: function (value) {
-                return value === 'blob';
-              },
-              pipeOut: function (value) {
-                return value ? 'blob' : undefined;
-              }
-            }, {
-              label: i18n("91831507074270c0da8a31ad9ff87495"),
-              name: 'replaceData',
-              type: 'switch',
-              mode: 'horizontal',
-              description: i18n("42be3061671b38468cc6ac84f6a0dd77")
+              value: 'delete',
+              label: 'DELETE'
+            }]
+          }, {
+            label: i18n("85624c8e8b0fc98954eecbe508e8b59d"),
+            type: 'input-text',
+            name: 'url',
+            mode: 'horizontal',
+            size: 'lg',
+            placeholder: 'http://',
+            required: true
+          }, {
+            label: i18n("8dc91bca9bc83efea73150e3478657fc"),
+            type: 'input-text',
+            name: 'sendOn',
+            mode: 'horizontal',
+            size: 'lg',
+            placeholder: i18n("bf9e242338d2c26b182aa6b9c015d84c"),
+            description: i18n("91ee84292a5bf5e59d3b6309f948f2f1")
+          }, {
+            label: i18n("7c6722203327e8173be987f36fadf610"),
+            type: 'button-group-select',
+            name: 'dataType',
+            size: 'sm',
+            mode: 'horizontal',
+            description: "".concat(i18n("55409342e28d37db86fb23efbd84a025"), "\uFF1A<%= data.dataType === \"json\" ? \"application/json\" : (data.dataType === \"form-data\" ? \"multipart/form-data\" : (data.dataType === \"form\" ? \"application/x-www-form-urlencoded\" : \"\")) %>\uFF0C").concat(i18n("e06a14abe7ef66a8ead143db4ae9786e")),
+            options: [{
+              label: 'JSON',
+              value: 'json'
             }, {
-              label: '',
-              name: 'interval',
-              type: 'input-number',
-              mode: 'horizontal',
-              size: 'md',
-              visibleOn: 'typeof this.interval === "number"',
-              step: 500,
-              description: i18n("81fe75a5216d4f612f1809c122f5145a")
+              label: 'FormData',
+              value: 'form-data'
             }, {
-              label: i18n("19c5410b23fba4bbfd1a58bbd5268c9b"),
-              name: 'silentPolling',
-              type: 'switch',
-              mode: 'horizontal',
-              visibleOn: '!!data.interval',
-              description: i18n("04f840b0772f4b5d59954a29a76f4e7b")
+              label: 'Form',
+              value: 'form'
+            }],
+            disabled: false
+          }, {
+            type: 'switch',
+            label: i18n("773a0e8384fd6f784088b829d7cc2f68"),
+            name: 'cache',
+            mode: 'horizontal',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            pipeOut: function (value) {
+              return value ? 3000 : undefined;
+            }
+          }, {
+            label: '',
+            type: 'input-number',
+            name: 'cache',
+            mode: 'horizontal',
+            size: 'md',
+            min: 0,
+            step: 500,
+            visibleOn: 'this.cache',
+            description: i18n("c1b110f13431df9662299f26def71df1"),
+            pipeIn: function (value) {
+              return typeof value === 'number' ? value : 0;
+            }
+          }, {
+            label: i18n("a18ea11244325dd3d20c5988bc7f6e39"),
+            name: 'responseType',
+            type: 'switch',
+            mode: 'horizontal',
+            description: i18n("68caa6082eda1745aa3f6b6d12efe423"),
+            pipeIn: function (value) {
+              return value === 'blob';
+            },
+            pipeOut: function (value) {
+              return value ? 'blob' : undefined;
+            }
+          }, {
+            label: i18n("91831507074270c0da8a31ad9ff87495"),
+            name: 'replaceData',
+            type: 'switch',
+            mode: 'horizontal',
+            description: i18n("42be3061671b38468cc6ac84f6a0dd77")
+          }, {
+            label: '',
+            name: 'interval',
+            type: 'input-number',
+            mode: 'horizontal',
+            size: 'md',
+            visibleOn: 'typeof this.interval === "number"',
+            step: 500,
+            description: i18n("81fe75a5216d4f612f1809c122f5145a")
+          }, {
+            label: i18n("19c5410b23fba4bbfd1a58bbd5268c9b"),
+            name: 'silentPolling',
+            type: 'switch',
+            mode: 'horizontal',
+            visibleOn: '!!data.interval',
+            description: i18n("04f840b0772f4b5d59954a29a76f4e7b")
+          }, {
+            label: tipedLabel(i18n("83f16354dd1532422dc8b3581d096e7b"), i18n("620f826a77f079c5683a9d3c59461ea1")),
+            name: 'stopAutoRefreshWhen',
+            type: 'input-text',
+            mode: 'horizontal',
+            horizontal: {
+              leftFixed: 'md'
+            },
+            size: 'lg',
+            visibleOn: '!!data.interval',
+            placeholder: i18n("6037dae99e9446deaed45f7e408f47ab")
+          }]
+        }, {
+          title: i18n("90260d55567cfd97ec2f085963a60bcf"),
+          tab: [{
+            type: 'switch',
+            label: tipedLabel(i18n("be47bd270e7756d4233e59bbe4cd5b96"), i18n("f80cc88446cc10da4838556666f6b9f1")),
+            name: 'headers',
+            mode: 'horizontal',
+            className: 'm-b-xs',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            pipeOut: function (value) {
+              return value ? {
+                '': ''
+              } : null;
+            }
+          }, {
+            type: 'combo',
+            name: 'headers',
+            mode: 'horizontal',
+            syncDefaultValue: false,
+            multiple: true,
+            visibleOn: 'this.headers',
+            items: [{
+              type: 'input-text',
+              name: 'key',
+              placeholder: 'Key',
+              unique: true,
+              required: true,
+              options: [{
+                label: 'Content-Encoding',
+                value: 'Content-Encoding'
+              }, {
+                label: 'Content-Type',
+                value: 'Content-Type'
+              }]
             }, {
-              label: tipedLabel(i18n("83f16354dd1532422dc8b3581d096e7b"), i18n("620f826a77f079c5683a9d3c59461ea1")),
-              name: 'stopAutoRefreshWhen',
               type: 'input-text',
-              mode: 'horizontal',
-              horizontal: {
-                leftFixed: 'md'
-              },
-              size: 'lg',
-              visibleOn: '!!data.interval',
-              placeholder: i18n("6037dae99e9446deaed45f7e408f47ab")
-            }]
-          }, {
-            title: i18n("90260d55567cfd97ec2f085963a60bcf"),
-            tab: [{
-              type: 'switch',
-              label: tipedLabel(i18n("be47bd270e7756d4233e59bbe4cd5b96"), i18n("f80cc88446cc10da4838556666f6b9f1")),
-              name: 'headers',
-              mode: 'horizontal',
-              className: 'm-b-xs',
-              pipeIn: function (value) {
-                return !!value;
-              },
-              pipeOut: function (value) {
-                return value ? {
-                  '': ''
-                } : null;
+              name: 'value',
+              placeholder: 'Value',
+              disabled: false
+            }],
+            pipeIn: function (value) {
+              if (!isObject(value)) {
+                return value;
               }
-            }, {
-              type: 'combo',
-              name: 'headers',
-              mode: 'horizontal',
-              syncDefaultValue: false,
-              multiple: true,
-              visibleOn: 'this.headers',
-              items: [{
-                type: 'input-text',
-                name: 'key',
-                placeholder: 'Key',
-                unique: true,
-                required: true,
-                options: [{
-                  label: 'Content-Encoding',
-                  value: 'Content-Encoding'
-                }, {
-                  label: 'Content-Type',
-                  value: 'Content-Type'
-                }]
-              }, {
-                type: 'input-text',
-                name: 'value',
-                placeholder: 'Value',
-                disabled: false
-              }],
-              pipeIn: function (value) {
-                if (!isObject(value)) {
-                  return value;
-                }
-                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) {
-                  var key = item.key || '';
-                  var value = item.value;
-                  try {
-                    value = JSON.parse(value);
-                  } catch (e) {}
-                  obj[key] = value;
+              var arr = [];
+              Object.keys(value).forEach(function (key) {
+                arr.push({
+                  key: key || '',
+                  value: typeof value[key] === 'string' ? value[key] : JSON.stringify(value[key])
                 });
-                return obj;
+              });
+              return arr;
+            },
+            pipeOut: function (value) {
+              if (!Array.isArray(value)) {
+                return value;
               }
-            }, {
-              type: 'switch',
-              label: tipedLabel(i18n("8f0064a9cfd7dcbb3c729f1357f11772"), i18n("0fcbf036057c6dd88b7b809daa0c5eb7")),
-              name: 'data',
-              mode: 'horizontal',
-              pipeIn: function (value) {
-                return !!value;
-              },
-              pipeOut: function (value) {
-                return value ? {
-                  '&': '$$'
-                } : null;
+              var obj = {};
+              value.forEach(function (item) {
+                var key = item.key || '';
+                var value = item.value;
+                try {
+                  value = JSON.parse(value);
+                } catch (e) {}
+                obj[key] = value;
+              });
+              return obj;
+            }
+          }, {
+            type: 'switch',
+            label: tipedLabel(i18n("8f0064a9cfd7dcbb3c729f1357f11772"), i18n("0fcbf036057c6dd88b7b809daa0c5eb7")),
+            name: 'data',
+            mode: 'horizontal',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            pipeOut: function (value) {
+              return value ? {
+                '&': '$$'
+              } : null;
+            }
+          }, {
+            type: 'combo',
+            syncDefaultValue: false,
+            name: 'data',
+            mode: 'horizontal',
+            renderLabel: false,
+            visibleOn: 'this.data',
+            descriptionClassName: 'help-block text-xs m-b-none',
+            description: i18n("5414824fb8efdb7d59beae4bf95fdefd"),
+            multiple: true,
+            pipeIn: function (value) {
+              if (!isObject(value)) {
+                return value;
               }
-            }, {
-              type: 'combo',
-              syncDefaultValue: false,
-              name: 'data',
-              mode: 'horizontal',
-              renderLabel: false,
-              visibleOn: 'this.data',
-              descriptionClassName: 'help-block text-xs m-b-none',
-              description: i18n("5414824fb8efdb7d59beae4bf95fdefd"),
-              multiple: true,
-              pipeIn: function (value) {
-                if (!isObject(value)) {
-                  return value;
-                }
-                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) {
-                  var key = item.key || '';
-                  var value = item.value;
-                  try {
-                    value = JSON.parse(value);
-                  } catch (e) {}
-                  obj[key] = value;
+              var arr = [];
+              Object.keys(value).forEach(function (key) {
+                arr.push({
+                  key: key || '',
+                  value: typeof value[key] === 'string' ? value[key] : JSON.stringify(value[key])
                 });
-                return obj;
-              },
-              items: [{
-                placeholder: 'Key',
-                type: 'input-text',
-                unique: true,
-                name: 'key',
-                required: true
-              }, getSchemaTpl('DataPickerControl', {
-                placeholder: 'Value',
-                name: 'value'
-              })]
-            }, {
-              label: i18n("417125a06b1d2bfff025e83a4e067bf0"),
-              name: 'requestAdaptor',
-              type: 'js-editor',
-              mode: 'horizontal',
-              horizontal: {
-                justify: true
-              },
-              clasName: 'm-t-sm',
-              allowFullscreen: true,
-              description: i18n("62efcb25e5b21da47c09780119da3458")
-            }, {
-              type: 'switch',
-              label: tipedLabel(i18n("6d33298a54888a30753373ca5bfe3bc2"), i18n("542e06175ff4f7407c467bbde90de56a")),
-              name: 'responseData',
-              mode: 'horizontal',
-              pipeIn: function (value) {
-                return !!value;
-              },
-              pipeOut: function (value) {
-                return value ? {
-                  '&': '$$'
-                } : null;
+              });
+              return arr;
+            },
+            pipeOut: function (value) {
+              if (!Array.isArray(value)) {
+                return value;
               }
-            }, {
-              type: 'combo',
-              syncDefaultValue: false,
-              name: 'responseData',
-              mode: 'horizontal',
-              renderLabel: false,
-              visibleOn: 'this.responseData',
-              descriptionClassName: 'help-block text-xs m-b-none',
-              multiple: true,
-              pipeIn: function (value) {
-                if (!isObject(value)) {
-                  return value;
-                }
-                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) {
-                  var key = item.key || '';
-                  var value = item.value;
-                  try {
-                    value = JSON.parse(value);
-                  } catch (e) {}
-                  obj[key] = value;
+              var obj = {};
+              value.forEach(function (item) {
+                var key = item.key || '';
+                var value = item.value;
+                try {
+                  value = JSON.parse(value);
+                } catch (e) {}
+                obj[key] = value;
+              });
+              return obj;
+            },
+            items: [{
+              placeholder: 'Key',
+              type: 'input-text',
+              unique: true,
+              name: 'key',
+              required: true
+            }, getSchemaTpl('DataPickerControl', {
+              placeholder: 'Value',
+              name: 'value'
+            })]
+          }, getSchemaTpl('apiRequestAdaptor'), {
+            type: 'switch',
+            label: tipedLabel(i18n("6d33298a54888a30753373ca5bfe3bc2"), i18n("542e06175ff4f7407c467bbde90de56a")),
+            name: 'responseData',
+            mode: 'horizontal',
+            pipeIn: function (value) {
+              return !!value;
+            },
+            pipeOut: function (value) {
+              return value ? {
+                '&': '$$'
+              } : null;
+            }
+          }, {
+            type: 'combo',
+            syncDefaultValue: false,
+            name: 'responseData',
+            mode: 'horizontal',
+            renderLabel: false,
+            visibleOn: 'this.responseData',
+            descriptionClassName: 'help-block text-xs m-b-none',
+            multiple: true,
+            pipeIn: function (value) {
+              if (!isObject(value)) {
+                return value;
+              }
+              var arr = [];
+              Object.keys(value).forEach(function (key) {
+                arr.push({
+                  key: key || '',
+                  value: typeof value[key] === 'string' ? value[key] : JSON.stringify(value[key])
                 });
-                return obj;
-              },
-              items: [{
-                placeholder: 'Key',
-                type: 'input-text',
-                unique: true,
-                name: 'key',
-                required: true
-              }, {
-                placeholder: 'Value',
-                type: 'input-text',
-                name: 'value'
-              }]
+              });
+              return arr;
+            },
+            pipeOut: function (value) {
+              if (!Array.isArray(value)) {
+                return value;
+              }
+              var obj = {};
+              value.forEach(function (item) {
+                var key = item.key || '';
+                var value = item.value;
+                try {
+                  value = JSON.parse(value);
+                } catch (e) {}
+                obj[key] = value;
+              });
+              return obj;
+            },
+            items: [{
+              placeholder: 'Key',
+              type: 'input-text',
+              unique: true,
+              name: 'key',
+              required: true
             }, {
-              label: i18n("6eb8944029108ad3b6bb3572a648fafa"),
-              name: 'adaptor',
-              type: 'js-editor',
-              mode: 'horizontal',
-              horizontal: {
-                justify: true
-              },
-              clasName: 'm-t-sm',
-              allowFullscreen: true,
-              description: i18n("e83cbec70e17988749c4a02a3b73f55c")
+              placeholder: 'Value',
+              type: 'input-text',
+              name: 'value'
             }]
-          }, {
-            title: i18n("99c74120cc62f4bf31d661e3212b7121"),
-            tab: [{
-              label: i18n("7c583ecdf795ce4f1f40d7960ead9344"),
-              type: 'combo',
-              name: 'messages',
-              mode: 'normal',
-              multiLine: true,
-              items: [{
-                label: i18n("70941a02776496ec446f21f98ebf754e"),
-                type: 'input-text',
-                name: 'success'
-              }, {
-                label: i18n("f50bf418323ee425eca7208c09a4577e"),
-                type: 'input-text',
-                name: 'failed'
-              }]
+          }, getSchemaTpl(name === 'validateApi' ? 'validateApiAdaptor' : 'apiAdaptor')]
+        }, {
+          title: i18n("99c74120cc62f4bf31d661e3212b7121"),
+          tab: [{
+            label: i18n("7c583ecdf795ce4f1f40d7960ead9344"),
+            type: 'combo',
+            name: 'messages',
+            mode: 'normal',
+            multiLine: true,
+            items: [{
+              label: i18n("70941a02776496ec446f21f98ebf754e"),
+              type: 'input-text',
+              name: 'success'
+            }, {
+              label: i18n("f50bf418323ee425eca7208c09a4577e"),
+              type: 'input-text',
+              name: 'failed'
             }]
           }]
         }]
-      };
-    }
-  });
-  Object.defineProperty(APIControl.prototype, "render", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a, _b;
-      var _c = this.props,
-        render = _c.render,
-        className = _c.className,
-        footerClassName = _c.footerClassName;
-        _c.classPrefix;
-        _c.label;
-        _c.labelRemark;
-        var value = _c.value,
-        footer = _c.footer,
-        _d = _c.border,
-        border = _d === void 0 ? false : _d,
-        _e = _c.onlyTabs,
-        onlyTabs = _e === void 0 ? false : _e;
-        _c.messageDesc;
-        var enablePickerMode = _c.enablePickerMode,
-        disabled = _c.disabled;
-        _c.mode;
-        var enableHighlight = _c.enableHighlight,
-        _f = _c.labelField,
-        labelField = _f === void 0 ? 'label' : _f;
-        _c.useMobileUI;
-        _c.popOverContainer;
-        _c.env;
-        var renderLabel = _c.renderLabel;
-      var _g = this.state,
-        apiStr = _g.apiStr,
-        selectedItem = _g.selectedItem,
-        loading = _g.loading;
-      selectedItem = Array.isArray(selectedItem) && selectedItem.length !== 0 ? selectedItem : [];
-      var highlightLabel = (_b = (_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[0]) === null || _a === void 0 ? void 0 : _a[labelField]) !== null && _b !== void 0 ? _b : '';
-      return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-        className: cx('ae-ApiControl', className, {
-          border: border
-        })
-      }, onlyTabs ? render('api-control-tabs', this.renderApiConfigTabs(true), {
-        data: normalizeApi(value)
-      }) : React__default.createElement(React__default.Fragment, null, !renderLabel && this.renderHeader(), React__default.createElement("div", {
-        className: "ae-ApiControl-content",
-        key: "content"
-      }, React__default.createElement("div", {
-        className: cx('ae-ApiControl-input')
-      }, enableHighlight && highlightLabel ? React__default.createElement("div", {
-        className: cx('ae-ApiControl-highlight')
-      }, loading ? React__default.createElement(Spinner, {
-        show: true,
-        icon: "reload",
-        size: "sm",
-        spinnerClassName: cx('Select-spinner')
-      }) : React__default.createElement("span", {
-        className: cx('ae-ApiControl-highlight-tag')
-      }, React__default.createElement("span", null, highlightLabel), React__default.createElement("a", {
-        onClick: this.clearPickerValue,
-        className: cx('Modal-close')
-      }, React__default.createElement(Icon, {
-        icon: "close",
-        className: cx('icon', 'ae-ApiControl-highlight-close')
-      })))) : React__default.createElement(Input, {
-        ref: this.inputRef,
-        value: apiStr,
-        type: "text",
-        disabled: disabled,
-        placeholder: "http://",
-        onChange: this.handleSimpleInputChange
-      }), enablePickerMode ? this.renderPickerSchema() : null), render('api-control-dialog', this.renderApiDialog(), {
-        data: normalizeApi(value)
-      })))), Array.isArray(footer) && footer.length !== 0 ? React__default.createElement("footer", {
-        className: cx('mt-3', footerClassName),
-        key: "footer"
-      }, render('api-control-footer', footer)) : null);
-    }
-  });
-  Object.defineProperty(APIControl, "defaultProps", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: {
-      pickerBtnSchema: {
-        type: 'button',
-        level: 'link',
-        size: 'sm'
-      },
-      labelField: 'label',
-      searchType: 'key'
-    }
-  });
+      }]
+    };
+  };
+  APIControl.prototype.render = function () {
+    var _a, _b;
+    var _c = this.props,
+      render = _c.render,
+      className = _c.className,
+      footerClassName = _c.footerClassName;
+      _c.classPrefix;
+      _c.label;
+      _c.labelRemark;
+      var value = _c.value,
+      footer = _c.footer,
+      _d = _c.border,
+      border = _d === void 0 ? false : _d,
+      _e = _c.onlyTabs,
+      onlyTabs = _e === void 0 ? false : _e;
+      _c.messageDesc;
+      var enablePickerMode = _c.enablePickerMode,
+      disabled = _c.disabled;
+      _c.mode;
+      var enableHighlight = _c.enableHighlight,
+      _f = _c.labelField,
+      labelField = _f === void 0 ? 'label' : _f;
+      _c.useMobileUI;
+      _c.popOverContainer;
+      _c.env;
+      var renderLabel = _c.renderLabel;
+    var _g = this.state,
+      apiStr = _g.apiStr,
+      selectedItem = _g.selectedItem,
+      loading = _g.loading;
+    selectedItem = Array.isArray(selectedItem) && selectedItem.length !== 0 ? selectedItem : [];
+    var highlightLabel = (_b = (_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[0]) === null || _a === void 0 ? void 0 : _a[labelField]) !== null && _b !== void 0 ? _b : '';
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      className: cx('ae-ApiControl', className, {
+        border: border
+      })
+    }, onlyTabs ? render('api-control-tabs', this.renderApiConfigTabs(true), {
+      data: normalizeApi(value)
+    }) : React__default.createElement(React__default.Fragment, null, !renderLabel && this.renderHeader(), React__default.createElement("div", {
+      className: "ae-ApiControl-content",
+      key: "content"
+    }, React__default.createElement("div", {
+      className: cx('ae-ApiControl-input')
+    }, enableHighlight && highlightLabel ? React__default.createElement("div", {
+      className: cx('ae-ApiControl-highlight')
+    }, loading ? React__default.createElement(Spinner, {
+      show: true,
+      icon: "reload",
+      size: "sm",
+      spinnerClassName: cx('Select-spinner')
+    }) : React__default.createElement("span", {
+      className: cx('ae-ApiControl-highlight-tag')
+    }, React__default.createElement("span", null, highlightLabel), React__default.createElement("a", {
+      onClick: this.clearPickerValue,
+      className: cx('Modal-close')
+    }, React__default.createElement(Icon, {
+      icon: "close",
+      className: cx('icon', 'ae-ApiControl-highlight-close')
+    })))) : React__default.createElement(Input, {
+      ref: this.inputRef,
+      value: apiStr,
+      type: "text",
+      disabled: disabled,
+      placeholder: "http://",
+      onChange: this.handleSimpleInputChange
+    }), enablePickerMode ? this.renderPickerSchema() : null), render('api-control-dialog', this.renderApiDialog(), {
+      data: normalizeApi(value)
+    })))), Array.isArray(footer) && footer.length !== 0 ? React__default.createElement("footer", {
+      className: cx('mt-3', footerClassName),
+      key: "footer"
+    }, render('api-control-footer', footer)) : null);
+  };
+  APIControl.defaultProps = {
+    pickerBtnSchema: {
+      type: 'button',
+      level: 'link',
+      size: 'sm'
+    },
+    labelField: 'label',
+    searchType: 'key'
+  };
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], APIControl.prototype, "inputRef", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], APIControl.prototype, "clearPickerValue", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], APIControl.prototype, "handleSimpleInputChange", null);