zartui 0.1.113 → 3.0.1

package/lib/image-preview/index.less

@@ -1,121 +0,0 @@
-@import '../style/var';
-
-.zt-image-preview {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-
-  &__swipe {
-    height: 100%;
-
-    &-item {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      overflow: hidden;
-    }
-  }
-
-  &__cover {
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  &__image {
-    width: 100%;
-    transition-property: transform;
-
-    &--vertical {
-      width: auto;
-      height: 100%;
-    }
-
-    img {
-      // disable desktop browser image drag
-      -webkit-user-drag: none;
-    }
-
-    .zt-image {
-      &__error {
-        top: 30%;
-        height: 40%;
-      }
-
-      &__error-icon {
-        font-size: 36px;
-      }
-
-      &__loading {
-        background-color: transparent;
-      }
-    }
-  }
-
-  &__index {
-    position: absolute;
-    bottom: @image-preview-index-bottom;
-    left: @image-preview-index-left;
-    height: @image-preview-index-height;
-    line-height:@image-preview-index-line-height;
-    padding: @image-preview-index-padding;
-    border-radius: @border-radius-sm;
-    background: @image-preview-index-background;
-    color: @image-preview-index-text-color;
-    font-size: @font-size-lg;
-    text-shadow: @image-preview-index-text-shadow;
-    transform: translate(-50%, 0);
-    z-index: @image-preview-index-z-index;
-  }
-
-  &__overlay.zt-overlay {
-    background-color: @black;
-  }
-
-  &__close-icon {
-    position: absolute;
-    z-index: @image-preview-close-icon-z-index;
-    color: @image-preview-close-icon-color;
-    font-size: @image-preview-close-icon-size;
-    cursor: pointer;
-
-    &:active {
-      color: @image-preview-close-icon-active-color;
-    }
-
-    &--top-left {
-      top: @image-preview-close-icon-margin;
-      left: @image-preview-close-icon-margin;
-    }
-
-    &--top-right {
-      top: @image-preview-close-icon-margin;
-      right: @image-preview-close-icon-margin;
-    }
-
-    &--bottom-left {
-      bottom: @image-preview-close-icon-margin;
-      left: @image-preview-close-icon-margin;
-    }
-
-    &--bottom-right {
-      right: @image-preview-close-icon-margin;
-      bottom: @image-preview-close-icon-margin;
-    }
-  }
-  &__title{
-    position:absolute;
-    bottom:@image-preview-title-bottom;
-    height: @image-preview-title-height;
-    width: @image-preview-title-width;
-    padding-left: @image-preview-title-padding-left;
-    left:@image-preview-title-left;
-    line-height: @image-preview-title-line-height;
-    font-size: @image-preview-title-font-size;
-    color: @white;
-    background:@image-preview-title-background;
-    z-index:@image-preview-title-z-index
-  }
-}

package/lib/image-preview/shared.js

@@ -1,13 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.bem = exports.createComponent = void 0;
-
-var _utils = require("../utils");
-
-var _createNamespace = (0, _utils.createNamespace)('image-preview'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-exports.bem = bem;
-exports.createComponent = createComponent;

package/lib/image-preview/style/index.js

@@ -1,10 +0,0 @@
-require('../../style/base.css');
-require('../../overlay/index.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../image/index.css');
-require('../../popup/index.css');
-require('../../loading/index.css');
-require('../../swipe/index.css');
-require('../../swipe-item/index.css');
-require('../index.css');

package/lib/image-preview/style/less.js

@@ -1,10 +0,0 @@
-require('../../style/base.less');
-require('../../overlay/index.less');
-require('../../info/index.less');
-require('../../icon/index.less');
-require('../../image/index.less');
-require('../../popup/index.less');
-require('../../loading/index.less');
-require('../../swipe/index.less');
-require('../../swipe-item/index.less');
-require('../index.less');

package/lib/index-anchor/index.css

@@ -1 +0,0 @@
-.zt-index-anchor{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:0;-webkit-flex:none;flex:none;z-index:1;box-sizing:border-box;color:#000;font-weight:700;font-size:16px;line-height:24px;height:44px;background-color:#fff}.zt-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:#0091fa;background-color:#fff}.zt-index-anchor__anchor-icon{display:inline-block;width:4px;height:16px;background-color:#0091fa;margin-right:12px}

package/lib/index-anchor/index.js

@@ -1,93 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _relation = require("../mixins/relation");
-
-var _constant = require("../utils/constant");
-
-var _scroll = require("../utils/dom/scroll");
-
-var _createNamespace = (0, _utils.createNamespace)('index-anchor'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _relation.ChildrenMixin)('ztIndexBar', {
-    indexKey: 'childrenIndex'
-  })],
-  props: {
-    index: [Number, String]
-  },
-  data: function data() {
-    return {
-      top: 0,
-      left: null,
-      rect: {
-        top: 0,
-        height: 0
-      },
-      width: null,
-      active: false
-    };
-  },
-  computed: {
-    sticky: function sticky() {
-      return this.active && this.parent.sticky;
-    },
-    anchorStyle: function anchorStyle() {
-      if (this.sticky) {
-        return {
-          zIndex: "" + this.parent.zIndex,
-          left: this.left ? this.left + "px" : null,
-          width: this.width ? this.width + "px" : null,
-          transform: "translate3d(0, " + this.top + "px, 0)",
-          color: this.parent.highlightColor
-        };
-      }
-    }
-  },
-  mounted: function mounted() {
-    var rect = this.$el.getBoundingClientRect();
-    this.rect.height = rect.height;
-  },
-  methods: {
-    scrollIntoView: function scrollIntoView() {
-      this.$el.scrollIntoView();
-    },
-    getRect: function getRect(scroller, scrollerRect) {
-      var el = this.$el;
-      var elRect = el.getBoundingClientRect();
-      this.rect.height = elRect.height;
-
-      if (scroller === window || scroller === document.body) {
-        this.rect.top = elRect.top + (0, _scroll.getRootScrollTop)();
-      } else {
-        this.rect.top = elRect.top + (0, _scroll.getScrollTop)(scroller) - scrollerRect.top;
-      }
-
-      return this.rect;
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var sticky = this.sticky;
-    return h("div", {
-      "style": {
-        height: sticky ? this.rect.height + "px" : null
-      }
-    }, [h("div", {
-      "style": this.anchorStyle,
-      "class": [bem({
-        sticky: sticky
-      }), _constant.BORDER_TOP_BOTTOM]
-    }, [h("div", {
-      "class": bem('anchor-icon')
-    }), this.slots('default') || this.index])]);
-  }
-});
-
-exports.default = _default;

package/lib/index-anchor/index.less

@@ -1,34 +0,0 @@
-@import '../style/var';
-
-.zt-index-anchor {
-  display: flex;
-  align-items: center;
-  flex-flow: row nowrap;
-  flex: none;
-  z-index: @index-anchor-z-index;
-  box-sizing: border-box;
-  color: @index-anchor-text-color;
-  font-weight: @index-anchor-font-weight;
-  font-size: @index-anchor-font-size;
-  line-height: @index-anchor-line-height;
-  height: @index-anchor-height;
-  background-color: @index-anchor-background-color;
-
-
-  &--sticky {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    color: @index-anchor-sticky-text-color;
-    background-color: @index-anchor-sticky-background-color;
-  }
-
-  &__anchor-icon {
-    display: inline-block;
-    width: @index-anchor-icon-width;
-    height: @index-anchor-icon-height;
-    background-color: @index-anchor-icon-background-color;
-    margin-right: 12px;
-  }
-}

package/lib/index-anchor/style/index.js

@@ -1,2 +0,0 @@
-require('../../style/base.css');
-require('../index.css');

package/lib/index-anchor/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');

package/lib/index-bar/IndexIndicate.js

@@ -1,46 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-var _default = {
-  render: function render() {
-    var _attrs;
-
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": (_attrs = {
-        "xmlns": "http://www.w3.org/2000/svg"
-      }, _attrs["xmlns"] = "http://www.w3.org/1999/xlink", _attrs["width"] = "38px", _attrs["height"] = "32px", _attrs["viewBox"] = "0 0 38 32", _attrs["version"] = "1.1", _attrs)
-    }, [h("g", {
-      "attrs": {
-        "stroke": "none",
-        "stroke-width": "1",
-        "fill": "none",
-        "fill-rule": "evenodd",
-        "fill-opacity": "0.4"
-      }
-    }, [h("g", {
-      "attrs": {
-        "transform": "translate(-313.000000, -921.000000)",
-        "fill": "#000000"
-      }
-    }, [h("g", {
-      "attrs": {
-        "transform": "translate(0.000000, 811.000000)"
-      }
-    }, [h("g", {
-      "attrs": {
-        "transform": "translate(313.000000, 110.000000)"
-      }
-    }, [h("g", {
-      "attrs": {
-        "transform": "translate(0.000000, -0.000000)"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M37.2132034,14.5857864 C37.994252,15.366835 37.994252,16.633165 37.2132034,17.4142136 L27.3137085,27.3137085 C21.0653198,33.5620972 10.9346802,33.5620972 4.6862915,27.3137085 C-1.56209717,21.0653198 -1.56209717,10.9346802 4.6862915,4.6862915 C10.847897,-1.47531399 20.7846621,-1.56089184 27.0511331,4.42955794 L27.3137085,4.6862915 L37.2132034,14.5857864 Z"
-      }
-    })])])])])])]);
-  }
-};
-exports.default = _default;

