@king-design/vue 2.1.4 → 2.1.6

package/components/upload/index.vdt.js

@@ -29,20 +29,23 @@ 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
@@ -50,12 +53,14 @@ 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) {
@@ -63,9 +68,11 @@ 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',
@@ -73,14 +80,19 @@ 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
@@ -91,11 +103,12 @@ 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', {
@@ -128,9 +141,11 @@ 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,4 +1,5 @@
 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';
@@ -7,84 +8,110 @@ 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',
@@ -94,10 +121,13 @@ 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,19 +7,23 @@ 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 {
@@ -29,16 +33,20 @@ 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,30 +4,37 @@ 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,11 +11,14 @@ 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({
@@ -30,135 +33,174 @@ 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;
+        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;
               break;
-            }
-            files.push(obj);
-          case 27:
-            i++;
-            _context2.next = 8;
-            break;
-          case 30:
-            instance.set('files', files);
-          case 31:
-          case "end":
-            return _context2.stop();
+
+            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();
+        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;
               }
-              instance.set('files', files);
-            }
-          case 8:
-          case "end":
-            return _context4.stop();
+
+              _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);
+              }
+
+            case 8:
+            case "end":
+              return _context4.stop();
+          }
         }
       }, _callee2);
     }));
     return _removeFile.apply(this, arguments);
   }
+
   return {
     addFiles: addFiles,
     removeFile: removeFile

package/components/upload/useShowImage.js

@@ -4,13 +4,16 @@ 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,