dtable-ui-component 5.3.9 → 5.3.10-alph-0.0.2

package/lib/DTableColorPicker/index.css

@@ -5,7 +5,7 @@
   border-radius: 3px;
   z-index: 100;
   padding: 0.75rem;
-  line-height: normal;
+  line-height: 16px;
   position: absolute;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px, rgba(0, 0, 0, 0.3) 0px 4px 4px;
 }

package/lib/index.js

@@ -454,6 +454,12 @@ Object.defineProperty(exports, "UrlFormatter", {
     return _UrlFormatter.default;
   }
 });
+Object.defineProperty(exports, "cellFormatterFactory", {
+  enumerable: true,
+  get: function () {
+    return _cellFormatterFactory.default;
+  }
+});
 Object.defineProperty(exports, "setLocale", {
   enumerable: true,
   get: function () {
@@ -499,6 +505,7 @@ var _FileItemFormatter = _interopRequireDefault(require("./FileItemFormatter"));
 var _DigitalSignFormatter = _interopRequireDefault(require("./DigitalSignFormatter"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("./DepartmentSingleSelectFormatter"));
 var _SimpleLongTextFormatter = _interopRequireDefault(require("./SimpleLongTextFormatter"));
+var _cellFormatterFactory = _interopRequireDefault(require("./cellFormatterFactory"));
 var _RowExpandFormatter = _interopRequireDefault(require("./RowExpandFormatter"));
 var _RowExpandEditor = _interopRequireDefault(require("./RowExpandEditor"));
 var _RowExpandDialog = _interopRequireDefault(require("./RowExpandDialog"));

package/lib/toaster/toast.js

@@ -12,19 +12,22 @@ const ANIMATION_DURATION = 240;
 class Toast extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
+    this._isMounted = false;
     this.state = {
-      isShown: true,
-      height: 0
+      isShown: true
     };
+    this.containerRef = /*#__PURE__*/_react.default.createRef();
     this.close = event => {
       if (event) {
         event.nativeEvent.stopImmediatePropagation();
         event.stopPropagation();
       }
       this.clearCloseTimer();
-      this.setState({
-        isShown: false
-      });
+      if (this._isMounted) {
+        this.setState({
+          isShown: false
+        });
+      }
     };
     this.startCloseTimer = () => {
       if (this.props.duration) {
@@ -47,12 +50,12 @@ class Toast extends _react.default.PureComponent {
     };
     this.onRef = ref => {
       if (ref === null) return;
-      const {
-        height
-      } = ref.getBoundingClientRect();
-      this.setState({
-        height
-      });
+      setTimeout(() => {
+        const {
+          height
+        } = ref.getBoundingClientRect();
+        this.containerRef.current.style.height = height + 'px';
+      }, 1);
     };
   }
   componentDidUpdate(prevProps) {
@@ -64,9 +67,11 @@ class Toast extends _react.default.PureComponent {
     }
   }
   componentDidMount() {
+    this._isMounted = true;
     this.startCloseTimer();
   }
   componentWillUnmount() {
+    this._isMounted = false;
     this.clearCloseTimer();
   }
   render() {
@@ -82,10 +87,9 @@ class Toast extends _react.default.PureComponent {
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
       style: {
-        height: this.state.height,
-        zIndex: this.props.zIndex,
-        marginBottom: this.state.isShown ? 0 : -this.state.height
-      }
+        zIndex: this.props.zIndex
+      },
+      ref: this.containerRef
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: this.onRef,
       style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "5.3.9",
+  "version": "5.3.10-alph-0.0.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "3.0.1",