dtable-ui-component 6.0.25-alpha.4 → 6.0.26-beta

package/lib/select-editor/select-editor-option.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-class SelectEditorOption extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.onDeleteOption = event => {
-      event.nativeEvent.stopImmediatePropagation();
-      event.stopPropagation();
-      this.props.onDeleteSelectOption(this.props.option);
-    };
-    this.getContainerStyle = () => {
-      let option = this.props.option;
-      return {
-        display: 'inline-flex',
-        justifyContent: 'center',
-        marginRight: '10px',
-        padding: '0px 10px',
-        height: '20px',
-        borderRadius: '10px',
-        fontSize: '13px',
-        backgroundColor: option.color
-      };
-    };
-    this.getOptionStyle = option => {
-      const textColor = option.textColor || null;
-      return {
-        flex: 1,
-        display: 'flex',
-        alignContent: 'center',
-        margin: '0 4px 0 2px',
-        color: textColor
-      };
-    };
-    this.getOperationStyle = option => {
-      const textColor = option.textColor || null;
-      return {
-        height: '20px',
-        width: '16px',
-        cursor: 'pointer',
-        color: textColor === '#FFFFFF' ? '#FFFFFF' : '#909090',
-        transform: 'scale(.8)'
-      };
-    };
-  }
-  render() {
-    let {
-      option,
-      isShowRemoveIcon
-    } = this.props;
-    let containerStyle = this.getContainerStyle();
-    let optionStyle = this.getOptionStyle(option);
-    let operationStyle = this.getOperationStyle(option);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui select-option-item",
-      style: containerStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-info",
-      style: optionStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-name",
-      title: option.name
-    }, 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'
-      }
-    })));
-  }
-}
-SelectEditorOption.defaultProps = {
-  isShowRemoveIcon: false
-};
-var _default = exports.default = SelectEditorOption;