package/lib/index-bar/index.css

@@ -1 +0,0 @@
-.zt-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.zt-index-bar__index-root{height:18px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-index-bar__indicate{position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.zt-index-bar__indicate-image{position:relative;top:2px}.zt-index-bar__indicate-txt{position:absolute;left:-3px;top:6px;right:0;bottom:0;margin:auto;font-size:16px;color:#fff;text-align:center}.zt-index-bar__index{min-width:16px;height:16px;margin-left:4px;margin-right:4px;padding:2px;font-size:10px;line-height:15px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.zt-index-bar__index--active{color:#0091fa;font-weight:700}.zt-index-bar__index--touch{background-color:#0091fa;border-radius:50%;color:#fff;font-weight:400}

package/lib/index-bar/index.js

@@ -1,272 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _style = require("../utils/dom/style");
-
-var _event = require("../utils/dom/event");
-
-var _scroll = require("../utils/dom/scroll");
-
-var _IndexIndicate = _interopRequireDefault(require("./IndexIndicate"));
-
-var _touch = require("../mixins/touch");
-
-var _relation = require("../mixins/relation");
-
-var _bindEvent = require("../mixins/bind-event");
-
-// Utils
-// Mixins
-function genAlphabet() {
-  var indexList = [];
-  var charCodeOfA = 'A'.charCodeAt(0);
-
-  for (var i = 0; i < 26; i++) {
-    indexList.push(String.fromCharCode(charCodeOfA + i));
-  }
-
-  return indexList;
-}
-
-var _createNamespace = (0, _utils.createNamespace)('index-bar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [_touch.TouchMixin, (0, _relation.ParentMixin)('ztIndexBar'), (0, _bindEvent.BindEventMixin)(function (bind) {
-    if (!this.scroller) {
-      this.scroller = (0, _scroll.getScroller)(this.$el);
-    }
-
-    bind(this.scroller, 'scroll', this.onScroll);
-  })],
-  props: {
-    zIndex: [Number, String],
-    highlightColor: String,
-    sticky: {
-      type: Boolean,
-      default: true
-    },
-    stickyOffsetTop: {
-      type: Number,
-      default: 0
-    },
-    indexList: {
-      type: Array,
-      default: genAlphabet
-    }
-  },
-  data: function data() {
-    return {
-      activeAnchorIndex: null,
-      touchAnchorIndex: null
-    };
-  },
-  computed: {
-    sidebarStyle: function sidebarStyle() {
-      if ((0, _utils.isDef)(this.zIndex)) {
-        return {
-          zIndex: this.zIndex + 1
-        };
-      }
-    },
-    highlightStyle: function highlightStyle() {
-      var highlightColor = this.highlightColor;
-
-      if (highlightColor) {
-        return {
-          color: highlightColor
-        };
-      }
-    }
-  },
-  watch: {
-    indexList: function indexList() {
-      this.$nextTick(this.onScroll);
-    },
-    activeAnchorIndex: function activeAnchorIndex(value) {
-      if (value) {
-        this.$emit('change', value);
-      }
-    }
-  },
-  methods: {
-    onScroll: function onScroll() {
-      var _this = this;
-
-      if ((0, _style.isHidden)(this.$el)) {
-        return;
-      }
-
-      var scrollTop = (0, _scroll.getScrollTop)(this.scroller);
-      var scrollerRect = this.getScrollerRect();
-      var rects = this.children.map(function (item) {
-        return item.getRect(_this.scroller, scrollerRect);
-      });
-      var active = this.getActiveAnchorIndex(scrollTop, rects);
-      this.activeAnchorIndex = this.indexList[active];
-
-      if (this.touchAnchorIndex && this.touchAnchorIndex !== this.activeAnchorIndex) {
-        this.touchAnchorIndex = this.activeAnchorIndex;
-      }
-
-      if (this.sticky) {
-        this.children.forEach(function (item, index) {
-          if (index === active || index === active - 1) {
-            var rect = item.$el.getBoundingClientRect();
-            item.left = rect.left;
-            item.width = rect.width;
-          } else {
-            item.left = null;
-            item.width = null;
-          }
-
-          if (index === active) {
-            item.active = true;
-            item.top = Math.max(_this.stickyOffsetTop, rects[index].top - scrollTop) + scrollerRect.top;
-          } else if (index === active - 1) {
-            var activeItemTop = rects[active].top - scrollTop;
-            item.active = activeItemTop > 0;
-            item.top = activeItemTop + scrollerRect.top - rects[index].height;
-          } else {
-            item.active = false;
-          }
-        });
-      }
-    },
-    getScrollerRect: function getScrollerRect() {
-      if (this.scroller.getBoundingClientRect) {
-        return this.scroller.getBoundingClientRect();
-      }
-
-      return {
-        top: 0,
-        left: 0
-      };
-    },
-    getActiveAnchorIndex: function getActiveAnchorIndex(scrollTop, rects) {
-      for (var i = this.children.length - 1; i >= 0; i--) {
-        var prevHeight = i > 0 ? rects[i - 1].height : 0;
-        var reachTop = this.sticky ? prevHeight + this.stickyOffsetTop : 0;
-
-        if (scrollTop + reachTop >= rects[i].top) {
-          return i;
-        }
-      }
-
-      return -1;
-    },
-    onClick: function onClick(event) {
-      this.scrollToElement(event.target);
-    },
-    onTouchMove: function onTouchMove(event) {
-      this.touchMove(event);
-
-      if (this.direction === 'vertical') {
-        (0, _event.preventDefault)(event);
-        var _event$touches$ = event.touches[0],
-            clientX = _event$touches$.clientX,
-            clientY = _event$touches$.clientY;
-        var target = document.elementFromPoint(clientX, clientY);
-
-        if (target) {
-          var index = target.dataset.index;
-          /* istanbul ignore else */
-
-          if (this.touchActiveIndex !== index) {
-            this.touchActiveIndex = index;
-            this.scrollToElement(target);
-          }
-        }
-      }
-    },
-    scrollTo: function scrollTo(index) {
-      var match = this.children.filter(function (item) {
-        return String(item.index) === index;
-      });
-
-      if (match[0]) {
-        match[0].scrollIntoView();
-
-        if (this.sticky && this.stickyOffsetTop) {
-          (0, _scroll.setRootScrollTop)((0, _scroll.getRootScrollTop)() - this.stickyOffsetTop);
-        }
-
-        this.$emit('select', match[0].index);
-      }
-    },
-    scrollToElement: function scrollToElement(element) {
-      var index = element.dataset.index;
-      this.scrollTo(index);
-    },
-    onTouchStart: function onTouchStart(event) {
-      this.touchStart(event);
-      var index = event.target.dataset.index;
-      this.touchAnchorIndex = index;
-    },
-    onTouchEnd: function onTouchEnd() {
-      var _this2 = this;
-
-      setTimeout(function () {
-        _this2.touchAnchorIndex = null;
-      }, 300);
-      this.active = null;
-    },
-    genIndicateImageContent: function genIndicateImageContent() {
-      var h = this.$createElement;
-      return h(_IndexIndicate.default, {
-        "class": bem('indicate-image')
-      });
-    }
-  },
-  render: function render() {
-    var _this3 = this;
-
-    var h = arguments[0];
-    var Indexes = this.indexList.map(function (index) {
-      var active = index === _this3.activeAnchorIndex;
-      var touched = index === _this3.touchAnchorIndex;
-      return h("div", {
-        "class": bem('index-root')
-      }, [h("div", {
-        "directives": [{
-          name: "show",
-          value: touched
-        }],
-        "class": bem('indicate')
-      }, [_this3.genIndicateImageContent(), h("div", {
-        "class": bem('indicate-txt')
-      }, [index])]), h("div", {
-        "class": bem('index', {
-          active: active,
-          touch: touched
-        }),
-        "style": active ? _this3.highlightStyle : null,
-        "attrs": {
-          "data-index": index
-        }
-      }, [index])]);
-    });
-    return h("div", {
-      "class": bem()
-    }, [h("div", {
-      "class": bem('sidebar'),
-      "style": this.sidebarStyle,
-      "on": {
-        "click": this.onClick,
-        "touchstart": this.onTouchStart,
-        "touchmove": this.onTouchMove,
-        "touchend": this.onTouchEnd,
-        "touchcancel": this.onTouchEnd
-      }
-    }, [Indexes]), this.slots('default')]);
-  }
-});
-
-exports.default = _default;

