zartui 0.1.113 → 3.0.1

package/es/notice-bar/index.js

@@ -1,279 +0,0 @@
-import { createNamespace, isDef } from '../utils';
-import { doubleRaf, raf } from '../utils/dom/raf';
-import { BindEventMixin } from '../mixins/bind-event';
-import Icon from '../icon';
-import NoticeIcon from './NoticeIcon';
-import MenuIcon from './MenuIcon';
-import CloseIcon from "./CloseIcon";
-import OpenIcon from "./OpenIcon";
-import WarningIcon from "./WarningIcon";
-import TipIcon from "./TipIcon";
-
-var _createNamespace = createNamespace('notice-bar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [BindEventMixin(function (bind) {
-    // fix cache issues with forwards and back history in safari
-    // see: https://guwii.com/cache-issues-with-forwards-and-back-history-in-safari/
-    bind(window, 'pageshow', this.reset);
-  })],
-  inject: {
-    ztPopup: {
-      default: null
-    }
-  },
-  props: {
-    text: String,
-    mode: String,
-    color: String,
-    leftIcon: String,
-    wrapable: Boolean,
-    background: String,
-    scrollable: {
-      type: Boolean,
-      default: null
-    },
-    delay: {
-      type: [Number, String],
-      default: 1
-    },
-    speed: {
-      type: [Number, String],
-      default: 60
-    }
-  },
-  data: function data() {
-    return {
-      show: true,
-      offset: 0,
-      duration: 0,
-      wrapWidth: 0,
-      contentWidth: 0
-    };
-  },
-  watch: {
-    scrollable: 'reset',
-    text: {
-      handler: 'reset',
-      immediate: true
-    }
-  },
-  created: function created() {
-    // https://github.com/youzan/vant/issues/8634
-    if (this.ztPopup) {
-      this.ztPopup.onReopen(this.reset);
-    }
-  },
-  activated: function activated() {
-    this.reset();
-  },
-  methods: {
-    onClickIcon: function onClickIcon(event) {
-      if (this.mode === 'closeable' || this.mode === 'zt-closeable') {
-        this.show = false;
-        this.$emit('close', event);
-      }
-    },
-    onTransitionEnd: function onTransitionEnd() {
-      var _this = this;
-
-      this.offset = this.wrapWidth;
-      this.duration = 0; // wait for Vue to render offset
-      // using nextTick won't work in iOS14
-
-      raf(function () {
-        // use double raf to ensure animation can start
-        doubleRaf(function () {
-          _this.offset = -_this.contentWidth;
-          _this.duration = (_this.contentWidth + _this.wrapWidth) / _this.speed;
-
-          _this.$emit('replay');
-        });
-      });
-    },
-    // not an exposed-api, but may used by some users
-    start: function start() {
-      this.reset();
-    },
-    // @exposed-api
-    reset: function reset() {
-      var _this2 = this;
-
-      var delay = isDef(this.delay) ? this.delay * 1000 : 0;
-      this.offset = 0;
-      this.duration = 0;
-      this.wrapWidth = 0;
-      this.contentWidth = 0;
-      clearTimeout(this.startTimer);
-      this.startTimer = setTimeout(function () {
-        var _this2$$refs = _this2.$refs,
-            wrap = _this2$$refs.wrap,
-            content = _this2$$refs.content;
-
-        if (!wrap || !content || _this2.scrollable === false) {
-          return;
-        }
-
-        var wrapWidth = wrap.getBoundingClientRect().width;
-        var contentWidth = content.getBoundingClientRect().width;
-
-        if (_this2.scrollable || contentWidth > wrapWidth) {
-          doubleRaf(function () {
-            _this2.offset = -contentWidth;
-            _this2.duration = contentWidth / _this2.speed;
-            _this2.wrapWidth = wrapWidth;
-            _this2.contentWidth = contentWidth;
-          });
-        }
-      }, delay);
-    }
-  },
-  render: function render() {
-    var _this3 = this;
-
-    var h = arguments[0];
-    var slots = this.slots,
-        mode = this.mode,
-        leftIcon = this.leftIcon,
-        onClickIcon = this.onClickIcon;
-    var barStyle = {
-      color: this.color,
-      background: this.background
-    };
-    var contentStyle = {
-      transform: this.offset ? "translateX(" + this.offset + "px)" : '',
-      transitionDuration: this.duration + 's'
-    };
-
-    function LeftIcon() {
-      var slot = slots('left-icon');
-
-      if (slot) {
-        return slot;
-      }
-
-      if (leftIcon === 'zt-notice-icon') {
-        return h("div", {
-          "class": bem('left-icon')
-        }, [h(NoticeIcon, {
-          "class": bem('left-icon-size')
-        })]);
-      } else if (leftIcon === 'zt-menu-icon') {
-        return h("div", {
-          "class": bem('left-icon')
-        }, [h(MenuIcon, {
-          "class": bem('left-icon-size')
-        })]);
-      } else if (leftIcon === 'zt-menu-icon') {
-        return h("div", {
-          "class": bem('left-icon')
-        }, [h(MenuIcon, {
-          "class": bem('left-icon-size')
-        })]);
-      } else if (leftIcon === 'zt-warning-icon') {
-        return h("div", {
-          "class": bem('left-icon')
-        }, [h(WarningIcon, {
-          "class": bem('left-icon-size')
-        })]);
-      } else if (leftIcon === 'zt-tip-icon') {
-        return h("div", {
-          "class": bem('left-icon')
-        }, [h(TipIcon, {
-          "class": bem('left-icon-size')
-        })]);
-      }
-
-      if (leftIcon) {
-        return h(Icon, {
-          "class": bem('left-icon'),
-          "attrs": {
-            "name": leftIcon
-          }
-        });
-      }
-    }
-
-    function RightIcon() {
-      var slot = slots('right-icon');
-
-      if (slot) {
-        return slot;
-      }
-
-      var iconName;
-
-      if (mode === 'zt-closeable') {
-        return h("div", {
-          "class": bem('right-icon'),
-          "on": {
-            "click": onClickIcon
-          }
-        }, [h(CloseIcon, {
-          "class": bem('right-icon-size')
-        })]);
-      } else if (mode === 'zt-link') {
-        return h("div", {
-          "class": bem('right-icon'),
-          "on": {
-            "click": onClickIcon
-          }
-        }, [h(OpenIcon, {
-          "class": bem('right-icon-size')
-        })]);
-      } else if (mode === 'closeable') {
-        iconName = 'close';
-      } else if (mode === 'link') {
-        iconName = 'arrow';
-      }
-
-      if (iconName) {
-        return h(Icon, {
-          "class": bem('right-icon'),
-          "attrs": {
-            "name": iconName
-          },
-          "on": {
-            "click": onClickIcon
-          }
-        });
-      }
-    }
-
-    return h("div", {
-      "attrs": {
-        "role": "alert"
-      },
-      "directives": [{
-        name: "show",
-        value: this.show
-      }],
-      "class": bem({
-        wrapable: this.wrapable
-      }),
-      "style": barStyle,
-      "on": {
-        "click": function click(event) {
-          _this3.$emit('click', event);
-        }
-      }
-    }, [LeftIcon(), h("div", {
-      "ref": "wrap",
-      "class": bem('wrap'),
-      "attrs": {
-        "role": "marquee"
-      }
-    }, [h("div", {
-      "ref": "content",
-      "class": [bem('content'), {
-        'zt-ellipsis': this.scrollable === false && !this.wrapable
-      }],
-      "style": contentStyle,
-      "on": {
-        "transitionend": this.onTransitionEnd
-      }
-    }, [this.slots() || this.text])]), RightIcon()]);
-  }
-});

