zartui 0.1.111 → 3.0.1

package/es/stepper/style/less.js

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/steps/index.css

@@ -1 +0,0 @@
-.zt-steps{overflow:hidden;background-color:#fff;margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border-radius:4px}.zt-steps--horizontal{padding:8px 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex}.zt-steps--vertical{padding:0 0 0 36px}

package/es/steps/index.js

@@ -1,36 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('steps'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ParentMixin('ztSteps')],
-  props: {
-    activeColor: String,
-    activeBgColor: String,
-    activeBorderColor: String,
-    inactiveColor: String,
-    inactiveBgColor: String,
-    inactiveBorderColor: String,
-    titleActiveColor: String,
-    titleInactiveColor: String,
-    active: {
-      type: [Number, String],
-      default: 0
-    },
-    direction: {
-      type: String,
-      default: 'horizontal'
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem([this.direction])
-    }, [h("div", {
-      "class": bem('items')
-    }, [this.slots()])]);
-  }
-});

package/es/steps/index.less

@@ -1,23 +0,0 @@
-@import '../style/var';
-
-.zt-steps {
-  overflow: hidden;
-  background-color: @steps-background-color;
-  margin: 12px;
-  border: 0 solid rgba(0,0,0,0.10);
-  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);
-  border-radius: 4px;
-
-  &--horizontal {
-    padding: 8px 0;
-
-    .zt-steps__items {
-      position: relative;
-      display: flex;
-    }
-  }
-
-  &--vertical {
-    padding: 0 0 0 36px;
-  }
-}

package/es/steps/style/index.js

@@ -1,2 +0,0 @@
-import '../../style/base.css';
-import '../index.css';

package/es/steps/style/less.js

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/sticky/index.js