package/lib/index-bar/index.less

@@ -1,68 +0,0 @@
-@import '../style/var';
-
-.zt-index-bar {
-  &__sidebar {
-    position: fixed;
-    top: 50%;
-    right: 0;
-    z-index: @index-bar-sidebar-z-index;
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-    transform: translateY(-50%);
-    cursor: pointer;
-    user-select: none;
-  }
-
-  &__index-root {
-    height: 18px;
-    display: flex;
-    flex-direction: row;
-    justify-content:flex-end;
-    align-items: center;
-  }
-
-  &__indicate {
-    position: relative;
-    transition: all 0.3s ease-in-out;
-  }
-  &__indicate-image {
-    position: relative;
-    top: 2px;
-  }
-
-  &__indicate-txt {
-    position: absolute;
-    left: -3px;
-    top: 6px;
-    right: 0;
-    bottom: 0;
-    margin: auto;
-    font-size: 16px;
-    color: #FFFFFF;
-    text-align: center;
-  }
-
-  &__index {
-    min-width: 16px;
-    height: 16px;
-    margin-left: 4px;
-    margin-right: 4px;
-    padding: 2px;
-    font-size: @index-bar-index-font-size;
-    line-height: 15px;
-    text-shadow: 0 1px 1px rgba(0,0,0,0.20);
-
-    &--active {
-      color: @index-bar-index-active-color;
-      font-weight: @font-weight-bold;
-    }
-
-    &--touch {
-      background-color: #0091FA;
-      border-radius: 50%;
-      color: @white;
-      font-weight: normal;
-    }
-  }
-}

package/lib/index-bar/style/index.js

@@ -1,2 +0,0 @@
-require('../../style/base.css');
-require('../index.css');

package/lib/index-bar/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');