amis-editor 5.2.5-beta.5 → 5.2.5-beta.7

package/lib/renderer/NavSourceControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-beta.5
+ * amis-editor v5.2.5-alpha.12
  * Copyright 2018-2023 @fex
  */
 
@@ -30,36 +30,7 @@ var NavSourceControl = /** @class */function (_super) {
   tslib.__extends(NavSourceControl, _super);
   function NavSourceControl(props) {
     var _this = _super.call(this, props) || this;
-    Object.defineProperty(_this, "sortable", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(_this, "drag", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(_this, "target", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    });
-    Object.defineProperty(_this, "$comp", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: void 0
-    }); // 记录一下路径，不再从外部同步内部，只从内部同步外部
-    Object.defineProperty(_this, "internalProps", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: ['checked', 'editing']
-    });
+    _this.internalProps = ['checked', 'editing'];
     var source = 'custom';
     if (props.data.hasOwnProperty('source') && props.data.source) {
       var api = props.data.source;
@@ -73,385 +44,320 @@ var NavSourceControl = /** @class */function (_super) {
     };
     return _this;
   }
-  Object.defineProperty(NavSourceControl.prototype, "transformOptions", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (props) {
-      var data = props.data;
-      return Array.isArray(data.links) ? data.links : [];
-    }
-  });
+  NavSourceControl.prototype.transformOptions = function (props) {
+    var data = props.data;
+    return Array.isArray(data.links) ? data.links : [];
+  };
   /**
    * 更新options字段的统一出口
    */
-  Object.defineProperty(NavSourceControl.prototype, "onChange", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var onBulkChange = this.props.onBulkChange;
-      var source = this.state.source;
-      var data = {
-        source: undefined,
-        links: undefined
-      };
-      if (source === 'custom') {
-        var links = this.state.links;
-        data.links = links;
-      }
-      if (source === 'api' || source === 'apicenter') {
-        var api = this.state.api;
-        data.source = api;
-      }
-      onBulkChange && onBulkChange(data);
-      return;
+  NavSourceControl.prototype.onChange = function () {
+    var onBulkChange = this.props.onBulkChange;
+    var source = this.state.source;
+    var data = {
+      source: undefined,
+      links: undefined
+    };
+    if (source === 'custom') {
+      var links = this.state.links;
+      data.links = links;
+    }
+    if (source === 'api' || source === 'apicenter') {
+      var api = this.state.api;
+      data.source = api;
     }
-  });
+    onBulkChange && onBulkChange(data);
+    return;
+  };
   /**
    * 切换选项类型
    */
-  Object.defineProperty(NavSourceControl.prototype, "handleSourceChange", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (source) {
-      this.setState({
-        source: source
-      }, this.onChange);
-    }
-  });
+  NavSourceControl.prototype.handleSourceChange = function (source) {
+    this.setState({
+      source: source
+    }, this.onChange);
+  };
   /**
    * 删除选项
    */
