@king-design/intact 2.1.4 → 2.1.6

package/es/hooks/useDelayClose.js

@@ -2,24 +2,28 @@ import { onMounted, useInstance, onUnmounted } from 'intact';
 export function useDelayClose(close, duration) {
   var instance = useInstance();
   var timer;
+
   function delayClose() {
     if (duration) {
       timer = window.setTimeout(close, duration);
     }
   }
+
   function onMouseEnter(e) {
     instance.trigger('mouseenter', e);
     clearTimeout(timer);
   }
+
   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;
     clearTimeout(timer);
     delayClose();
   }
+
   onMounted(delayClose);
   onUnmounted(function () {
     clearTimeout(timer);

package/es/hooks/useDocumentClick.js

@@ -1,11 +1,11 @@
 import { onMounted, onUnmounted } from 'intact';
-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,39 +13,47 @@ 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/es/hooks/useDraggable.d.ts

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

package/es/hooks/useDraggable.js

@@ -2,33 +2,42 @@ import { onUnmounted } from 'intact';
 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/es/hooks/useKeyboard.d.ts

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

package/es/hooks/useKeyboard.js

@@ -1,40 +1,50 @@
 import { onUnmounted } from 'intact';
 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/es/hooks/useMouseOutsidable.js

@@ -8,32 +8,40 @@ export function useMouseOutsidable(elementRef, autoAdd) {
   if (autoAdd === void 0) {
     autoAdd = true;
   }
+
   var timer;
+
   function onMouseDown() {
     document.addEventListener('click', onDocumentClick, true);
     document.addEventListener('mouseup', onMouseUp);
   }
+
   function onMouseUp() {
     timer = window.setTimeout(function () {
       document.removeEventListener('click', onDocumentClick, true);
     });
     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 () {
     clearTimeout(timer);
+
     if (autoAdd) {
       elementRef.value.removeEventListener('mousedown', onMouseDown);
     }
+
     document.removeEventListener('click', onDocumentClick, true);
     document.removeEventListener('mouseup', onMouseUp);
   });

package/es/hooks/useReceive.d.ts

@@ -1,4 +1,4 @@
 import { Component, Props } from 'intact';
-type ExtractProps<T extends Component> = T extends Component<infer P> ? Props<P> : never;
+declare 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/es/hooks/useReceive.js

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

package/es/hooks/useRecordComponent.js

@@ -6,9 +6,11 @@ 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;
@@ -17,10 +19,13 @@ 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) {
@@ -37,5 +42,6 @@ export function useRecordItem(key, item, value) {
       }
     });
   }
+
   return items;
 }

package/es/hooks/useRouter.js

@@ -2,9 +2,13 @@ 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
  *
@@ -33,25 +37,30 @@ 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;
       }
@@ -59,6 +68,7 @@ function findRouter(instance) {
   } else if (Component.$cid === 'IntactVue') {
     do {
       var _parent = instance.$parent;
+
       if (_parent) {
         return _parent.$router;
       }
@@ -67,6 +77,7 @@ function findRouter(instance) {
     // for vue-next
     do {
       var vueInstance = instance.vueInstance;
+
       if (vueInstance) {
         return vueInstance.proxy.$router;
       }

package/es/hooks/useShowHideEvents.js

@@ -3,12 +3,15 @@ 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/es/hooks/useState.d.ts

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

package/es/hooks/useState.js

@@ -5,6 +5,7 @@ export function useState(value, isEqual) {
     value: value,
     set: function set(value) {
       var oldValue = state.value;
+
       if (isEqual) {
         if (isEqual(oldValue, value)) {
           // @ts-ignore
@@ -13,8 +14,9 @@ export function useState(value, isEqual) {
         }
       } else {
         if (oldValue === value) return;
-      }
-      // @ts-ignore
+      } // @ts-ignore
+
+
       state.value = value;
       instance.forceUpdate();
       callListeners(state, value, oldValue);
@@ -30,8 +32,10 @@ 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/es/i18n/en-US.js

@@ -101,6 +101,7 @@ var i18n = {
   '请输入关键字': 'Please enter keywords'
 };
 export default i18n;
+
 if (typeof global.Kpc !== 'undefined') {
   global.Kpc.localize(i18n);
 }

package/es/i18n/index.d.ts

@@ -1,4 +1,4 @@
-type Data = Record<string, string | number>;
+declare 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/es/i18n/index.js

@@ -4,19 +4,24 @@ 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 {
@@ -28,11 +33,13 @@ 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/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.1.4
+ * @king-design v2.1.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,4 +57,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.1.4";
+export declare const version = "2.1.6";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.1.4
+ * @king-design v2.1.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -11,6 +11,7 @@ export { _$, localize } from './i18n';
 export { bind } from './components/utils';
 export { setTheme, theme } from './styles/theme';
 /* generate start */
+
 export * from './components/affix';
 export * from './components/badge';
 export * from './components/breadcrumb';
@@ -58,5 +59,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.1.4';
+export var version = '2.1.6';
 /* generate end */

package/es/packages/kpc-react/__tests__/components/cascader.spec.js

@@ -16,54 +16,63 @@ describe('Cascader', function () {
   });
   it('should hide all menu on selected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var App, select, dropdown1, _dropdown1$querySelec, item1, dropdown2, _dropdown2$querySelec, item11;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          App = function _App() {
-            var _useState = useState([]),
-              value = _useState[0],
-              setValue = _useState[1];
-            return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Cascader, {
-              data: [{
-                value: 'a',
-                label: 'a',
-                children: [{
-                  value: 'b',
-                  label: 'b'
-                }]
-              }],
-              value: value,
-              multiple: true,
-              filterable: true,
-              onChangeValue: function onChangeValue(v) {
-                setValue(v);
-              }
-            }));
-          };
-          ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
-          select = container.querySelector('.k-cascader');
-          select.click();
-          _context.next = 6;
-          return wait();
-        case 6:
-          dropdown1 = getElement('.k-cascader-menu');
-          _dropdown1$querySelec = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec[0];
-          item1.click();
-          _context.next = 11;
-          return wait();
-        case 11:
-          dropdown2 = getElement('.k-cascader-menu');
-          _dropdown2$querySelec = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec[0];
-          item11.click();
-          _context.next = 16;
-          return wait(500);
-        case 16:
-          // should hide all menu
-          expect(dropdown1.style.display).to.eql('none');
-          expect(dropdown2.style.display).to.eql('none');
-        case 18:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            App = function _App() {
+              var _useState = useState([]),
+                  value = _useState[0],
+                  setValue = _useState[1];
+
+              return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Cascader, {
+                data: [{
+                  value: 'a',
+                  label: 'a',
+                  children: [{
+                    value: 'b',
+                    label: 'b'
+                  }]
+                }],
+                value: value,
+                multiple: true,
+                filterable: true,
+                onChangeValue: function onChangeValue(v) {
+                  setValue(v);
+                }
+              }));
+            };
+
+            ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
+            select = container.querySelector('.k-cascader');
+            select.click();
+            _context.next = 6;
+            return wait();
+
+          case 6:
+            dropdown1 = getElement('.k-cascader-menu');
+            _dropdown1$querySelec = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec[0];
+            item1.click();
+            _context.next = 11;
+            return wait();
+
+          case 11:
+            dropdown2 = getElement('.k-cascader-menu');
+            _dropdown2$querySelec = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec[0];
+            item11.click();
+            _context.next = 16;
+            return wait(500);
+
+          case 16:
+            // should hide all menu
+            expect(dropdown1.style.display).to.eql('none');
+            expect(dropdown2.style.display).to.eql('none');
+
+          case 18:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));