shineout 1.12.4-beta.4 → 1.12.4

package/css/AnimationList/AbsoluteList.js

@@ -49,9 +49,10 @@ 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);
+  defaultContainer.appendChild(root);
 }
 
 function getRoot() {
@@ -162,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,

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/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.4'
+  version: '1.12.4'
 }
 
 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.4'
+  version: '1.12.4'
 };
 exports.default = _default;

package/css/utils/dom/popContainer.js

@@ -1,17 +1,16 @@
 "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 getContainer = function getContainer() {
@@ -21,9 +20,8 @@ var getContainer = function getContainer() {
 
   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);
-  });
+  var target = (0, _config.getDefaultContainer)();
+  target.appendChild(Container);
   return Container;
 };