@douyinfe/semi-ui 2.8.0-beta.1 → 2.8.0

package/dist/umd/semi-ui.js

@@ -99474,9 +99474,21 @@ function sortableHandle(WrappedComponent) {
     _inherits(WithSortableHandle, _React$Component);
 
     function WithSortableHandle() {
+      var _getPrototypeOf2;
+
+      var _this;
+
       _classCallCheck(this, WithSortableHandle);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableHandle).apply(this, arguments));
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableHandle)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+
+      return _this;
     }
 
     _createClass(WithSortableHandle, [{
@@ -99489,12 +99501,12 @@ function sortableHandle(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableHandle() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
+        var ref = config.withRef ? this.wrappedInstance : null;
         return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
         }, this.props));
@@ -99695,6 +99707,9 @@ function _finallyRethrows(body, finalizer) {
 
   return finalizer(false, value);
 }
+var SortableContext = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createContext"])({
+  manager: {}
+});
 function sortableContainer(WrappedComponent) {
   var _class, _temp;
 
@@ -99933,7 +99948,7 @@ function sortableContainer(WrappedComponent) {
                   });
                 }
 
-                _this.listenerNode = event.touches ? _node : _this.contentWindow;
+                _this.listenerNode = event.touches ? event.target : _this.contentWindow;
 
                 if (_isKeySorting) {
                   _this.listenerNode.addEventListener('wheel', _this.handleKeyEnd, true);
@@ -100018,7 +100033,7 @@ function sortableContainer(WrappedComponent) {
       _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortMove", function (event) {
         var onSortMove = _this.props.onSortMove;
 
-        if (typeof event.preventDefault === 'function') {
+        if (typeof event.preventDefault === 'function' && event.cancelable) {
           event.preventDefault();
         }
 
@@ -100265,8 +100280,13 @@ function sortableContainer(WrappedComponent) {
         return node && node.sortableInfo && !node.sortableInfo.disabled && (useDragHandle ? isSortableHandle(target) : target.sortableInfo);
       });
 
+      var manager = new react_sortable_hoc_esm_Manager();
       react_sortable_hoc_esm_validateProps(props);
-      _this.manager = new react_sortable_hoc_esm_Manager();
+      _this.manager = manager;
+      _this.wrappedInstance = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])();
+      _this.sortableContextValue = {
+        manager: manager
+      };
       _this.events = {
         end: _this.handleEnd,
         move: _this.handleMove,
@@ -100276,13 +100296,6 @@ function sortableContainer(WrappedComponent) {
     }
 
     _createClass(WithSortableContainer, [{
-      key: "getChildContext",
-      value: function getChildContext() {
-        return {
-          manager: this.manager
-        };
-      }
-    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
@@ -100533,7 +100546,7 @@ function sortableContainer(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableContainer() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "getContainer",
@@ -100549,10 +100562,12 @@ function sortableContainer(WrappedComponent) {
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
-        return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
+        var ref = config.withRef ? this.wrappedInstance : null;
+        return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(SortableContext.Provider, {
+          value: this.sortableContextValue
+        }, Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
-        }, react_sortable_hoc_esm_omit(this.props, omittedProps)));
+        }, react_sortable_hoc_esm_omit(this.props, omittedProps))));
       }
     }, {
       key: "helperContainer",
@@ -100593,9 +100608,7 @@ function sortableContainer(WrappedComponent) {
     }]);
 
     return WithSortableContainer;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _defineProperty(_class, "childContextTypes", {
-    manager: prop_types_default.a.object.isRequired
-  }), _temp;
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _temp;
 }
 
 var propTypes$1 = {
@@ -100614,9 +100627,21 @@ function sortableElement(WrappedComponent) {
     _inherits(WithSortableElement, _React$Component);
 
     function WithSortableElement() {
+      var _getPrototypeOf2;
+
+      var _this;
+
       _classCallCheck(this, WithSortableElement);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableElement).apply(this, arguments));
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableElement)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+
+      return _this;
     }
 
     _createClass(WithSortableElement, [{
@@ -100677,12 +100702,12 @@ function sortableElement(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableElement() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
+        var ref = config.withRef ? this.wrappedInstance : null;
         return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
         }, react_sortable_hoc_esm_omit(this.props, omittedProps$1)));
@@ -100690,9 +100715,7 @@ function sortableElement(WrappedComponent) {
     }]);
 
     return WithSortableElement;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextTypes", {
-    manager: prop_types_default.a.object.isRequired
-  }), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextType", SortableContext), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
     collection: 0
   }), _temp;
 }