dtable-ui-component 0.1.75-beta2 → 0.1.75-beta3

package/lib/components/cell-editor-popover/pc-select-editor-popover.js

@@ -1,47 +1,62 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { getLocale } from '../../lang';
+"use strict";
 
-var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
-  _inherits(PCSelectEditorPopover, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(PCSelectEditorPopover);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function PCSelectEditorPopover(props) {
-    var _this;
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-    _classCallCheck(this, PCSelectEditorPopover);
+var _lang = require("../../lang");
 
-    _this = _super.call(this, props);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = {
+  popoverPosition: _propTypes.default.object.isRequired,
+  options: _propTypes.default.array.isRequired,
+  selectedOptions: _propTypes.default.array.isRequired,
+  onOptionItemToggle: _propTypes.default.func.isRequired,
+  isSupportNewOption: _propTypes.default.bool,
+  onAddNewOption: _propTypes.default.func
+};
+
+var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(PCSelectEditorPopover, _React$Component);
+
+  function PCSelectEditorPopover(props) {
+    var _this;
 
-    _this.onValueChanged = function (event) {
+    _this = _React$Component.call(this, props) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onValueChanged", function (event) {
       var value = event.target.value;
 
       _this.setState({
         searchValue: value
       });
-    };
-
-    _this.onInputClick = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputClick", function (event) {
       event.nativeEvent.stopImmediatePropagation();
       event.stopPropagation();
-    };
-
-    _this.onAddNewOption = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onAddNewOption", function () {
       var name = _this.state.searchValue.trim();
 
       _this.props.onAddNewOption(name);
-    };
-
-    _this.onOptionItemToggle = function (item) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOptionItemToggle", function (item) {
       _this.props.onOptionItemToggle(item);
-    };
-
-    _this.getFilterOptions = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFilterOptions", function () {
       var options = _this.props.options;
 
       var filter = _this.state.searchValue.toLowerCase();
@@ -53,9 +68,8 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
       return options.filter(function (option) {
         return option.name.toString().toLowerCase().indexOf(filter) > -1;
       });
-    };
-
-    _this.getOptionStyle = function (option) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionStyle", function (option) {
       var textColor = option.textColor || null;
       return {
         display: 'inline-block',
@@ -67,77 +81,77 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
         backgroundColor: option.color,
         color: textColor
       };
-    };
-
+    });
     _this.state = {
       searchValue: ''
     };
     return _this;
   }
 
-  _createClass(PCSelectEditorPopover, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var options = this.getFilterOptions();
-      var _this$props = this.props,
-          popoverPosition = _this$props.popoverPosition,
-          selectedOptions = _this$props.selectedOptions,
-          isSupportNewOption = _this$props.isSupportNewOption;
-      var searchValue = this.state.searchValue;
-      var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
-        position: 'absolute'
+  var _proto = PCSelectEditorPopover.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    var options = this.getFilterOptions();
+    var _this$props = this.props,
+        popoverPosition = _this$props.popoverPosition,
+        selectedOptions = _this$props.selectedOptions,
+        isSupportNewOption = _this$props.isSupportNewOption;
+    var searchValue = this.state.searchValue;
+    var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
+      position: 'absolute'
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
+      style: popoverStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-search"
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      className: "form-control",
+      onChange: this.onValueChanged,
+      onClick: this.onInputClick,
+      placeholder: (0, _lang.getLocale)('Find_an_option')
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-container"
+    }, options.length > 0 && options.map(function (option, index) {
+      var optionStyle = _this2.getOptionStyle(option);
+
+      var isSelect = selectedOptions.some(function (selectedOption) {
+        return selectedOption.id === option.id;
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
-        style: popoverStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "select-options-search"
-      }, /*#__PURE__*/React.createElement("input", {
-        className: "form-control",
-        onChange: this.onValueChanged,
-        onClick: this.onInputClick,
-        placeholder: getLocale('Find_an_option')
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "select-options-container"
-      }, options.length > 0 && options.map(function (option, index) {
-        var optionStyle = _this2.getOptionStyle(option);
-
-        var isSelect = selectedOptions.some(function (selectedOption) {
-          return selectedOption.id === option.id;
-        });
-        return /*#__PURE__*/React.createElement("div", {
-          key: index,
-          className: "select-option-item",
-          onClick: _this2.onOptionItemToggle.bind(_this2, option)
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "option-info"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "option-name",
-          style: optionStyle
-        }, option.name)), /*#__PURE__*/React.createElement("div", {
-          className: "option-checked"
-        }, isSelect && /*#__PURE__*/React.createElement("i", {
-          className: "dtable-font dtable-icon-check-mark"
-        })));
-      }), options.length === 0 && /*#__PURE__*/React.createElement("div", {
-        className: "search-option-null"
-      }, getLocale('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/React.createElement("div", {
-        className: "select-options-add",
-        onClick: this.onAddNewOption
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-add-table"
-      }), /*#__PURE__*/React.createElement("span", null, getLocale('Add_an_option'), ' ', searchValue)));
-    }
-  }]);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: "select-option-item",
+        onClick: _this2.onOptionItemToggle.bind(_this2, option)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-info"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-name",
+        style: optionStyle
+      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-checked"
+      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
+        className: "dtable-font dtable-icon-check-mark"
+      })));
+    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+      className: "search-option-null"
+    }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-add",
+      onClick: this.onAddNewOption
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-add-table"
+    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
+  };
 
   return PCSelectEditorPopover;
