@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/common/deps/dom.js

@@ -1,49 +1,43 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import { hasOwn, isObject, isNull } from '@opentiny/vue-renderless/common/type';
-var isServer = typeof window === 'undefined';
-var SPECIAL_CHARS_REGEXP = /([:\-_]+(.))/g;
-var MOZ_HACK_REGEXP = /^moz([A-Z])/;
-var ieVersion = isServer ? 0 : Number(document.documentMode);
-var trim = function trim(string) {
-  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
-};
-var camelCase = function camelCase(name) {
-  return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
-    return offset ? letter.toUpperCase() : letter;
-  }).replace(MOZ_HACK_REGEXP, 'Moz$1');
-};
-export var on = function () {
+import "../../chunk-PKUHTIDK.js";
+import { hasOwn, isObject, isNull } from "@opentiny/vue-renderless/common/type";
+const isServer = typeof window === "undefined";
+const SPECIAL_CHARS_REGEXP = /([:\-_]+(.))/g;
+const MOZ_HACK_REGEXP = /^moz([A-Z])/;
+const ieVersion = isServer ? 0 : Number(document.documentMode);
+const trim = (string) => (string || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
+const camelCase = (name) => name.replace(SPECIAL_CHARS_REGEXP, (_, separator, letter, offset) => offset ? letter.toUpperCase() : letter).replace(MOZ_HACK_REGEXP, "Moz$1");
+const on = (() => {
   if (!isServer) {
-    return function (el, event, handler) {
+    return (el, event, handler) => {
       if (el && event && handler) {
         el.addEventListener(event, handler, false);
       }
     };
   } else {
-    return function (el, event, handler) {
+    return (el, event, handler) => {
       if (el && event && handler) {
-        el.attachEvent('on' + event, handler);
+        el.attachEvent("on" + event, handler);
       }
     };
   }
-}();
-export var off = function () {
+})();
+const off = (() => {
   if (!isServer) {
-    return function (el, event, handler) {
+    return (el, event, handler) => {
       if (el && event) {
         el.removeEventListener(event, handler, false);
       }
     };
   } else {
-    return function (el, event, handler) {
+    return (el, event, handler) => {
       if (el && event) {
-        el.detachEvent('on' + event, handler);
+        el.detachEvent("on" + event, handler);
       }
     };
   }
-}();
-export var once = function once(el, event, fn) {
-  var listener = function listener() {
+})();
+const once = (el, event, fn) => {
+  const listener = function() {
     if (fn) {
       fn.apply(this, arguments);
     }
@@ -51,31 +45,31 @@ export var once = function once(el, event, fn) {
   };
   on(el, event, listener);
 };
-export var hasClass = function hasClass(el, clazz) {
+const hasClass = (el, clazz) => {
   if (!el || !clazz) {
     return false;
   }
-  if (clazz.indexOf(' ') !== -1) {
-    throw new Error('className should not contain space.');
+  if (clazz.includes(" ")) {
+    throw new Error("className should not contain space.");
   }
   if (el.classList) {
     return el.classList.contains(clazz);
   }
-  return (' ' + el.className + ' ').indexOf(' ' + clazz + ' ') > -1;
+  return (" " + el.className + " ").includes(" " + clazz + " ");
 };
-export var addClass = function addClass(el, clazz) {
+const addClass = (el, clazz) => {
   if (!el) {
     return;
   }
-  var classes = (clazz || '').split(' ');
-  var curClass = el.className;
-  for (var i = 0, len = classes.length; i < len; i++) {
-    var clsName = classes[i];
+  const classes = (clazz || "").split(" ");
+  let curClass = el.className;
+  for (let i = 0, len = classes.length; i < len; i++) {
+    const clsName = classes[i];
     if (clsName) {
       if (el.classList) {
         el.classList.add(clsName);
       } else if (!hasClass(el, clsName)) {
-        curClass += ' ' + clsName;
+        curClass += " " + clsName;
       }
     }
   }
@@ -83,19 +77,19 @@ export var addClass = function addClass(el, clazz) {
     el.className = curClass;
   }
 };
-export var removeClass = function removeClass(el, clazz) {
+const removeClass = (el, clazz) => {
   if (!el || !clazz) {
     return;
   }
-  var classes = clazz.split(' ');
-  var curClass = ' ' + el.className + ' ';
-  for (var i = 0, len = classes.length; i < len; i++) {
-    var clsName = classes[i];
+  const classes = clazz.split(" ");
+  let curClass = " " + el.className + " ";
+  for (let i = 0, len = classes.length; i < len; i++) {
+    const clsName = classes[i];
     if (clsName) {
       if (el.classList) {
         el.classList.remove(clsName);
       } else if (hasClass(el, clsName)) {
-        curClass = curClass.replace(' ' + clsName + ' ', ' ');
+        curClass = curClass.replace(" " + clsName + " ", " ");
       }
     }
   }
@@ -103,7 +97,7 @@ export var removeClass = function removeClass(el, clazz) {
     el.className = trim(curClass);
   }
 };
-export var getStyle = function getStyle(el, styleName) {
+const getStyle = (el, styleName) => {
   if (isServer) {
     return;
   }
@@ -111,53 +105,53 @@ export var getStyle = function getStyle(el, styleName) {
     return null;
   }
   styleName = camelCase(styleName);
-  if (styleName === 'float') {
-    styleName = 'cssFloat';
+  if (styleName === "float") {
+    styleName = "cssFloat";
   }
   try {
-    var computed = document.defaultView.getComputedStyle(el, '');
+    const computed = document.defaultView.getComputedStyle(el, "");
     return el.style[styleName] || computed ? computed[styleName] : null;
   } catch (e) {
     return el.style[styleName];
   }
 };
-export var setStyle = function setStyle(el, name, value) {
+const setStyle = (el, name, value) => {
   if (!el || !name) {
     return;
   }
-  if (_typeof(name) === 'object') {
-    for (var prop in name) {
+  if (typeof name === "object") {
+    for (const prop in name) {
       if (hasOwn.call(name, prop)) {
         setStyle(el, prop, name[prop]);
       }
     }
   } else {
     name = camelCase(name);
-    if (name === 'opacity' && ieVersion < 9) {
-      el.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
+    if (name === "opacity" && ieVersion < 9) {
+      el.style.filter = isNaN(value) ? "" : "alpha(opacity=" + value * 100 + ")";
     } else {
       el.style[name] = value;
     }
   }
 };
-export var isScroll = function isScroll(el, vertical) {
+const isScroll = (el, vertical) => {
   if (isServer) {
     return;
   }
-  var determinedDirection = !isNull(vertical);
-  var overflow;
+  const determinedDirection = !isNull(vertical);
+  let overflow;
   if (determinedDirection) {
-    overflow = vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x');
+    overflow = vertical ? getStyle(el, "overflow-y") : getStyle(el, "overflow-x");
   } else {
-    overflow = getStyle(el, 'overflow');
+    overflow = getStyle(el, "overflow");
   }
   return overflow.match(/(scroll|auto)/);
 };
-export var getScrollContainer = function getScrollContainer(el, vertical) {
+const getScrollContainer = (el, vertical) => {
   if (isServer) {
     return;
   }
-  var parent = el;
+  let parent = el;
   while (parent) {
     if (~[window, document, document.documentElement].indexOf(parent)) {
       return window;
@@ -169,12 +163,12 @@ export var getScrollContainer = function getScrollContainer(el, vertical) {
   }
   return parent;
 };
-export var isInContainer = function isInContainer(el, container) {
+const isInContainer = (el, container) => {
   if (isServer || !el || !container) {
     return false;
   }
-  var elRect = el.getBoundingClientRect();
-  var containerRect;
+  const elRect = el.getBoundingClientRect();
+  let containerRect;
   if (~[window, document, document.documentElement].indexOf(container) || isNull(container)) {
     containerRect = {
       top: 0,
@@ -187,16 +181,29 @@ export var isInContainer = function isInContainer(el, container) {
   }
   return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
 };
-export var isVNode = function isVNode(node) {
-  return node !== null && isObject(node) && hasOwn.call(node, 'componentOptions');
-};
-export var getDomNode = function getDomNode() {
-  var documentElement = document.documentElement;
-  var bodyElem = document.body;
+const isVNode = (node) => node !== null && isObject(node) && hasOwn.call(node, "componentOptions");
+const getDomNode = () => {
+  let documentElement = document.documentElement;
+  let bodyElem = document.body;
   return {
     scrollTop: documentElement.scrollTop || bodyElem.scrollTop,
     scrollLeft: documentElement.scrollLeft || bodyElem.scrollLeft,
     visibleHeight: documentElement.clientHeight || bodyElem.clientHeight,
     visibleWidth: documentElement.clientWidth || bodyElem.clientWidth
   };
-};
+};
+export {
+  addClass,
+  getDomNode,
+  getScrollContainer,
+  getStyle,
+  hasClass,
+  isInContainer,
+  isScroll,
+  isVNode,
+  off,
+  on,
+  once,
+  removeClass,
+  setStyle
+};