@king-design/vue 2.0.0-beta.1 → 2.0.2

package/components/tooltip/index.spec.js

@@ -3,6 +3,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import _Array$from2 from "@babel/runtime-corejs3/core-js/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
 import { findDomFromVNode, Component } from 'intact-vue-next';
 import BasicDemo from '~/components/tooltip/demos/basic';
 import PositionDemo from '~/components/tooltip/demos/position';
@@ -52,7 +53,7 @@ describe('Tooltip', function () {
 
             dispatchEvent(first, 'mouseleave');
             _context.next = 20;
-            return wait(400);
+            return wait(600);
 
           case 20:
             expect(content.style.display).to.eql('none');
@@ -82,7 +83,10 @@ describe('Tooltip', function () {
             };
 
             eql = function eql(a, b) {
-              return expect(Math.floor(a)).to.eql(Math.floor(b));
+              a = Math.floor(a);
+              b = Math.floor(b); // Don't be entangled with the difference of 1 to 2 pixels
+
+              expect(a >= b - 1 && a <= b + 1).to.be.true;
             };
 
             instance.set('position', 'left');
@@ -208,7 +212,7 @@ describe('Tooltip', function () {
 
             document.body.click();
             _context3.next = 15;
-            return wait(300);
+            return wait(500);
 
           case 15:
             expect(content.style.display).to.eql('none');
@@ -227,40 +231,41 @@ describe('Tooltip', function () {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
+            this.timeout(0);
             _mount4 = mount(TriggerDemo), element = _mount4[1];
             _Array$from3 = _Array$from2(element.querySelectorAll('.k-btn')), canHover = _Array$from3[2];
             dispatchEvent(canHover, 'mouseenter');
-            _context4.next = 5;
+            _context4.next = 6;
             return wait();
 
-          case 5:
+          case 6:
             dispatchEvent(canHover, 'mouseleave');
-            _context4.next = 8;
-            return wait(300);
+            _context4.next = 9;
+            return wait(500);
 
-          case 8:
+          case 9:
             content = getElement('.k-tooltip-content');
             dispatchEvent(content, 'mouseenter');
-            _context4.next = 12;
-            return wait(300);
+            _context4.next = 13;
+            return wait(500);
 
-          case 12:
-            content1 = getElement('.k-tooltip-content'); //  should not hide when hover from button to tooltip content    
+          case 13:
+            content1 = getElement('.k-tooltip-content'); //  should not hide when move mouse from button to tooltip content    
 
             expect(content1).eql(content);
             dispatchEvent(canHover, 'mouseleave');
-            _context4.next = 17;
-            return wait(500);
+            _context4.next = 18;
+            return wait(800);
 
-          case 17:
+          case 18:
             expect(content.style.display).to.eql('none');
 
-          case 18:
+          case 19:
           case "end":
             return _context4.stop();
         }
       }
-    }, _callee4);
+    }, _callee4, this);
   })));
   it('should custom content correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount5, element, _Array$from4, btn, content;
@@ -273,7 +278,7 @@ describe('Tooltip', function () {
             _Array$from4 = _Array$from2(element.querySelectorAll('.k-btn')), btn = _Array$from4[0];
             btn.click();
             _context5.next = 5;
-            return wait(300);
+            return wait(500);
 
           case 5:
             content = getElement('.k-tooltip-content'); // ignore the arrow, because it may change className to adapt to the direction
@@ -311,7 +316,7 @@ describe('Tooltip', function () {
             expect(content.querySelector('.k-tooltip-buttons').outerHTML).to.matchSnapshot();
             content.querySelector('.k-btn').click();
             _context6.next = 13;
-            return wait(300);
+            return wait(500);
 
           case 13:
             expect(content.style.display).eql('none');
@@ -324,7 +329,7 @@ describe('Tooltip', function () {
             _Array$from5 = _Array$from2(content.querySelectorAll('.k-btn')), btn = _Array$from5[1];
             btn.click();
             _context6.next = 22;
-            return wait(300);
+            return wait(500);
 
           case 22:
             expect(content.style.display).eql('none');
@@ -350,19 +355,19 @@ describe('Tooltip', function () {
             expect(content.textContent).eql('hello');
             document.body.click();
             _context7.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             expect(getElement('.k-tooltip-content')).eql(content);
             element.querySelector('span').click();
             _context7.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(getElement('.k-tooltip-content')).eql(content);
             dispatchEvent(content, 'mouseleave');
             _context7.next = 14;
-            return wait(500);
+            return wait(600);
 
           case 14:
             expect(getElement('.k-tooltip-content')).eql(content);
@@ -487,7 +492,7 @@ describe('Tooltip', function () {
             expect(content.textContent).eql('hello');
             i.set('disabled', true);
             _context9.next = 12;
-            return wait(300);
+            return wait(500);
 
           case 12:
             content = getElement('.k-tooltip-content');
@@ -562,9 +567,11 @@ describe('Tooltip', function () {
 
           case 10:
             content = getElement('.k-tooltip-content');
+            console.log(content.outerHTML);
+            console.log(_JSON$stringify(content.getBoundingClientRect()));
             expect(content.getBoundingClientRect().top < 0).to.be.true;
 
-          case 12:
+          case 14:
           case "end":
             return _context11.stop();
         }

package/components/transfer/index.spec.js

@@ -89,7 +89,7 @@ describe('Transfer', function () {
             _element$querySelecto = element.querySelectorAll('.k-btn'), remove = _element$querySelecto[0], add = _element$querySelecto[1];
             add.click();
             _context2.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(element.outerHTML).to.matchSnapshot();
@@ -102,7 +102,7 @@ describe('Transfer', function () {
             expect(element.outerHTML).to.matchSnapshot();
             remove.click();
             _context2.next = 19;
-            return wait(300);
+            return wait(500);
 
           case 19:
             expect(element.outerHTML).to.matchSnapshot();
@@ -191,50 +191,51 @@ describe('Transfer', function () {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
+            this.timeout(0);
             _mount5 = mount(LabelDemo), instance = _mount5[0], element = _mount5[1];
             transfer = instance.refs.__test;
             transfer.set('leftKeywords', '0');
-            _context4.next = 5;
-            return wait(300);
+            _context4.next = 6;
+            return wait(500);
 
-          case 5:
+          case 6:
             expect(element.innerHTML).to.matchSnapshot();
             checkAll = element.querySelector('.k-transfer-title .k-checkbox');
             checkAll.click();
-            _context4.next = 10;
+            _context4.next = 11;
             return wait();
 
-          case 10:
+          case 11:
             expect(element.innerHTML).to.matchSnapshot();
             transfer.set('leftKeywords', '');
-            _context4.next = 14;
-            return wait(300);
+            _context4.next = 15;
+            return wait(500);
 
-          case 14:
+          case 15:
             expect(element.innerHTML).to.matchSnapshot();
             checkAll.click();
-            _context4.next = 18;
+            _context4.next = 19;
             return wait();
 
-          case 18:
+          case 19:
             expect(element.innerHTML).to.matchSnapshot();
             transfer.set('leftKeywords', '0');
-            _context4.next = 22;
+            _context4.next = 23;
             return wait();
 
-          case 22:
+          case 23:
             transfer.set('leftKeywords', '');
-            _context4.next = 25;
-            return wait(300);
+            _context4.next = 26;
+            return wait(500);
 
-          case 25:
+          case 26:
             expect(element.innerHTML).to.matchSnapshot();
 
-          case 26:
+          case 27:
           case "end":
             return _context4.stop();
         }
       }
-    }, _callee4);
+    }, _callee4, this);
   })));
 });

package/components/transfer/styles.js

@@ -45,11 +45,7 @@ var defaults = {
 
     bgColor: '#fff',
     hoverBgColor: 'transparent',
-    padding: '5px 16px',
-
-    get height() {
-      return theme.default.height;
-    },
+    padding: '7px 16px',
 
     get descColor() {
       return theme.color.lightBlack;
@@ -67,5 +63,5 @@ setDefault(function () {
   }).transfer;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", transfer.fontSize, ";.k-transfer-panel,.k-transfer-arrows{display:inline-block;vertical-align:middle;}.k-transfer-panel{width:", transfer.panel.width, ";border:", transfer.panel.border, ";border-radius:", transfer.panel.borderRadius, ";height:", transfer.panel.height, ";display:inline-flex;flex-direction:column;}.k-transfer-title{line-height:", transfer.title.lineHeight, ";background:", transfer.title.bgColor, ";padding:", transfer.title.padding, ";.k-checkbox{color:", transfer.title.color, ";font-size:", transfer.title.fontSize, ";display:block;}}.k-transfer-count{float:right;margin-left:", transfer.title.countGap, ";}.k-transfer-list{overflow:auto;position:relative;flex:1;}.k-transfer-item{color:", transfer.item.color, ";background:", transfer.item.bgColor, ";user-select:none;display:table;width:100%;&:not(.k-disabled):hover{background:", transfer.item.hoverBgColor, ";color:", transfer.item.hoverColor, ";p{color:", transfer.item.hoverColor, ";}}.k-checkbox{padding:", transfer.item.padding, ";display:table-cell;height:", transfer.item.height, ";vertical-align:middle;white-space:nowrap;}p{margin:0;color:", transfer.item.descColor, ";}&.k-disabled{p{color:", theme.color.disabled, ";}}}.k-input{width:auto;margin:", transfer.searchGap, ";}.k-transfer-arrows{.k-btn{display:flex;margin:", transfer.arrow.gap, ";}}");
+  return /*#__PURE__*/css("font-size:", transfer.fontSize, ";.k-transfer-panel,.k-transfer-arrows{display:inline-block;vertical-align:middle;}.k-transfer-panel{width:", transfer.panel.width, ";border:", transfer.panel.border, ";border-radius:", transfer.panel.borderRadius, ";height:", transfer.panel.height, ";display:inline-flex;flex-direction:column;}.k-transfer-title{line-height:", transfer.title.lineHeight, ";background:", transfer.title.bgColor, ";padding:", transfer.title.padding, ";.k-checkbox{color:", transfer.title.color, ";font-size:", transfer.title.fontSize, ";}}.k-transfer-count{float:right;margin-left:", transfer.title.countGap, ";}.k-transfer-list{overflow:auto;position:relative;flex:1;}.k-transfer-item{color:", transfer.item.color, ";background:", transfer.item.bgColor, ";user-select:none;width:100%;&:not(.k-disabled):hover{background:", transfer.item.hoverBgColor, ";color:", transfer.item.hoverColor, ";p{color:", transfer.item.hoverColor, ";}}.k-checkbox{padding:", transfer.item.padding, ";display:flex;}p{margin:0;color:", transfer.item.descColor, ";}&.k-disabled{p{color:", theme.color.disabled, ";}}}.k-input{width:auto;margin:", transfer.searchGap, ";}.k-transfer-arrows{.k-btn{display:flex;margin:", transfer.arrow.gap, ";}}");
 }

package/components/tree/index.d.ts

@@ -2,7 +2,7 @@ import { Component, Key, TypeDefs } from 'intact-vue-next';
 import { DataItem, Node } from './useNodes';
 import { Mode } from './useDraggable';
 import type { Events } from '../types';
-export type { Node as TreeNode, DataItem as TreeDataItem, };
+export type { Node as TreeNode, DataItem as TreeDataItem, Mode as TreeMode, };
 export interface TreeProps<K extends Key = Key> {
     data?: DataItem<K>[];
     filter?: Filter<K>;

package/components/tree/index.js

@@ -10,7 +10,7 @@ import { useChecked } from './useChecked';
 import { useExpanded } from './useExpanded';
 import { useSelected } from './useSelected';
 import { useFilter } from './useFilter';
-import { useDraggable } from './useDraggable';
+import { useDraggable, Mode } from './useDraggable';
 import { useTransitionEvent } from './useTransitionEvent';
 var typeDefs = {
   data: Array,

package/components/tree/index.spec.js

@@ -21,33 +21,34 @@ describe('Tree', function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
+            this.timeout(0);
             _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
             _element$querySelecto = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto[1], icon2 = _element$querySelecto[2];
             icon2.click();
-            _context.next = 5;
-            return wait(300);
+            _context.next = 6;
+            return wait(500);
 
-          case 5:
+          case 6:
             expect(element.outerHTML).to.matchSnapshot();
             icon1.click();
-            _context.next = 9;
-            return wait(300);
+            _context.next = 10;
+            return wait(500);
 
-          case 9:
+          case 10:
             expect(element.outerHTML).to.matchSnapshot();
             icon1.click();
-            _context.next = 13;
-            return wait(300);
+            _context.next = 14;
+            return wait(500);
 
-          case 13:
+          case 14:
             expect(element.outerHTML).to.matchSnapshot();
 
-          case 14:
+          case 15:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee);
+    }, _callee, this);
   })));
   it('checkbox', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, tree, _element$querySelecto2, checkbox1, checkbox2, data1, _element$querySelecto3, firstIcon, icon, _element$querySelecto4, icon1, data2, _element$querySelecto5, checkbox3, checkbox4;
@@ -80,7 +81,7 @@ describe('Tree', function () {
 
             icon1.click();
             _context2.next = 19;
-            return wait(300);
+            return wait(500);
 
           case 19:
             expect(element.outerHTML).to.matchSnapshot();
@@ -182,7 +183,7 @@ describe('Tree', function () {
             _element$querySelecto8 = element.querySelectorAll('.k-btn'), btn1 = _element$querySelecto8[0], btn2 = _element$querySelecto8[1];
             btn1.click();
             _context4.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             expect(element.outerHTML).to.matchSnapshot();
@@ -190,7 +191,7 @@ describe('Tree', function () {
             expect(instance.get('data')).to.matchSnapshot();
             btn2.click();
             _context4.next = 12;
-            return wait(300);
+            return wait(500);
 
           case 12:
             expect(element.outerHTML).to.matchSnapshot();
@@ -203,7 +204,7 @@ describe('Tree', function () {
             _element$querySelecto10 = element.querySelectorAll('.k-btn'), btn3 = _element$querySelecto10[3];
             btn3.click();
             _context4.next = 21;
-            return wait(300);
+            return wait(500);
 
           case 21:
             expect(element.outerHTML).to.matchSnapshot(); // uncheck and remove
@@ -216,7 +217,7 @@ describe('Tree', function () {
           case 26:
             checkbox1.parentNode.querySelector('.k-btn:nth-child(2)').click();
             _context4.next = 29;
-            return wait(300);
+            return wait(500);
 
           case 29:
             expect(element.outerHTML).to.matchSnapshot();
@@ -291,7 +292,7 @@ describe('Tree', function () {
             tree.set('selectable', false);
             text1.click();
             _context6.next = 21;
-            return wait(300);
+            return wait(500);
 
           case 21:
             expect(tree.getSelectedData().length).to.eql(0);
@@ -321,7 +322,7 @@ describe('Tree', function () {
             _mount7 = mount(DraggableDemo), instance = _mount7[0], element = _mount7[1];
             instance.set('expandedKeys', ['2', '2-1', '1', '1-1']);
             _context7.next = 11;
-            return wait(300);
+            return wait(500);
 
           case 11:
             // can not drag disabled item
@@ -413,7 +414,7 @@ function _dragInsert() {
           case 6:
             dispatchEvent(toElement, 'dragend');
             _context8.next = 9;
-            return wait(300);
+            return wait(500);
 
           case 9:
           case "end":

package/components/tree/index.vdt.js

@@ -80,6 +80,7 @@ export default function ($props, $blocks, $__proto__) {
 
       return _$ce(2, 'div', [_$ce(2, 'div', [node.children && node.loaded !== false ? _$cc(Icon, {
         'className': 'k-tree-icon ion-android-arrow-dropdown',
+        'hoverable': true,
         'ev-click': function evClick(e) {
           // it may be in dropdownMenu, e.g. TreeSelect
           e._ignore = true;

package/components/tree/styles.js

@@ -3,6 +3,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, palette } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
+  get transition() {
+    return theme.transition.middle;
+  },
+
   fontSize: '12px',
   lineHeight: '24px',
 
@@ -65,5 +69,5 @@ setDefault(function () {
   }).tree;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", tree.fontSize, ";line-height:", tree.lineHeight, ";position:relative;.k-tree-label{position:relative;display:flex;align-items:center;&.k-before,&.k-after{&:before{position:absolute;content:'';display:block;border-top:", tree.dragging.border, ";width:100%;left:0;}}&.k-before:before{top:0;}&.k-after:before{bottom:0;}&.k-inner{background:", tree.selected.bgColor, ";}}.k-tree-icon,.k-tree-text{cursor:pointer;}.k-tree-text{padding:", tree.textPadding, ";border-radius:", tree.borderRadius, ";flex:1;}.k-tree-leaf{padding-left:", tree.leafIndent, ";}.k-tree-icon{width:", tree.iconWidth, ";text-align:center;color:", tree.iconColor, ";transform:rotate(-90deg);transition:transform ", theme.transition, ";}.k-tree-checkbox{margin-right:", tree.checkboxGap, ";}&.k-selectable{.k-tree-node{&.k-selected{>.k-tree-label .k-tree-text{background:", tree.selected.bgColor, "!important;}}}}.k-tree-node{background:#fff;&:not(.k-disabled){>.k-tree-label .k-tree-text:hover{background:", theme.color.bg, ";}}&.k-expanded{>.k-tree-label .k-tree-icon{transform:rotate(0);}}&.k-disabled{>.k-tree-label{color:", tree.disabledColor, ";.k-tree-text{cursor:not-allowed;}}}&.k-dragging{background:", tree.dragging.bgColor, ";.k-tree-node{background:", tree.dragging.bgColor, ";}}}.k-tree{margin-left:", tree.marginLeft, ";padding-left:", tree.paddingLeft, ";}&.k-line .k-tree{border-left:", tree.line, ";}");
+  return /*#__PURE__*/css("font-size:", tree.fontSize, ";line-height:", tree.lineHeight, ";position:relative;.k-tree-label{position:relative;display:flex;align-items:center;&.k-before,&.k-after{&:before{position:absolute;content:'';display:block;border-top:", tree.dragging.border, ";width:100%;left:0;}}&.k-before:before{top:0;}&.k-after:before{bottom:0;}&.k-inner{background:", tree.selected.bgColor, ";}}.k-tree-icon,.k-tree-text{cursor:pointer;}.k-tree-text{padding:", tree.textPadding, ";border-radius:", tree.borderRadius, ";flex:1;}.k-tree-leaf{padding-left:", tree.leafIndent, ";}.k-tree-icon{width:", tree.iconWidth, ";text-align:center;color:", tree.iconColor, ";&:before{transform:rotate(-90deg);transition:transform ", tree.transition, ";}}.k-tree-checkbox{margin-right:", tree.checkboxGap, ";}&.k-selectable{.k-tree-node{&.k-selected{>.k-tree-label .k-tree-text{background:", tree.selected.bgColor, "!important;}}}}.k-tree-node{background:#fff;&:not(.k-disabled){>.k-tree-label .k-tree-text:hover{background:", theme.color.bg, ";}}&.k-expanded{>.k-tree-label .k-tree-icon:before{transform:rotate(0);}}&.k-disabled{>.k-tree-label{color:", tree.disabledColor, ";.k-tree-text{cursor:not-allowed;}}}&.k-dragging{background:", tree.dragging.bgColor, ";.k-tree-node{background:", tree.dragging.bgColor, ";}}}.k-tree{margin-left:", tree.marginLeft, ";padding-left:", tree.paddingLeft, ";}&.k-line .k-tree{border-left:", tree.line, ";}");
 }

package/components/treeSelect/index.spec.js

@@ -32,7 +32,7 @@ describe('TreeSelect', function () {
             dropdown.querySelector('.k-tree-text').click();
             expect(instance.get('value')).to.eql('1');
             _context.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(getElement('.k-tree-select-menu')).to.be.undefined;
@@ -66,7 +66,7 @@ describe('TreeSelect', function () {
             expect(instance.get('values')).to.eql(['1.1']);
             instance.set('values', ['1']);
             _context2.next = 14;
-            return wait(300);
+            return wait(500);
 
           case 14:
             expect(dropdown.innerHTML).to.matchSnapshot();
@@ -133,7 +133,7 @@ describe('TreeSelect', function () {
             input.value = 'first';
             dispatchEvent(input, 'input');
             _context4.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(dropdown.innerHTML).to.matchSnapshot();
@@ -187,13 +187,13 @@ describe('TreeSelect', function () {
           case 7:
             dispatchEvent(select, 'focusout');
             _context6.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(element.querySelector('.k-form-error')).to.be.null;
             dispatchEvent(select, 'click');
             _context6.next = 14;
-            return wait(300);
+            return wait(500);
 
           case 14:
             expect(element.querySelector('.k-form-error')).not.to.be.null;

package/components/treeSelect/styles.js

@@ -3,6 +3,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
+  get transition() {
+    return theme.transition.middle;
+  },
+
   maxHeight: "400px",
   padding: "3px 6px"
 };
@@ -13,5 +17,5 @@ setDefault(function () {
   }).treeSelect;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("min-width:auto;max-height:", treeSelect.maxHeight, ";padding:", treeSelect.padding, ";overflow:auto;&:not([class*=\"-active\"]){transition:left ", theme.transition, ",top ", theme.transition, ";}");
+  return /*#__PURE__*/css("min-width:auto;max-height:", treeSelect.maxHeight, ";padding:", treeSelect.padding, ";overflow:auto;&:not([class*=\"-active\"]){transition:left ", treeSelect.transition, ",top ", treeSelect.transition, ";}");
 }

package/components/upload/index.d.ts

@@ -2,7 +2,7 @@ import { Component, TypeDefs } from 'intact-vue-next';
 import { UploadFileStatus } from './useUpload';
 import type { RequestError } from './ajaxUploader';
 import type { Events } from '../types';
-export type { RequestError };
+export type { RequestError, UploadFileStatus };
 export interface UploadProps {
     accept?: string;
     files?: UploadFile[];

package/components/upload/index.spec.js

@@ -89,7 +89,7 @@ describe('Upload', function () {
     };
 
     this.xhr.restore();
-    setTimeout(done, 400);
+    setTimeout(done, 500);
   });
   it('basic', function (done) {
     this.timeout(0);

package/components/upload/index.vdt.js

@@ -28,7 +28,7 @@ var _$tmp5 = {
   'className': 'k-upload-status-icon ion-ios-close-outline'
 };
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj, _$cn2;
+  var _classNameObj, _$cn3;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
@@ -91,17 +91,16 @@ export default function ($props, $blocks, $__proto__) {
   var removeFile = this.files.removeFile;
 
   var closeBtn = function closeBtn(value, index, icon) {
-    return _$cc(Button, {
-      'type': 'none',
-      'icon': true,
-      'size': 'mini',
-      'className': 'k-upload-close',
+    var _$cn2;
+
+    return _$cc(Icon, {
+      'className': _$cn((_$cn2 = {
+        "k-upload-close": true
+      }, _$cn2[icon] = true, _$cn2)),
       'ev-click': function evClick() {
         return removeFile(value, index);
       },
-      'children': _$cc(Icon, {
-        'className': _$cn(icon)
-      })
+      'hoverable': true
     });
   };
 
@@ -166,9 +165,9 @@ export default function ($props, $blocks, $__proto__) {
     'key': 'dialog',
     'value': isShow.value,
     'ev-close': close,
-    'className': _$cn((_$cn2 = {
+    'className': _$cn((_$cn3 = {
       "k-upload-dialog": true
-    }, _$cn2[makeUploadDialogStyles()] = true, _$cn2)),
+    }, _$cn3[makeUploadDialogStyles()] = true, _$cn3)),
     'children': image.value ? _$ce(2, 'a', _$ce(2, 'img', null, 1, null, {
       'src': image.value.url
     }), 2, null, {

package/components/upload/styles.js

@@ -5,6 +5,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
+  get transition() {
+    return theme.transition.middle;
+  },
+
   fontSize: '12px',
   tip: {
     gap: '16px',
@@ -140,7 +144,7 @@ setDefault(function () {
   }).upload;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.k-upload-handle,.k-upload-tip{display:inline-block;vertical-align:middle;}.k-upload-tip{margin-left:", upload.tip.gap, ";color:", upload.tip.color, ";}.k-upload-files{margin-top:", upload.filesGap, ";}.k-upload-file{margin:", upload.file.margin, ";padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";&:hover{background:", upload.file.bgColor, ";.k-upload-close{display:inline-flex;}}}.k-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.k-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.k-upload-file-name{flex:1;}.k-upload-status-icon{color:", upload.file.status.color, ";margin-left:", upload.file.status.gap, ";}.k-upload-close{display:none;.k-icon{font-size:", upload.closeFontSize, ";}}.k-upload-file.k-error{color:", upload.file.errorColor, ";.k-upload-status-icon{color:", upload.file.status.errorColor, ";}}.k-upload-progress{.k-progress-text{width:auto!important;}}&.k-drag{.k-upload-handle{color:", upload.drag.color, ";display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", theme.transition, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.k-upload-area{padding:", upload.drag.padding, ";.k-icon{font-size:", upload.drag.icon.fontSize, ";color:", upload.drag.icon.color, ";line-height:1;}}&.k-dragover{.k-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.k-upload-pictures{display:inline-block;vertical-align:middle;}.k-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.k-error{border-color:", upload.gallery.errorBorderColor, ";}&:hover{.k-upload-close{opacity:1;pointer-events:all;}}.k-upload-img{display:inline-block;width:100%;height:100%;}.k-upload-close{position:absolute;top:", upload.gallery.close.top, ";right:", upload.gallery.close.right, ";display:inline-block;opacity:0;transition:opacity ", theme.transition, ";pointer-events:none;.k-icon{font-size:", upload.gallery.close.fontSize, ";}}.k-upload-icons{opacity:0;transition:opacity ", theme.transition, ";}&:hover{.k-upload-icons{opacity:1;}}}.k-upload-picture-card{display:inline-block;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";text-align:center;cursor:pointer;margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";}.k-upload-add{border:", upload.gallery.add.border, ";font-size:", upload.gallery.add.fontSize, ";line-height:calc(", upload.gallery.height, " - 2px);&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.k-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;color:", upload.overlap.color, ";background:", upload.overlap.bgColor, ";.k-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}.k-upload-zoom{display:inline-block;position:relative;top:50%;transform:translateY(-50%);font-size:", upload.overlap.zoomFontSize, ";}");
+  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.k-upload-handle,.k-upload-tip{display:inline-block;vertical-align:middle;}.k-upload-tip{margin-left:", upload.tip.gap, ";color:", upload.tip.color, ";}.k-upload-files{margin-top:", upload.filesGap, ";}.k-upload-file{margin:", upload.file.margin, ";padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";&:hover{background:", upload.file.bgColor, ";.k-upload-close{display:inline-flex;}}}.k-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.k-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.k-upload-file-name{flex:1;}.k-upload-status-icon{color:", upload.file.status.color, ";margin-left:", upload.file.status.gap, ";}.k-upload-close{display:none;.k-icon{font-size:", upload.closeFontSize, ";}}.k-upload-file.k-error{color:", upload.file.errorColor, ";.k-upload-status-icon{color:", upload.file.status.errorColor, ";}}.k-upload-progress{.k-progress-text{width:auto!important;}}&.k-drag{.k-upload-handle{color:", upload.drag.color, ";display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.k-upload-area{padding:", upload.drag.padding, ";.k-icon{font-size:", upload.drag.icon.fontSize, ";color:", upload.drag.icon.color, ";line-height:1;}}&.k-dragover{.k-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.k-upload-pictures{display:inline-block;vertical-align:middle;}.k-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.k-error{border-color:", upload.gallery.errorBorderColor, ";}&:hover{.k-upload-close{opacity:1;pointer-events:all;}}.k-upload-img{display:inline-block;width:100%;height:100%;}.k-upload-close{position:absolute;top:", upload.gallery.close.top, ";right:", upload.gallery.close.right, ";display:inline-block;opacity:0;transition:opacity ", upload.transition, ";pointer-events:none;.k-icon{font-size:", upload.gallery.close.fontSize, ";}}.k-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}&:hover{.k-upload-icons{opacity:1;}}}.k-upload-picture-card{display:inline-block;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";text-align:center;cursor:pointer;margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";}.k-upload-add{border:", upload.gallery.add.border, ";font-size:", upload.gallery.add.fontSize, ";line-height:calc(", upload.gallery.height, " - 2px);&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.k-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;color:", upload.overlap.color, ";background:", upload.overlap.bgColor, ";.k-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}.k-upload-zoom{display:inline-block;position:relative;top:50%;transform:translateY(-50%);font-size:", upload.overlap.zoomFontSize, ";}");
 }
 export function makeUploadDialogStyles() {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/components/utils.d.ts

@@ -7,7 +7,7 @@ export declare function isTextVNode(o: VNode): boolean;
 export declare function isTextBlock(o: any): boolean;
 export declare function isStringOrNumberNotEmpty(o: any): o is string | number;
 export declare function getRestProps<T>(component: Component<T>, props?: import("intact").Props<T, Component<T, {}, {}, {}>>): Partial<T>;
-export declare function isExternalLink(to?: string): boolean;
+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;

package/components/wave/index.d.ts

@@ -0,0 +1,19 @@
+import { Component, TypeDefs, VNode } from 'intact-vue-next';
+export interface WaveProps {
+    disabled?: boolean;
+    color?: string;
+    inset?: string;
+}
+export declare class Wave extends Component<WaveProps> {
+    static typeDefs: Required<TypeDefs<WaveProps>>;
+    static defaults: () => Partial<WaveProps>;
+    static template: (this: Wave) => VNode<import("intact").VNodeTag>;
+    private instance;
+    private className;
+    private timer;
+    private initClassName;
+    mounted(): void;
+    beforeUnmount(): void;
+    private onClick;
+    resetAnimation(): void;
+}