-}(React.Component);
+}(_react.default.Component);
 
-PCSelectEditorPopover.defaultProps = {
+(0, _defineProperty2.default)(PCSelectEditorPopover, "defaultProps", {
   popoverPosition: {},
   options: [],
   isShowAddBtn: false
-};
-export default PCSelectEditorPopover;
+});
+PCSelectEditorPopover.propTypes = propTypes;
+var _default = PCSelectEditorPopover;
+exports.default = _default;

package/lib/components/common/collaborator-item.js

@@ -1,63 +1,79 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
+"use strict";
 
-var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(CollaboratorItem, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var propTypes = {
+  collaborator: _propTypes.default.shape({
+    name: _propTypes.default.string.isRequired,
+    avatar_url: _propTypes.default.string.isRequired,
+    email: _propTypes.default.string
+  }),
+  enableDeleteCollaborator: _propTypes.default.bool,
+  onDeleteCollaborator: _propTypes.default.func
+};
 
-  var _super = _createSuper(CollaboratorItem);
+var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(CollaboratorItem, _React$Component);
 
   function CollaboratorItem() {
     var _this;
 
-    _classCallCheck(this, CollaboratorItem);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.onDeleteCollaborator = function () {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteCollaborator", function () {
       var collaborator = _this.props.collaborator;
 
       _this.props.onDeleteCollaborator(collaborator);
-    };
-
+    });
     return _this;
   }
 
-  _createClass(CollaboratorItem, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          collaborator = _this$props.collaborator,
-          enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui collaborator-item"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "collaborator-avatar"
-      }, /*#__PURE__*/React.createElement("img", {
-        className: "collaborator-avatar-icon",
-        alt: collaborator.name,
-        src: collaborator.avatar_url
-      })), /*#__PURE__*/React.createElement("span", {
-        className: "collaborator-name"
-      }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/React.createElement("span", {
-        className: "collaborator-remove",
-        onClick: this.onDeleteCollaborator
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-fork-number"
-      })));
-    }
-  }]);
+  var _proto = CollaboratorItem.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        collaborator = _this$props.collaborator,
+        enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui collaborator-item"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "collaborator-avatar"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      className: "collaborator-avatar-icon",
+      alt: collaborator.name,
+      src: collaborator.avatar_url
+    })), /*#__PURE__*/_react.default.createElement("span", {
+      className: "collaborator-name"
+    }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/_react.default.createElement("span", {
+      className: "collaborator-remove",
+      onClick: this.onDeleteCollaborator
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-fork-number"
+    })));
+  };
 
   return CollaboratorItem;
-}(React.Component);
+}(_react.default.Component);
 
-CollaboratorItem.defaultProps = {
+(0, _defineProperty2.default)(CollaboratorItem, "defaultProps", {
   enableDelete: false
-};
-export default CollaboratorItem;
+});
+CollaboratorItem.propTypes = propTypes;
+var _default = CollaboratorItem;
+exports.default = _default;

package/lib/components/common/edit-editor-button.js

@@ -1,26 +1,37 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
+"use strict";
 
-var EditEditorButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(EditEditorButton, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-  var _super = _createSuper(EditEditorButton);
+var propTypes = {
+  text: _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func
+};
+
+var EditEditorButton = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(EditEditorButton, _React$Component);
 
   function EditEditorButton() {
     var _this;
 
-    _classCallCheck(this, EditEditorButton);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getStyle = function () {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyle", function () {
       return {
         display: 'inline-block',
         padding: '0 12px',
@@ -33,24 +44,24 @@ var EditEditorButton = /*#__PURE__*/function (_React$Component) {
         cursor: 'pointer',
         userSelect: 'none'
       };
-    };
-
+    });
     return _this;
   }
 
