zartui 0.1.113 → 3.0.1

package/es/toast/Toast.js

@@ -1,168 +0,0 @@
-// Utils
-import { createNamespace, isDef } from '../utils';
-import { lockClick } from './lock-click'; // Mixins
-
-import { PopupMixin } from '../mixins/popup'; // Components
-
-import Icon from '../icon';
-import Loading from '../loading';
-import SuccessIcon from './svg/SuccessIcon';
-import WarnIcon from './svg/WarnIcon';
-
-var _createNamespace = createNamespace('toast'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [PopupMixin()],
-  props: {
-    icon: String,
-    className: null,
-    iconPrefix: String,
-    loadingType: String,
-    forbidClick: Boolean,
-    closeOnClick: Boolean,
-    message: [Number, String],
-    type: {
-      type: String,
-      default: 'text'
-    },
-    position: {
-      type: String,
-      default: 'middle'
-    },
-    transition: {
-      type: String,
-      default: 'zt-fade'
-    },
-    lockScroll: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data: function data() {
-    return {
-      clickable: false
-    };
-  },
-  mounted: function mounted() {
-    this.toggleClickable();
-  },
-  destroyed: function destroyed() {
-    this.toggleClickable();
-  },
-  watch: {
-    value: 'toggleClickable',
-    forbidClick: 'toggleClickable'
-  },
-  methods: {
-    onClick: function onClick() {
-      if (this.closeOnClick) {
-        this.close();
-      }
-    },
-    toggleClickable: function toggleClickable() {
-      var clickable = this.value && this.forbidClick;
-
-      if (this.clickable !== clickable) {
-        this.clickable = clickable;
-        lockClick(clickable);
-      }
-    },
-
-    /* istanbul ignore next */
-    onAfterEnter: function onAfterEnter() {
-      this.$emit('opened');
-
-      if (this.onOpened) {
-        this.onOpened();
-      }
-    },
-    onAfterLeave: function onAfterLeave() {
-      this.$emit('closed');
-    },
-    genIcon: function genIcon() {
-      var h = this.$createElement;
-      var icon = this.icon,
-          type = this.type,
-          iconPrefix = this.iconPrefix,
-          loadingType = this.loadingType;
-
-      if (icon) {
-        return h(Icon, {
-          "class": bem('icon'),
-          "attrs": {
-            "classPrefix": iconPrefix,
-            "name": icon || type
-          }
-        });
-      }
-
-      if (type === 'success') {
-        return h(SuccessIcon, {
-          "class": bem('success')
-        });
-      }
-
-      if (type === 'fail') {
-        return h(WarnIcon, {
-          "class": bem('fail')
-        });
-      }
-
-      if (type === 'loading') {
-        return h(Loading, {
-          "class": bem('loading'),
-          "attrs": {
-            "type": loadingType
-          }
-        });
-      }
-    },
-    genMessage: function genMessage() {
-      var h = this.$createElement;
-      var type = this.type,
-          message = this.message;
-
-      if (!isDef(message) || message === '') {
-        return;
-      }
-
-      if (type === 'html') {
-        return h("div", {
-          "class": bem('text'),
-          "domProps": {
-            "innerHTML": message
-          }
-        });
-      }
-
-      return h("div", {
-        "class": bem('text')
-      }, [message]);
-    }
-  },
-  render: function render() {
-    var _ref;
-
-    var h = arguments[0];
-    return h("transition", {
-      "attrs": {
-        "name": this.transition
-      },
-      "on": {
-        "afterEnter": this.onAfterEnter,
-        "afterLeave": this.onAfterLeave
-      }
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.value
-      }],
-      "class": [bem([this.position, (_ref = {}, _ref[this.type] = !this.icon, _ref)]), this.className],
-      "on": {
-        "click": this.onClick
-      }
-    }, [this.genIcon(), this.genMessage()])]);
-  }
-});

package/es/toast/index.js

