aaa-ui-test 1.0.0

package/src/utils/fix-body.js

@@ -0,0 +1,46 @@
+/**
+ * v-fixed
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * ```vue
+ * <div v-fixed>
+ * ```
+ */
+import { addClass, removeClass } from "./utils";
+
+let scrollTop = 0;
+function getTop() {
+  return document.body.scrollTop || document.documentElement.scrollTop;
+}
+function setTop() {
+  document.body.style.top = -scrollTop + "px";
+}
+function backScroll() {
+  document.body.scrollTop = document.documentElement.scrollTop = scrollTop;
+}
+export default {
+  bind(el, binding, vnode) {
+    if (binding.value) {
+      scrollTop = getTop();
+
+      addClass(document.body, "jdd-modal-open");
+      setTop();
+    }
+  },
+  unbind() {
+    removeClass(document.body, "jdd-modal-open");
+    // scrollTop lost after set position:fixed, restore it back.
+    backScroll();
+  },
+  componentUpdated(el, binding) {
+    if (binding.value) {
+      scrollTop = getTop();
+      addClass(document.body, "jdd-modal-open");
+      setTop();
+    } else {
+      removeClass(document.body, "jdd-modal-open");
+      // scrollTop lost after set position:fixed, restore it back.
+      backScroll();
+    }
+  }
+};

package/src/utils/utils.js

@@ -0,0 +1,71 @@
+/* 类型检测 */
+const Type = {};
+// eslint-disable-next-line no-cond-assign
+for (
+  let i = 0, type;
+  (type = ['String', 'Number', 'Boolean', 'Array', 'Object', 'Function'][i++]);
+
+) {
+  (function(type) {
+    Type['is' + type] = function(obj) {
+      return Object.prototype.toString.call(obj) === '[object ' + type + ']';
+    };
+  })(type);
+}
+
+export { Type };
+const whitespaceRE = /\s+/;
+
+export function addClass(el, cls) {
+  /* istanbul ignore if */
+  if (!cls || !(cls = cls.trim())) {
+    return;
+  }
+
+  /* istanbul ignore else */
+
+  if (cls.indexOf(' ') > -1) {
+    cls.split(whitespaceRE).forEach((c) => el.classList.add(c));
+  } else {
+    el.classList.add(cls);
+  }
+}
+
+export function removeClass(el, cls) {
+  /* istanbul ignore if */
+  if (!cls || !(cls = cls.trim())) {
+    return;
+  }
+
+  /* istanbul ignore else */
+
+  if (cls.indexOf(' ') > -1) {
+    cls.split(whitespaceRE).forEach((c) => el.classList.remove(c));
+  } else {
+    el.classList.remove(cls);
+  }
+  if (!el.classList.length) {
+    el.removeAttribute('class');
+  }
+}
+export const rAF =
+  window.requestAnimationFrame ||
+  window.webkitRequestAnimationFrame ||
+  window.mozRequestAnimationFrame ||
+  window.oRequestAnimationFrame ||
+  window.msRequestAnimationFrame ||
+  function(callback) {
+    window.setTimeout(callback, 1000 / 60);
+  };
+
+
+export const cancelRaf =
+window.cancelAnimationFrame ||
+    Window.webkitCancelAnimationFrame ||
+    window.mozCancelAnimationFrame ||
+    window.msCancelAnimationFrame ||
+    window.oCancelAnimationFrame ||
+    function( id ){
+        //为了使setTimteout的尽可能的接近每秒60帧的效果
+        window.clearTimeout( id );
+    }