zartui 0.1.113 → 3.0.1

package/es/media-picker/index.less

@@ -1,148 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-media-picker {
-  background-color: white;
-
-  &__hidden {
-    display: none;
-  }
-  
-  &__title {
-    position: relative;
-    height: 44px;
-    line-height: 44px;
-    font-weight: bold;
-    font-size: 16px;
-    color: black;
-    padding: 0 16px;
-
-    &::before {
-      position: absolute;
-      width: 4px;
-      height: 16px;
-      background: @blue;
-      left: 0;
-      top: 14px;
-      content: ' ';
-    }
-    
-    &::after {
-      .hairline-bottom()
-    }
-  }
-  
-  &__line {
-    width: 100%;
-    height: 92px;
-    display: flex;
-    align-items: center;
-    overflow-x: auto;
-    
-    &::-webkit-scrollbar {
-      width: 0;
-      height: 0;
-    }
-    
-    &::after {
-      content: ' ';
-      min-width: 16px;
-      height: 10px;
-    }
-  }
-
-  &__box {
-    width: 48px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    
-    &:first-child {
-      margin-left: 16px;
-    }
-
-    &:not(:last-child) {
-      margin-right: 24px;
-    }
-    
-    //&:last-child {
-    //  margin-right: 16px;
-    //}
-  }
-
-  &__button {
-    width: 48px;
-    height: 48px;
-  }
-
-  &__label {
-    margin-top: 4px;
-    font-size: 12px;
-    opacity: 0.8;
-    color: #000000;
-    letter-spacing: 0;
-    text-align: center;
-    line-height: 16px;
-  }
-  
-  &__grid {
-    padding: 0 16px 8px 16px !important;
-  }
-  
-  //放大点击区域
-  &__delete {
-    width: 20px;
-    height: 20px;
-    position: absolute;
-    padding: 4px;
-    top: 0;
-    right: 0;
-  }
-  
-  .zt-image {
-    width: 100%;
-    height: 100%;
-  }
-  
-  .zt-grid-item__content {
-    padding: 0;
-  }
-  
-  &__thumbnail {
-    width: 100%;
-    height: 100%;
-  }
-  
-  &__mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: @white;
-    background-color: @uploader-mask-background-color;
-    border-radius: 4px;
-
-    &-icon {
-      font-size: @uploader-mask-icon-size;
-    }
-
-    &-message {
-      margin-top: 6px;
-      padding: 0 @padding-base;
-      font-size: @uploader-mask-message-font-size;
-      line-height: @uploader-mask-message-line-height;
-    }
-  }
-  
-  &__loading {
-    width: @uploader-loading-icon-size;
-    height: @uploader-loading-icon-size;
-    color: @uploader-loading-icon-color;
-  }
-  
-}

package/es/media-picker/media-util.js

@@ -1,37 +0,0 @@
-export function isImageType(file) {
-  return file.type.indexOf('image/') >= 0;
-}
-export function isAudioType(file) {
-  return file.type.indexOf('audio/') >= 0;
-}
-export function isVideoType(file) {
-  return file.type.indexOf('video/') >= 0;
-}
-/**
- * 文件唯一标识
- */
-
-export function getFileUniqueCode(file) {
-  return file.name + "_" + file.type + "_" + file.size + "_" + file.lastModified;
-}
-/**
- * 生成不重复的文件名
- * @param {File} file 原始文件
- * @param {string} suffix 指定文件名后缀
- */
-
-export function getUniqueFileName(file, suffix) {
-  if (suffix === void 0) {
-    suffix = '';
-  }
-
-  var dotIndex = file.name.lastIndexOf('.');
-
-  if (dotIndex > 0) {
-    suffix = file.name.substring(dotIndex + 1);
-  }
-
-  var now = new Date();
-  var name = "" + now.getFullYear() + now.getMonth() + now.getDay() + now.getHours() + now.getMinutes() + now.getSeconds() + now.getMilliseconds() + "_" + Math.ceil(Math.random() * 10000);
-  return suffix ? name + '.' + suffix : name;
-}

package/es/media-picker/style/index.js

@@ -1,12 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../image/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../../toast/index.css';
-import '../../swipe/index.css';
-import '../../swipe-item/index.css';
-import '../../image-preview/index.css';
-import '../index.css';

package/es/media-picker/style/less.js

@@ -1,12 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../image/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../../toast/index.less';
-import '../../swipe/index.less';
-import '../../swipe-item/index.less';
-import '../../image-preview/index.less';
-import '../index.less';

