@king-design/vue 2.0.0-beta.0 → 2.0.1

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,15 +567,15 @@ 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();
         }
       }
     }, _callee9);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/tooltip/styles.d.ts

@@ -2,6 +2,3 @@ import '../../styles/global';
 export declare type Theme = 'dark' | 'light';
 export declare const themes: Theme[];
 export default function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/tooltip/styles.js

@@ -77,6 +77,4 @@ export default function makeStyles() {
       return /*#__PURE__*/css("&.k-", direction, "{border-", borderDirection, "-color:", borderColor, ";&:before{border-", borderDirection, "-color:", bgColor, ";}}");
     }), ";}}");
   }), ".k-tooltip-buttons{padding-top:", tooltip.confirm.gaps, ";.k-btn:last-of-type{margin-left:", tooltip.confirm.gaps, ";}}&.k-small{padding:", tooltip.smallPadding, ";}}");
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tooltip/tooltip.d.ts

@@ -26,6 +26,3 @@ export declare class Tooltip<T extends TooltipProps = TooltipProps, E extends To
     protected alwaysPortal: boolean;
     hide(immediately: boolean): void;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/tooltip/tooltip.js

@@ -73,6 +73,4 @@ export var Tooltip = /*#__PURE__*/function (_Dropdown) {
 }(Dropdown);
 Tooltip.typeDefs = typeDefs;
 Tooltip.defaults = defaults;
-Tooltip.events = events;
-
-export {normalize} from 'intact-vue-next';
+Tooltip.events = events;

package/components/tooltip/useArrow.d.ts

@@ -2,6 +2,3 @@ export declare function useArrow(): {
     arrowType: import("../../hooks/useState").State<string | null>;
     arrowRef: import('intact-vue-next').RefObject<HTMLElement>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/tooltip/useArrow.js

@@ -48,6 +48,4 @@ export function useArrow() {
     arrowType: arrowType,
     arrowRef: arrowRef
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/transfer/index.d.ts

@@ -46,6 +46,3 @@ export declare class Transfer<K extends string = 'key', L extends string = 'labe
     getData(): any[];
     getCheckedData(model: Model): any[];
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/transfer/index.js

@@ -85,6 +85,4 @@ export var Transfer = /*#__PURE__*/function (_Component) {
 Transfer.template = template;
 Transfer.typeDefs = typeDefs;
 Transfer.defaults = defaults;
-Transfer.events = events;
-
-export {normalize} from 'intact-vue-next';
+Transfer.events = events;

package/components/transfer/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

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,52 +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);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/transfer/index.vdt.js

@@ -156,6 +156,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': _$ce(2, 'i', null, 1, 'k-transfer-icon ion-ios-arrow-right')
   })], 4, 'k-transfer-arrows'), Panel('right')]);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/transfer/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

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,7 +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, ";}}");
-}
-
-export {normalize} from 'intact-vue-next';
+  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/transfer/useCheck.d.ts

@@ -5,6 +5,3 @@ export declare function useCheck({ getEnabledData, getShowedData }: ReturnType<t
     toggleCheckAll: (model: Model, e: MouseEvent) => void;
     onCheckboxChange: (model: Model, index: number, e: MouseEvent) => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/transfer/useCheck.js

@@ -86,6 +86,4 @@ export function useCheck(_ref) {
     toggleCheckAll: toggleCheckAll,
     onCheckboxChange: onCheckboxChange
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/transfer/useFilter.d.ts

@@ -5,6 +5,3 @@ export declare function useFilter(rightData: State<any[]>): {
     getShowedData: (model: Model) => any[];
     getEnabledData: (model: Model) => any[];
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/transfer/useFilter.js

@@ -108,6 +108,4 @@ export function useFilter(rightData) {
     getShowedData: getShowedData,
     getEnabledData: getEnabledData
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/transfer/useTransfer.d.ts

@@ -5,6 +5,3 @@ export declare function useTransfer(): {
     add: () => void;
     remove: () => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/transfer/useTransfer.js

@@ -81,6 +81,4 @@ export function useTransfer() {
     add: add,
     remove: remove
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

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>;
@@ -55,6 +55,3 @@ export declare class Tree<K extends Key = Key> extends Component<TreeProps<K>, T
     getNodes(): Node<K>[];
     private onClick;
 }
-
-
-export {normalize} from 'intact-vue-next';

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,
@@ -119,6 +119,4 @@ Tree.typeDefs = typeDefs;
 Tree.defaults = defaults;
 Tree.events = events;
 
-__decorate([bind], Tree.prototype, "onClick", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], Tree.prototype, "onClick", null);

package/components/tree/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

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":
@@ -423,6 +424,4 @@ function _dragInsert() {
     }, _callee8);
   }));
   return _dragInsert.apply(this, arguments);
-}
-
-export {normalize} from 'intact-vue-next';
+}

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;
@@ -129,6 +130,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': treeNodes(this.nodes.getNodes())
   })));
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/tree/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

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,7 +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, ";}");
-}
-
-export {normalize} from 'intact-vue-next';
+  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/tree/useChecked.d.ts

@@ -4,6 +4,3 @@ export declare function useChecked(getNodes: () => Node<Key>[]): {
     toggle: (node: Node<Key>) => void;
     getCheckedData: (leafOnly: boolean) => DataItem<Key>[];
 };
-
-
-export {normalize} from 'intact-vue-next';