@@ -1,338 +0,0 @@
-import { isHidden } from '../utils/dom/style';
-import { unitToPx } from '../utils/format/unit';
-import { createNamespace, isDef, isServer } from '../utils';
-import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
-import { BindEventMixin } from '../mixins/bind-event';
-import { TouchMixin } from '../mixins/touch';
-
-var _createNamespace = createNamespace('sticky'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [BindEventMixin(function (bind, isBind) {
-    if (!this.scroller) {
-      this.scroller = getScroller(this.$el);
-    }
-
-    if (this.observer) {
-      var method = isBind ? 'observe' : 'unobserve';
-      this.observer[method](this.$el);
-    }
-
-    bind(this.scroller, 'scroll', this.onScroll, true);
-    this.onScroll();
-  }), TouchMixin],
-  props: {
-    zIndex: [Number, String],
-    container: null,
-    offsetTop: {
-      type: [Number, String],
-      default: 0
-    },
-    refresh: {
-      type: Boolean,
-      default: false
-    },
-    autoScroll: {
-      type: Boolean,
-      default: false
-    },
-    cover: {
-      type: Boolean,
-      default: false
-    },
-    updownPercent: {
-      type: [Number, String],
-      default: 50
-    },
-    refreshDistance: {
-      type: [Number, String],
-      default: 50
-    },
-    scrollSpeed: {
-      type: [Number, String],
-      default: 20
-    },
-    delayTime: {
-      type: [Number, String],
-      default: 300
-    },
-    pc: {
-      type: Boolean,
-      default: false
-    },
-    pulling: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data: function data() {
-    return {
-      fixed: false,
-      height: 0,
-      transform: 0,
-      overScroll: false,
-      lockfixed: false,
-      overpx: 0,
-      refreshtopToPageTop: null,
-      touchOn: false,
-      refreshOffsetTop: null,
-      t1: 0,
-      t2: 0,
-      pull: false
-    };
-  },
-  computed: {
-    offsetTopPx: function offsetTopPx() {
-      return unitToPx(this.offsetTop);
-    },
-    style: function style() {
-      if (!this.fixed) {
-        return;
-      }
-
-      var style = {};
-
-      if (isDef(this.zIndex)) {
-        style.zIndex = this.zIndex;
-      }
-
-      if (this.offsetTopPx && this.fixed) {
-        style.top = this.offsetTopPx + "px";
-      }
-
-      if (this.transform) {
-        style.transform = "translate3d(0, " + this.transform + "px, 0)";
-      }
-
-      return style;
-    }
-  },
-  watch: {
-    fixed: function fixed(isFixed) {
-      this.$emit('change', isFixed);
-    }
-  },
-  created: function created() {
-    var _this2 = this;
-
-    // compatibility: https://caniuse.com/#feat=intersectionobserver
-    if (!isServer && window.IntersectionObserver) {
-      this.observer = new IntersectionObserver(function (entries) {
-        // trigger scroll when visibility changed
-        if (entries[0].intersectionRatio > 0) {
-          _this2.onScroll();
-        }
-      }, {
-        root: document.body
-      });
-    }
-  },
-  mounted: function mounted() {
-    this.bindTouchEvent(window);
-  },
-  methods: {
-    onScroll: function onScroll() {
-      var _this3 = this;
-
-      // if(!this.overScroll&&this.refresh){
-      //   return
-      // }
-      var container = this.container,
-          offsetTopPx = this.offsetTopPx;
-
-      if (isHidden(this.$el)) {
-        return;
-      }
-
-      setTimeout(function () {
-        if (_this3.refresh && _this3.refreshtopToPageTop === null) {
-          _this3.refreshtopToPageTop = getElementTop(_this3.$el);
-        }
-      }, 500);
-
-      if (this.refresh && this.refreshOffsetTop === null) {
-        this.refreshOffsetTop = this.offsetTopPx;
-      }
-
-      this.height = this.$el.offsetHeight;
-      var scrollTop = getScrollTop(window);
-      var topToPageTop = getElementTop(this.$el);
-
-      var emitScrollEvent = function emitScrollEvent() {
-        _this3.$emit('scroll', {
-          scrollTop: scrollTop,
-          isFixed: _this3.fixed,
-          distance: overpx + scrollTop + offsetTopPx - topToPageTop
-        });
-      };
-
-      var overpx = this.refresh && this.lockfixed ? this.refreshDistance : 0; // The sticky component should be kept inside the container element
-
-      var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-      this.pull = currentY < this.refreshtopToPageTop - this.offsetTopPx;
-
-      if (container) {
-        var bottomToPageTop = topToPageTop - overpx + container.offsetHeight;
-
-        if (scrollTop + offsetTopPx + this.height > bottomToPageTop) {
-          var distanceToBottom = this.height + scrollTop - bottomToPageTop;
-
-          if (distanceToBottom < this.height) {
-            this.fixed = true;
-            this.transform = -(distanceToBottom + offsetTopPx);
-            this.lockfixed = true;
-          } else {
-            this.fixed = false;
-            this.lockfixed = false;
-          }
-
-          emitScrollEvent();
-          return;
-        }
-      }
-
-      if (scrollTop + offsetTopPx > topToPageTop - overpx) {
-        this.fixed = true;
-        this.lockfixed = true;
-        this.transform = 0;
-      } else {
-        this.lockfixed = false;
-        this.fixed = false;
-      }
-
-      if (this.refresh && this.pc && !this.touchOn) {
-        this.t1 = getScrollTop(window);
-        clearTimeout(this.timer);
-
-        var _this = this;
-
-        this.timer = setTimeout(function () {
-          _this.t2 = getScrollTop(window);
-
-          if (!_this.autoScroll) {
-            return;
-          }
-
-          var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-
-          if (_this.refresh && !_this.fixed && getScrollTop(window) > _this.refreshtopToPageTop * _this.updownPercent / 100) {
-            _this.scrollAnimation(currentY, _this.refreshtopToPageTop - _this.refreshOffsetTop, true);
-
-            _this.touchOn = false;
-            return;
-          } else if (_this.refresh && !_this.fixed && getScrollTop(window) <= _this.refreshtopToPageTop * _this.updownPercent / 100) {
-            _this.scrollAnimation(currentY, 0, false);
-
-            _this.touchOn = false;
-            return;
-          } else if (_this.refresh && _this.fixed && currentY < _this.refreshtopToPageTop - _this.offsetTopPx) {
-            _this.$emit('refreshcallback');
-
-            _this.scrollAnimation(currentY, _this.refreshtopToPageTop - _this.refreshOffsetTop, true);
-
-            _this.touchOn = false;
-            return;
-          }
-
-          _this.touchOn = false;
-        }, _this.delayTime);
-      }
-
-      emitScrollEvent();
-    },
-    onTouchStart: function onTouchStart(event) {
-      this.touchStart(event);
-      this.touchOn = true;
-    },
-    onTouchMove: function onTouchMove(event) {
-      this.touchMove(event);
-
-      if (this.deltaY > 10) {
-        this.overScroll = true;
-      }
-    },
-    onTouchEnd: function onTouchEnd() {
-      if (!this.autoScroll) {
-        return;
-      }
-
-      var that = this;
-      var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-
-      if (this.refresh && !this.fixed && getScrollTop(window) > this.refreshtopToPageTop * this.updownPercent / 100) {
-        this.scrollAnimation(currentY, this.refreshtopToPageTop - this.refreshOffsetTop, true);
-        this.touchOn = false;
-        return;
-      } else if (this.refresh && !this.fixed && getScrollTop(window) <= this.refreshtopToPageTop * this.updownPercent / 100) {
-        this.scrollAnimation(currentY, 0, false);
-        this.touchOn = false;
-        return;
-      } else if (this.refresh && this.deltaY > 0 && this.fixed && currentY < this.refreshtopToPageTop - this.offsetTopPx) {
-        this.$emit('refreshcallback');
-        this.scrollAnimation(currentY, this.refreshtopToPageTop - this.refreshOffsetTop, true);
-        this.touchOn = false;
-        return;
-      }
-
-      this.touchOn = false;
-    },
-    renderLoading: function renderLoading() {
-      var h = this.$createElement;
-
-      if (this.lockfixed && this.refresh && this.touchOn && this.pull && this.pulling) {
-        if (this.$slots.pull) {
-          return this.slots('pull');
-        }
-
-        return h("zt-loading");
-      }
-    },
-    scrollAnimation: function scrollAnimation(currentY, targetY, lockfixed) {
-      var _this4 = this;
-
-      // 获取当前位置方法
-      // 计算需要移动的距离 
-      var needScrollTop = targetY - currentY;
-      var _currentY = currentY;
-      setTimeout(function () {
-        // 一次调用滑动帧数，每次调用会不一样
-        var dist = Math.ceil(needScrollTop / _this4.scrollSpeed);
-        _currentY += dist;
-        window.scrollTo(_currentY, currentY); // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
-
-        if (needScrollTop > _this4.scrollSpeed || needScrollTop < -_this4.scrollSpeed) {
-          _this4.scrollAnimation(_currentY, targetY, lockfixed);
-        } else {
-          window.scrollTo(_currentY, targetY);
-          _this4.lockfixed = lockfixed;
-        }
-      }, 1);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var fixed = this.fixed,
-        cover = this.cover;
-    var style = {
-      height: fixed ? this.height + "px" : null
-    };
-
-    if (cover && this.fixed) {
-      style.width = "100%";
-    }
-
-    return h("div", {
-      "style": style
-    }, [h("div", {
-      "class": bem({
-        fixed: fixed
-      }),
-      "style": this.style
-    }, [this.slots(), h("div", {
-      "class": bem('head'),
-      "style": this.headStyle
-    }, [this.renderLoading()])])]);
-  }
-});

package/es/sticky/index.less

@@ -1,14 +0,0 @@
-@import '../style/var';
-
-.zt-sticky {
-  &--fixed {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: @sticky-z-index;
-  }
-  &__head {
-    text-align: center;
-  }
-}

package/es/sticky/style/index.js

@@ -1,2 +0,0 @@
-import '../../style/base.css';
-import '../index.css';

package/es/sticky/style/less.js

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/style/animation.less

@@ -1,139 +0,0 @@
-@import './var';
-
-@keyframes zt-slide-up-enter {
-  from {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes zt-slide-up-leave {
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes zt-slide-down-enter {
-  from {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes zt-slide-down-leave {
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes zt-slide-left-enter {
-  from {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-left-leave {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-right-enter {
-  from {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-right-leave {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes zt-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes zt-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes zt-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.zt-fade {
-  &-enter-active {
-    animation: @animation-duration-base zt-fade-in both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: @animation-duration-base zt-fade-out both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-up {
-  &-enter-active {
-    animation: zt-slide-up-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-up-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-down {
-  &-enter-active {
-    animation: zt-slide-down-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-down-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-left {
-  &-enter-active {
-    animation: zt-slide-left-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-left-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-right {
-  &-enter-active {
-    animation: zt-slide-right-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-right-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}

package/es/style/base.less

@@ -1,11 +0,0 @@
-/**
- * Entry of basic styles
- */
-
-@import './var';
-@import './normalize';
-@import './ellipsis';
-@import './clearfix';
-@import './hairline';
-@import './animation';
-@import './halfPxBorder.less';

package/es/style/clearfix.css

@@ -1 +0,0 @@
-.zt-clearfix::after{display:table;clear:both;content:''}

package/es/style/clearfix.less

@@ -1,5 +0,0 @@
-@import './mixins/clearfix';
-
-.zt-clearfix {
-  .clearfix();
-}

package/es/style/ellipsis.css

@@ -1 +0,0 @@
-.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}

package/es/style/ellipsis.less

@@ -1,13 +0,0 @@
-@import './mixins/ellipsis';
-
-.zt-ellipsis {
-  .ellipsis();
-}
-
-.zt-multi-ellipsis--l2 {
-  .multi-ellipsis(2);
-}
-
-.zt-multi-ellipsis--l3 {
-  .multi-ellipsis(3);
-}

package/es/style/hairline.css

@@ -1 +0,0 @@
-[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}

package/es/style/hairline.less

@@ -1,47 +0,0 @@
-@import './var';
-@import './mixins/hairline';
-
-[class*='zt-hairline'] {
-  &::after {
-    .hairline();
-  }
-}
-
-.zt-hairline {
-  &,
-  &--top,
-  &--left,
-  &--right,
-  &--bottom,
-  &--surround,
-  &--top-bottom {
-    position: relative;
-  }
-
-  &--top::after {
-    border-top-width: @border-width-base;
-  }
-
-  &--left::after {
-    border-left-width: @border-width-base;
-  }
-
-  &--right::after {
-    border-right-width: @border-width-base;
-  }
-
-  &--bottom::after {
-    border-bottom-width: @border-width-base;
-  }
-
-  &,
-  &-unset {
-    &--top-bottom::after {
-      border-width: @border-width-base 0;
-    }
-  }
-
-  &--surround::after {
-    border-width: @border-width-base;
-  }
-}

package/es/style/halfPxBorder.css

@@ -1 +0,0 @@
-.half-border,.half-border-bottom,.half-border-left,.half-border-right,.half-border-top,.half-border-top-left{position:relative}.half-border-before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1}.half-border-bottom::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;bottom:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-right::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;right:0;top:0;width:1px;height:100%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-left::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:1px;height:100%;border-left:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top-left::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);z-index:2}.half-border::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}