@king-design/react 3.1.4-beta.2 → 3.1.4

package/components/wave/index.js

@@ -12,26 +12,20 @@ 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;
@@ -39,48 +33,36 @@ export var Wave = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     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, this.config.k);
   };
-
   _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(this.config.cls('icon'))) return;
     this.resetAnimation();
@@ -89,38 +71,29 @@ export var Wave = /*#__PURE__*/function (_Component) {
       instance.classList.add(_this2.className);
     });
   };
-
   _proto.resetAnimation = function resetAnimation() {
     var node = this.instance;
     if (!node) return;
     node.classList.remove(this.className);
     node.removeEventListener('animationend', this.resetAnimation);
-
     if (this.timer) {
       clearTimeout(this.timer);
       this.timer = null;
     }
   };
-
   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);

package/components/wave/styles.js

@@ -11,7 +11,7 @@ setDefault(function () {
   wave = deepDefaults(theme, {
     wave: defaults
   }).wave;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(color, inset, k) {
   var waveEffect = /*#__PURE__*/keyframes("100%{top:calc(", inset, " + ", wave.inset, ");bottom:calc(", inset, " + ", wave.inset, ");left:calc(", inset, " + ", wave.inset, ");right:calc(", inset, " + ", wave.inset, ");opacity:0.05;}");

package/hooks/useDelayClose.js

@@ -2,35 +2,30 @@ import { onMounted, useInstance, onUnmounted } from 'intact-react';
 export function useDelayClose(close, duration) {
   var instance = useInstance();
   var timer = null;
-
   function delayClose() {
     if (duration) {
       timer = window.setTimeout(close, duration);
     }
   }
-
   function onMouseEnter(e) {
     instance.trigger('mouseenter', e);
     clear();
   }
-
   function onMouseLeave(e) {
-    instance.trigger('mouseleave', e); // mouse leave event is not a delegated event,
+    instance.trigger('mouseleave', e);
+    // mouse leave event is not a delegated event,
     // and it will not unmount when the dom has unmounted,
     // so we must detect the $unmounted status here
-
     if (instance.$unmounted) return;
     clear();
     delayClose();
   }
-
   function clear() {
     if (timer) {
       clearTimeout(timer);
       timer = null;
     }
   }
-
   onMounted(delayClose);
   onUnmounted(clear);
   return {

package/hooks/useDocumentClick.js

@@ -1,11 +1,11 @@
 import { onMounted, onUnmounted } from 'intact-react';
-import { isFunction } from 'intact-shared'; // @reference: Vue3.0
-
-var getNow = Date.now; // Determine what event timestamp the browser is using. Annoyingly, the
+import { isFunction } from 'intact-shared';
+// @reference: Vue3.0
+var getNow = Date.now;
+// Determine what event timestamp the browser is using. Annoyingly, the
 // timestamp can either be hi-res (relative to page load) or low-res
 // (relative to UNIX epoch), so in order to compare time we have to use the
 // same timestamp type when saving the flush timestamp.
-
 if (getNow() > document.createEvent('Event').timeStamp) {
   // if the low-res timestamp which is bigger than the event timestamp
   // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
@@ -13,47 +13,39 @@ if (getNow() > document.createEvent('Event').timeStamp) {
   getNow = function getNow() {
     return performance.now();
   };
-} // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
+}
+// #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
 // and does not fire microtasks in between event propagation, so safe to exclude.
-
-
 var ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i);
 var skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53);
 export function useDocumentClick(ref, callback, manual) {
   if (manual === void 0) {
     manual = false;
   }
-
   var onDocumentClick = function onDocumentClick(e) {
-    if (e._ignore) return; // https://github.com/ksc-fe/kpc/issues/788
-
+    if (e._ignore) return;
+    // https://github.com/ksc-fe/kpc/issues/788
     var timeStamp = e.timeStamp || getNow();
-
     if (!skipTimestampCheck && onDocumentClick.timeStamp > timeStamp + 1) {
       return;
     }
-
     var target = e.target;
     var elem = isFunction(ref) ? ref() : ref.value;
     if (containsOrEqual(elem, target)) return;
     callback(e);
   };
-
   var add = function add() {
     onDocumentClick.timeStamp = getNow();
     document.addEventListener('click', onDocumentClick);
     document.addEventListener('contextmenu', onDocumentClick);
   };
-
   var remove = function remove() {
     document.removeEventListener('click', onDocumentClick);
     document.removeEventListener('contextmenu', onDocumentClick);
   };
-
   if (!manual) {
     onMounted(add);
   }
-
   onUnmounted(remove);
   return [add, remove];
 }

package/hooks/useDraggable.d.ts

@@ -1,4 +1,4 @@
-export declare type Options = {
+export type Options = {
     onStart?: (e: MouseEvent) => void;
     onMove: (e: MouseEvent) => void;
     onEnd?: (e?: MouseEvent) => void;

package/hooks/useDraggable.js

@@ -2,42 +2,33 @@ import { onUnmounted } from 'intact-react';
 import { useState } from './useState';
 export function useDraggable(options) {
   var dragging = useState(false);
-
   function start(e) {
     // ignore if it isn't left key
     if (e.which !== 1 || options.disable != null && options.disable()) return;
     dragging.set(true);
-
     if (options.onStart) {
       options.onStart(e);
     }
-
     document.addEventListener('mousemove', move);
     document.addEventListener('mouseup', end);
   }
-
   function move(e) {
     if (options.disable != null && options.disable()) return;
     e.preventDefault();
-
     if (dragging.value) {
       options.onMove(e);
     }
   }
-
   function end(e) {
     if (dragging.value) {
       dragging.set(false);
-
       if (options.onEnd) {
         options.onEnd(e);
       }
-
       document.removeEventListener('mousemove', move);
       document.removeEventListener('mouseup', end);
     }
   }
-
   onUnmounted(function () {
     return end();
   });

package/hooks/useKeyboard.d.ts

@@ -1,6 +1,6 @@
-export declare type Handler = (e: KeyboardEvent) => void;
-export declare type Listener = (fn: () => void) => () => void;
-export declare type Options = {
+export type Handler = (e: KeyboardEvent) => void;
+export type Listener = (fn: () => void) => () => void;
+export type Options = {
     down: Handler;
     up: Handler;
     right: Handler;

package/hooks/useKeyboard.js

@@ -1,50 +1,40 @@
 import { onUnmounted } from 'intact-react';
 export function useKeyboard(options) {
   var locked = false;
-
   var onKeydown = function onKeydown(e) {
     if (locked) return;
-
     switch (e.keyCode) {
       // down
       case 40:
         options.down(e);
         break;
       // up
-
       case 38:
         options.up(e);
         break;
       // right
-
       case 39:
         options.right(e);
         break;
       // left
-
       case 37:
         options.left(e);
         break;
       // enter
-
       case 13:
         options.enter(e);
         break;
-
       default:
         options.default && options.default(e);
         break;
     }
   };
-
   var removeEventListener = function removeEventListener() {
     document.removeEventListener('keydown', onKeydown);
   };
-
   var addEventListener = function addEventListener() {
     document.addEventListener('keydown', onKeydown);
   };
-
   onUnmounted(removeEventListener);
   return [addEventListener, removeEventListener, function (v) {
     return locked = v;

package/hooks/useMouseOutsidable.js

@@ -8,14 +8,11 @@ export function useMouseOutsidable(elementRef, autoAdd) {
   if (autoAdd === void 0) {
     autoAdd = true;
   }
-
   var timer = null;
-
   function onMouseDown() {
     document.addEventListener('click', onDocumentClick, true);
     document.addEventListener('mouseup', onMouseUp);
   }
-
   function onMouseUp() {
     timer = window.setTimeout(function () {
       document.removeEventListener('click', onDocumentClick, true);
@@ -23,29 +20,24 @@ export function useMouseOutsidable(elementRef, autoAdd) {
     });
     document.removeEventListener('mouseup', onMouseUp);
   }
-
   function onDocumentClick(e) {
     if (!containsOrEqual(elementRef.value, e.target)) {
       e.stopPropagation();
     }
   }
-
   if (autoAdd) {
     onMounted(function () {
       elementRef.value.addEventListener('mousedown', onMouseDown);
     });
   }
-
   onBeforeUnmount(function () {
     if (timer) {
       clearTimeout(timer);
       timer = null;
     }
-
     if (autoAdd) {
       elementRef.value.removeEventListener('mousedown', onMouseDown);
     }
-
     document.removeEventListener('click', onDocumentClick, true);
     document.removeEventListener('mouseup', onMouseUp);
   });

package/hooks/useReceive.d.ts

@@ -1,4 +1,4 @@
 import { Component, Props } from 'intact-react';
-declare type ExtractProps<T extends Component> = T extends Component<infer P> ? Props<P> : never;
+type ExtractProps<T extends Component> = T extends Component<infer P> ? Props<P> : never;
 export declare function useReceive<T extends Component>(props: (keyof ExtractProps<T>)[], callback: () => void, ignoreInit?: boolean): void;
 export {};

package/hooks/useReceive.js

@@ -3,7 +3,6 @@ export function useReceive(props, callback, ignoreInit) {
   if (ignoreInit === void 0) {
     ignoreInit = false;
   }
-
   var instance = useInstance();
   var shouldCall = false;
   props.forEach(function (prop) {
@@ -12,17 +11,14 @@ export function useReceive(props, callback, ignoreInit) {
       shouldCall = true;
     });
   });
-
   function call() {
     if (shouldCall) {
       callback();
       shouldCall = false;
     }
   }
-
   if (!ignoreInit) {
     onBeforeMount(call);
   }
-
   onBeforeUpdate(call);
 }

package/hooks/useRecordComponent.js

@@ -6,11 +6,9 @@ export function useRecordParent(key, useMap) {
   if (key === void 0) {
     key = RECORD_COMPONENT;
   }
-
   if (useMap === void 0) {
     useMap = false;
   }
-
   var items = useMap ? new _Map() : [];
   provide(key, items);
   return items;
@@ -19,13 +17,10 @@ export function useRecordItem(key, item, value) {
   if (key === void 0) {
     key = RECORD_COMPONENT;
   }
-
   if (item === void 0) {
     item = useInstance();
   }
-
   var items = inject(key);
-
   if (items) {
     onMounted(function () {
       if (value === undefined) {
@@ -42,6 +37,5 @@ export function useRecordItem(key, item, value) {
       }
     });
   }
-
   return items;
 }

package/hooks/useResizeObserver.js

@@ -5,7 +5,6 @@ export function useResizeObserver(elementRef, callback, useDebounce) {
   if (useDebounce === void 0) {
     useDebounce = false;
   }
-
   var instance = useInstance();
   var ro;
   onMounted(function () {
@@ -16,7 +15,6 @@ export function useResizeObserver(elementRef, callback, useDebounce) {
       if (instance.$unmounted) return;
       callback();
     };
-
     ro = new ResizeObserver(useDebounce ? debounce(fn, 100, true) : fn);
     ro.observe(elementRef.value);
   });

package/hooks/useRouter.js

@@ -2,13 +2,9 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slic
 import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
 import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /**
  * @brief find the router instance
  *
@@ -37,30 +33,25 @@ export function navigate(router, to) {
     }
   }
 }
-
 function findRouter(instance) {
   var Component = instance.constructor;
-
   if (Component.$cid === 'IntactReact') {
     // in React
     var parent = instance;
-
     while (!parent.$isReact) {
       parent = parent.$senior;
       if (!parent) return;
     }
-
     for (var _iterator = _createForOfIteratorHelperLoose(parent.$reactProviders), _step; !(_step = _iterator()).done;) {
       var _step$value = _step.value,
-          key = _step$value[0],
-          value = _step$value[1];
-      var displayName = key._context.displayName; // V6
-
+        key = _step$value[0],
+        value = _step$value[1];
+      var displayName = key._context.displayName;
+      // V6
       if (displayName === 'Navigation') {
         return value.navigator;
-      } // V5
-
-
+      }
+      // V5
       if (displayName === 'Router') {
         return value.history;
       }
@@ -68,7 +59,6 @@ function findRouter(instance) {
   } else if (Component.$cid === 'IntactVue') {
     do {
       var _parent = instance.$parent;
-
       if (_parent) {
         return _parent.$router;
       }
@@ -77,7 +67,6 @@ function findRouter(instance) {
     // for vue-next
     do {
       var vueInstance = instance.vueInstance;
-
       if (vueInstance) {
         return vueInstance.proxy.$router;
       }

package/hooks/useShowHideEvents.js

@@ -3,15 +3,12 @@ export function useShowHideEvents(prop, show, hide) {
   if (prop === void 0) {
     prop = 'value';
   }
-
   if (show === void 0) {
     show = 'show';
   }
-
   if (hide === void 0) {
     hide = 'hide';
   }
-
   var instance = useInstance();
   instance.watch(prop, function (value) {
     if (value) {

package/hooks/useState.d.ts

@@ -1,5 +1,5 @@
-export declare type Listener<T> = (newValue: T, oldValue: T) => void;
-export declare type State<T> = {
+export type Listener<T> = (newValue: T, oldValue: T) => void;
+export type State<T> = {
     readonly value: T;
     set(value: T): void;
     listeners: Listener<T>[] | null;

package/hooks/useState.js

@@ -5,7 +5,6 @@ export function useState(value, isEqual) {
     value: value,
     set: function set(value) {
       var oldValue = state.value;
-
       if (isEqual) {
         if (isEqual(oldValue, value)) {
           // @ts-ignore
@@ -14,9 +13,8 @@ export function useState(value, isEqual) {
         }
       } else {
         if (oldValue === value) return;
-      } // @ts-ignore
-
-
+      }
+      // @ts-ignore
       state.value = value;
       instance.forceUpdate();
       callListeners(state, value, oldValue);
@@ -32,10 +30,8 @@ export function watchState(state, callback) {
   if (!state.listeners) state.listeners = [];
   state.listeners.push(callback);
 }
-
 function callListeners(state, newValue, oldValue) {
   var listeners = state.listeners;
-
   if (listeners) {
     for (var i = 0; i < listeners.length; i++) {
       listeners[i](newValue, oldValue);

package/i18n/en-US.js

@@ -107,7 +107,6 @@ var i18n = {
   '复制': 'Copy'
 };
 export default i18n;
-
 if (typeof global.Kpc !== 'undefined') {
   global.Kpc.localize(i18n);
 }

package/i18n/index.d.ts

@@ -1,4 +1,4 @@
-declare type Data = Record<string, string | number>;
+type Data = Record<string, string | number>;
 export declare function _$(key: null | undefined, data?: any): undefined | null;
 export declare function _$(key: string | number, data?: any): string;
 export declare function localize(data: Data): void;

package/i18n/index.js

@@ -4,24 +4,19 @@ var i18n = {};
 export function _$(key, data) {
   if (isNullOrUndefined(key)) return;
   var value = get(i18n, key);
-
   if (isNullOrUndefined(value)) {
     value = key;
   }
-
   if (isNumber(value)) value = String(value);
-
   if (data) {
     value = value.replace(valueRegexp, function (nouse, variable) {
       var suffix;
       var index = variable.indexOf(':');
-
       if (index > 0) {
         suffix = variable.substr(0, index);
         suffix = suffix.split('|');
         variable = variable.substr(index + 1);
         variable = get(data, variable);
-
         if (variable > 1) {
           return suffix.length > 1 ? suffix[1] : suffix[0];
         } else {
@@ -33,13 +28,11 @@ export function _$(key, data) {
       }
     });
   }
-
   return value;
 }
 export function localize(data) {
   if (!isObject(data)) {
     throw new Error("expect a object but got " + data);
   }
-
   i18n = data;
 }

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.4-beta.2
+ * @king-design v3.1.4
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,7 +60,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.4-beta.2";
+export declare const version = "3.1.4";
 
 
 export {normalize} from 'intact-react';