@king-design/vue 2.1.4 → 2.1.5

package/components/upload/useUpload.js

@@ -7,6 +7,7 @@ import { useInstance } from 'intact-vue-next';
 import { request } from './ajaxUploader';
 import { isFunction } from 'intact-shared';
 export var UploadFileStatus;
+
 (function (UploadFileStatus) {
   UploadFileStatus[UploadFileStatus["Done"] = 0] = "Done";
   UploadFileStatus[UploadFileStatus["Ready"] = 1] = "Ready";
@@ -14,84 +15,105 @@ export var UploadFileStatus;
   UploadFileStatus[UploadFileStatus["Uploading"] = 3] = "Uploading";
   UploadFileStatus[UploadFileStatus["Error"] = 4] = "Error";
 })(UploadFileStatus || (UploadFileStatus = {}));
+
 export function useUpload() {
   var instance = useInstance();
+
   function upload(_x) {
     return _upload.apply(this, arguments);
   }
+
   function _upload() {
     _upload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
       var _extends2;
+
       var beforeUpload, files, shouldUpload, newFiles, index, _instance$get, data, action, headers, name, withCredentials;
+
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            beforeUpload = instance.get('beforeUpload');
-            files = instance.get('files');
-            shouldUpload = true;
-            if (!beforeUpload) {
-              _context.next = 7;
-              break;
-            }
-            _context.next = 6;
-            return beforeUpload(file, files);
-          case 6:
-            shouldUpload = _context.sent;
-          case 7:
-            if (shouldUpload) {
-              _context.next = 12;
-              break;
-            }
-            newFiles = _sliceInstanceProperty(files).call(files, 0);
-            index = newFiles.indexOf(file);
-            if (index > -1) {
-              _spliceInstanceProperty(newFiles).call(newFiles, index, 1);
-              instance.set({
-                files: newFiles
-              });
-            }
-            return _context.abrupt("return", false);
-          case 12:
-            _instance$get = instance.get(), data = _instance$get.data, action = _instance$get.action, headers = _instance$get.headers, name = _instance$get.name, withCredentials = _instance$get.withCredentials;
-            file.request = request({
-              action: action,
-              headers: headers,
-              withCredentials: withCredentials,
-              data: _extends((_extends2 = {}, _extends2[name || file.name] = file.raw, _extends2), isFunction(data) ? data(file) : data || {}),
-              onProgress: function onProgress(e, percent, xhr) {
-                _onProgress(e, percent, file, xhr);
-              },
-              onError: function onError(e) {
-                _onError(e, file);
-              },
-              onSuccess: function onSuccess(res, xhr) {
-                _onSuccess(res, file, xhr);
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              beforeUpload = instance.get('beforeUpload');
+              files = instance.get('files');
+              shouldUpload = true;
+
+              if (!beforeUpload) {
+                _context.next = 7;
+                break;
+              }
+
+              _context.next = 6;
+              return beforeUpload(file, files);
+
+            case 6:
+              shouldUpload = _context.sent;
+
+            case 7:
+              if (shouldUpload) {
+                _context.next = 12;
+                break;
               }
-            });
-            return _context.abrupt("return", true);
-          case 15:
-          case "end":
-            return _context.stop();
+
+              newFiles = _sliceInstanceProperty(files).call(files, 0);
+              index = newFiles.indexOf(file);
+
+              if (index > -1) {
+                _spliceInstanceProperty(newFiles).call(newFiles, index, 1);
+
+                instance.set({
+                  files: newFiles
+                });
+              }
+
+              return _context.abrupt("return", false);
+
+            case 12:
+              _instance$get = instance.get(), data = _instance$get.data, action = _instance$get.action, headers = _instance$get.headers, name = _instance$get.name, withCredentials = _instance$get.withCredentials;
+              file.request = request({
+                action: action,
+                headers: headers,
+                withCredentials: withCredentials,
+                data: _extends((_extends2 = {}, _extends2[name || file.name] = file.raw, _extends2), isFunction(data) ? data(file) : data || {}),
+                onProgress: function onProgress(e, percent, xhr) {
+                  _onProgress(e, percent, file, xhr);
+                },
+                onError: function onError(e) {
+                  _onError(e, file);
+                },
+                onSuccess: function onSuccess(res, xhr) {
+                  _onSuccess(res, file, xhr);
+                }
+              });
+              return _context.abrupt("return", true);
+
+            case 15:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));
     return _upload.apply(this, arguments);
   }
