@king-design/vue 2.1.4 → 2.1.6

package/hooks/useDelayClose.js

@@ -2,24 +2,28 @@ import { onMounted, useInstance, onUnmounted } from 'intact-vue-next';
 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/hooks/useDocumentClick.js

@@ -1,11 +1,11 @@
 import { onMounted, onUnmounted } from 'intact-vue-next';
-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/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/hooks/useDraggable.js

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

@@ -1,40 +1,50 @@
 import { onUnmounted } from 'intact-vue-next';
 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,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/hooks/useReceive.d.ts

@@ -1,4 +1,4 @@
 import { Component, Props } from 'intact-vue-next';
-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/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/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/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/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/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/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/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/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/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/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,7 +57,7 @@ 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";
 
 
 export {normalize} from 'intact-vue-next';

package/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,7 +59,7 @@ 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 */
 
 export {normalize} from 'intact-vue-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/vue",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "King-Design UI components for Vue3.0.",
   "keywords": [
     "component",
@@ -38,7 +38,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact-vue-next": "3.0.28",
+    "intact-vue-next": "3.0.29",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/styles/global.js

@@ -1,4 +1,5 @@
 var _context;
+
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
 import { injectGlobal } from '@emotion/css';
@@ -9,8 +10,8 @@ var slideDirections = {
   up: 'center bottom 0',
   left: 'right center 0',
   right: 'left center 0'
-};
-// TODO: update global when theme changed
+}; // TODO: update global when theme changed
+
 injectGlobal("html{--var-wave-color:", theme.color.primary, ";box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
   return "\n            .k-slide" + direction + "-enter-from,\n            .k-slide" + direction + "-leave-to {\n                transform-origin: " + slideDirections[direction] + ";\n                opacity: 0;\n                transform: " + (direction === 'down' || direction === 'up' ? "scaleY(.8)" : 'scaleX(.8)') + ";\n            }\n            .k-slide" + direction + "-enter-active,\n            .k-slide" + direction + "-leave-active {\n                transform-origin: " + slideDirections[direction] + ";\n                transition: opacity " + theme.transition.large + ", transform " + theme.transition.large + " !important;\n                pointer-events: none;\n            }\n        ";
 }).join(''), " .k-fade-enter-from,.k-fade-leave-to{opacity:0!important;}.k-fade-enter-active,.k-fade-leave-active{transition:opacity ", theme.transition.large, ";}.k-fade-leave-active:not(tr){position:absolute;}.k-fade-move{transition:transform ", theme.transition.large, ";}.k-scale-enter-from,.k-scale-leave-to{transform:scale(0);}.k-scale-enter-active,.k-scale-leave-active{transition:transform ", theme.transition.large, ";}.k-expand-enter-from,.k-expand-leave-to{opacity:0;overflow:hidden;}.k-expand-enter-active,.k-expand-leave-active{transition:all ", theme.transition.large, "!important;overflow:hidden;}.k-expand-move{transition:transform ", theme.transition.large, ";}.k-dropdown-enter-from,.k-dropdown-leave-to{opacity:0;transform:translateY(-20px);}.k-dropdown-enter-active,.k-dropdown-leave-active,.k-dropdown-move{transition:all ", theme.transition.large, ";}.k-dropdown-leave-active{position:absolute!important;}.k-dropdown-move{transition:transform ", theme.transition.large, ";}.k-fade-in-left-enter-from,.k-fade-in-left-leave-to{opacity:0;transform:translate3d(-15px, 0, 0);}.k-fade-in-left-enter-active,.k-fade-in-left-leave-active{transition:all ", theme.transition.large, ";td{background:", palette(theme.color.primary, -4), "!important;}}.k-fade-in-left-move{transition:transform ", theme.transition.large, ";}.k-fade-expand-enter-from,.k-fade-expand-leave-to{opacity:0;}.k-fade-expand-enter-active,.k-fade-expand-leave-active{transition:all ", theme.transition.large, ";background:", palette(theme.color.primary, -4), "!important;}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.c-hidden{display:none;}.c-middle{display:inline-block;vertical-align:middle;}");

package/styles/keyframes.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 { keyframes } from '@emotion/css';
 export var rotate = /*#__PURE__*/keyframes(process.env.NODE_ENV === "production" ? {
   name: "1b2444z",

package/styles/theme.d.ts

@@ -1,4 +1,4 @@
-export type Theme = {
+export declare type Theme = {
     [name: string]: string | number | Theme;
 };
 export declare function defaultTheme(): {

package/styles/theme.js

@@ -33,15 +33,19 @@ export function defaultTheme() {
       title: '#333',
       darkBorder: '#b2b2b2',
       placeholder: '#b2b2b2',
+
       get link() {
         return theme.color.primary;
       },
+
       get linkHover() {
         return palette(theme.color.primary, -1);
       },
+
       get hoverBg() {
         return palette(theme.color.primary, -4);
       },
+
       disabled: '#ccc',
       disabledBg: '#f2f2f2',
       disabledBorder: '#ccc',
@@ -71,8 +75,8 @@ export function push(setTheme) {
 }
 export function setTheme(customTheme) {
   resetTheme();
-  deepExtends(theme, customTheme);
-  // queue
+  deepExtends(theme, customTheme); // queue
+
   queue.forEach(function (fn) {
     return fn();
   });
@@ -80,8 +84,7 @@ export function setTheme(customTheme) {
 export function setDefault(setTheme) {
   setTheme();
   push(setTheme);
-}
-// push(resetTheme);
+} // push(resetTheme);
 // export const theme = defualtTheme();
 // export const theme = {
 //     large: {

package/styles/utils.d.ts

@@ -10,5 +10,5 @@ export declare function palette(color: string, level: number): string;
 export declare function getLeft(padding: string): string;
 export declare function getRight(padding: string): string;
 export declare function darken(color: string, number: number): string;
-export type Sizes = 'large' | 'default' | 'small' | 'mini';
+export declare type Sizes = 'large' | 'default' | 'small' | 'mini';
 export declare const sizes: Sizes[];