@@ -1,193 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import Vue from 'vue';
-import VueToast from './Toast';
-import { isObject, isServer } from '../utils';
-import { removeNode } from '../utils/dom/node';
-var defaultOptions = {
-  icon: '',
-  type: 'text',
-  // @deprecated
-  mask: false,
-  value: true,
-  message: '',
-  className: '',
-  overlay: false,
-  onClose: null,
-  onOpened: null,
-  duration: 2000,
-  iconPrefix: undefined,
-  position: 'middle',
-  transition: 'zt-fade',
-  forbidClick: false,
-  loadingType: undefined,
-  getContainer: 'body',
-  overlayStyle: null,
-  closeOnClick: false,
-  closeOnClickOverlay: false
-}; // default options of specific type
-
-var defaultOptionsMap = {};
-var queue = [];
-var multiple = false;
-
-var currentOptions = _extends({}, defaultOptions);
-
-function parseOptions(message) {
-  if (isObject(message)) {
-    return message;
-  }
-
-  return {
-    message: message
-  };
-}
-
-function isInDocument(element) {
-  return document.body.contains(element);
-}
-
-function createInstance() {
-  /* istanbul ignore if */
-  if (isServer) {
-    return {};
-  }
-
-  queue = queue.filter(function (item) {
-    return !item.$el.parentNode || isInDocument(item.$el);
-  });
-
-  if (!queue.length || multiple) {
-    var toast = new (Vue.extend(VueToast))({
-      el: document.createElement('div')
-    });
-    toast.$on('input', function (value) {
-      toast.value = value;
-    });
-    queue.push(toast);
-  }
-
-  return queue[queue.length - 1];
-} // transform toast options to popup props
-
-
-function transformOptions(options) {
-  return _extends({}, options, {
-    overlay: options.mask || options.overlay,
-    mask: undefined,
-    duration: undefined
-  });
-}
-
-function Toast(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var toast = createInstance(); // should add z-index if previous toast has not disappeared
-
-  if (toast.value) {
-    toast.updateZIndex();
-  }
-
-  options = parseOptions(options);
-  options = _extends({}, currentOptions, defaultOptionsMap[options.type || currentOptions.type], options);
-
-  if (process.env.NODE_ENV === 'development' && options.mask) {
-    console.warn('[Zart] Toast: "mask" option is deprecated, use "overlay" option instead.');
-  }
-
-  options.clear = function () {
-    toast.value = false;
-
-    if (options.onClose) {
-      options.onClose();
-      options.onClose = null;
-    }
-
-    if (multiple && !isServer) {
-      toast.$on('closed', function () {
-        clearTimeout(toast.timer);
-        queue = queue.filter(function (item) {
-          return item !== toast;
-        });
-        removeNode(toast.$el);
-        toast.$destroy();
-      });
-    }
-  };
-
-  _extends(toast, transformOptions(options));
-
-  clearTimeout(toast.timer);
-
-  if (options.duration > 0) {
-    toast.timer = setTimeout(function () {
-      toast.clear();
-    }, options.duration);
-  }
-
-  return toast;
-}
-
-var createMethod = function createMethod(type) {
-  return function (options) {
-    return Toast(_extends({
-      type: type
-    }, parseOptions(options)));
-  };
-};
-
-['loading', 'success', 'fail'].forEach(function (method) {
-  Toast[method] = createMethod(method);
-});
-
-Toast.clear = function (all) {
-  if (queue.length) {
-    if (all) {
-      queue.forEach(function (toast) {
-        toast.clear();
-      });
-      queue = [];
-    } else if (!multiple) {
-      queue[0].clear();
-    } else {
-      queue.shift().clear();
-    }
-  }
-};
-
-Toast.setDefaultOptions = function (type, options) {
-  if (typeof type === 'string') {
-    defaultOptionsMap[type] = options;
-  } else {
-    _extends(currentOptions, type);
-  }
-};
-
-Toast.resetDefaultOptions = function (type) {
-  if (typeof type === 'string') {
-    defaultOptionsMap[type] = null;
-  } else {
-    currentOptions = _extends({}, defaultOptions);
-    defaultOptionsMap = {};
-  }
-};
-
-Toast.allowMultiple = function (value) {
-  if (value === void 0) {
-    value = true;
-  }
-
-  multiple = value;
-};
-
-Toast.install = function () {
-  Vue.use(VueToast);
-};
-
-if (typeof Vue.prototype.$toast === "undefined") {
-  Vue.prototype.$toast = Toast;
-}
-
-Vue.prototype.$ztToast = Toast;
-export default Toast;

package/es/toast/index.less

@@ -1,82 +0,0 @@
-@import '../style/var';
-
-.zt-toast {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  box-sizing: content-box;
-
-  // hack for avoid max-width when use left & fixed
-  width: @toast-default-width;
-  max-width: @toast-max-width;
-  min-height: @toast-default-min-height;
-  padding: @toast-default-padding;
-  color: @toast-text-color;
-  font-size: @toast-font-size;
-  line-height: @toast-line-height;
-
-  // allow newline character
-  white-space: pre-wrap;
-  text-align: center;
-  // https://github.com/youzan/vant/issues/8959
-  word-break: break-all;
-  background-color: @toast-background-color;
-  border-radius: @toast-border-radius;
-  transform: translate3d(-50%, -50%, 0);
-
-  &--unclickable {
-    // lock scroll
-    overflow: hidden;
-
-    // should not add pointer-events: none directly to body tag
-    // that will cause unexpected tap-highlight-color in mobile safari
-    * {
-      pointer-events: none;
-    }
-  }
-
-  &--text,
-  &--html {
-    width: fit-content;
-    min-width: @toast-text-min-width;
-    min-height: 0;
-    padding: @toast-text-padding;
-
-    .zt-toast__text {
-      margin-top: 0;
-    }
-  }
-
-  &--top {
-    top: @toast-position-top-distance;
-  }
-
-  &--bottom {
-    top: auto;
-    bottom: @toast-position-bottom-distance;
-  }
-
-  &__icon {
-    font-size: @toast-icon-size;
-  }
-
-  &__loading {
-    padding: @padding-base;
-    color: @toast-loading-icon-color;
-  }
-
-  &__text {
-    margin-top: @padding-base;
-  }
-
-  &--success, &--fail {
-    svg {
-      width: @toast-icon-size;
-      height: @toast-icon-size;
-    }
-  }
-}