package/es/notice-bar/index.less

@@ -1,66 +0,0 @@
-@import '../style/var';
-
-.zt-notice-bar {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: @notice-bar-height;
-  padding: @notice-bar-padding;
-  color: @notice-bar-text-color;
-  font-size: @notice-bar-font-size;
-  line-height: @notice-bar-line-height;
-  background-color: @notice-bar-background-color;
-
-  &__left-icon,
-  &__right-icon {
-    min-width: @notice-bar-icon-min-width;
-    font-size: @notice-bar-icon-size;
-    height: @notice-bar-icon-size;
-  }
-  &__left-icon-size,
-  &__right-icon-size {
-    width: @notice-bar-icon-size;
-    height: @notice-bar-icon-size;
-  }
-
-  &__right-icon {
-    text-align: right;
-    cursor: pointer;
-  }
-
-  &__wrap {
-    position: relative;
-    display: flex;
-    flex: 1;
-    align-items: center;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  &__content {
-    position: absolute;
-    white-space: nowrap;
-    transition-timing-function: linear;
-
-    &.zt-ellipsis {
-      max-width: 100%;
-    }
-  }
-
-  &--wrapable {
-    height: auto;
-    padding: @notice-bar-wrapable-padding;
-
-    .zt-notice-bar {
-      &__wrap {
-        height: auto;
-      }
-
-      &__content {
-        position: relative;
-        white-space: normal;
-        word-wrap: break-word;
-      }
-    }
-  }
-}

package/es/notice-bar/style/index.js

@@ -1,4 +0,0 @@
-import '../../style/base.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../index.css';

package/es/notice-bar/style/less.js

@@ -1,4 +0,0 @@
-import '../../style/base.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../index.less';

package/es/number-keyboard/CollapseIcon.js

@@ -1,16 +0,0 @@
-export default {
-  render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "viewBox": "0 0 30 24",
-        "xmlns": "http://www.w3.org/2000/svg"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z",
-        "fill": "currentColor"
-      }
-    })]);
-  }
-};

