cnhis-design-vue 2.1.56 → 2.1.57

package/src/directive/scroll.js

@@ -1,230 +1,230 @@
-const ctx = "@@InfiniteScroll";
-
-var throttle = function(fn, delay) {
-  var now, lastExec, timer, context, args; //eslint-disable-line
-
-  var execute = function() {
-    fn.apply(context, args);
-    lastExec = now;
-  };
-
-  return function() {
-    context = this;
-    args = arguments;
-
-    now = Date.now();
-
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-
-    if (lastExec) {
-      var diff = delay - (now - lastExec);
-      if (diff < 0) {
-        execute();
-      } else {
-        timer = setTimeout(() => {
-          execute();
-        }, diff);
-      }
-    } else {
-      execute();
-    }
-  };
-};
-
-var getScrollTop = function(element) {
-  if (element === window) {
-    return Math.max(window.pageYOffset || 0, document.documentElement.scrollTop);
-  }
-
-  return element.scrollTop;
-};
-
-var getComputedStyle = document.defaultView.getComputedStyle;
-
-var getScrollEventTarget = function(element) {
-  var currentNode = element;
-  // bugfix, see http://w3help.org/zh-cn/causes/SD9013 and http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
-  while (
-    currentNode &&
-    currentNode.tagName !== "HTML" &&
-    currentNode.tagName !== "BODY" &&
-    currentNode.nodeType === 1
-  ) {
-    var overflowY = getComputedStyle(currentNode).overflowY;
-    if (overflowY === "scroll" || overflowY === "auto") {
-      return currentNode;
-    }
-    currentNode = currentNode.parentNode;
-  }
-  return window;
-};
-
-// var getVisibleHeight = function(element) {
-//   if (element === window) {
-//     return document.documentElement.clientHeight;
-//   }
-
-//   return element.clientHeight;
-// };
-
-// var getElementTop = function(element) {
-//   if (element === window) {
-//     return getScrollTop(window);
-//   }
-//   return element.getBoundingClientRect().top + getScrollTop(window);
-// };
-
-var isAttached = function(element) {
-  var currentNode = element.parentNode;
-  while (currentNode) {
-    if (currentNode.tagName === "HTML") {
-      return true;
-    }
-    if (currentNode.nodeType === 11) {
-      return false;
-    }
-    currentNode = currentNode.parentNode;
-  }
-  return false;
-};
-
-var doBind = function() {
-  if (this.binded) return; // eslint-disable-line
-  this.binded = true;
-
-  var directive = this;
-  var element = directive.el;
-
-  var throttleDelayExpr = element.getAttribute("infinite-scroll-throttle-delay");
-  var throttleDelay = 200;
-  if (throttleDelayExpr) {
-    throttleDelay = Number(directive.vm[throttleDelayExpr] || throttleDelayExpr);
-    if (isNaN(throttleDelay) || throttleDelay < 0) {
-      throttleDelay = 200;
-    }
-  }
-  directive.throttleDelay = throttleDelay;
-
-  directive.scrollEventTarget = getScrollEventTarget(element);
-  directive.scrollListener = throttle(doCheck.bind(directive), directive.throttleDelay);
-  directive.scrollEventTarget.addEventListener("scroll", directive.scrollListener);
-
-  this.vm.$on("hook:beforeDestroy", function() {
-    directive.scrollEventTarget.removeEventListener("scroll", directive.scrollListener);
-  });
-
-  var disabledExpr = element.getAttribute("infinite-scroll-disabled");
-  var disabled = false;
-
-  if (disabledExpr) {
-    this.vm.$watch(disabledExpr, function(value) {
-      directive.disabled = value;
-      if (!value && directive.immediateCheck) {
-        doCheck.call(directive);
-      }
-    });
-    disabled = Boolean(directive.vm[disabledExpr]);
-  }
-  directive.disabled = disabled;
-
-  var distanceExpr = element.getAttribute("infinite-scroll-distance");
-  var distance = 0;
-  if (distanceExpr) {
-    distance = Number(directive.vm[distanceExpr] || distanceExpr);
-    if (isNaN(distance)) {
-      distance = 0;
-    }
-  }
-  directive.distance = distance;
-
-  var immediateCheckExpr = element.getAttribute("infinite-scroll-immediate-check");
-  var immediateCheck = true;
-  if (immediateCheckExpr) {
-    immediateCheck = Boolean(directive.vm[immediateCheckExpr]);
-  }
-  directive.immediateCheck = immediateCheck;
-
-  if (immediateCheck) {
-    doCheck.call(directive);
-  }
-
-  var eventName = element.getAttribute("infinite-scroll-listen-for-event");
-  if (eventName) {
-    directive.vm.$on(eventName, function() {
-      doCheck.call(directive);
-    });
-  }
-};
-
-var doCheck = function(force) {
-  var scrollEventTarget = this.scrollEventTarget;
-  // var element = this.el;
-  var distance = this.distance;
-  if (force !== true && this.disabled) return; //eslint-disable-line
-  // var viewportScrollTop = getScrollTop(scrollEventTarget);
-  // var viewportBottom = viewportScrollTop + getVisibleHeight(scrollEventTarget);
-
-  var shouldTrigger = false;
-
-  // change
-  shouldTrigger =
-    getScrollTop(scrollEventTarget) <= distance &&
-    scrollEventTarget.scrollHeight > scrollEventTarget.clientHeight;
-  // change
-
-  // if (scrollEventTarget === element) {
-  //   shouldTrigger = scrollEventTarget.scrollHeight - viewportBottom <= distance;
-  // } else {
-  //   var elementBottom =
-  //     getElementTop(element) -
-  //     getElementTop(scrollEventTarget) +
-  //     element.offsetHeight +
-  //     viewportScrollTop;
-
-  //   shouldTrigger = viewportBottom + distance >= elementBottom;
-  // }
-
-  if (shouldTrigger && this.expression) {
-    this.expression();
-  }
-};
-
-export default {
-  bind(el, binding, vnode) {
-    el[ctx] = {
-      el,
-      vm: vnode.context,
-      expression: binding.value
-    };
-    const args = arguments;
-    el[ctx].vm.$on("hook:mounted", function() {
-      el[ctx].vm.$nextTick(function() {
-        if (isAttached(el)) {
-          doBind.call(el[ctx], args);
-        }
-
-        el[ctx].bindTryCount = 0;
-
-        var tryBind = function() {
-          if (el[ctx].bindTryCount > 10) return; //eslint-disable-line
-          el[ctx].bindTryCount++;
-          if (isAttached(el)) {
-            doBind.call(el[ctx], args);
-          } else {
-            setTimeout(tryBind, 50);
-          }
-        };
-
-        tryBind();
-      });
-    });
-  },
-
-  unbind(el) {
-    if (el && el[ctx] && el[ctx].scrollEventTarget)
-      el[ctx].scrollEventTarget.removeEventListener("scroll", el[ctx].scrollListener);
-  }
-};
+const ctx = "@@InfiniteScroll";
+
+var throttle = function(fn, delay) {
+  var now, lastExec, timer, context, args; //eslint-disable-line
+
+  var execute = function() {
+    fn.apply(context, args);
+    lastExec = now;
+  };
+
+  return function() {
+    context = this;
+    args = arguments;
+
+    now = Date.now();
+
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+
+    if (lastExec) {
+      var diff = delay - (now - lastExec);
+      if (diff < 0) {
+        execute();
+      } else {
+        timer = setTimeout(() => {
+          execute();
+        }, diff);
+      }
+    } else {
+      execute();
+    }
+  };
+};
+
+var getScrollTop = function(element) {
+  if (element === window) {
+    return Math.max(window.pageYOffset || 0, document.documentElement.scrollTop);
+  }
+
+  return element.scrollTop;
+};
+
+var getComputedStyle = document.defaultView.getComputedStyle;
+
+var getScrollEventTarget = function(element) {
+  var currentNode = element;
+  // bugfix, see http://w3help.org/zh-cn/causes/SD9013 and http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
+  while (
+    currentNode &&
+    currentNode.tagName !== "HTML" &&
+    currentNode.tagName !== "BODY" &&
+    currentNode.nodeType === 1
+  ) {
+    var overflowY = getComputedStyle(currentNode).overflowY;
+    if (overflowY === "scroll" || overflowY === "auto") {
+      return currentNode;
+    }
+    currentNode = currentNode.parentNode;
+  }
+  return window;
+};
+
+// var getVisibleHeight = function(element) {
+//   if (element === window) {
+//     return document.documentElement.clientHeight;
+//   }
+
+//   return element.clientHeight;
+// };
+
+// var getElementTop = function(element) {
+//   if (element === window) {
+//     return getScrollTop(window);
+//   }
+//   return element.getBoundingClientRect().top + getScrollTop(window);
+// };
+
+var isAttached = function(element) {
+  var currentNode = element.parentNode;
+  while (currentNode) {
+    if (currentNode.tagName === "HTML") {
+      return true;
+    }
+    if (currentNode.nodeType === 11) {
+      return false;
+    }
+    currentNode = currentNode.parentNode;
+  }
+  return false;
+};
+
+var doBind = function() {
+  if (this.binded) return; // eslint-disable-line
+  this.binded = true;
+
+  var directive = this;
+  var element = directive.el;
+
+  var throttleDelayExpr = element.getAttribute("infinite-scroll-throttle-delay");
+  var throttleDelay = 200;
+  if (throttleDelayExpr) {
+    throttleDelay = Number(directive.vm[throttleDelayExpr] || throttleDelayExpr);
+    if (isNaN(throttleDelay) || throttleDelay < 0) {
+      throttleDelay = 200;
+    }
+  }
+  directive.throttleDelay = throttleDelay;
+
+  directive.scrollEventTarget = getScrollEventTarget(element);
+  directive.scrollListener = throttle(doCheck.bind(directive), directive.throttleDelay);
+  directive.scrollEventTarget.addEventListener("scroll", directive.scrollListener);
+
+  this.vm.$on("hook:beforeDestroy", function() {
+    directive.scrollEventTarget.removeEventListener("scroll", directive.scrollListener);
+  });
+
+  var disabledExpr = element.getAttribute("infinite-scroll-disabled");
+  var disabled = false;
+
+  if (disabledExpr) {
+    this.vm.$watch(disabledExpr, function(value) {
+      directive.disabled = value;
+      if (!value && directive.immediateCheck) {
+        doCheck.call(directive);
+      }
+    });
+    disabled = Boolean(directive.vm[disabledExpr]);
+  }
+  directive.disabled = disabled;
+
+  var distanceExpr = element.getAttribute("infinite-scroll-distance");
+  var distance = 0;
+  if (distanceExpr) {
+    distance = Number(directive.vm[distanceExpr] || distanceExpr);
+    if (isNaN(distance)) {
+      distance = 0;
+    }
+  }
+  directive.distance = distance;
+
+  var immediateCheckExpr = element.getAttribute("infinite-scroll-immediate-check");
+  var immediateCheck = true;
+  if (immediateCheckExpr) {
+    immediateCheck = Boolean(directive.vm[immediateCheckExpr]);
+  }
+  directive.immediateCheck = immediateCheck;
+
+  if (immediateCheck) {
+    doCheck.call(directive);
+  }
+
+  var eventName = element.getAttribute("infinite-scroll-listen-for-event");
+  if (eventName) {
+    directive.vm.$on(eventName, function() {
+      doCheck.call(directive);
+    });
+  }
+};
+
+var doCheck = function(force) {
+  var scrollEventTarget = this.scrollEventTarget;
+  // var element = this.el;
+  var distance = this.distance;
+  if (force !== true && this.disabled) return; //eslint-disable-line
+  // var viewportScrollTop = getScrollTop(scrollEventTarget);
+  // var viewportBottom = viewportScrollTop + getVisibleHeight(scrollEventTarget);
+
+  var shouldTrigger = false;
+
+  // change
+  shouldTrigger =
+    getScrollTop(scrollEventTarget) <= distance &&
+    scrollEventTarget.scrollHeight > scrollEventTarget.clientHeight;
+  // change
+
+  // if (scrollEventTarget === element) {
+  //   shouldTrigger = scrollEventTarget.scrollHeight - viewportBottom <= distance;
+  // } else {
+  //   var elementBottom =
+  //     getElementTop(element) -
+  //     getElementTop(scrollEventTarget) +
+  //     element.offsetHeight +
+  //     viewportScrollTop;
+
+  //   shouldTrigger = viewportBottom + distance >= elementBottom;
+  // }
+
+  if (shouldTrigger && this.expression) {
+    this.expression();
+  }
+};
+
+export default {
+  bind(el, binding, vnode) {
+    el[ctx] = {
+      el,
+      vm: vnode.context,
+      expression: binding.value
+    };
+    const args = arguments;
+    el[ctx].vm.$on("hook:mounted", function() {
+      el[ctx].vm.$nextTick(function() {
+        if (isAttached(el)) {
+          doBind.call(el[ctx], args);
+        }
+
+        el[ctx].bindTryCount = 0;
+
+        var tryBind = function() {
+          if (el[ctx].bindTryCount > 10) return; //eslint-disable-line
+          el[ctx].bindTryCount++;
+          if (isAttached(el)) {
+            doBind.call(el[ctx], args);
+          } else {
+            setTimeout(tryBind, 50);
+          }
+        };
+
+        tryBind();
+      });
+    });
+  },
+
+  unbind(el) {
+    if (el && el[ctx] && el[ctx].scrollEventTarget)
+      el[ctx].scrollEventTarget.removeEventListener("scroll", el[ctx].scrollListener);
+  }
+};

package/src/global/variable.js

@@ -1,2 +1,2 @@
-export const KEY_COMPONENT_NAME = 'c-';
-export const GROUP_TITLE_KEY = 'group-show-title';
+export const KEY_COMPONENT_NAME = 'c-';
+export const GROUP_TITLE_KEY = 'group-show-title';