package/es/media-picker/type.js

@@ -1,24 +0,0 @@
-export var MediaUploadStatus;
-
-(function (MediaUploadStatus) {
-  MediaUploadStatus["UPLOADING"] = "uploading";
-  MediaUploadStatus["DONE"] = "done";
-  MediaUploadStatus["FAILED"] = "failed";
-})(MediaUploadStatus || (MediaUploadStatus = {}));
-
-export var MediaType;
-
-(function (MediaType) {
-  MediaType["PHOTO"] = "photo";
-  MediaType["AUDIO"] = "audio";
-  MediaType["VIDEO"] = "video";
-  MediaType["FILE"] = "file";
-})(MediaType || (MediaType = {}));
-
-export var MediaAddType;
-
-(function (MediaAddType) {
-  MediaAddType["TAKE"] = "take";
-  MediaAddType["PICK"] = "pick";
-  MediaAddType["TAKE_AND_PICK"] = "take_and_pick";
-})(MediaAddType || (MediaAddType = {}));

package/es/media-player/index.css

@@ -1 +0,0 @@
-.zt-media-player{background-color:#f1f3f4}.zt-media-player__video{width:100%;height:400px;max-height:70%;background-color:rgba(0,0,0,.8)}.zt-media-player__audio{width:100%}

package/es/media-player/index.js

@@ -1,149 +0,0 @@
-import { createNamespace } from '../utils';
-import { MediaType } from "../media-picker/type";
-import Toast from '../toast';
-import { isIOS, isWeixin } from "../utils/device";
-
-var _createNamespace = createNamespace('media-player'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    mediaType: {
-      type: String,
-      default: ''
-    },
-    mediaUrl: {
-      type: String,
-      default: ''
-    }
-  },
-  data: function data() {
-    return {
-      popupStyle: {
-        maxHeight: '70%',
-        backgroundColor: '#fff'
-      }
-    };
-  },
-  deactivated: function deactivated() {
-    this.onClose();
-  },
-  methods: {
-    getMediaElement: function getMediaElement() {
-      var player;
-
-      if (this.mediaType === MediaType.AUDIO) {
-        // player = document.getElementById("audio")
-        player = this.$refs.audio;
-      } else if (this.mediaType === MediaType.VIDEO) {
-        // player = document.getElementById("video")
-        player = this.$refs.video;
-      }
-
-      return player;
-    },
-    onOpen: function onOpen() {
-      var _this = this;
-
-      this.$nextTick(function () {
-        var player = _this.getMediaElement();
-
-        if (!player) {
-          return;
-        } // player.addEventListener('error', (event) => {
-        //   console.log(event)
-        //   Toast.fail('播放失败')
-        //   this.onClose()
-        // }, true)
-        //iOS中无法自动播放，必须有点击事件触发。但是微信中有办法实现
-
-
-        if (isWeixin()) {
-          if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
-            WeixinJSBridge.invoke('getNetworkType', {}, function (res) {
-              player.play();
-            });
-          }
-        } else if (!isIOS()) {
-          player.play();
-        }
-      });
-    },
-    onClose: function onClose() {
-      this.$emit('input', false);
-      var player = this.getMediaElement();
-
-      if (!player) {
-        return;
-      }
-
-      player.pause();
-      player.currentTime = 0;
-
-      if (this.mediaUrl && !this.mediaUrl.startsWith('http')) {
-        (URL || webkitURL).revokeObjectURL(this.mediaUrl);
-      }
-    },
-    renderTag: function renderTag() {
-      var h = this.$createElement;
-
-      if (this.mediaUrl) {
-        if (this.mediaType === MediaType.VIDEO) {
-          return h("video", {
-            "class": bem('video'),
-            "attrs": {
-              "src": this.mediaUrl,
-              "controls": true,
-              "autoplay": true,
-              "id": "video",
-              "webkit-playsinline": true,
-              "playsinline": true
-            },
-            "ref": 'video'
-          }, ["\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E"]);
-        } else if (this.mediaType === MediaType.AUDIO) {
-          return h("audio", {
-            "class": bem('audio'),
-            "attrs": {
-              "src": this.mediaUrl,
-              "controls": true,
-              "autoplay": true,
-              "id": "audio"
-            },
-            "ref": 'audio'
-          }, ["\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301audio\u6807\u7B7E"]);
-        }
-      }
-    }
-  },
-  render: function render(h) {
-    return h("zt-popup", {
-      "class": bem(),
-      "attrs": {
-        "value": this.value,
-        "position": "bottom",
-        "overlay": true,
-        "safe-area-inset-bottom": true,
-        "close-on-popstate": true,
-        "customOnClickOverlay": this.onClose
-      },
-      "on": {
-        "open": this.onOpen
-      }
-    }, [this.renderTag(), h("zt-button", {
-      "attrs": {
-        "block": true,
-        "square": true,
-        "size": "large"
-      },
-      "on": {
-        "click": this.onClose
-      }
-    }, ["\u5173\u95ED"])]);
-  }
-});