-  _createClass(EditEditorButton, [{
-    key: "render",
-    value: function render() {
-      var text = this.props.text;
-      var style = this.getStyle();
-      return /*#__PURE__*/React.createElement("span", {
-        style: style,
-        onClick: this.props.onClick
-      }, text);
-    }
-  }]);
+  var _proto = EditEditorButton.prototype;
+
+  _proto.render = function render() {
+    var text = this.props.text;
+    var style = this.getStyle();
+    return /*#__PURE__*/_react.default.createElement("span", {
+      style: style,
+      onClick: this.props.onClick
+    }, text);
+  };
 
   return EditEditorButton;
-}(React.Component);
+}(_react.default.Component);
 
-export default EditEditorButton;
+EditEditorButton.propTypes = propTypes;
+var _default = EditEditorButton;
+exports.default = _default;

package/lib/components/common/link-editor-option.js

@@ -1,33 +1,44 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
+"use strict";
 
-var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
-  _inherits(LinkEditorOption, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-  var _super = _createSuper(LinkEditorOption);
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var propTypes = {
+  option: _propTypes.default.object.isRequired,
+  isShowRemoveIcon: _propTypes.default.bool,
+  onDeleteLinkOption: _propTypes.default.func
+};
+
+var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(LinkEditorOption, _React$Component);
 
   function LinkEditorOption() {
     var _this;
 
-    _classCallCheck(this, LinkEditorOption);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.onDeleteOption = function (event) {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteOption", function (event) {
       event.nativeEvent.stopImmediatePropagation();
       event.stopPropagation();
 
       _this.props.onDeleteLinkOption(_this.props.option);
-    };
-
-    _this.getContainerStyle = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getContainerStyle", function () {
       return {
         display: 'inline-flex',
         marginRight: '10px',
@@ -38,27 +49,24 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         background: '#eceff4',
         cursor: 'pointer'
       };
-    };
-
-    _this.getOptionStyle = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionStyle", function () {
       return {
         flex: 1,
         display: 'flex',
         alignContent: 'center',
         margin: '0 4px 0 2px'
       };
-    };
-
-    _this.getOptionNameStyle = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionNameStyle", function () {
       return {
         maxWidth: '230px',
         overflow: 'hidden',
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis'
       };
-    };
-
-    _this.getOperationStyle = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOperationStyle", function () {
       return {
         height: '20px',
         width: '16px',
@@ -66,48 +74,48 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         color: '#909090',
         transform: 'scale(.8)'
       };
-    };
-
+    });
     return _this;
   }
 
-  _createClass(LinkEditorOption, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          option = _this$props.option,
-          isShowRemoveIcon = _this$props.isShowRemoveIcon;
-      var containerStyle = this.getContainerStyle();
-      var optionStyle = this.getOptionStyle();
-      var optionNameStyle = this.getOptionNameStyle();
-      var operationStyle = this.getOperationStyle();
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui link-option-item",
-        style: containerStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "option-info",
-        style: optionStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "option-name",
-        style: optionNameStyle
-      }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
-        className: "option-remove",
-        style: operationStyle,
-        onClick: this.onDeleteOption
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-fork-number",
-        style: {
-          fontSize: '12px',
-          lineHeight: '20px'
-        }
-      })));
-    }
-  }]);
+  var _proto = LinkEditorOption.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        option = _this$props.option,
+        isShowRemoveIcon = _this$props.isShowRemoveIcon;
+    var containerStyle = this.getContainerStyle();
+    var optionStyle = this.getOptionStyle();
+    var optionNameStyle = this.getOptionNameStyle();
+    var operationStyle = this.getOperationStyle();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui link-option-item",
+      style: containerStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "option-info",
+      style: optionStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "option-name",
+      style: optionNameStyle
+    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
+      className: "option-remove",
+      style: operationStyle,
+      onClick: this.onDeleteOption
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-fork-number",
+      style: {
+        fontSize: '12px',
+        lineHeight: '20px'
+      }
+    })));
+  };
 
   return LinkEditorOption;
-}(React.Component);
+}(_react.default.Component);
 
-LinkEditorOption.defaultProps = {
+(0, _defineProperty2.default)(LinkEditorOption, "defaultProps", {
   isShowRemoveIcon: false
-};
-export default LinkEditorOption;
+});
+LinkEditorOption.propTypes = propTypes;
+var _default = LinkEditorOption;
+exports.default = _default;