zartui 2.1.6 → 2.1.7

package/es/toast/Toast.js

@@ -1,18 +1,18 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { lockClick } from './lock-click'; // Mixins
+import { lockClick } from './lock-click';
 
-import { PopupMixin } from '../mixins/popup'; // Components
+// 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];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [PopupMixin()],
   props: {
@@ -63,17 +63,13 @@ export default createComponent({
     },
     toggleClickable: function toggleClickable() {
       var clickable = this.value && this.forbidClick;
-
       if (this.clickable !== clickable) {
         this.clickable = clickable;
         lockClick(clickable);
       }
     },
-
-    /* istanbul ignore next */
-    onAfterEnter: function onAfterEnter() {
+    /* istanbul ignore next */onAfterEnter: function onAfterEnter() {
       this.$emit('opened');
-
       if (this.onOpened) {
         this.onOpened();
       }
@@ -84,10 +80,9 @@ export default createComponent({
     genIcon: function genIcon() {
       var h = this.$createElement;
       var icon = this.icon,
-          type = this.type,
-          iconPrefix = this.iconPrefix,
-          loadingType = this.loadingType;
-
+        type = this.type,
+        iconPrefix = this.iconPrefix,
+        loadingType = this.loadingType;
       if (icon) {
         return h(Icon, {
           "class": bem('icon'),
@@ -97,19 +92,16 @@ export default createComponent({
           }
         });
       }
-
       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'),
@@ -122,12 +114,10 @@ export default createComponent({
     genMessage: function genMessage() {
       var h = this.$createElement;
       var type = this.type,
-          message = this.message;
-
+        message = this.message;
       if (!isDef(message) || message === '') {
         return;
       }
-
       if (type === 'html') {
         return h("div", {
           "class": bem('text'),
@@ -136,7 +126,6 @@ export default createComponent({
           }
         });
       }
-
       return h("div", {
         "class": bem('text')
       }, [message]);
@@ -144,7 +133,6 @@ export default createComponent({
   },
   render: function render() {
     var _ref;
-
     var h = arguments[0];
     return h("transition", {
       "attrs": {

package/es/toast/index.js

@@ -24,38 +24,32 @@ var defaultOptions = {
   overlayStyle: null,
   closeOnClick: false,
   closeOnClickOverlay: false
-}; // default options of specific type
+};
 
+// 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')
@@ -65,11 +59,10 @@ function createInstance() {
     });
     queue.push(toast);
   }
-
   return queue[queue.length - 1];
-} // transform toast options to popup props
-
+}
 
+// transform toast options to popup props
 function transformOptions(options) {
   return _extends({}, options, {
     overlay: options.mask || options.overlay,
@@ -77,33 +70,27 @@ function transformOptions(options) {
     duration: undefined
   });
 }
-
 function Toast(options) {
   if (options === void 0) {
     options = {};
   }
+  var toast = createInstance();
 
-  var toast = createInstance(); // should add z-index if previous toast has not disappeared
-
+  // 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);
@@ -115,20 +102,15 @@ function Toast(options) {
       });
     }
   };
-
   _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({
@@ -136,11 +118,9 @@ var createMethod = function createMethod(type) {
     }, parseOptions(options)));
   };
 };
-
 ['loading', 'success', 'fail'].forEach(function (method) {
   Toast[method] = createMethod(method);
 });
-
 Toast.clear = function (all) {
   if (queue.length) {
     if (all) {
@@ -155,7 +135,6 @@ Toast.clear = function (all) {
     }
   }
 };
-
 Toast.setDefaultOptions = function (type, options) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = options;
@@ -163,7 +142,6 @@ Toast.setDefaultOptions = function (type, options) {
     _extends(currentOptions, type);
   }
 };
-
 Toast.resetDefaultOptions = function (type) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = null;
@@ -172,22 +150,17 @@ Toast.resetDefaultOptions = function (type) {
     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/lock-click.js

@@ -4,11 +4,9 @@ export function lockClick(lock) {
     if (!lockCount) {
       document.body.classList.add('zt2-toast--unclickable');
     }
-
     lockCount++;
   } else {
     lockCount--;
-
     if (!lockCount) {
       document.body.classList.remove('zt2-toast--unclickable');
     }

package/es/uploader/index.js

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace, addUnit, noop, isPromise, isDef } from '../utils';
-import { toArray, readFile as _readFile, isOversize, isImageFile } from './utils'; // Mixins
+import { toArray, readFile as _readFile, isOversize, isImageFile } from './utils';
 
-import { FieldMixin } from '../mixins/field'; // Components
+// Mixins
+import { FieldMixin } from '../mixins/field';
 
+// Components
 import Icon from '../icon';
 import Image from '../image';
 import Loading from '../loading';
 import ImagePreview from '../image-preview';
-
 var _createNamespace = createNamespace('uploader'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 import { ImageProcessor, ResizeOptions, WatermarkOptions, WatermarkContext, CompressOptions, checkWatermarkConfigSupported } from '@egova-mobile/app-media-utils';
 import { formatDate, FORMAT } from '../utils/format/date-util';
 export default createComponent({
@@ -82,7 +82,6 @@ export default createComponent({
       type: String,
       default: 'photograph'
     },
-
     /**
      * {
      *  maxImageSideLength,
@@ -114,7 +113,6 @@ export default createComponent({
       if (index === void 0) {
         index = this.fileList.length;
       }
-
       return {
         name: this.name,
         index: index
@@ -127,20 +125,16 @@ export default createComponent({
     },
     addWatermark: function addWatermark(files) {
       var _this = this;
-
       // files = Array.from(files)
       var arr = [];
-
       for (var i = 0; i < files.length; i++) {
         arr.push(files[i]);
       }
-
       files = arr;
       return new Promise(function (resolve) {
         if (!_this.watermarkOptions || _this.watermarkOptions && !checkWatermarkConfigSupported(_this.watermarkOptions.watermarkConfigString)) {
           resolve(files);
         }
-
         var processImagePromises = [];
         files.forEach(function (file, index) {
           if (file.type.indexOf('image') === 0) {
@@ -162,7 +156,6 @@ export default createComponent({
             var processor = new ImageProcessor(file, resizeOptions, watermarkOptions, compressOptions);
             var proc = processor.process().then(function (file) {
               var uniqueFileName = _this.getNewFileName(file);
-
               var newFile = new File([file], uniqueFileName, {
                 lastModified: file.lastModified,
                 type: file.type
@@ -173,11 +166,9 @@ export default createComponent({
             processImagePromises.push(proc);
           }
         });
-
         if (!processImagePromises || processImagePromises && processImagePromises.length === 0) {
           resolve(files);
         }
-
         return Promise.all(processImagePromises).then(function (watermarkFiles) {
           files.forEach(function (file, i) {
             watermarkFiles.forEach(function (f) {
@@ -195,25 +186,18 @@ export default createComponent({
     },
     onChange: function onChange(event) {
       var _this2 = this;
-
       var files = event.target.files;
-
       if (this.disabled || !files.length) {
         return;
       }
-
       this.addWatermark(files).then(function (files) {
         files = files.length === 1 ? files[0] : [].slice.call(files);
-
         if (_this2.beforeRead) {
           var response = _this2.beforeRead(files, _this2.getDetail());
-
           if (!response) {
             _this2.resetInput();
-
             return;
           }
-
           if (isPromise(response)) {
             response.then(function (data) {
               if (data) {
@@ -225,22 +209,17 @@ export default createComponent({
             return;
           }
         }
-
         _this2.readFile(files);
       });
     },
     readFile: function readFile(files) {
       var _this3 = this;
-
       var oversize = isOversize(files, this.maxSize);
-
       if (Array.isArray(files)) {
         var maxCount = this.maxCount - this.fileList.length;
-
         if (files.length > maxCount) {
           files = files.slice(0, maxCount);
         }
-
         Promise.all(files.map(function (file) {
           return _readFile(file, _this3.resultType);
         })).then(function (contents) {
@@ -250,14 +229,11 @@ export default createComponent({
               status: '',
               message: ''
             };
-
             if (contents[index]) {
               result.content = contents[index];
             }
-
             return result;
           });
-
           _this3.onAfterRead(fileList, oversize);
         });
       } else {
@@ -267,24 +243,19 @@ export default createComponent({
             status: '',
             message: ''
           };
-
           if (content) {
             result.content = content;
           }
-
           _this3.onAfterRead(result, oversize);
         });
       }
     },
     onAfterRead: function onAfterRead(files, oversize) {
       var _this4 = this;
-
       this.resetInput();
       var validFiles = files;
-
       if (oversize) {
         var oversizeFiles = files;
-
         if (Array.isArray(files)) {
           oversizeFiles = [];
           validFiles = [];
@@ -300,15 +271,11 @@ export default createComponent({
         } else {
           validFiles = null;
         }
-
         this.$emit('oversize', oversizeFiles, this.getDetail());
       }
-
       var isValidFiles = Array.isArray(validFiles) ? Boolean(validFiles.length) : Boolean(validFiles);
-
       if (isValidFiles) {
         this.$emit('input', [].concat(this.fileList, toArray(validFiles)));
-
         if (this.afterRead) {
           this.afterRead(validFiles, this.getDetail());
         }
@@ -316,17 +283,13 @@ export default createComponent({
     },
     onDelete: function onDelete(file, index) {
       var _file$beforeDelete,
-          _this5 = this;
-
+        _this5 = this;
       var beforeDelete = (_file$beforeDelete = file.beforeDelete) != null ? _file$beforeDelete : this.beforeDelete;
-
       if (beforeDelete) {
         var response = beforeDelete(file, this.getDetail(index));
-
         if (!response) {
           return;
         }
-
         if (isPromise(response)) {
           response.then(function () {
             _this5.deleteFile(file, index);
@@ -334,7 +297,6 @@ export default createComponent({
           return;
         }
       }
-
       this.deleteFile(file, index);
     },
     deleteFile: function deleteFile(file, index) {
@@ -354,11 +316,9 @@ export default createComponent({
     },
     onPreviewImage: function onPreviewImage(item) {
       var _this6 = this;
-
       if (!this.previewFullImage) {
         return;
       }
-
       var imageFiles = this.fileList.filter(function (item) {
         return isImageFile(item);
       });
@@ -387,8 +347,6 @@ export default createComponent({
         return;
       }
       /* istanbul ignore else */
-
-
       if (this.$refs.input) {
         this.$refs.input.click();
       }
@@ -396,8 +354,7 @@ export default createComponent({
     genPreviewMask: function genPreviewMask(item) {
       var h = this.$createElement;
       var status = item.status,
-          message = item.message;
-
+        message = item.message;
       if (status === 'uploading' || status === 'failed') {
         var MaskIcon = status === 'failed' ? h(Icon, {
           "attrs": {
@@ -417,10 +374,9 @@ export default createComponent({
     },
     genPreviewItem: function genPreviewItem(item, index) {
       var _item$deletable,
-          _this7 = this,
-          _item$previewSize,
-          _item$imageFit;
-
+        _this7 = this,
+        _item$previewSize,
+        _item$imageFit;
       var h = this.$createElement;
       var deleteAble = (_item$deletable = item.deletable) != null ? _item$deletable : this.deletable;
       var showDelete = item.status !== 'uploading' && deleteAble;
@@ -429,7 +385,6 @@ export default createComponent({
         "on": {
           "click": function click(event) {
             event.stopPropagation();
-
             _this7.onDelete(item, index);
           }
         }
@@ -491,11 +446,9 @@ export default createComponent({
     },
     genUpload: function genUpload() {
       var h = this.$createElement;
-
       if (this.fileList.length >= this.maxCount || !this.showUpload) {
         return;
       }
-
       var slot = this.slots();
       var Input = this.readonly ? null : h("input", {
         "attrs": _extends({}, this.$attrs, {
@@ -509,7 +462,6 @@ export default createComponent({
           "change": this.onChange
         }
       });
-
       if (slot) {
         return h("div", {
           "class": bem('input-wrapper'),
@@ -519,9 +471,7 @@ export default createComponent({
           }
         }, [slot, Input]);
       }
-
       var style;
-
       if (this.previewSize) {
         var size = this.previewSizeWithUnit;
         style = {
@@ -529,7 +479,6 @@ export default createComponent({
           height: size
         };
       }
-
       return h("div", {
         "class": bem('upload', {
           readonly: this.readonly

package/es/uploader/utils.js

@@ -3,7 +3,6 @@ export function toArray(item) {
   if (Array.isArray(item)) {
     return item;
   }
-
   return [item];
 }
 export function readFile(file, resultType) {
@@ -12,13 +11,10 @@ export function readFile(file, resultType) {
       resolve(null);
       return;
     }
-
     var reader = new FileReader();
-
     reader.onload = function (event) {
       resolve(event.target.result);
     };
-
     if (resultType === 'dataUrl') {
       reader.readAsDataURL(file);
     } else if (resultType === 'text') {
@@ -32,10 +28,8 @@ export function isOversize(files, maxSize) {
       if (isFunction(maxSize)) {
         return maxSize(file);
       }
-
       return file.size > maxSize;
     }
-
     return false;
   });
 }
@@ -49,18 +43,14 @@ export function isImageFile(item) {
   if (item.isImage) {
     return true;
   }
-
   if (item.file && item.file.type) {
     return item.file.type.indexOf('image') === 0;
   }
-
   if (item.url) {
     return isImageUrl(item.url);
   }
-
   if (item.content) {
     return item.content.indexOf('data:image') === 0;
   }
-
   return false;
 }

package/es/utils/constant.js

@@ -1,7 +1,8 @@
 // color
 export var RED = '#ee0a24';
-export var BLUE = '#0091FA'; // border
+export var BLUE = '#0091FA';
 
+// border
 export var BORDER = 'zt2-hairline';
 export var BORDER_RIGHT = BORDER + "--right";
 export var BORDER_TOP = BORDER + "--top";

package/es/utils/create/bem.js

@@ -6,33 +6,29 @@
  * b('text', { disabled }) // 'button__text button__text--disabled'
  * b(['disabled', 'primary']) // 'button button--disabled button--primary'
  */
+
 function gen(name, mods) {
   if (!mods) {
     return '';
   }
-
   if (typeof mods === 'string') {
     return " " + name + "--" + mods;
   }
-
   if (Array.isArray(mods)) {
     return mods.reduce(function (ret, item) {
       return ret + gen(name, item);
     }, '');
   }
-
   return Object.keys(mods).reduce(function (ret, key) {
     return ret + (mods[key] ? gen(name, key) : '');
   }, '');
 }
-
 export function createBEM(name) {
   return function (el, mods) {
     if (el && typeof el !== 'string') {
       mods = el;
       el = '';
     }
-
     el = el ? name + "__" + el : name;
     return "" + el + gen(el, mods);
   };