package/es/number-keyboard/DeleteIcon.js

@@ -1,16 +0,0 @@
-export default {
-  render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "viewBox": "0 0 32 22",
-        "xmlns": "http://www.w3.org/2000/svg"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z",
-        "fill": "currentColor"
-      }
-    })]);
-  }
-};

package/es/number-keyboard/Key.js

@@ -1,100 +0,0 @@
-import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-import Loading from '../loading';
-import DeleteIcon from './DeleteIcon';
-import CollapseIcon from './CollapseIcon';
-
-var _createNamespace = createNamespace('key'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [TouchMixin],
-  props: {
-    type: String,
-    text: [Number, String],
-    color: String,
-    wider: Boolean,
-    large: Boolean,
-    loading: Boolean
-  },
-  data: function data() {
-    return {
-      active: false
-    };
-  },
-  mounted: function mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-  methods: {
-    onTouchStart: function onTouchStart(event) {
-      // compatible with Vue 2.6 event bubble bug
-      event.stopPropagation();
-      this.touchStart(event);
-      this.active = true;
-    },
-    onTouchMove: function onTouchMove(event) {
-      this.touchMove(event);
-
-      if (this.direction) {
-        this.active = false;
-      }
-    },
-    onTouchEnd: function onTouchEnd(event) {
-      if (this.active) {
-        // eliminate tap delay on safari
-        // see: https://github.com/youzan/vant/issues/6836
-        if (!this.slots('default')) {
-          event.preventDefault();
-        }
-
-        this.active = false;
-        this.$emit('press', this.text, this.type);
-      }
-    },
-    genContent: function genContent() {
-      var h = this.$createElement;
-      var isExtra = this.type === 'extra';
-      var isDelete = this.type === 'delete';
-      var text = this.slots('default') || this.text;
-
-      if (this.loading) {
-        return h(Loading, {
-          "class": bem('loading-icon')
-        });
-      }
-
-      if (isDelete) {
-        return text || h(DeleteIcon, {
-          "class": bem('delete-icon')
-        });
-      }
-
-      if (isExtra) {
-        return text || h(CollapseIcon, {
-          "class": bem('collapse-icon')
-        });
-      }
-
-      return text;
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem('wrapper', {
-        wider: this.wider
-      })
-    }, [h("div", {
-      "attrs": {
-        "role": "button",
-        "tabindex": "0"
-      },
-      "class": bem([this.color, {
-        large: this.large,
-        active: this.active,
-        delete: this.type === 'delete'
-      }])
-    }, [this.genContent()])]);
-  }
-});