dtable-ui-component 6.0.39 → 6.0.40

package/lib/InputItem/custom-input.js

@@ -262,7 +262,9 @@ class NumberInput extends React.Component {
         getContainer: () => this.getContainer()
       }, this.getComponent());
     } else {
-      customNumberKeyboard = ReactDOM.unstable_renderSubtreeIntoContainer(this, this.getComponent(), this.getContainer());
+      const container = this.getContainer();
+      const root = ReactDOM.createRoot(container);
+      root.render(this.getComponent());
     }
   }
   renderPortal() {

package/lib/RowExpandEditor/single-select-editor/mb-editor/index.js

@@ -58,7 +58,9 @@ class RowExpandMBSingleSelectEditor extends _react.default.Component {
     };
     this.onChange = option => {
       let newValue = option[this.key];
-      if (this.state.value === newValue) newValue = null;
+      if (this.state.value === newValue) {
+        newValue = null;
+      }
       this.setState({
         value: newValue
       });

package/lib/SelectItem/index.css

@@ -0,0 +1,24 @@
+.dtable-ui.dtable-ui-select-item {
+  display: flex;
+  align-items: center;
+  padding: 0px 10px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+  border-radius: 10px;
+  width: min-content;
+  max-width: 300px;
+  margin: 5px 10px 5px 0;
+}
+
+.dtable-ui.dtable-ui-select-item .dtable-ui-select-item-remove-btn {
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.dtable-ui.dtable-ui-select-item .dtable-ui-select-item-remove-btn .dtable-icon-fork-number {
+  font-size: 12px;
+  transform: scale(0.8);
+  display: inline-block;
+  line-height: 12px;
+}

package/lib/SelectItem/index.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
 const SelectItem = _ref => {
   let {
     option,
@@ -16,50 +17,31 @@ const SelectItem = _ref => {
     isShowRemove,
     onRemove
   } = _ref;
-  const style = (0, _react.useMemo)(() => {
+  const selectItemStyle = (0, _react.useMemo)(() => {
     return {
-      display: 'flex',
-      alignItems: 'center',
-      padding: '0px 10px',
-      marginRight: 8,
-      height: 20,
-      lineHeight: '20px',
-      textAlign: 'center',
-      borderRadius: 10,
-      width: 'min-content',
-      maxWidth: 300,
-      margin: '5px 10px 5px 0',
       fontSize: fontSize || 13,
       backgroundColor: option.color,
       color: option.textColor || null
     };
   }, [option, fontSize]);
-  const opBtnStyle = (0, _react.useMemo)(() => {
+  const removeBtnStyle = (0, _react.useMemo)(() => {
     const textColor = option.textColor || null;
     return {
-      cursor: 'pointer',
-      color: textColor === '#FFFFFF' ? '#FFFFFF' : '#909090',
-      marginLeft: 5
+      color: textColor === '#FFFFFF' ? '#FFFFFF' : '#909090'
     };
   }, [option]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('dtable-ui dtable-ui-select-item', className),
-    style: style
+    style: selectItemStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "dtable-ui-select-item-name text-truncate",
     title: option.name
   }, option.name), isShowRemove && /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-select-item-operation-btn",
-    style: opBtnStyle,
+    className: "dtable-ui-select-item-remove-btn",
+    style: removeBtnStyle,
     onClick: onRemove
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "dtable-font dtable-icon-fork-number",
-    style: {
-      fontSize: '12px',
-      transform: 'scale(0.8)',
-      display: 'inline-block',
-      lineHeight: '12px'
-    }
+    className: "dtable-font dtable-icon-fork-number"
   })));
 };
 var _default = exports.default = SelectItem;

package/lib/SingleSelectFormatter/index.js

@@ -15,7 +15,7 @@ class SingleSelectFormatter extends _react.default.PureComponent {
     this.getOption = () => {
       let {
         value,
-        options,
+        options = [],
         fontSize
       } = this.props;
       let option = options.find(item => item.id === value || item.name === value);
@@ -38,7 +38,4 @@ class SingleSelectFormatter extends _react.default.PureComponent {
     }, value ? this.getOption() : '');
   }
 }
-SingleSelectFormatter.defaultProps = {
-  options: []
-};
 var _default = exports.default = SingleSelectFormatter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.39",
+  "version": "6.0.40",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",