package/es/media-player/index.less

@@ -1,14 +0,0 @@
-.zt-media-player {
-  background-color: #F1F3F4;
-  
-  &__video {
-    width: 100%;
-    height: 400px;
-    max-height: 70%;
-    background-color: rgba(0, 0, 0, 0.8);
-  }
-  
-  &__audio {
-    width: 100%;
-  }
-}

package/es/media-player/style/index.js

@@ -1,9 +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 '../../toast/index.css';
-import '../../media-picker/index.css';
-import '../index.css';

package/es/media-player/style/less.js

@@ -1,9 +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 '../../toast/index.less';
-import '../../media-picker/index.less';
-import '../index.less';

package/es/mixins/bind-event.js

@@ -1,29 +0,0 @@
-/**
- * Bind event when mounted or activated
- */
-import { on, off } from '../utils/dom/event';
-var uid = 0;
-export function BindEventMixin(handler) {
-  var key = "binded_" + uid++;
-
-  function bind() {
-    if (!this[key]) {
-      handler.call(this, on, true);
-      this[key] = true;
-    }
-  }
-
-  function unbind() {
-    if (this[key]) {
-      handler.call(this, off, false);
-      this[key] = false;
-    }
-  }
-
-  return {
-    mounted: bind,
-    activated: bind,
-    deactivated: unbind,
-    beforeDestroy: unbind
-  };
-}

package/es/mixins/checkbox.js

@@ -1,166 +0,0 @@
-/**
- * Common part of Checkbox & Radio
- */
-import Icon from '../icon';
-import { FieldMixin } from './field';
-import { ChildrenMixin } from './relation';
-import { addUnit } from '../utils';
-export var CheckboxMixin = function CheckboxMixin(_ref) {
-  var parent = _ref.parent,
-      bem = _ref.bem,
-      role = _ref.role;
-  return {
-    mixins: [ChildrenMixin(parent), FieldMixin],
-    props: {
-      name: null,
-      value: null,
-      disabled: Boolean,
-      iconSize: [Number, String],
-      checkedColor: String,
-      iconColor: String,
-      labelPosition: String,
-      labelDisabled: Boolean,
-      shape: {
-        type: String,
-        default: 'round'
-      },
-      bindGroup: {
-        type: Boolean,
-        default: true
-      }
-    },
-    computed: {
-      disableBindRelation: function disableBindRelation() {
-        return !this.bindGroup;
-      },
-      isDisabled: function isDisabled() {
-        return this.parent && this.parent.disabled || this.disabled;
-      },
-      direction: function direction() {
-        return this.parent && this.parent.direction || null;
-      },
-      iconStyle: function iconStyle() {
-        var checkedColor = this.checkedColor || this.parent && this.parent.checkedColor;
-        var iconColor = this.iconColor || this.parent && this.parent.iconColor;
-
-        if (checkedColor && this.checked && !this.isDisabled) {
-          return {
-            color: iconColor,
-            borderColor: checkedColor,
-            backgroundColor: checkedColor
-          };
-        }
-      },
-      tabindex: function tabindex() {
-        if (this.isDisabled || role === 'radio' && !this.checked) {
-          return -1;
-        }
-
-        return 0;
-      }
-    },
-    methods: {
-      onClick: function onClick(event) {
-        var _this = this;
-
-        var target = event.target;
-        var icon = this.$refs.icon;
-        var iconClicked = icon === target || icon.contains(target);
-
-        if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-          this.toggle(); // wait for toggle method to complete
-          // so we can get the changed value in the click event listener
-
-          setTimeout(function () {
-            _this.$emit('click', event);
-          });
-        } else {
-          this.$emit('click', event);
-        }
-      },
-      genIcon: function genIcon() {
-        var h = this.$createElement;
-        var checked = this.checked;
-        var iconSize = this.iconSize || this.parent && this.parent.iconSize;
-        return h("div", {
-          "ref": "icon",
-          "class": bem('icon', [this.shape, {
-            disabled: this.isDisabled,
-            checked: checked
-          }]),
-          "style": {
-            fontSize: addUnit(iconSize)
-          }
-        }, [this.slots('icon', {
-          checked: checked
-        }) || (role === 'radio' && checked ? this.genRadioIcon() : h(Icon, {
-          "attrs": {
-            "name": "success"
-          },
-          "style": this.iconStyle
-        }))]);
-      },
-      genRadioIcon: function genRadioIcon() {
-        var h = this.$createElement;
-        var iconSize = this.iconSize || this.parent && this.parent.iconSize;
-        return h("svg", {
-          "attrs": {
-            "xmlns": "http://www.w3.org/2000/svg",
-            "viewBox": "0 0 24 24"
-          },
-          "class": bem("custom-svg"),
-          "style": {
-            width: iconSize,
-            height: iconSize
-          }
-        }, [h("path", {
-          "style": {
-            fill: this.checkedColor
-          },
-          "attrs": {
-            "d": "M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,7 C9.23857625,7 7,9.23857625 7,12 C7,14.7614237 9.23857625,17 12,17 C14.7614237,17 17,14.7614237 17,12 C17,9.23857625 14.7614237,7 12,7 Z",
-            "fill": "#0091FA",
-            "fill-rule": "nonzero"
-          }
-        })]);
-      },
-      genLabel: function genLabel() {
-        var h = this.$createElement;
-        var slot = this.slots();
-
-        if (slot) {
-          return h("span", {
-            "class": bem('label', [this.labelPosition, {
-              disabled: this.isDisabled
-            }])
-          }, [slot]);
-        }
-      }
-    },
-    render: function render() {
-      var h = arguments[0];
-      var Children = [this.genIcon()];
-
-      if (this.labelPosition === 'left') {
-        Children.unshift(this.genLabel());
-      } else {
-        Children.push(this.genLabel());
-      }
-
-      return h("div", {
-        "attrs": {
-          "role": role,
-          "tabindex": this.tabindex,
-          "aria-checked": String(this.checked)
-        },
-        "class": bem([{
-          disabled: this.isDisabled,
-          'label-disabled': this.labelDisabled
-        }, this.direction]),
-        "on": {
-          "click": this.onClick
-        }
-      }, [Children]);
-    }
-  };
-};

