amis-editor 5.2.0 → 5.2.1-beta.19

package/lib/renderer/TreeOptionControl.js

@@ -0,0 +1,738 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('classnames');
+var cloneDeep = require('lodash/cloneDeep');
+var get = require('lodash/get');
+var set = require('lodash/set');
+var Sortable = require('sortablejs');
+var amis = require('amis');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
+var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
+
+/**
+ * @file 组件选项组件的可视化编辑控件
+ */
+var defaultOption = {
+  label: '',
+  value: ''
+};
+var TreeOptionControl = /** @class */function (_super) {
+  tslib.__extends(TreeOptionControl, _super);
+  function TreeOptionControl(props) {
+    var _this = _super.call(this, props) || this;
+    Object.defineProperty(_this, "sortables", {
+      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, "internalProps", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ['checked', 'editing']
+    });
+    var _a = props.data || {},
+      source = _a.source,
+      labelField = _a.labelField,
+      valueField = _a.valueField,
+      showIconField = _a.showIconField,
+      iconField = _a.iconField;
+    _this.state = {
+      options: _this.transformOptions(props),
+      api: source,
+      labelField: labelField,
+      valueField: valueField,
+      iconField: showIconField ? iconField : undefined,
+      source: source ? 'api' : 'custom',
+      modalVisible: false
+    };
+    _this.sortables = [];
+    return _this;
+  }
+  Object.defineProperty(TreeOptionControl.prototype, "transformOptions", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var options = props.data.options;
+      if (!options || !options.length) {
+        return [tslib.__assign({}, defaultOption)];
+      }
+      return options;
+    }
+  });
+  /**
+   * 处理下未设置value的情况
+   */
+  Object.defineProperty(TreeOptionControl.prototype, "pretreatOptions", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (options) {
+      var _this = this;
+      if (!Array.isArray(options)) {
+        return [];
+      }
+      return options.map(function (option) {
+        if (option.children && option.children.length) {
+          option.children = _this.pretreatOptions(option.children);
+        }
+        option.value = option.value == null || option.value === '' ? option.label : option.value;
+        return option;
+      });
+    }
+  });
+  /**
+   * 更新options字段的统一出口
+   */
+  Object.defineProperty(TreeOptionControl.prototype, "onChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var source = this.state.source;
+      var onBulkChange = this.props.onBulkChange;
+      var data = {
+        source: undefined,
+        options: undefined,
+        labelField: undefined,
+        valueField: undefined,
+        iconField: undefined
+      };
+      if (source === 'custom') {
+        var options = this.state.options.concat();
+        data.options = this.pretreatOptions(options);
+      }
+      if (source === 'api' || source === 'apicenter') {
+        var _a = this.state,
+          api = _a.api,
+          labelField = _a.labelField,
+          valueField = _a.valueField,
+          iconField = _a.iconField;
+        data.source = api;
+        data.labelField = labelField;
+        data.valueField = valueField;
+        data.iconField = iconField;
+      }
+      onBulkChange && onBulkChange(data);
+      return;
+    }
+  });
+  /**
+   * 切换选项类型
+   */
+  Object.defineProperty(TreeOptionControl.prototype, "handleSourceChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (source) {
+      this.setState({
+        source: source
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(TreeOptionControl.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-TreeOptionControl-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(TreeOptionControl.prototype, "handleEditLabelOrValue", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (value, path, key) {
+      var _this = this;
+      var options = cloneDeep__default["default"](this.state.options);
+      var nodePath = this.getNodePath(path).path;
+      set__default["default"](options, "".concat(nodePath, ".").concat(key), value);
+      this.setState({
+        options: options
+      }, function () {
+        return _this.rereshBindDrag();
+      });
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "handleDelete", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (pathStr, index) {
+      var _this = this;
+      var _a;
+      var options = cloneDeep__default["default"](this.state.options);
+      if (options.length === 1) {
+        amis.toast.warning(i18nRuntime.i18n("355c54009e364bf4396be424fba10e0f"), {
+          closeButton: true
+        });
+        return;
+      }
+      var path = pathStr.split('-');
+      if (path.length === 1) {
+        options.splice(index, 1);
+      } else {
+        var parentPath = this.getNodePath(pathStr).parentPath;
+        var parentNode = get__default["default"](options, parentPath, {});
+        (_a = parentNode === null || parentNode === void 0 ? void 0 : parentNode.children) === null || _a === void 0 ? void 0 : _a.splice(index, 1);
+        if (!(parentNode === null || parentNode === void 0 ? void 0 : parentNode.children.length)) {
+          // 去除僵尸子节点
+          delete parentNode.children;
+        }
+        set__default["default"](options, parentPath, parentNode);
+      }
+      this.setState({
+        options: options
+      }, function () {
+        return _this.rereshBindDrag();
+      });
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "getNodePath", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (pathStr) {
+      var pathArr = pathStr.split('-');
+      if (pathArr.length === 1) {
+        return {
+          path: pathArr,
+          parentPath: ''
+        };
+      }
+      var path = "[".concat(pathArr.join('].children['), "]");
+      pathArr = pathArr.slice(0, pathArr.length - 1);
+      var parentPath = "[".concat(pathArr.join('].children['), "]");
+      return {
+        path: path,
+        parentPath: parentPath
+      };
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "addOption", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (pathStr) {
+      var _this = this;
+      var _a;
+      var options = cloneDeep__default["default"](this.state.options);
+      var path = pathStr.split('-');
+      if (path.length === 1) {
+        options.splice(+path[0] + 1, 0, tslib.__assign({}, defaultOption)); // 加在后面一项
+      } else {
+        var index = path[path.length - 1];
+        var parentPath = this.getNodePath(pathStr).parentPath;
+        var parentNode = get__default["default"](options, parentPath, {});
+        (_a = parentNode.children) === null || _a === void 0 ? void 0 : _a.splice(+index + 1, 0, tslib.__assign({}, defaultOption));
+        set__default["default"](options, parentPath, parentNode);
+      }
+      this.setState({
+        options: options
+      }, function () {
+        return _this.rereshBindDrag();
+      });
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "addChildOption", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (pathStr) {
+      var _this = this;
+      if (pathStr.split('-').length >= 6) {
+        amis.toast.warning(i18nRuntime.i18n("9046ad86a1a47f16e954f2ec38fb680a"), {
+          closeButton: true
+        });
+        return;
+      }
+      var options = cloneDeep__default["default"](this.state.options);
+      var path = this.getNodePath(pathStr).path;
+      var node = get__default["default"](options, path) || [];
+      if (node.children) {
+        node.children.push(tslib.__assign({}, defaultOption));
+      } else {
+        node.children = [tslib.__assign({}, defaultOption)];
+      }
+      set__default["default"](options, path, node);
+      this.setState({
+        options: options
+      }, function () {
+        return _this.rereshBindDrag();
+      });
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "hideModal", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (notResetOptions) {
+      this.setState({
+        modalVisible: false
+      });
+      if (!notResetOptions) {
+        this.setState({
+          options: this.transformOptions(this.props)
+        });
+      }
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "renderOptions", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (option, key, indexes) {
+      var _this = this;
+      var render = this.props.render;
+      var path = indexes.join('-');
+      if (option.children && option.children.length) {
+        var parent_1 = cloneDeep__default["default"](option);
+        delete parent_1.children;
+        return React__default["default"].createElement("div", {
+          className: cx__default["default"]('ae-TreeOptionControlItem-parent'),
+          key: "parent".concat(path).concat(key).concat(option.label)
+        }, this.renderOptions(parent_1, key, indexes), React__default["default"].createElement("div", {
+          className: cx__default["default"]('ae-TreeOptionControlItem-son'),
+          key: "son".concat(path).concat(key).concat(option.label),
+          "data-level": path
+        }, option.children.map(function (option, key) {
+          return _this.renderOptions(option, key, indexes.concat(key));
+        })));
+      }
+      return React__default["default"].createElement("div", {
+        className: "ae-TreeOptionControlItem",
+        key: "child".concat(path).concat(key).concat(option.label),
+        "data-path": path
+      }, React__default["default"].createElement("a", {
+        className: "ae-TreeOptionControlItem-dragBar"
+      }, React__default["default"].createElement(amis.Icon, {
+        icon: "drag-bar",
+        className: "icon"
+      })), React__default["default"].createElement(amis.InputBox, {
+        className: "ae-TreeOptionControlItem-input-label",
+        value: option.label,
+        placeholder: "\u9009\u9879\u540D\u79F0",
+        clearable: false,
+        onBlur: function (event) {
+          // 这里使用onBlur替代onChange 减少渲染次数
+          _this.handleEditLabelOrValue(event.target.value, path, 'label');
+        }
+      }), React__default["default"].createElement(amis.InputBox, {
+        className: "ae-TreeOptionControlItem-input-value",
+        value: option.value,
+        placeholder: "\u9009\u9879\u503C",
+        clearable: false,
+        onBlur: function (event) {
+          _this.handleEditLabelOrValue(event.target.value, path, 'value');
+        }
+      }), React__default["default"].createElement("div", {
+        className: "ae-TreeOptionControlItem-btns"
+      }, render('dropdown', {
+        type: 'dropdown-button',
+        className: 'ae-TreeOptionControlItem-dropdown fa-sm',
+        btnClassName: 'px-2',
+        icon: 'add',
+        hideCaret: true,
+        closeOnClick: true,
+        trigger: 'hover',
+        align: 'right',
+        menuClassName: 'ae-TreeOptionControlItem-ulmenu',
+        buttons: [{
+          type: 'button',
+          className: 'ae-OptionControlItem-action',
+          label: i18nRuntime.i18n("e8755fb1e985a5d26df0fce1f0b7b0f8"),
+          onClick: function () {
+            _this.addOption(path);
+          }
+        }, {
+          type: 'button',
+          className: 'ae-OptionControlItem-action',
+          label: i18nRuntime.i18n("bbcbe681f9225f8adf3663f563a9f294"),
+          onClick: function () {
+            _this.addChildOption(path);
+          }
+        }]
+      }, {
+        popOverContainer: null // amis 渲染挂载节点会使用 this.target
+      }), React__default["default"].createElement(amis.Button, {
+        size: "sm",
+        onClick: function () {
+          _this.handleDelete(path, key);
+        }
+      }, React__default["default"].createElement(amis.Icon, {
+        className: "icon",
+        icon: "delete-bold-btn"
+      }))));
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "dragRef", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (ref) {
+      if (!this.drag && ref) {
+        this.drag = ref;
+        this.initDragging();
+      } else if (this.drag && !ref) {
+        this.destroyDragging(true);
+      }
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "rereshBindDrag", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      if (this.drag) {
+        this.destroyDragging();
+        this.initDragging();
+      }
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "initDragging", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var _a;
+      var rootSortable = new Sortable__default["default"](this.drag, {
+        group: 'TreeOptionControlGroup',
+        animation: 150,
+        handle: '.ae-TreeOptionControlItem-dragBar',
+        ghostClass: 'ae-TreeOptionControlItem-dragging',
+        onEnd: function (e) {
+          var _a;
+          var options = cloneDeep__default["default"](_this.state.options);
+          var oldIndex = e.oldIndex,
+            newIndex = e.newIndex;
+          _a = [options[oldIndex], options[newIndex]], options[newIndex] = _a[0], options[oldIndex] = _a[1];
+          _this.setState({
+            options: options
+          }, function () {
+            return _this.rereshBindDrag();
+          });
+        },
+        onMove: function (e) {
+          var from = e.from,
+            to = e.to;
+          // 暂时不支持跨级拖拽
+          return from.dataset.level === to.dataset.level;
+        }
+      });
+      this.sortables.push(rootSortable);
+      var parents = (_a = this.drag) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.ae-TreeOptionControlItem-son');
+      if (!parents) {
+        return;
+      }
+      Array.from(parents).forEach(function (parent) {
+        var sortable = new Sortable__default["default"](parent, {
+          group: 'TreeOptionControlGroup',
+          animation: 150,
+          handle: '.ae-TreeOptionControlItem-dragBar',
+          ghostClass: 'ae-TreeOptionControlItem-dragging',
+          // fallbackOnBody: true,
+          onEnd: function (e) {
+            var _a;
+            var item = e.item,
+              oldIndex = e.oldIndex,
+              newIndex = e.newIndex;
+            var options = cloneDeep__default["default"](_this.state.options);
+            var nodePath = item.dataset.path;
+            if (!nodePath) {
+              return;
+            }
+            var parentPath = _this.getNodePath(nodePath).parentPath;
+            var children = get__default["default"](options, "".concat(parentPath, ".children")) || [];
+            if (children) {
+              _a = [children[newIndex], children[oldIndex]], children[oldIndex] = _a[0], children[newIndex] = _a[1];
+              set__default["default"](options, "".concat(parentPath, ".children"), children);
+              _this.setState({
+                options: options
+              });
+            }
+          },
+          onMove: function (e) {
+            var from = e.from,
+              to = e.to;
+            // 暂时不支持跨级拖拽
+            return from.dataset.level === to.dataset.level;
+          }
+        });
+        _this.sortables.push(sortable);
+      });
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "destroyDragging", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (destroyRoot) {
+      this.sortables.forEach(function (sortable) {
+        sortable === null || sortable === void 0 ? void 0 : sortable.destroy();
+      });
+      this.sortables = [];
+      destroyRoot && (this.drag = null);
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "renderModal", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var _a = this.state,
+        modalVisible = _a.modalVisible,
+        options = _a.options;
+      return React__default["default"].createElement(amis.Modal, {
+        className: "ae-TreeOptionControl-Modal",
+        show: modalVisible,
+        onHide: function () {
+          _this.hideModal();
+        }
+      }, React__default["default"].createElement(amis.Modal.Header, {
+        onClose: function () {
+          _this.hideModal();
+        }
+      }, "\u9009\u9879\u7BA1\u7406"), React__default["default"].createElement(amis.Modal.Body, null, React__default["default"].createElement("div", {
+        className: "ae-TreeOptionControl-content",
+        ref: this.dragRef
+      }, options.map(function (option, key) {
+        return _this.renderOptions(option, key, [key]);
+      }))), React__default["default"].createElement(amis.Modal.Footer, null, React__default["default"].createElement(amis.Button, {
+        onClick: function () {
+          _this.hideModal();
+        }
+      }, "\u53D6\u6D88"), React__default["default"].createElement(amis.Button, {
+        level: "primary",
+        onClick: function () {
+          _this.onChange();
+          _this.hideModal(true);
+        }
+      }, "\u786E\u8BA4")));
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "handleAPIChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (source) {
+      this.setState({
+        api: source
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "handleLableFieldChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (labelField) {
+      this.setState({
+        labelField: labelField
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "handleValueFieldChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (valueField) {
+      this.setState({
+        valueField: valueField
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "handleIconFieldChange", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (iconField) {
+      this.setState({
+        iconField: iconField
+      }, this.onChange);
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "renderApiPanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _a = this.props,
+        render = _a.render,
+        _b = _a.showIconField,
+        showIconField = _b === void 0 ? false : _b;
+      var _c = this.state,
+        source = _c.source,
+        api = _c.api,
+        labelField = _c.labelField,
+        valueField = _c.valueField,
+        iconField = _c.iconField;
+      if (source === 'custom') {
+        return null;
+      }
+      return render('api', amisEditorCore.getSchemaTpl('apiControl', {
+        label: i18nRuntime.i18n("54ea89b497ec3bb319c68844dfa3687f"),
+        name: 'source',
+        className: 'ae-ExtendMore',
+        visibleOn: 'data.autoComplete !== false',
+        value: api,
+        onChange: this.handleAPIChange,
+        sourceType: source,
+        footer: [{
+          label: amisEditorCore.tipedLabel(i18nRuntime.i18n("7e9c83e86beb612377a94e6e8d1fc644"), i18nRuntime.i18n("26ff46d82166741297ce666b2792af85")),
+          type: 'input-text',
+          name: 'labelField',
+          value: labelField,
+          placeholder: i18nRuntime.i18n("6d4ce0631f37676a887c9599691fabec"),
+          onChange: this.handleLableFieldChange
+        }, {
+          label: i18nRuntime.i18n("2e01f5f5889e33d003bec7857cd38445"),
+          type: 'input-text',
+          name: 'valueField',
+          value: valueField,
+          placeholder: i18nRuntime.i18n("959c27193eb0a41d01f4b53dcc4b9245"),
+          onChange: this.handleValueFieldChange
+        }, {
+          type: 'input-text',
+          label: i18nRuntime.i18n("1cd9e1bb335cb0643d9e310dd4edd830"),
+          name: 'iconField',
+          value: iconField,
+          placeholder: i18nRuntime.i18n("152b66069787294e53cfc176a189c81f"),
+          visible: showIconField,
+          onChange: this.handleIconFieldChange
+        }]
+      }));
+    }
+  });
+  Object.defineProperty(TreeOptionControl.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var source = this.state.source;
+      var className = this.props.className;
+      return React__default["default"].createElement("div", {
+        className: cx__default["default"]('ae-TreeOptionControl', className)
+      }, this.renderHeader(), source === 'custom' ? React__default["default"].createElement("div", {
+        className: "ae-TreeOptionControl-wrapper"
+      }, React__default["default"].createElement("div", null, React__default["default"].createElement(amis.Button, {
+        block: true,
+        onClick: function () {
+          _this.setState({
+            modalVisible: true
+          });
+        }
+      }, "\u9009\u9879\u7BA1\u7406"), this.renderModal())) : null, this.renderApiPanel());
+    }
+  });
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "handleSourceChange", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String, Number]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "handleDelete", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "getNodePath", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "addOption", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "addChildOption", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Boolean]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "hideModal", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object, Number, Array]), tslib.__metadata("design:returntype", Object)], TreeOptionControl.prototype, "renderOptions", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "dragRef", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Boolean]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "destroyDragging", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "renderModal", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "handleAPIChange", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "handleLableFieldChange", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String, Object]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "handleValueFieldChange", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], TreeOptionControl.prototype, "handleIconFieldChange", null);
+  return TreeOptionControl;
+}(React__default["default"].Component);
+/** @class */(function (_super) {
+  tslib.__extends(TreeOptionControlRenderer, _super);
+  function TreeOptionControlRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  TreeOptionControlRenderer = tslib.__decorate([amis.FormItem({
+    type: 'ae-treeOptionControl',
+    renderLabel: false
+  })], TreeOptionControlRenderer);
+  return TreeOptionControlRenderer;
+})(TreeOptionControl);
+
+exports["default"] = TreeOptionControl;