package/es/toast/lock-click.js

@@ -1,16 +0,0 @@
-var lockCount = 0;
-export function lockClick(lock) {
-  if (lock) {
-    if (!lockCount) {
-      document.body.classList.add('zt-toast--unclickable');
-    }
-
-    lockCount++;
-  } else {
-    lockCount--;
-
-    if (!lockCount) {
-      document.body.classList.remove('zt-toast--unclickable');
-    }
-  }
-}

package/es/toast/style/index.js

@@ -1,7 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../index.css';

package/es/toast/style/less.js

@@ -1,7 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../index.less';

package/es/toast/svg/SuccessIcon.js

@@ -1,35 +0,0 @@
-export default {
-  render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "xmlns": "http://www.w3.org/2000/svg",
-        "viewBox": "0 0 36 36"
-      },
-      "class": "design-iconfont"
-    }, [h("defs", [h("filter", {
-      "attrs": {
-        "id": "sfb0h0clva"
-      }
-    }, [h("feColorMatrix", {
-      "attrs": {
-        "in": "SourceGraphic",
-        "values": "0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-      }
-    })])]), h("g", {
-      "attrs": {
-        "transform": "translate(-26 -12)",
-        "filter": "url(#sfb0h0clva)",
-        "fill": "none",
-        "fill-rule": "evenodd"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M30.462142,8.66701769 C31.0602566,8.09382452 32.0097891,8.11402734 32.5829823,8.71214196 C33.1260074,9.27877685 33.1364555,10.1608118 32.6274923,10.7394568 L32.537858,10.8329823 L14.537858,28.0829823 C13.9616042,28.6352256 13.061243,28.6355807 12.4847385,28.1043122 L12.3964973,28.0160127 L3.39649731,18.2410127 C2.83536899,17.631565 2.87453959,16.6826256 3.48398729,16.1214973 C4.06135881,15.5899021 4.94342643,15.5970792 5.51178671,16.1175022 L5.60350269,16.2089873 L13.56675,24.858 L30.462142,8.66701769 Z",
-        "fill": "#000",
-        "fill-rule": "nonzero",
-        "transform": "translate(26 12)"
-      }
-    })])]);
-  }
-};

package/es/toast/svg/WarnIcon.js

@@ -1,34 +0,0 @@
-export default {
-  render: function render() {
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": {
-        "xmlns": "http://www.w3.org/2000/svg",
-        "viewBox": "0 0 36 36"
-      },
-      "class": "design-iconfont"
-    }, [h("defs", [h("filter", {
-      "attrs": {
-        "id": "7xuc0p6qza"
-      }
-    }, [h("feColorMatrix", {
-      "attrs": {
-        "in": "SourceGraphic",
-        "values": "0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-      }
-    })])]), h("g", {
-      "attrs": {
-        "transform": "translate(-26 -12)",
-        "filter": "url(#7xuc0p6qza)",
-        "fill": "none",
-        "fill-rule": "evenodd"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M18,27.75 C19.5325902,27.75 20.775,28.9924098 20.775,30.525 C20.775,32.0575902 19.5325902,33.3 18,33.3 C16.4674098,33.3 15.225,32.0575902 15.225,30.525 C15.225,28.9924098 16.4674098,27.75 18,27.75 Z M18,3 C18.7907713,3 19.4386238,3.61190834 19.4958857,4.38805324 L19.5,4.5 L19.5,22.5 C19.5,23.3284271 18.8284271,24 18,24 C17.2092287,24 16.5613762,23.3880917 16.5041143,22.6119468 L16.5,22.5 L16.5,4.5 C16.5,3.67157288 17.1715729,3 18,3 Z",
-        "fill": "#000",
-        "transform": "translate(26 12)"
-      }
-    })])]);
-  }
-};

package/es/uploader/index.css

@@ -1 +0,0 @@
-.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:.4}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f5f5fa}.zt-uploader__upload:active{background-color:rgba(0,0,0,.04)}.zt-uploader__upload--readonly:active{background-color:#f5f5fa}.zt-uploader__upload-icon{color:#dcdee0;font-size:24px}.zt-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.zt-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.zt-uploader__mask-icon{font-size:22px}.zt-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.zt-uploader__loading{width:22px;height:22px;color:#fff}.zt-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f5f5fa}.zt-uploader__file-icon{color:#646566;font-size:20px}.zt-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}