shineout 1.12.4-beta.3 → 1.12.4-beta.5

package/css/AnimationList/AbsoluteList.js

@@ -43,43 +43,20 @@ var _config = require("../config");
 
 var _zoom = require("../utils/zoom");
 
+var _isInDocument = require("../utils/dom/isInDocument");
+
 var PICKER_V_MARGIN = 4;
 var root;
 
 function initRoot() {
+  var defaultContainer = (0, _config.getDefaultContainer)();
   root = document.createElement('div');
   root.className = (0, _styles.listClass)('root', (0, _config.isRTL)() && 'rtl');
-  document.body.appendChild(root);
-  var observer = new MutationObserver(function (mutationsList) {
-    for (var _iterator = mutationsList, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-      var _ref;
-
-      if (_isArray) {
-        if (_i >= _iterator.length) break;
-        _ref = _iterator[_i++];
-      } else {
-        _i = _iterator.next();
-        if (_i.done) break;
-        _ref = _i.value;
-      }
-
-      var mutation = _ref;
-
-      if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
-        if (!document.documentElement.contains(root)) {
-          root = null;
-          observer.disconnect();
-        }
-      }
-    }
-  });
-  observer.observe(root.parentNode, {
-    childList: true
-  });
+  defaultContainer.appendChild(root);
 }
 
 function getRoot() {
-  if (!root || root.isConnected === false) initRoot();
+  if (!root || (0, _isInDocument.isInDocument)(root) === false) initRoot();
   return root;
 }
 
@@ -123,7 +100,6 @@ function _default(List) {
       }
 
       _this.zoomChangeHandler = _this.zoomChangeHandler.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-      _this.observer = null;
       return _this;
     }
 
@@ -187,7 +163,8 @@ function _default(List) {
       }
 
       var container = this.container;