package/es/mixins/click-outside.js

@@ -1,33 +0,0 @@
-/**
- * Listen to click outside event
- */
-import { on, off } from '../utils/dom/event';
-export var ClickOutsideMixin = function ClickOutsideMixin(config) {
-  return {
-    props: {
-      closeOnClickOutside: {
-        type: Boolean,
-        default: true
-      }
-    },
-    data: function data() {
-      var _this = this;
-
-      var clickOutsideHandler = function clickOutsideHandler(event) {
-        if (_this.closeOnClickOutside && !_this.$el.contains(event.target)) {
-          _this[config.method]();
-        }
-      };
-
-      return {
-        clickOutsideHandler: clickOutsideHandler
-      };
-    },
-    mounted: function mounted() {
-      on(document, config.event, this.clickOutsideHandler);
-    },
-    beforeDestroy: function beforeDestroy() {
-      off(document, config.event, this.clickOutsideHandler);
-    }
-  };
-};

package/es/mixins/close-on-popstate.js

@@ -1,38 +0,0 @@
-import { on, off } from '../utils/dom/event';
-import { BindEventMixin } from './bind-event';
-export var CloseOnPopstateMixin = {
-  mixins: [BindEventMixin(function (bind, isBind) {
-    this.handlePopstate(isBind && this.closeOnPopstate);
-  })],
-  props: {
-    closeOnPopstate: Boolean
-  },
-  data: function data() {
-    return {
-      bindStatus: false
-    };
-  },
-  watch: {
-    closeOnPopstate: function closeOnPopstate(val) {
-      this.handlePopstate(val);
-    }
-  },
-  methods: {
-    onPopstate: function onPopstate() {
-      this.close();
-      this.shouldReopen = false;
-    },
-    handlePopstate: function handlePopstate(bind) {
-      /* istanbul ignore if */
-      if (this.$isServer) {
-        return;
-      }
-
-      if (this.bindStatus !== bind) {
-        this.bindStatus = bind;
-        var action = bind ? on : off;
-        action(window, 'popstate', this.onPopstate);
-      }
-    }
-  }
-};