zartui 2.0.79 → 2.0.80-beta.1

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/media';
 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);
   };

package/es/utils/create/component.js

@@ -6,14 +6,13 @@ import { isFunction } from '..';
 import { camelize } from '../format/string';
 import { SlotsMixin } from '../../mixins/slots';
 import Vue from 'vue';
-
 function install(Vue) {
   var name = this.name;
   Vue.component(name, this);
   Vue.component(camelize("-" + name), this);
-} // unify slots & scopedSlots
-
+}
 
+// unify slots & scopedSlots
 export function unifySlots(context) {
   // use data.scopedSlots in lower Vue version
   var scopedSlots = context.scopedSlots || context.data.scopedSlots || {};
@@ -26,8 +25,9 @@ export function unifySlots(context) {
     }
   });
   return scopedSlots;
-} // should be removed after Vue 3
+}
 
+// should be removed after Vue 3
 function transformFunctionComponent(pure, name) {
   return {
     functional: true,
@@ -38,18 +38,15 @@ function transformFunctionComponent(pure, name) {
     }
   };
 }
-
 export function createComponent(name) {
   return function (sfc) {
     if (isFunction(sfc)) {
       sfc = transformFunctionComponent(sfc, name);
     }
-
     if (!sfc.functional) {
       sfc.mixins = sfc.mixins || [];
       sfc.mixins.push(SlotsMixin);
     }
-
     sfc.name = name;
     sfc.install = install;
     return sfc;

package/es/utils/create/i18n.js

@@ -6,11 +6,9 @@ export function createI18N(name) {
   return function (path) {
     var messages = locale.messages();
     var message = get(messages, prefix + path) || get(messages, path);
-
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     return isFunction(message) ? message.apply(void 0, args) : message;
   };
 }

package/es/utils/deep-assign.js

@@ -1,13 +1,10 @@
 import { isDef, isObject } from '.';
 var hasOwnProperty = Object.prototype.hasOwnProperty;
-
 function assignKey(to, from, key) {
   var val = from[key];
-
   if (!isDef(val)) {
     return;
   }
-
   if (!hasOwnProperty.call(to, key) || !isObject(val)) {
     to[key] = val;
   } else {
@@ -15,7 +12,6 @@ function assignKey(to, from, key) {
     to[key] = deepAssign(Object(to[key]), from[key]);
   }
 }
-
 export function deepAssign(to, from) {
   Object.keys(from).forEach(function (key) {
     assignKey(to, from, key);

package/es/utils/deep-clone.js

@@ -3,13 +3,11 @@ export function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;
   }
-
   if (Array.isArray(obj)) {
     return obj.map(function (item) {
       return deepClone(item);
     });
   }
-
   if (typeof obj === 'object') {
     var to = {};
     Object.keys(obj).forEach(function (key) {
@@ -17,6 +15,5 @@ export function deepClone(obj) {
     });
     return to;
   }
-
   return obj;
 }

package/es/utils/dom/event.js

@@ -1,7 +1,6 @@
 import { isServer } from '..';
 // eslint-disable-next-line import/no-mutable-exports
 export var supportsPassive = false;
-
 if (!isServer) {
   try {
     var opts = {};
@@ -12,15 +11,14 @@ if (!isServer) {
         supportsPassive = true;
       }
     });
-    window.addEventListener('test-passive', null, opts); // eslint-disable-next-line no-empty
+    window.addEventListener('test-passive', null, opts);
+    // eslint-disable-next-line no-empty
   } catch (e) {}
 }
-
 export function on(target, event, handler, passive) {
   if (passive === void 0) {
     passive = false;
   }
-
   if (!isServer) {
     target.addEventListener(event, handler, supportsPassive ? {
       capture: false,
@@ -41,7 +39,6 @@ export function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== 'boolean' || event.cancelable) {
     event.preventDefault();
   }
-
   if (isStopPropagation) {
     stopPropagation(event);
   }