+
   function _onProgress(e, percent, file, xhr) {
     file.status = UploadFileStatus.Uploading;
     file.percent = percent;
     instance.forceUpdate();
     instance.trigger('progress', e, xhr, file, instance.get('files'));
   }
+
   function _onError(e, file) {
     file.status = UploadFileStatus.Error;
     instance.forceUpdate();
     instance.trigger('error', e, file, instance.get('files'));
   }
+
   function _onSuccess(res, file, xhr) {
     file.status = UploadFileStatus.Done;
     instance.forceUpdate();
     instance.trigger('success', res, xhr, file, instance.get('files'));
   }
+
   return upload;
 }

package/components/utils.d.ts

@@ -10,8 +10,8 @@ export declare function getRestProps<T>(component: Component<T>, props?: import(
 export declare function isExternalLink(to?: string | object): to is string;
 export declare function clamp(number: number, lower: number, upper: number): number;
 export declare function stopPropagation(e: Event): void;
-export type ValidVNode = VNode | string | number;
-export type MapCallback<T> = (vNode: ValidVNode, index: number) => T;
+export declare type ValidVNode = VNode | string | number;
+export declare type MapCallback<T> = (vNode: ValidVNode, index: number) => T;
 export declare function findChildren(children: Children, callback: MapCallback<boolean>): ValidVNode | undefined;
 export declare function mapChildren<T>(children: Children, callback: MapCallback<T>): T[];
 export declare function eachChildren(children: Children, callback: MapCallback<void>): void;
@@ -22,7 +22,7 @@ export declare function isEmptyChildren(o: Children): boolean;
 export declare function isComponentVNode<T extends ComponentConstructor>(o: any, tag: T): o is VNodeComponentClass<T extends ComponentConstructor<infer P> ? P : never>;
 export declare function range(start: number, end: number): number[];
 export declare function strPad(str: number | string, length: number, pad?: string): string;
-type EqualArrayValue = any | EqualArrayValue[];
+declare type EqualArrayValue = any | EqualArrayValue[];
 export declare function isEqualArray(a: EqualArrayValue, b: EqualArrayValue): boolean;
 export declare function isEqualObject(a: Record<string, any>, b: Record<string, any>): boolean;
 export declare function last<T>(arr: T[]): T | undefined;

package/components/utils.js

@@ -5,22 +5,26 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slic
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import { isText } from 'intact-vue-next';
-import { isStringOrNumber, isString, isNullOrUndefined, isInvalid } from 'intact-shared';
-// @reference https://github.com/andreypopp/autobind-decorator/blob/master/src/index.js
+import { isStringOrNumber, isString, isNullOrUndefined, isInvalid } from 'intact-shared'; // @reference https://github.com/andreypopp/autobind-decorator/blob/master/src/index.js
 // for loose mode
+
 export function bind(target, key, descriptor) {
-  var method = descriptor.value;
-  // In IE11 calling Object.defineProperty has a side-effect of evaluating the
+  var method = descriptor.value; // In IE11 calling Object.defineProperty has a side-effect of evaluating the
   // getter for the property which is being replaced. This causes infinite
   // recursion and an "Out of stack space" error.
+
   var definingProperty = false;
   return {
     configurable: true,
     get: function get() {
-      if (definingProperty || this === target || /* get method from prototype */
-      this.hasOwnProperty('constructor') /* get method from prototype, e.g. super call */) {
+      if (definingProperty || this === target ||
+      /* get method from prototype */
+      this.hasOwnProperty('constructor')
+      /* get method from prototype, e.g. super call */
+      ) {
         return method;
       }
+
       var value = method.bind(this);
       definingProperty = true;
       Object.defineProperty(this, key, {
@@ -39,8 +43,7 @@ export function bind(target, key, descriptor) {
       });
     }
   };
-}
-// class A {
+} // class A {
 // @bind
 // hello() {
 // console.log('A hello', this);
@@ -74,18 +77,23 @@ export function bind(target, key, descriptor) {
 // const test = c.test;
 // hello();
 // test();
+
 export function addStyle(style, extra) {
   if (!style) return extra;
   if (!extra) return style;
+
   if (typeof style === 'string') {
     var _context;
+
     var _extra = _mapInstanceProperty(_context = _Object$keys(extra)).call(_context, function (key) {
       return kebabCase(key) + ": " + extra[key];
     }).join(';');
+
     style = "" + style + (!style || /;\s*$/.test(style) ? '' : ';') + _extra;
   } else {
     style = _extends({}, style, extra);
   }
+
   return style;
 }
 var _cache = {};
@@ -96,21 +104,24 @@ export function kebabCase(word) {
       return "-" + item.toLowerCase();
     });
   }
+
   return _cache[word];
 }
 export function isTextChildren(o) {
   if (isStringOrNumber(o)) return true;
+
   if (Array.isArray(o)) {
     return o.every(function (item) {
       return isTextChildren(item);
     });
   }
+
   return isTextVNode(o);
 }
 export function isTextVNode(o) {
   return o && isText(o);
-}
-// for detect if it is a text node in Angular
+} // for detect if it is a text node in Angular
+
 export function isTextBlock(o) {
   return isTextChildren(o) || o && o.tag && o.tag.$id === 'AngularBlockWrapper' && o.props.isText;
 }