-      var rootContainer = container === getRoot() || !container ? document.body : container;
+      var defaultContainer = (0, _config.getDefaultContainer)();
+      var rootContainer = container === getRoot() || !container ? defaultContainer : container;
       var containerRect = rootContainer.getBoundingClientRect();
       var containerScroll = {
         left: rootContainer.scrollLeft,
@@ -387,11 +364,11 @@ function _default(List) {
           props = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, ["parentElement", "rootClass", "absolute", "position", "scrollLeft", "scrollTop", "scrollElement", "autoClass", "zIndex", "getResetPosition", "value", "autoAdapt"]);
       var mergeClass = (0, _classnames.default)((0, _styles.listClass)('absolute-wrapper'), rootClass, autoClass);
 
-      var _ref2 = props.focus ? this.getStyle() : {
+      var _ref = props.focus ? this.getStyle() : {
         style: this.lastStyle
       },
-          focus = _ref2.focus,
-          style = _ref2.style;
+          focus = _ref.focus,
+          style = _ref.style;
 
       this.element.className = mergeClass;
       var mergeStyle = Object.assign({}, style, props.style, this.state.overdoc ? getOverDocStyle(this.isRight()) : undefined);

package/css/Checkbox/CheckItem.js

@@ -52,7 +52,7 @@ function _default(type) {
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "onClick", function (e) {
         e.stopPropagation();
         var onClick = _this.props.onClick;
-        if ((0, _is.isFunc)(onClick)) onClick();
+        if ((0, _is.isFunc)(onClick)) onClick(e);
       });
       _this.state = {
         checked: props.checked

package/css/Image/events.js

@@ -11,6 +11,8 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _Gallery = _interopRequireDefault(require("./Gallery"));
 
+var _config = require("../config");
+
 var _styles = require("./styles");
 
 var container;
@@ -31,8 +33,9 @@ function keyClose(e) {
 
 function getContainer() {
   if (container) return container;
+  var defaultContainer = (0, _config.getDefaultContainer)();
   container = document.createElement('div');
-  document.body.appendChild(container);
+  defaultContainer.appendChild(container);
   container.className = (0, _styles.imageClass)('gallery');
   return container;
 }

package/css/Message/messager.js

@@ -14,13 +14,16 @@ var _styles = require("./styles");
 
 var _Container = _interopRequireDefault(require("./Container"));
 
+var _config = require("../config");
+
 var elements = {};
 var components = {};
 
 function getElement(type) {
+  var defaultContainer = (0, _config.getDefaultContainer)();
   var div = document.createElement('div');
   div.className = (0, _styles.messageClass)('_', type);
-  document.body.appendChild(div);
+  defaultContainer.appendChild(div);
   elements[type] = div;
   return div;
 }

package/css/Modal/events.js

@@ -101,11 +101,12 @@ function close(props, callback) {
 }
 
 function createDiv(props) {
+  var defaultContainer = (0, _config.getDefaultContainer)();
   var id = props.id,
       position = props.position,
       fullScreen = props.fullScreen,
       _props$container = props.container,
-      container = _props$container === void 0 ? document.body : _props$container;
+      container = _props$container === void 0 ? defaultContainer : _props$container;
   var div = getDiv(props.id);
   if (div) return div;
   var parent = typeof container === 'function' ? container() : container;

package/css/Popover/Panel.js

@@ -37,6 +37,8 @@ var _context2 = require("./context");
 
 var _uid = require("../utils/uid");
 
+var _isInDocument = require("../utils/dom/isInDocument");
+
 var _popContainer = _interopRequireDefault(require("../utils/dom/popContainer"));
 
 // import { getRTLPosition } from '../utils/strings'
@@ -215,7 +217,7 @@ function (_Component) {
   _proto.createContainer = function createContainer() {
     var zIndex = this.props.zIndex;
 
-    if (!this.container || !document.documentElement.contains(this.container)) {
+    if (!this.container || !(0, _isInDocument.isInDocument)(this.container)) {
       this.container = this.getContainer();
       this.element.style.zIndex = zIndex;
       this.container.appendChild(this.element);

package/css/config.js

@@ -6,10 +6,13 @@ exports.__esModule = true;
 exports.set = set;
 exports.setConfig = setConfig;
 exports.isRTL = isRTL;
+exports.getDefaultContainer = getDefaultContainer;
 exports.default = exports.noti = void 0;
 
 var _objects = require("./utils/objects");
 
+var _is = require("./utils/is");
+
 var _notification = _interopRequireDefault(require("./utils/notification"));
 
 var noti = new _notification.default();
@@ -24,7 +27,8 @@ var config = {
   trim: undefined,
   spin: undefined,
   caret: undefined,
-  direction: 'ltr'
+  direction: 'ltr',
+  popupContainer: undefined
 };
 var _default = config;
 exports.default = _default;
@@ -56,4 +60,17 @@ function setConfig(conf) {
 
 function isRTL() {
   return config.direction === 'rtl';
+}
+
+function getDefaultContainer() {
+  if ((0, _is.isFunc)(config.popupContainer)) {
+    var container = config.popupContainer();
+
+    if (container instanceof HTMLElement) {
+      return container;
+    }
+  }
+
+  if (config.popupContainer instanceof HTMLElement) return config.popupContainer;
+  return document.body;
 }

package/css/index.d.ts

@@ -3,7 +3,7 @@ import * as utils from './utils'
 
 declare const __default: {
   utils: typeof utils,
-  version: '1.12.4-beta.3'
+  version: '1.12.4-beta.5'
 }
 
 export default __default

package/css/index.js

@@ -224,6 +224,6 @@ exports.Upload = _Upload.default;
 // Created by scripts/src-index.js.
 var _default = {
   utils: utils,
-  version: '1.12.4-beta.3'
+  version: '1.12.4-beta.5'
 };
 exports.default = _default;

package/css/utils/dom/isInDocument.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.isInDocument = isInDocument;
+
+function isInDocument(element) {
+  if (element && 'isConnected' in element) {
+    return element.isConnected;
+  }
+
+  return document.documentElement.contains(element);
+}

package/css/utils/dom/popContainer.js

@@ -1,53 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
 
-var _ready = _interopRequireDefault(require("./ready"));
+var _isInDocument = require("./isInDocument");
+
+var _config = require("../../config");
 
 /**
  * 最外层容器
  */
+// import ready from './ready'
 var Container = null;
-var observer = new MutationObserver(function (mutationsList) {
-  for (var _iterator = mutationsList, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-    var _ref;
-
-    if (_isArray) {
-      if (_i >= _iterator.length) break;
-      _ref = _iterator[_i++];
-    } else {
-      _i = _iterator.next();
-      if (_i.done) break;
-      _ref = _i.value;
-    }
-
-    var mutation = _ref;
-
-    if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
-      if (!document.documentElement.contains(Container)) {
-        Container = null;
-        observer.disconnect();
-      }
-    }
-  }
-});
 
 var getContainer = function getContainer() {
-  if (Container) {
+  if (Container && (0, _isInDocument.isInDocument)(Container)) {
     return Container;
   }
 
   Container = document.createElement('div');
   Container.setAttribute('style', 'position: absolute; top: 0; left: 0; width: 100%; contain: size');
-  (0, _ready.default)(function () {
-    document.body.appendChild(Container);
-    observer.observe(Container.parentNode, {
-      childList: true
-    });
-  });
+  var target = (0, _config.getDefaultContainer)();
+  target.appendChild(Container);
   return Container;
 };