@king-design/vue 2.1.2 → 2.1.4

package/components/upload/index.vdt.js

@@ -29,23 +29,20 @@ var _$tmp5 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn3;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      accept = _this$get.accept,
-      multiple = _this$get.multiple,
-      limit = _this$get.limit,
-      files = _this$get.files,
-      children = _this$get.children,
-      type = _this$get.type,
-      directory = _this$get.directory;
-
+    className = _this$get.className,
+    accept = _this$get.accept,
+    multiple = _this$get.multiple,
+    limit = _this$get.limit,
+    files = _this$get.files,
+    children = _this$get.children,
+    type = _this$get.type,
+    directory = _this$get.directory;
   var drag = this.drag;
   var classNameObj = (_classNameObj = {
     'k-upload': true
@@ -53,14 +50,12 @@ export default function ($props, $blocks, $__proto__) {
   var events = {
     'ev-click': this.selectFile
   };
-
   if (type === 'drag') {
     events['ev-dragover'] = drag.stopEvent;
     events['ev-dragenter'] = drag.onDragEnter;
     events['ev-dragleave'] = drag.onDragLeave;
     events['ev-drop'] = drag.onDrop;
   }
-
   var handle = _$cv('div', _extends({
     'className': 'k-upload-handle'
   }, events), (_$blocks['content'] = function ($super) {
@@ -68,11 +63,9 @@ export default function ($props, $blocks, $__proto__) {
       return children;
     }, __$blocks['children'] = function ($super, data) {
       var block = $blocks['children'];
-
       var callBlock = function callBlock() {
         return _$blocks['children'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['children'](_$no)) : type !== 'gallery' ? type === 'select' ? _$cc(Button, {
       'type': 'primary',
@@ -80,19 +73,14 @@ export default function ($props, $blocks, $__proto__) {
     }) : _$ce(2, 'div', [_$cc(Icon, _$tmp0), _$ce(2, 'div', _$('将文件拖到此处，或点击上传'), 0)], 4, 'k-upload-area') : _$cc(Icon, _$tmp1);
   }, __$blocks['content'] = function ($super, data) {
     var block = $blocks['content'];
-
     var callBlock = function callBlock() {
       return _$blocks['content'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['content'](_$no)));
-
   var removeFile = this.files.removeFile;
-
   var closeBtn = function closeBtn(value, index, icon) {
     var _$cn2;
-
     return _$cc(Icon, {
       'className': _$cn((_$cn2 = {
         "k-upload-close": true
@@ -103,12 +91,11 @@ export default function ($props, $blocks, $__proto__) {
       'hoverable': true
     });
   };
-
   var _this$showImage = this.showImage,
-      show = _this$showImage.show,
-      close = _this$showImage.close,
-      image = _this$showImage.image,
-      isShow = _this$showImage.isShow;
+    show = _this$showImage.show,
+    close = _this$showImage.close,
+    image = _this$showImage.image,
+    isShow = _this$showImage.isShow;
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [_$ce(64, 'input', null, 1, 'c-hidden', {
@@ -141,11 +128,9 @@ export default function ($props, $blocks, $__proto__) {
     return null;
   }, __$blocks['tip'] = function ($super, data) {
     var block = $blocks['tip'];
-
     var callBlock = function callBlock() {
       return _$blocks['tip'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['tip'](_$no)), 0, 'k-upload-tip') : undefined, type !== 'gallery' ? _$ce(2, 'div', _$cc(TransitionGroup, _extends({}, expandAnimationCallbacks, {
     'children': _$ma(files, function ($value, $key) {

package/components/upload/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
@@ -8,110 +7,84 @@ var defaults = {
   get transition() {
     return theme.transition.middle;
   },
-
   fontSize: '12px',
   tip: {
     gap: '16px',
-
     get color() {
       return theme.color.lightBlack;
     }
-
   },
   closeFontSize: '24px',
   // files list
   filesGap: '16px',
   file: {
     margin: '4px 0',
-
     get borderRadius() {
       return theme.borderRadius;
     },
-
     get bgColor() {
       return theme.color.bg;
     },
-
     padding: '0 4px',
-
     get height() {
       return theme.default.height;
     },
-
     fileIconGap: '8px',
     status: {
       // width: '16px',
       get color() {
         return theme.color.success;
       },
-
       gap: '8px',
-
       get errorColor() {
         return theme.color.danger;
       }
-
     },
-
     get errorColor() {
       return theme.color.danger;
     }
-
   },
   // drag
   drag: {
     get color() {
       return theme.color.lightBlack;
     },
-
     get border() {
       return "1px dashed " + theme.color.border;
     },
-
     get borderRadius() {
       return theme.borderRadius;
     },
-
     get hoverBorderColor() {
       return theme.color.primary;
     },
-
     padding: "20px 0 40px 0",
     icon: {
       fontSize: '80px',
-
       get color() {
         return theme.color.placeholder;
       }
-
     },
-
     get overBorderColor() {
       return theme.color.primary;
     }
-
   },
   // gallery
   gallery: {
     width: '100px',
     height: '100px',
-
     get borderRadius() {
       return theme.borderRadius;
     },
-
     get border() {
       return "1px solid " + theme.color.border;
     },
-
     margin: '0px 8px 8px 0',
     padding: '8px',
     bgColor: '#fff',
-
     get errorBorderColor() {
       return theme.color.danger;
     },
-
     close: {
       top: '-8px',
       right: '-8px',
@@ -121,13 +94,10 @@ var defaults = {
       get border() {
         return "1px dashed " + theme.color.border;
       },
-
       fontSize: '44px',
-
       get hoverBorderColor() {
         return theme.color.primary;
       }
-
     }
   },
   // overlap

package/components/upload/useAccept.js

@@ -7,23 +7,19 @@ export function useAccept() {
   var mimeTypes = [];
   var groupTypes = [];
   instance.on('$receive:accept', parseAccept);
-
   function parseAccept(accept) {
     extensions = [];
     mimeTypes = [];
     groupTypes = [];
-
     if (accept) {
       accept.split(',').forEach(function (item) {
         item = _trimInstanceProperty(item).call(item).toLowerCase();
-
         if (item[0] === '.') {
           extensions.push(item.substring(1));
         } else {
           var _item$split = item.split('/'),
-              type = _item$split[0],
-              extension = _item$split[1];
-
+            type = _item$split[0],
+            extension = _item$split[1];
           if (extension === '*') {
             groupTypes.push(type);
           } else {
@@ -33,20 +29,16 @@ export function useAccept() {
       });
     }
   }
-
   function isValidType(type, name) {
     if (_includesInstanceProperty(mimeTypes).call(mimeTypes, type)) return true;
     var index = name.lastIndexOf('.');
     type = type.split('/')[0];
-
     if (index > -1) {
       var extension = name.substring(index + 1).toLowerCase();
       if (_includesInstanceProperty(extensions).call(extensions, extension)) return true;
     }
-
     return _includesInstanceProperty(groupTypes).call(groupTypes, type);
   }
-
   return {
     isValidType: isValidType
   };

package/components/upload/useDrag.js

@@ -4,37 +4,30 @@ export function useDrag(addFiles) {
   var instance = useInstance();
   var dragOver = useState(false);
   var counter = 0;
-
   function onDragEnter(e) {
     e.preventDefault();
     counter++;
     if (dragOver.value || instance.get('disabled')) return;
     dragOver.set(true);
   }
-
   function onDragLeave(e) {
     counter--;
-
     if (!counter) {
       dragOver.set(false);
     }
   }
-
   function onDrop(e) {
     stopEvent(e);
     counter = 0;
-
     if (!instance.get('disabled')) {
       dragOver.set(false);
       addFiles(e.dataTransfer.files);
     }
   }
-
   function stopEvent(e) {
     e.stopPropagation();
     e.preventDefault();
   }
-
   return {
     onDragEnter: onDragEnter,
     onDragLeave: onDragLeave,

package/components/upload/useFiles.js

@@ -11,14 +11,11 @@ var uid = 0;
 export function useFiles(isValidType, upload) {
   var instance = useInstance();
   initFiles();
-
   function initFiles() {
     var _instance$get = instance.get(),
-        files = _instance$get.files,
-        defaultFiles = _instance$get.defaultFiles;
-
+      files = _instance$get.files,
+      defaultFiles = _instance$get.defaultFiles;
     var _files = _sliceInstanceProperty(files).call(files, 0);
-
     if (defaultFiles) {
       defaultFiles.forEach(function (file) {
         _files.push({
@@ -33,174 +30,135 @@ export function useFiles(isValidType, upload) {
       instance.set('files', _files);
     }
   }
-
   function addFiles(_x) {
     return _addFiles.apply(this, arguments);
   }
-
   function _addFiles() {
     _addFiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileList) {
       var _context;
-
       var files, newFiles, _instance$get2, maxSize, limit, autoUpload, accept, error, status, i, file, _error, _error2, obj;
-
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              files = _sliceInstanceProperty(_context = instance.get('files')).call(_context, 0);
-              newFiles = _Array$from(fileList);
-              _instance$get2 = instance.get(), maxSize = _instance$get2.maxSize, limit = _instance$get2.limit, autoUpload = _instance$get2.autoUpload, accept = _instance$get2.accept;
-
-              if (!(limit && files.length + newFiles.length > limit)) {
-                _context2.next = 6;
-                break;
-              }
-
-              error = new Error(_$('超出文件数量最大限制：{limit}', {
-                limit: limit
-              }));
-              return _context2.abrupt("return", instance.trigger('error', error, newFiles, files));
-
-            case 6:
-              status = autoUpload ? UploadFileStatus.Ready : UploadFileStatus.NotReady;
-              i = 0;
-
-            case 8:
-              if (!(i < newFiles.length)) {
-                _context2.next = 30;
-                break;
-              }
-
-              file = newFiles[i];
-
-              if (!(maxSize && file.size > maxSize * 1024)) {
-                _context2.next = 14;
-                break;
-              }
-
-              _error = new Error(_$('"{name}" 超出文件最大限制：{maxSize}kb', {
-                name: file.name,
-                maxSize: maxSize
-              }));
-              instance.trigger('error', _error, file, files);
-              return _context2.abrupt("continue", 27);
-
-            case 14:
-              if (!(accept && file.type && !isValidType(file.type, file.name))) {
-                _context2.next = 18;
-                break;
-              }
-
-              _error2 = new Error(_$('"{name}" 文件类型不合法', {
-                name: file.name
-              }));
-              instance.trigger('error', _error2, file, files);
-              return _context2.abrupt("continue", 27);
-
-            case 18:
-              obj = {
-                status: status,
-                name: file.name,
-                type: file.type,
-                size: file.size,
-                percent: 0,
-                uid: uid++,
-                raw: file
-              };
-
-              if (_URL && _URL.createObjectURL) {
-                obj.url = _URL.createObjectURL(file);
-              }
-
-              _context2.t0 = !autoUpload;
-
-              if (_context2.t0) {
-                _context2.next = 25;
-                break;
-              }
-
-              _context2.next = 24;
-              return upload(obj);
-
-            case 24:
-              _context2.t0 = _context2.sent;
-
-            case 25:
-              if (!_context2.t0) {
-                _context2.next = 27;
-                break;
-              }
-
-              files.push(obj);
-
-            case 27:
-              i++;
-              _context2.next = 8;
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            files = _sliceInstanceProperty(_context = instance.get('files')).call(_context, 0);
+            newFiles = _Array$from(fileList);
+            _instance$get2 = instance.get(), maxSize = _instance$get2.maxSize, limit = _instance$get2.limit, autoUpload = _instance$get2.autoUpload, accept = _instance$get2.accept;
+            if (!(limit && files.length + newFiles.length > limit)) {
+              _context2.next = 6;
               break;
-
-            case 30:
-              instance.set('files', files);
-
-            case 31:
-            case "end":
-              return _context2.stop();
-          }
+            }
+            error = new Error(_$('超出文件数量最大限制：{limit}', {
+              limit: limit
+            }));
+            return _context2.abrupt("return", instance.trigger('error', error, newFiles, files));
+          case 6:
+            status = autoUpload ? UploadFileStatus.Ready : UploadFileStatus.NotReady;
+            i = 0;
+          case 8:
+            if (!(i < newFiles.length)) {
+              _context2.next = 30;
+              break;
+            }
+            file = newFiles[i];
+            if (!(maxSize && file.size > maxSize * 1024)) {
+              _context2.next = 14;
+              break;
+            }
+            _error = new Error(_$('"{name}" 超出文件最大限制：{maxSize}kb', {
+              name: file.name,
+              maxSize: maxSize
+            }));
+            instance.trigger('error', _error, file, files);
+            return _context2.abrupt("continue", 27);
+          case 14:
+            if (!(accept && file.type && !isValidType(file.type, file.name))) {
+              _context2.next = 18;
+              break;
+            }
+            _error2 = new Error(_$('"{name}" 文件类型不合法', {
+              name: file.name
+            }));
+            instance.trigger('error', _error2, file, files);
+            return _context2.abrupt("continue", 27);
+          case 18:
+            obj = {
+              status: status,
+              name: file.name,
+              type: file.type,
+              size: file.size,
+              percent: 0,
+              uid: uid++,
+              raw: file
+            };
+            if (_URL && _URL.createObjectURL) {
+              obj.url = _URL.createObjectURL(file);
+            }
+            _context2.t0 = !autoUpload;
+            if (_context2.t0) {
+              _context2.next = 25;
+              break;
+            }
+            _context2.next = 24;
+            return upload(obj);
+          case 24:
+            _context2.t0 = _context2.sent;
+          case 25:
+            if (!_context2.t0) {
+              _context2.next = 27;
+              break;
+            }
+            files.push(obj);
+          case 27:
+            i++;
+            _context2.next = 8;
+            break;
+          case 30:
+            instance.set('files', files);
+          case 31:
+          case "end":
+            return _context2.stop();
         }
       }, _callee);
     }));
     return _addFiles.apply(this, arguments);
   }
-
   function removeFile(_x2, _x3) {
     return _removeFile.apply(this, arguments);
   }
-
   function _removeFile() {
     _removeFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, index) {
       var _context3;
-
       var beforeRemove, files, shouldRemove;
       return _regeneratorRuntime.wrap(function _callee2$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              beforeRemove = instance.get('beforeRemove');
-              files = _sliceInstanceProperty(_context3 = instance.get('files')).call(_context3, 0);
-              shouldRemove = true;
-
-              if (!beforeRemove) {
-                _context4.next = 7;
-                break;
-              }
-
-              _context4.next = 6;
-              return beforeRemove(file, files);
-
-            case 6:
-              shouldRemove = _context4.sent;
-
-            case 7:
-              if (shouldRemove) {
-                _spliceInstanceProperty(files).call(files, index, 1);
-
-                if (file.status === UploadFileStatus.Uploading) {
-                  file.request.abort();
-                }
-
-                instance.set('files', files);
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            beforeRemove = instance.get('beforeRemove');
+            files = _sliceInstanceProperty(_context3 = instance.get('files')).call(_context3, 0);
+            shouldRemove = true;
+            if (!beforeRemove) {
+              _context4.next = 7;
+              break;
+            }
+            _context4.next = 6;
+            return beforeRemove(file, files);
+          case 6:
+            shouldRemove = _context4.sent;
+          case 7:
+            if (shouldRemove) {
+              _spliceInstanceProperty(files).call(files, index, 1);
+              if (file.status === UploadFileStatus.Uploading) {
+                file.request.abort();
               }
-
-            case 8:
-            case "end":
-              return _context4.stop();
-          }
+              instance.set('files', files);
+            }
+          case 8:
+          case "end":
+            return _context4.stop();
         }
       }, _callee2);
     }));
     return _removeFile.apply(this, arguments);
   }
-
   return {
     addFiles: addFiles,
     removeFile: removeFile

package/components/upload/useShowImage.js

@@ -4,16 +4,13 @@ export function useShowImage() {
   var instance = useInstance();
   var isShow = useState(false);
   var image = useState(null);
-
   function show(file) {
     isShow.set(true);
     image.set(file);
   }
-
   function close() {
     isShow.set(false);
   }
-
   return {
     show: show,
     close: close,