-  Object.defineProperty(NavSourceControl.prototype, "handleDelete", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (index) {
-      var _this = this;
-      var links = this.state.links.concat();
-      var indexArr = typeof index === 'string' ? index.split('_') : [index];
-      var str = '';
-      for (var i = 1; i < indexArr.length; i++) {
-        var id = indexArr[i];
-        if (i === indexArr.length - 1) {
-          str += "children";
-        } else {
-          str += "children[".concat(id, "].");
-        }
-      }
-      var originChildren = get__default["default"](links[parseInt(indexArr[0])], str);
-      originChildren.splice(indexArr[indexArr.length - 1], 1);
-      this.setState({
-        links: links
-      }, function () {
-        return _this.onChange();
-      });
-    }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "handleAdd", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _this = this;
-      var links = this.state.links;
-      links.push({
-        label: '',
-        to: '',
-        target: '',
-        icon: '',
-        unfolded: false,
-        active: false,
-        children: []
-      });
-      this.setState({
-        links: links
-      }, function () {
-        _this.onChange();
-      });
-    }
-  });
-  Object.defineProperty(NavSourceControl.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,
-        hasApiCenter = _b.hasApiCenter;
-      var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
-      var source = this.state.source;
-      var optionSourceList = tslib.__spreadArray([{
-        label: i18nRuntime.i18n("01820262aa9ad5b130f8f5b86bfd2968"),
-        value: 'custom'
-      }, {
-        label: i18nRuntime.i18n("f99603414a616bdee85de0e6e3938b65"),
-        value: 'api'
-      }], hasApiCenter ? [{
-        label: i18nRuntime.i18n("e6ff6a97bf600c02942db3126a7077b8"),
-        value: 'apicenter'
-      }] : [], true).map(function (item) {
-        return tslib.__assign(tslib.__assign({}, item), {
-          onClick: function () {
-            return _this.handleSourceChange(item.value);
-          }
-        });
-      });
-      return React__default["default"].createElement("header", {
-        className: "ae-NavControl-header"
-      }, React__default["default"].createElement("label", {
-        className: cx__default["default"]("".concat(classPrefix, "Form-label"))
-      }, label || '', labelRemark ? render('label-remark', {
-        type: 'remark',
-        icon: labelRemark.icon || 'warning-mark',
-        tooltip: labelRemark,
-        className: cx__default["default"]("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["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 === source;
-          }).label
-        }
-      })));
-    }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "handleEditLabel", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (index, value, key) {
-      var _this = this;
-      var links = this.state.links.concat();
-      var indexArr = typeof index === 'string' ? index.split('_') : [index];
-      var str = '';
-      for (var i = 1; i < indexArr.length; i++) {
-        var id = indexArr[i];
-        str += "children[".concat(id, "].");
-      }
-      str += key;
-      set__default["default"](links[parseInt(indexArr[0])], str, value);
-      this.setState({
-        links: links
-      }, function () {
-        return _this.onChange();
-      });
-    }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "handleAddChildren", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (index, value) {
-      var _this = this;
-      var links = this.state.links.concat();
-      var indexArr = typeof index === 'string' ? index.split('_') : [index];
-      var str = '';
-      for (var i = 1; i < indexArr.length; i++) {
-        var id = indexArr[i];
-        str += "children[".concat(id, "].");
-      }
-      str += 'children';
-      var originChildren = get__default["default"](links[parseInt(indexArr[0])], str) || [];
-      originChildren.push({
-        label: '',
-        to: '',
-        target: '',
-        icon: '',
-        unfolded: false,
-        active: false,
-        children: []
-      });
-      if (value) {
-        set__default["default"](links[parseInt(indexArr[0])], str, originChildren);
+  NavSourceControl.prototype.handleDelete = function (index) {
+    var _this = this;
+    var links = this.state.links.concat();
+    var indexArr = typeof index === 'string' ? index.split('_') : [index];
+    var str = '';
+    for (var i = 1; i < indexArr.length; i++) {
+      var id = indexArr[i];
+      if (i === indexArr.length - 1) {
+        str += "children";
       } else {
-        set__default["default"](links[parseInt(indexArr[0])], str, []);
+        str += "children[".concat(id, "].");
       }
-      this.setState({
-        links: links
-      }, function () {
-        return _this.onChange();
-      });
     }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "renderNav", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (props) {
-      var _this = this;
-      var index = props.index;
-      var render = this.props.render;
-      return React__default["default"].createElement("div", {
-        key: index
-      }, React__default["default"].createElement("div", {
-        className: "ae-closeBtn",
+    var originChildren = get__default["default"](links[parseInt(indexArr[0])], str);
+    originChildren.splice(indexArr[indexArr.length - 1], 1);
+    this.setState({
+      links: links
+    }, function () {
+      return _this.onChange();
+    });
+  };
+  NavSourceControl.prototype.handleAdd = function () {
+    var _this = this;
+    var links = this.state.links;
+    links.push({
+      label: '',
+      to: '',
+      target: '',
+      icon: '',
+      unfolded: false,
+      active: false,
+      children: []
+    });
+    this.setState({
+      links: links
+    }, function () {
+      _this.onChange();
+    });
+  };
+  NavSourceControl.prototype.renderHeader = 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,
+      hasApiCenter = _b.hasApiCenter;
+    var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+    var source = this.state.source;
+    var optionSourceList = tslib.__spreadArray([{
+      label: i18nRuntime.i18n("01820262aa9ad5b130f8f5b86bfd2968"),
+      value: 'custom'
+    }, {
+      label: i18nRuntime.i18n("f99603414a616bdee85de0e6e3938b65"),
+      value: 'api'
+    }], tslib.__read(hasApiCenter ? [{
+      label: i18nRuntime.i18n("e6ff6a97bf600c02942db3126a7077b8"),
+      value: 'apicenter'
+    }] : []), false).map(function (item) {
+      return tslib.__assign(tslib.__assign({}, item), {
         onClick: function () {
-          _this.handleDelete(index);
-        }
-      }, "\u00D7"), React__default["default"].createElement("div", {
-        className: "ae-navControlLinks"
-      }, "\u83DC\u5355\u540D\u79F0:", React__default["default"].createElement(amis.InputBox, {
-        className: "ae-OptionControlItem-input",
-        value: props.label,
-        placeholder: "\u8BF7\u8F93\u5165\u83DC\u5355\u540D\u79F0",
-        onChange: function (value) {
-          return _this.handleEditLabel(index, value, 'label');
-        }
-      })), React__default["default"].createElement("div", {
-        className: "ae-navControlLinks"
-      }, "\u8DF3\u8F6C\u5730\u5740:", React__default["default"].createElement(amis.InputBox, {
-        className: "ae-OptionControlItem-input",
-        value: props.to,
-        placeholder: "\u8BF7\u8F93\u5165\u8DF3\u8F6C\u5730\u5740",
-        onChange: function (value) {
-          return _this.handleEditLabel(index, value, 'to');
-        }
-      })), React__default["default"].createElement("div", {
-        className: "ae-navControlLinks"
-      }, "\u662F\u5426\u9700\u8981\u65B0\u5F00\u9875\u9762:", React__default["default"].createElement(amis.Switch, {
-        value: props.target === '_parent',
-        onChange: function (value) {
-          return _this.handleEditLabel(index, value ? '_parent' : '_blank', 'target');
+          return _this.handleSourceChange(item.value);
         }
-      })), React__default["default"].createElement("div", {
-        style: {
-          height: 40
-        }
-      }, render('container', amisEditorCore.getSchemaTpl('icon', {
-        name: 'icon',
-        label: i18nRuntime.i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
-        mode: 'horizontal',
-        onChange: function (icon) {
-          _this.handleEditLabel(index, icon, 'icon');
-        },
-        horizontal: {
-          justify: true,
-          left: 4
-        }
-      }))), React__default["default"].createElement("div", {
-        className: "ae-navControlLinks"
-      }, "\u521D\u59CB\u662F\u5426\u6298\u53E0:", React__default["default"].createElement(amis.Switch, {
-        value: props.unfolded,
-        onChange: function (value) {
-          return _this.handleEditLabel(index, value, 'unfolded');
-        }
-      })));
+      });
+    });
+    return React__default["default"].createElement("header", {
+      className: "ae-NavControl-header"
+    }, React__default["default"].createElement("label", {
+      className: cx__default["default"]("".concat(classPrefix, "Form-label"))
+    }, label || '', labelRemark ? render('label-remark', {
+      type: 'remark',
+      icon: labelRemark.icon || 'warning-mark',
+      tooltip: labelRemark,
+      className: cx__default["default"]("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["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 === source;
+        }).label
+      }
+    })));
+  };
+  NavSourceControl.prototype.handleEditLabel = function (index, value, key) {
+    var _this = this;
+    var links = this.state.links.concat();
+    var indexArr = typeof index === 'string' ? index.split('_') : [index];
+    var str = '';
+    for (var i = 1; i < indexArr.length; i++) {
+      var id = indexArr[i];
+      str += "children[".concat(id, "].");
     }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "renderOption", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (props) {
-      var _this = this;
-      var index = props.index,
-        children = props.children;
-      return React__default["default"].createElement("div", {
-        className: "ae-OptionControlItem",
-        key: index
-      }, this.renderNav(props), React__default["default"].createElement("div", {
-        className: "ae-navControlLinks"
-      }, "\u5305\u542B\u5B50\u83DC\u5355:", React__default["default"].createElement(amis.Switch, {
-        value: !!(children && children.length),
-        onChange: function (value) {
-          return _this.handleAddChildren(index, value);
-        }
-      })), children && children.length ? React__default["default"].createElement(React__default["default"].Fragment, null, children.map(function (item, id) {
-        return _this.renderOption(tslib.__assign(tslib.__assign({}, item), {
-          index: "".concat(index, "_").concat(id)
-        }));
-      }), React__default["default"].createElement(amis.Button, {
-        onClick: function () {
-          return _this.handleAddChildren(index, true);
-        }
-      }, "\u65B0\u589E\u5B50\u83DC\u5355")) : null);
+    str += key;
+    set__default["default"](links[parseInt(indexArr[0])], str, value);
+    this.setState({
+      links: links
+    }, function () {
+      return _this.onChange();
+    });
+  };
+  NavSourceControl.prototype.handleAddChildren = function (index, value) {
+    var _this = this;
+    var links = this.state.links.concat();
+    var indexArr = typeof index === 'string' ? index.split('_') : [index];
+    var str = '';
+    for (var i = 1; i < indexArr.length; i++) {
+      var id = indexArr[i];
+      str += "children[".concat(id, "].");
     }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "handleAPIChange", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (source) {
-      this.setState({
-        api: source
-      }, this.onChange);
+    str += 'children';
+    var originChildren = get__default["default"](links[parseInt(indexArr[0])], str) || [];
+    originChildren.push({
+      label: '',
+      to: '',
+      target: '',
+      icon: '',
+      unfolded: false,
+      active: false,
+      children: []
+    });
+    if (value) {
+      set__default["default"](links[parseInt(indexArr[0])], str, originChildren);
+    } else {
+      set__default["default"](links[parseInt(indexArr[0])], str, []);
     }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "renderApiPanel", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var render = this.props.render;
-      var _a = this.state,
-        source = _a.source,
-        api = _a.api;
-      if (source === 'custom') {
-        return null;
+    this.setState({
+      links: links
+    }, function () {
+      return _this.onChange();
+    });
+  };
+  NavSourceControl.prototype.renderNav = function (props) {
+    var _this = this;
+    var index = props.index;
+    var render = this.props.render;
+    return React__default["default"].createElement("div", {
+      key: index
+    }, React__default["default"].createElement("div", {
+      className: "ae-closeBtn",
+      onClick: function () {
+        _this.handleDelete(index);
+      }
+    }, "\u00D7"), React__default["default"].createElement("div", {
+      className: "ae-navControlLinks"
+    }, "\u83DC\u5355\u540D\u79F0:", React__default["default"].createElement(amis.InputBox, {
+      className: "ae-OptionControlItem-input",
+      value: props.label,
+      placeholder: "\u8BF7\u8F93\u5165\u83DC\u5355\u540D\u79F0",
+      onChange: function (value) {
+        return _this.handleEditLabel(index, value, 'label');
+      }
+    })), React__default["default"].createElement("div", {
+      className: "ae-navControlLinks"
+    }, "\u8DF3\u8F6C\u5730\u5740:", React__default["default"].createElement(amis.InputBox, {
+      className: "ae-OptionControlItem-input",
+      value: props.to,
+      placeholder: "\u8BF7\u8F93\u5165\u8DF3\u8F6C\u5730\u5740",
+      onChange: function (value) {
+        return _this.handleEditLabel(index, value, 'to');
+      }
+    })), React__default["default"].createElement("div", {
+      className: "ae-navControlLinks"
+    }, "\u662F\u5426\u9700\u8981\u65B0\u5F00\u9875\u9762:", React__default["default"].createElement(amis.Switch, {
+      value: props.target === '_parent',
+      onChange: function (value) {
+        return _this.handleEditLabel(index, value ? '_parent' : '_blank', 'target');
       }
-      return render('api', amisEditorCore.getSchemaTpl('apiControl', {
-        label: i18nRuntime.i18n("54ea89b497ec3bb319c68844dfa3687f"),
-        name: 'source',
-        mode: 'normal',
-        className: 'ae-ExtendMore',
-        visibleOn: 'data.autoComplete !== false',
-        value: api,
-        onChange: this.handleAPIChange,
-        sourceType: source
+    })), React__default["default"].createElement("div", {
+      style: {
+        height: 40
+      }
+    }, render('container', amisEditorCore.getSchemaTpl('icon', {
+      name: 'icon',
+      label: i18nRuntime.i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+      mode: 'horizontal',
+      onChange: function (icon) {
+        _this.handleEditLabel(index, icon, 'icon');
+      },
+      horizontal: {
+        justify: true,
+        left: 4
+      }
+    }))), React__default["default"].createElement("div", {
+      className: "ae-navControlLinks"
+    }, "\u521D\u59CB\u662F\u5426\u6298\u53E0:", React__default["default"].createElement(amis.Switch, {
+      value: props.unfolded,
+      onChange: function (value) {
+        return _this.handleEditLabel(index, value, 'unfolded');
+      }
+    })));
+  };
+  NavSourceControl.prototype.renderOption = function (props) {
+    var _this = this;
+    var index = props.index,
+      children = props.children;
+    return React__default["default"].createElement("div", {
+      className: "ae-OptionControlItem",
+      key: index
+    }, this.renderNav(props), React__default["default"].createElement("div", {
+      className: "ae-navControlLinks"
+    }, "\u5305\u542B\u5B50\u83DC\u5355:", React__default["default"].createElement(amis.Switch, {
+      value: !!(children && children.length),
+      onChange: function (value) {
+        return _this.handleAddChildren(index, value);
+      }
+    })), children && children.length ? React__default["default"].createElement(React__default["default"].Fragment, null, children.map(function (item, id) {
+      return _this.renderOption(tslib.__assign(tslib.__assign({}, item), {
+        index: "".concat(index, "_").concat(id)
       }));
+    }), React__default["default"].createElement(amis.Button, {
+      onClick: function () {
+        return _this.handleAddChildren(index, true);
+      }
+    }, "\u65B0\u589E\u5B50\u83DC\u5355")) : null);
+  };
+  NavSourceControl.prototype.handleAPIChange = function (source) {
+    this.setState({
+      api: source
+    }, this.onChange);
+  };
+  NavSourceControl.prototype.renderApiPanel = function () {
+    var render = this.props.render;
+    var _a = this.state,
+      source = _a.source,
+      api = _a.api;
+    if (source === 'custom') {
+      return null;
     }
-  });
-  Object.defineProperty(NavSourceControl.prototype, "render", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _this = this;
-      var _a = this.state,
-        links = _a.links,
-        source = _a.source;
-      var className = this.props.className;
-      return React__default["default"].createElement("div", {
-        className: cx__default["default"]('ae-NavControl', className)
-      }, this.renderHeader(), source === 'custom' ? React__default["default"].createElement("div", {
-        className: "ae-NavControl-wrapper"
-      }, Array.isArray(links) && links.length ? React__default["default"].createElement("div", {
-        className: "ae-NavControl-content"
-      }, links.map(function (option, index) {
-        return _this.renderOption(tslib.__assign(tslib.__assign({}, option), {
-          index: index
-        }));
-      })) : React__default["default"].createElement("div", {
-        className: "ae-NavControl-placeholder"
-      }, "\u65E0\u9009\u9879"), React__default["default"].createElement("div", {
-        className: "ae-NavControl-footer"
-      }, React__default["default"].createElement(amis.Button, {
-        level: "enhance",
-        onClick: this.handleAdd
-      }, "\u6DFB\u52A0\u83DC\u5355"))) : null, this.renderApiPanel());
-    }
-  });
+    return render('api', amisEditorCore.getSchemaTpl('apiControl', {
+      label: i18nRuntime.i18n("54ea89b497ec3bb319c68844dfa3687f"),
+      name: 'source',
+      mode: 'normal',
+      className: 'ae-ExtendMore',
+      visibleOn: 'data.autoComplete !== false',
+      value: api,
+      onChange: this.handleAPIChange,
+      sourceType: source
+    }));
+  };
+  NavSourceControl.prototype.render = function () {
+    var _this = this;
+    var _a = this.state,
+      links = _a.links,
+      source = _a.source;
+    var className = this.props.className;
+    return React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-NavControl', className)
+    }, this.renderHeader(), source === 'custom' ? React__default["default"].createElement("div", {
+      className: "ae-NavControl-wrapper"
+    }, Array.isArray(links) && links.length ? React__default["default"].createElement("div", {
+      className: "ae-NavControl-content"
+    }, links.map(function (option, index) {
+      return _this.renderOption(tslib.__assign(tslib.__assign({}, option), {
+        index: index
+      }));
+    })) : React__default["default"].createElement("div", {
+      className: "ae-NavControl-placeholder"
+    }, "\u65E0\u9009\u9879"), React__default["default"].createElement("div", {
+      className: "ae-NavControl-footer"
+    }, React__default["default"].createElement(amis.Button, {
+      level: "enhance",
+      onClick: this.handleAdd
+    }, "\u6DFB\u52A0\u83DC\u5355"))) : null, this.renderApiPanel());
+  };
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleSourceChange", null);
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleDelete", null);
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", void 0)], NavSourceControl.prototype, "handleAdd", null);