@king-design/react 2.1.3 → 2.1.4

package/components/upload/useUpload.js

@@ -7,7 +7,6 @@ import { useInstance } from 'intact-react';
 import { request } from './ajaxUploader';
 import { isFunction } from 'intact-shared';
 export var UploadFileStatus;
-
 (function (UploadFileStatus) {
   UploadFileStatus[UploadFileStatus["Done"] = 0] = "Done";
   UploadFileStatus[UploadFileStatus["Ready"] = 1] = "Ready";
@@ -15,105 +14,84 @@ 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;
+            }
+            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", true);
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
+            }
+            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 declare type ValidVNode = VNode | string | number;
-export declare type MapCallback<T> = (vNode: ValidVNode, index: number) => T;
+export type ValidVNode = VNode | string | number;
+export 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;
-declare type EqualArrayValue = any | EqualArrayValue[];
+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,26 +5,22 @@ 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-react';
-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, {
@@ -43,7 +39,8 @@ export function bind(target, key, descriptor) {
       });
     }
   };
-} // class A {
+}
+// class A {
 // @bind
 // hello() {
 // console.log('A hello', this);
@@ -77,23 +74,18 @@ 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 = {};
@@ -104,24 +96,21 @@ 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;
 }
@@ -133,12 +122,10 @@ 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':
@@ -146,17 +133,14 @@ 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?:)?\/\//;
@@ -174,13 +158,11 @@ 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;
@@ -190,7 +172,6 @@ export function findChildren(children, callback) {
       return callback(children, ++index);
     }
   };
-
   loop(children);
   return found;
 }
@@ -207,28 +188,25 @@ 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);
@@ -238,7 +216,6 @@ export function getTextByChildren(children) {
   } else if (isTextVNode(children)) {
     ret += children.children;
   }
-
   return _trimInstanceProperty(ret).call(ret);
 }
 export function isEmptyString(o) {
@@ -254,7 +231,6 @@ 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) {
@@ -265,42 +241,33 @@ 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) {
@@ -352,7 +319,6 @@ export function debounce(fn, time, immediately) {
   if (immediately === void 0) {
     immediately = false;
   }
-
   var timer;
   var lock = !immediately;
   return function () {
@@ -360,7 +326,6 @@ export function debounce(fn, time, immediately) {
       lock = true;
       return fn();
     }
-
     window.clearTimeout(timer);
     timer = window.setTimeout(function () {
       fn();

package/components/virtual.js

@@ -11,39 +11,31 @@ 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, {
@@ -52,57 +44,41 @@ 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) {
@@ -110,20 +86,16 @@ 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,74 +11,56 @@ 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();
@@ -87,7 +69,6 @@ export var Wave = /*#__PURE__*/function (_Component) {
       instance.classList.add(_this2.className);
     });
   };
-
   _proto.resetAnimation = function resetAnimation() {
     var node = this.instance;
     if (!node) return;
@@ -95,26 +76,19 @@ 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);