@@ -122,10 +133,12 @@ export function getRestProps(component, props) {
   if (props === void 0) {
     props = component.get();
   }
+
   var Ctor = component.constructor;
   var typeDefs = Ctor.typeDefs;
   var events = Ctor.events;
   var ret = {};
+
   for (var key in props) {
     switch (key) {
       case 'key':
@@ -133,14 +146,17 @@ export function getRestProps(component, props) {
       case 'className':
       case 'children':
         continue;
+
       default:
         if (key[0] === '$' || typeDefs && key in typeDefs || events && key.substr(3) in events || key.substr(0, 4) === 'ev-$') {
           continue;
         }
+
         ret[key] = props[key];
         break;
     }
   }
+
   return ret;
 }
 var externalLinkReg = /^(https?:)?\/\//;
@@ -158,11 +174,13 @@ export function findChildren(children, callback) {
   var found = undefined;
   if (isInvalid(children)) return found;
   var index = -1;
+
   var loop = function loop(children) {
     if (Array.isArray(children)) {
       for (var i = 0; i < children.length; i++) {
         var vNode = children[i];
         if (isInvalid(vNode)) continue;
+
         if (loop(vNode)) {
           found = vNode;
           break;
@@ -172,6 +190,7 @@ export function findChildren(children, callback) {
       return callback(children, ++index);
     }
   };
+
   loop(children);
   return found;
 }
@@ -188,25 +207,28 @@ export function eachChildren(children, callback) {
     callback(vNode, index);
     return false;
   });
-}
-// mapChildren(['a', null, 'b', ['c', 'd', ['e', null,  'f'], 'g'], 'h'], (a, b) => console.log(a, b));
+} // mapChildren(['a', null, 'b', ['c', 'd', ['e', null,  'f'], 'g'], 'h'], (a, b) => console.log(a, b));
+
 export function toggleArray(arr, value) {
   if (!Array.isArray(arr)) {
     return [value];
   } else {
     arr = _sliceInstanceProperty(arr).call(arr, 0);
     var index = arr.indexOf(value);
+
     if (~index) {
       _spliceInstanceProperty(arr).call(arr, index, 1);
     } else {
       arr.push(value);
     }
+
     return arr;
   }
 }
 export function getTextByChildren(children) {
   var ret = '';
   if (isInvalid(children)) return ret;
+
   if (Array.isArray(children)) {
     children.forEach(function (vNode) {
       ret += getTextByChildren(vNode);
@@ -216,6 +238,7 @@ export function getTextByChildren(children) {
   } else if (isTextVNode(children)) {
     ret += children.children;
   }
+
   return _trimInstanceProperty(ret).call(ret);
 }
 export function isEmptyString(o) {
@@ -231,6 +254,7 @@ export function isComponentVNode(o, tag) {
 }
 export function range(start, end) {
   var _context2;
+
   return _mapInstanceProperty(_context2 = Array.apply(null, {
     length: end - start + 1
   })).call(_context2, function (v, i) {
@@ -241,33 +265,42 @@ export function strPad(str, length, pad) {
   if (pad === void 0) {
     pad = '0';
   }
+
   str = str.toString();
   var l = str.length;
+
   if (l < length) {
     str = new Array(length - l + 1).join(pad) + str;
   }
+
   return str;
 }
 export function isEqualArray(a, b) {
   if (a === b) return true;
+
   if (Array.isArray(a) && Array.isArray(b)) {
     if (a.length !== b.length) return false;
     return a.every(function (value, index) {
       return isEqualArray(value, b[index]);
     });
   }
+
   return false;
 }
 export function isEqualObject(a, b) {
   if (a === b) return true;
+
   if (a && b) {
     var keysA = _Object$keys(a);
+
     var keysB = _Object$keys(b);
+
     if (keysA.length !== keysB.length) return false;
     return keysA.every(function (key) {
       return a[key] === b[key];
     });
   }
+
   return false;
 }
 export function last(arr) {
@@ -319,6 +352,7 @@ export function debounce(fn, time, immediately) {
   if (immediately === void 0) {
     immediately = false;
   }
+
   var timer;
   var lock = !immediately;
   return function () {
@@ -326,6 +360,7 @@ export function debounce(fn, time, immediately) {
       lock = true;
       return fn();
     }
+
     window.clearTimeout(timer);
     timer = window.setTimeout(function () {
       fn();

package/components/virtual.js

@@ -11,31 +11,39 @@ import { cx } from '@emotion/css';
 var reactEventReg = /on[A-Z]/;
 export var Virtual = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Virtual, _Component);
+
   function Virtual() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.vNodeProps = null;
     return _this;
   }
+
   Virtual.template = function template() {
     var _cx;
+
     var _this$get = this.get(),
-      children = _this$get.children,
-      props = _objectWithoutPropertiesLoose(_this$get, _excluded);
+        children = _this$get.children,
+        props = _objectWithoutPropertiesLoose(_this$get, _excluded);
+
     if (process.env.NODE_ENV !== 'production') {
       if (!children || Array.isArray(children) && children.length !== 1) {
         throw new Error('Component must receive one children');
       }
     }
+
     var vNode = Array.isArray(children) ? children[0] : children;
     var clonedVNode = isTextChildren(vNode) ? createVNode('span', null, vNode) : directClone(vNode);
     var vNodeProps = this.vNodeProps = this.getVNodeProps(clonedVNode.props || EMPTY_OBJ);
-    var eventProps = this.getEventProps();
-    //  merge className 
+    var eventProps = this.getEventProps(); //  merge className 
+
     var className = clonedVNode.className || vNodeProps.className;
     className = cx((_cx = {}, _cx[className] = !!className, _cx[props.className] = !!props.className, _cx));
     clonedVNode.props = _extends({}, props, vNodeProps, eventProps, {
@@ -44,41 +52,57 @@ export var Virtual = /*#__PURE__*/function (_Component) {
     clonedVNode.className = className;
     return clonedVNode;
   };
+
   var _proto = Virtual.prototype;
+
   _proto.getVNodeProps = function getVNodeProps(props) {
     var vnode = props.vnode;
-    if (!vnode) return props;
-    // maybe we render the intact component in react slot property, in this case
+    if (!vnode) return props; // maybe we render the intact component in react slot property, in this case
     // the $isReact is false. so use the vnode $$typeof field as gauge
-    if (vnode.$$typeof || vnode.__v_isVNode /* vue3 vnode */) {
+
+    if (vnode.$$typeof || vnode.__v_isVNode
+    /* vue3 vnode */
+    ) {
       var _props = vnode.props;
       if (!_props) return props;
       var events = {};
+
       for (var key in _props) {
         if (reactEventReg.test(key)) {
           events["ev-" + key.substring(2).toLowerCase()] = _props[key];
         }
       }
+
       return _extends({}, props, events, {
-        className: _props.className || _props.class /* vue-next */
+        className: _props.className || _props.class
+        /* vue-next */
+
       });
-    } else if (hasOwn.call(vnode, 'componentOptions') /* vue2 vnode */) {
+    } else if (hasOwn.call(vnode, 'componentOptions')
+    /* vue2 vnode */
+    ) {
       var data = vnode.data;
       if (!data) return props;
       var on = data.on || EMPTY_OBJ;
       var _events = {};
+
       for (var _key2 in on) {
         _events["ev-" + _key2] = on[_key2];
       }
+
       return _extends({}, props, _events, {
         className: data.staticClass
       });
     }
+
     return props;
   };
+
   _proto.getEventProps = function getEventProps() {
     var _this2 = this;
+
     var props = {};
+
     var _loop = function _loop(prop) {
       if (_startsWithInstanceProperty(prop).call(prop, 'ev-')) {
         props[prop] = function (e) {
@@ -86,16 +110,20 @@ export var Virtual = /*#__PURE__*/function (_Component) {
         };
       }
     };
+
     for (var prop in this.get()) {
       _loop(prop);
     }
+
     return props;
   };
+
   _proto.callEvent = function callEvent(name, e) {
     var callback = this.vNodeProps[name];
     var callbackOnVirtual = this.get(name);
     if (isFunction(callback)) callback(e);
     if (isFunction(callbackOnVirtual)) callbackOnVirtual(e);
   };
+
   return Virtual;
 }(Component);

package/components/wave/index.js

@@ -11,56 +11,74 @@ var typeDefs = {
   color: String,
   inset: String
 };
+
 var defaults = function defaults() {
   return {
     color: theme.color.primary,
     inset: '-1px'
   };
 };
+
 export var Wave = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Wave, _Component);
+
   function Wave() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.instance = null;
     _this.className = void 0;
     _this.timer = 0;
     return _this;
   }
+
   var _proto = Wave.prototype;
+
   _proto.initClassName = function initClassName() {
     var _this$get = this.get(),
-      color = _this$get.color,
-      inset = _this$get.inset;
+        color = _this$get.color,
+        inset = _this$get.inset;
+
     this.className = makeStyles(color || theme.color.primary, inset);
   };
+
   _proto.mounted = function mounted() {
     var children = this.get('children');
     var node = findDomFromVNode(children, true);
+
     if (!node || node.nodeType !== 1) {
       return;
     }
+
     this.instance = node;
     node.addEventListener('click', this.onClick);
   };
+
   _proto.beforeUnmount = function beforeUnmount() {
     if (this.instance) {
       this.instance.removeEventListener('click', this.onClick);
     }
+
     this.resetAnimation();
   };
+
   _proto.onClick = function onClick(e) {
     var _this2 = this;
+
     this.initClassName();
     var instance = this.instance;
+
     var _this$get2 = this.get(),
-      disabled = _this$get2.disabled;
-    var node = e.target;
-    // 点击输入框中的icon时，此时输入框不需要动效
+        disabled = _this$get2.disabled;
+
+    var node = e.target; // 点击输入框中的icon时，此时输入框不需要动效
+
     var isInput = instance.classList.contains('k-input-wrapper');
     if (disabled || isInput && node.classList.contains('k-icon')) return;
     this.resetAnimation();
@@ -69,6 +87,7 @@ export var Wave = /*#__PURE__*/function (_Component) {
       instance.classList.add(_this2.className);
     });
   };
+
   _proto.resetAnimation = function resetAnimation() {
     var node = this.instance;
     if (!node) return;
@@ -76,19 +95,26 @@ export var Wave = /*#__PURE__*/function (_Component) {
     node.removeEventListener('animationend', this.resetAnimation);
     clearTimeout(this.timer);
   };
+
   return Wave;
 }(Component);
 Wave.typeDefs = typeDefs;
 Wave.defaults = defaults;
+
 Wave.template = function () {
   var children = this.get('children');
+
   if (process.env.NODE_ENV !== 'production') {
     if (!children || isArray(children) && children.length > 1) {
       throw new Error('Wave must receive only one Element children');
     }
   }
+
   return children;
 };
+
 __decorate([bind], Wave.prototype, "mounted", null);
+
 __decorate([bind], Wave.prototype, "onClick", null);
+
 __decorate([bind], Wave.prototype, "resetAnimation", null);