@king-design/vue 3.1.0-beta.2 → 3.1.0

package/components/table/table.vdt.js

@@ -11,7 +11,7 @@ import { Checkbox } from '../checkbox';
 import { context as GroupContext } from './useGroup';
 import { context as SortableContext } from './useSortable';
 import { Spin } from '../spin';
-import { Transition, TransitionGroup, createComponentVNode } from 'intact';
+import { Transition, TransitionGroup, createComponentVNode } from 'intact-vue-next';
 import { _$ } from '../../i18n';
 import { context as TableContext } from './useColumns';
 import { expandAnimationCallbacks } from '../utils';
@@ -131,7 +131,7 @@ export default function ($props, $blocks, $__proto__) {
               return _$ce(2, 'tr', function () {
                 var ths = [$key === 0 && checkType !== 'none' ? _$cv('th', _extends({}, getClassAndStyleForFixed({
                   fixed: hasFixedLeft ? 'left' : false
-                }, 0), {
+                }, 0, k), {
                   'rowspan': maxRows,
                   'key': '$checktype'
                 }), checkType === 'checkbox' ? _$cc(Checkbox, {

package/components/table/useColumns.d.ts

@@ -1,16 +1,16 @@
 import { VNodeComponentClass, Props } from 'intact-vue-next';
 import { TableColumn, TableColumnProps } from './column';
 export declare const context: {
-    Provider: import("intact").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<("none" | "radio" | "checkbox") | undefined>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<("none" | "radio" | "checkbox") | undefined>, {}, {}, {}>>;
-    useContext: () => import("intact").RefObject<("none" | "radio" | "checkbox") | undefined>;
+    Provider: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<("none" | "radio" | "checkbox") | undefined>, {}, {}, {}>>;
+    Consumer: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<("none" | "radio" | "checkbox") | undefined>, {}, {}, {}>>;
+    useContext: () => import('intact-vue-next').RefObject<("none" | "radio" | "checkbox") | undefined>;
 };
 export declare function useColumns(): {
     getColumns: () => VNodeComponentClass<TableColumn<any>>[][];
-    getCols: () => Props<TableColumnProps, import("intact").ComponentClass<any> | Element>[];
+    getCols: () => Props<TableColumnProps, import('intact-vue-next').ComponentClass<any> | Element>[];
     getData: () => {
         columns: VNodeComponentClass<TableColumn<any>>[][];
-        cols: Props<TableColumnProps, import("intact").ComponentClass<any> | Element>[];
+        cols: Props<TableColumnProps, import('intact-vue-next').ComponentClass<any> | Element>[];
         maxRows: number;
         maxCols: number;
     };

package/components/table/useFixedColumns.d.ts

@@ -5,8 +5,8 @@ import { State } from '../../hooks/useState';
 import type { useScroll } from './useScroll';
 declare type ScrollPosition = 'left' | 'middle' | 'right';
 export declare const context: {
-    Provider: import("intact").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
     useContext: () => RefObject<any>;
 };
 export declare function useFixedColumns(getColumns: () => VNodeComponentClass<TableColumn>[][], { scrollRef, callbacks }: ReturnType<typeof useScroll>, widthMap: State<Record<TableRowKey, number>>): {

package/components/table/useGroup.d.ts

@@ -5,9 +5,9 @@ declare type ContextValue = {
     onChange: (key: string, groupValue: any) => void;
 };
 export declare const context: {
-    Provider: import('intact-vue-next').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<ContextValue>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<ContextValue>, {}, {}, {}>>;
-    useContext: () => import("intact").RefObject<ContextValue | undefined>;
+    Provider: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<ContextValue>, {}, {}, {}>>;
+    Consumer: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<ContextValue>, {}, {}, {}>>;
+    useContext: () => import('intact-vue-next').RefObject<ContextValue | undefined>;
 };
 export declare function useGroup(): {
     onSelect: (value: any, onChange: ContextValue['onChange']) => void;
@@ -17,7 +17,7 @@ export declare function useGroup(): {
     onShow: (groupValue: any) => void;
     reset: (onChange: ContextValue['onChange']) => void;
     confirm: (onChange: ContextValue['onChange']) => void;
-    dropdownRef: import("intact").RefObject<Dropdown>;
+    dropdownRef: import('intact-vue-next').RefObject<Dropdown>;
     localGroupValue: import("../../hooks/useState").State<any>;
     isEmptyValue: (groupValue: any) => boolean | undefined;
 };

package/components/table/useResizable.d.ts

@@ -2,8 +2,8 @@ import { RefObject } from 'intact-vue-next';
 import type { TableRowKey } from './table';
 import { State } from '../../hooks/useState';
 export declare const context: {
-    Provider: import("intact").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
     useContext: () => RefObject<any>;
 };
 export declare function useResizable(scrollRef: RefObject<HTMLElement>, tableRef: RefObject<HTMLElement>, tableWidth: State<number | null>, widthMap: State<Record<TableRowKey, number>>, storeWidth: () => void): {

package/components/table/useSortable.d.ts

@@ -1,7 +1,7 @@
 export declare const context: {
-    Provider: import('intact-vue-next').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
-    useContext: () => import("intact").RefObject<any>;
+    Provider: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import('intact-vue-next').RefObject<any>;
 };
 export declare function useSortable(): {
     onChange: (key: string, event: Event & {

package/components/tabs/index.d.ts

@@ -15,7 +15,7 @@ export interface TabsEvents<T = any> {
     remove: [T];
 }
 export declare class Tabs<T = any> extends Component<TabsProps<T>, TabsEvents<T>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TabsProps<any>>>;
     static defaults: () => Partial<TabsProps<any>>;
     static events: Events<TabsEvents<any>>;

package/components/tabs/tab.d.ts

@@ -9,7 +9,7 @@ export interface TabEvents {
     click: [MouseEvent];
 }
 export declare class Tab extends Component<TabProps, TabEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     private tabs;
     private config;
     private onClick;

package/components/tabs/useScroll.d.ts

@@ -6,5 +6,5 @@ export declare function useScroll(): {
     prev: () => void;
     next: () => void;
     scrollRef: import('intact-vue-next').RefObject<HTMLElement>;
-    wrapperRef: import("intact").RefObject<HTMLElement>;
+    wrapperRef: import('intact-vue-next').RefObject<HTMLElement>;
 };

package/components/tag/base.d.ts

@@ -16,7 +16,7 @@ export interface TagBlocks {
 }
 export declare const typeDefs: Required<TypeDefs<TagProps>>;
 export declare class Tag<T extends TagProps = TagProps, E extends TagEvents = TagEvents, B extends TagBlocks = TagBlocks> extends Component<T, E, B> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TagProps>>;
     static defaults: () => Partial<TagProps>;
     static events: Events<TagEvents>;

package/components/tag/index.vdt.js

@@ -3,7 +3,7 @@ import { createUnknownComponentVNode as _$cc, createVNode as _$cv, className as
 import { Icon } from '../icon';
 import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
-import { Transition } from 'intact';
+import { Transition } from 'intact-vue-next';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 

package/components/tag/tags.d.ts

@@ -17,7 +17,7 @@ export interface TagsEvents {
     dragend: [TagsDragEndParam];
 }
 export declare class Tags extends Component<TagsProps, TagsEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TagsProps>>;
     static defaults: () => Partial<TagsProps>;
     static events: Events<TagsEvents>;

package/components/tag/tags.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createTextVNode as _$ct, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce, noop as _$no } from 'intact-vue-next';
-import { TransitionGroup } from 'intact';
+import { TransitionGroup } from 'intact-vue-next';
 import { getRestProps } from '../utils';
 import { makeTagsStyles } from './styles';
 import { Tag } from './';

package/components/tag/useChildren.d.ts

@@ -1,2 +1,2 @@
 import { VNode } from 'intact-vue-next';
-export declare function useChildren(): import("../../hooks/useState").State<VNode<import("intact").VNodeTag>[]>;
+export declare function useChildren(): import("../../hooks/useState").State<VNode<import('intact-vue-next').VNodeTag>[]>;

package/components/tag/useDraggable.d.ts

@@ -1,3 +1,3 @@
 import { VNode } from 'intact-vue-next';
 import { State } from '../../hooks/useState';
-export declare function useDraggable(originVNodes: State<VNode[]>): State<VNode<import("intact").VNodeTag>[]>;
+export declare function useDraggable(originVNodes: State<VNode[]>): State<VNode<import('intact-vue-next').VNodeTag>[]>;

package/components/tag/useNowrap.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'intact-vue-next';
 import { State } from '../../hooks/useState';
 export declare function useNowrap(originVNodes: State<VNode[]>): {
-    containerRef: import("intact").RefObject<HTMLDivElement>;
-    children: State<VNode<import("intact").VNodeTag>[]>;
-    hiddenChildren: State<VNode<import("intact").VNodeTag>[]>;
+    containerRef: import('intact-vue-next').RefObject<HTMLDivElement>;
+    children: State<VNode<import('intact-vue-next').VNodeTag>[]>;
+    hiddenChildren: State<VNode<import('intact-vue-next').VNodeTag>[]>;
 };

package/components/timeline/item.d.ts

@@ -11,7 +11,7 @@ export interface TimelineItemBlocks {
     dot: null;
 }
 export declare class TimelineItem extends Component<TimelineItemProps, TimelineItemEvents, TimelineItemBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TimelineItemProps>>;
     static defaults: () => Partial<TimelineItemProps>;
     private config;

package/components/timeline/timeline.d.ts

@@ -2,6 +2,6 @@ import { Component } from 'intact-vue-next';
 export interface TimelineProps {
 }
 export declare class Timeline extends Component<TimelineProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     private config;
 }

package/components/timepicker/index.d.ts

@@ -5,6 +5,6 @@ import { SelectPicker } from './selectPicker';
 export type { TimepickerProps, TimepickerEvents, TimepickerBlocks };
 export declare class Timepicker<Multipe extends boolean = false, Range extends boolean = false> extends Component<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks<Range>> {
     static $doubleVNodes: boolean;
-    static template(this: Timepicker): import("intact").VNode<typeof SelectPicker> | import("intact").VNode<typeof PanelPicker>;
-    static typeDefs: Required<import("intact").TypeDefs<TimepickerProps<boolean, boolean>>>;
+    static template(this: Timepicker): import('intact-vue-next').VNode<typeof SelectPicker> | import('intact-vue-next').VNode<typeof PanelPicker>;
+    static typeDefs: Required<import('intact-vue-next').TypeDefs<TimepickerProps<boolean, boolean>>>;
 }

package/components/timepicker/panelPicker.d.ts

@@ -5,7 +5,7 @@ import { State } from '../../hooks/useState';
 import { PanelTypes } from '../datepicker/usePanel';
 import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
 export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
     formats: {
         getValueFormat: () => string;
@@ -29,8 +29,8 @@ export declare class PanelPicker<Multipe extends boolean = false, Range extends
         changePanel: (type: PanelTypes, flag?: import("../datepicker/usePanel").PanelFlags) => void;
         getPanel: (flag: import("../datepicker/usePanel").PanelFlags) => State<PanelTypes>;
         reset: () => void;
-        startRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
-        endRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+        startRef: import('intact-vue-next').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+        endRef: import('intact-vue-next').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
     };
     value: {
         format: () => string | string[];
@@ -49,6 +49,6 @@ export declare class PanelPicker<Multipe extends boolean = false, Range extends
             label: string;
         }[] | null>;
     };
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import('intact-vue-next').Children[];
     protected getLabel(): string | string[];
 }

package/components/timepicker/selectPicker.d.ts

@@ -1,7 +1,7 @@
 import { Component, TypeDefs } from 'intact-vue-next';
 import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
 export declare class SelectPicker extends Component<TimepickerProps, TimepickerEvents, TimepickerBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
     formats: {
         getValueFormat: () => string;

package/components/transfer/index.d.ts

@@ -36,7 +36,7 @@ export interface TransferBlocks<T, V> {
     label: [T, V, Model];
 }
 export declare class Transfer<K extends string = 'key', L extends string = 'label', T extends TransferDataItem<K, L> = TransferDataItem<K, L>, V extends T[K] = T[K]> extends Component<TransferProps<K, L, T, V>, TransferEvents, TransferBlocks<T, V>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TransferProps<"key", "label", TransferDataItem<"key", "label">, Key>>>;
     static defaults: () => Partial<TransferProps<"key", "label", TransferDataItem<"key", "label">, Key>>;
     static events: Events<TransferEvents>;

package/components/transfer/index.vdt.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import { createElementVNode as _$ce, createTextVNode as _$ct, className as _$cn, createUnknownComponentVNode as _$cc, noop as _$no, extend as _$ex, EMPTY_OBJ as _$em, map as _$ma, createVNode as _$cv } from 'intact-vue-next';
-import { linkEvent, Transition, TransitionGroup } from 'intact';
+import { linkEvent, Transition, TransitionGroup } from 'intact-vue-next';
 import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
 import { Input } from '../input';

package/components/tree/index.d.ts

@@ -2,7 +2,8 @@ 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, Mode as TreeMode, };
+export type { Node as TreeNode, DataItem as TreeDataItem, };
+export { Mode as TreeMode };
 export interface TreeProps<K extends Key = Key> {
     data?: DataItem<K>[];
     filter?: Filter<K>;
@@ -18,11 +19,11 @@ export interface TreeProps<K extends Key = Key> {
     showLine?: boolean;
     draggable?: boolean;
     allowDrag?: (node: Node<K>) => boolean;
-    allowDrop?: (node: Node<K>) => boolean;
+    allowDrop?: (node: Node<K>, srcNode: Node<K>, mode: Mode) => boolean;
 }
 export interface TreeEvents<K extends Key> {
     denydrag: [Node<K>];
-    denydrop: [Node<K>];
+    denydrop: [Node<K>, Node<K>, Mode];
     dragend: [DragEndData<K>];
     transitionEnd: [];
 }
@@ -37,7 +38,7 @@ declare type DragEndData<K extends Key> = {
 export declare type TreeDragEndData<K extends Key = Key> = DragEndData<K>;
 declare type Filter<K extends Key> = (data: DataItem<K>, node: Node<K>) => boolean;
 export declare class Tree<K extends Key = Key> extends Component<TreeProps<K>, TreeEvents<K>, TreeBlocks<K>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TreeProps<Key>>>;
     static defaults: () => Partial<TreeProps<Key>>;
     static events: Events<TreeEvents<Key>>;
@@ -54,5 +55,6 @@ export declare class Tree<K extends Key = Key> extends Component<TreeProps<K>, T
     expand(key: K): void;
     shrink(key: K): void;
     getNodes(): Node<K>[];
+    expandAll(): void;
     private onClick;
 }

package/components/tree/index.js

@@ -13,6 +13,7 @@ import { useFilter } from './useFilter';
 import { useDraggable, Mode } from './useDraggable';
 import { useTransitionEvent } from './useTransitionEvent';
 import { useConfigContext } from '../config';
+export { Mode as TreeMode };
 var typeDefs = {
   data: Array,
   filter: Function,
@@ -98,6 +99,10 @@ export var Tree = /*#__PURE__*/function (_Component) {
     return this.nodes.getNodes();
   };
 
+  _proto.expandAll = function expandAll() {
+    this.expanded.expandAll();
+  };
+
   _proto.onClick = function onClick(node) {
     if (node.data.disabled) return;
 

package/components/tree/index.spec.js

@@ -306,7 +306,7 @@ describe('Tree', function () {
     }, _callee6);
   })));
   it('draggable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-    var onDenyDrag, onDenyDrop, onDragEnd, _mount7, instance, element, disabled, nodes, notAllowed;
+    var onDenyDrag, onDenyDrop, onDragEnd, _mount7, instance, element, _element$querySelecto13, notAllowed, file1, file2, dir1, file3, dir2, disabled;
 
     return _regeneratorRuntime.wrap(function _callee7$(_context7) {
       while (1) {
@@ -320,53 +320,74 @@ describe('Tree', function () {
             DraggableDemo.prototype.onDenyDrop = onDenyDrop;
             DraggableDemo.prototype.onDragEnd = onDragEnd;
             _mount7 = mount(DraggableDemo), instance = _mount7[0], element = _mount7[1];
-            instance.set('expandedKeys', ['2', '2-1', '1', '1-1']);
+            instance.set('expandedKeys', ['guide']);
             _context7.next = 11;
             return wait(500);
 
           case 11:
-            // can not drag disabled item
-            disabled = element.querySelector('.k-disabled'); // dispatchEvent(disabled, 'mousedown');
+            _element$querySelecto13 = element.querySelectorAll('.k-tree-label'), notAllowed = _element$querySelecto13[0], file1 = _element$querySelecto13[1], file2 = _element$querySelecto13[2], dir1 = _element$querySelecto13[3], file3 = _element$querySelecto13[4], dir2 = _element$querySelecto13[5], disabled = _element$querySelecto13[6]; // can not drag disabled item
 
             dispatchEvent(disabled, 'dragstart');
-            expect(onDenyDrag.callCount).to.eql(1);
-            nodes = element.querySelectorAll('.k-tree-label'); // can not drag not-allowed item
-
-            notAllowed = nodes[2]; // dispatchEvent(notAllowed, 'mousedown');
+            expect(onDenyDrag.callCount).to.eql(1); // can not drag not-allowed item
 
             dispatchEvent(notAllowed, 'dragstart');
-            expect(onDenyDrag.callCount).to.eql(2); // drag insert
-
-            return _context7.abrupt("return", dragInsert(nodes[6], nodes[6]).then(function () {
-              // drag to self will do nothing
-              expect(element.innerHTML).to.matchSnapshot();
-              expect(onDragEnd.callCount).to.eql(0);
-              return dragInsert(nodes[6], notAllowed);
-            }).then(function () {
-              // drag to not-allowed item will do nothing
-              expect(element.innerHTML).to.matchSnapshot();
-              expect(onDragEnd.callCount).to.eql(0);
-              return dragInsert(nodes[6], disabled);
-            }).then(function () {
-              // drag to disabled item will do nothing
-              expect(element.innerHTML).to.matchSnapshot();
-              expect(onDragEnd.callCount).to.eql(0);
-              return dragInsert(nodes[6], nodes[5], 'before');
-            }).then(function () {
-              expect(element.innerHTML).to.matchSnapshot();
-              expect(onDragEnd.callCount).to.eql(1);
-              expect(instance.get('data')).to.matchSnapshot();
-              return dragInsert(nodes[6], nodes[5], 'after');
-            }).then(function () {
-              expect(element.innerHTML).to.matchSnapshot();
-              expect(instance.get('data')).to.matchSnapshot();
-              return dragInsert(nodes[6], nodes[5]);
-            }).then(function () {
-              expect(element.innerHTML).to.matchSnapshot();
-              expect(instance.get('data')).to.matchSnapshot();
-            }));
+            expect(onDenyDrag.callCount).to.eql(2);
+            _context7.next = 18;
+            return dragInsert(dir1, dir1);
+
+          case 18:
+            // drag to self will do nothing
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(onDragEnd.callCount).to.eql(0);
+            _context7.next = 22;
+            return dragInsert(file1, notAllowed);
+
+          case 22:
+            // drag to not-allowed item will do nothing
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(onDragEnd.callCount).to.eql(0);
+            _context7.next = 26;
+            return dragInsert(file1, disabled);
 
-          case 19:
+          case 26:
+            // drag to disabled item will do nothing
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(onDragEnd.callCount).to.eql(0);
+            _context7.next = 30;
+            return dragInsert(file2, file1, 'before');
+
+          case 30:
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(onDragEnd.callCount).to.eql(1);
+            expect(instance.get('data')).to.matchSnapshot();
+            _context7.next = 35;
+            return dragInsert(file2, file1, 'after');
+
+          case 35:
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(onDragEnd.callCount).to.eql(2);
+            expect(instance.get('data')).to.matchSnapshot();
+            _context7.next = 40;
+            return dragInsert(file1, dir1);
+
+          case 40:
+            expect(onDragEnd.callCount).to.eql(3);
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(instance.get('data')).to.matchSnapshot();
+            _context7.next = 45;
+            return dragInsert(dir2, dir1);
+
+          case 45:
+            expect(onDragEnd.callCount).to.eql(3);
+            expect(onDenyDrag.callCount).to.eql(2);
+            _context7.next = 49;
+            return dragInsert(dir2, file3, 'before');
+
+          case 49:
+            expect(onDragEnd.callCount).to.eql(3);
+            expect(onDenyDrag.callCount).to.eql(2);
+
+          case 51:
           case "end":
             return _context7.stop();
         }

package/components/tree/index.vdt.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, className as _$cn, noop as _$no, createVNode as _$cv } from 'intact-vue-next';
-import { Transition, TransitionGroup, linkEvent } from 'intact';
+import { Transition, TransitionGroup, linkEvent } from 'intact-vue-next';
 import { Checkbox } from '../checkbox';
 import { getRestProps } from '../utils';
 import { makeStyles } from './styles';

package/components/tree/styles.js

@@ -69,5 +69,5 @@ setDefault(function () {
   }).tree;
 });
 export function makeStyles(k) {
-  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, ";}");
+  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;display:flex;align-items:center;}.", 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/useDraggable.js

@@ -57,18 +57,18 @@ export function useDraggable() {
     if (node !== overNode || newMode !== mode.value) {
       overNode = node;
       mode.set(newMode);
-      overKey.set(node.key); // if the node does not allow drop, prevent the dragging ndoe from inserting to it
-
-      if (mode.value === Mode.Inner) {
-        var _instance$get2 = instance.get(),
-            allowDrop = _instance$get2.allowDrop;
-
-        if (node.data.disabled || allowDrop && !allowDrop(node)) {
-          instance.trigger('denydrop', node);
-          valid = false;
-          return;
-        }
-      }
+      overKey.set(node.key); // if the node does not allow drop, prevent the dragging node from inserting to it
+      // if (mode.value === Mode.Inner) {
+
+      var _instance$get2 = instance.get(),
+          allowDrop = _instance$get2.allowDrop;
+
+      if (node.data.disabled || allowDrop && !allowDrop(node, draggingNode, newMode)) {
+        instance.trigger('denydrop', node, draggingNode, newMode);
+        valid = false;
+        return;
+      } // }
+
 
       valid = true;
     }

package/components/tree/useExpanded.d.ts

@@ -3,4 +3,5 @@ import type { Node } from './useNodes';
 export declare function useExpanded(getNodes: () => Node<Key>[]): {
     get: () => Set<Key>;
     toggle: (node: Node<Key>) => Promise<void>;
+    expandAll: () => void;
 };

package/components/tree/useExpanded.js

@@ -10,8 +10,23 @@ export function useExpanded(getNodes) {
     expandedKeys = new _Set(v);
   });
   onBeforeMount(function () {
-    if (instance.get('defaultExpandAll')) {
-      expandAll();
+    /**
+     * change the behavior
+     * if the data is undefined, we expand all keys after we received data
+     */
+    var _instance$get = instance.get(),
+        defaultExpandAll = _instance$get.defaultExpandAll,
+        data = _instance$get.data;
+
+    if (defaultExpandAll) {
+      if (data && data.length) {
+        expandAll();
+      } else {
+        instance.on("$receive:data", function cb() {
+          expandAll();
+          instance.off("$receive:data", cb);
+        });
+      }
     }
   });
 
@@ -21,13 +36,13 @@ export function useExpanded(getNodes) {
 
   function _toggle() {
     _toggle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(node) {
-      var _instance$get2, load, key, expanded;
+      var _instance$get3, load, key, expanded;
 
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _instance$get2 = instance.get(), load = _instance$get2.load;
+              _instance$get3 = instance.get(), load = _instance$get3.load;
               key = node.key;
               expanded = expandedKeys.has(key);
 
@@ -64,8 +79,8 @@ export function useExpanded(getNodes) {
   }
 
   function expandAll() {
-    var _instance$get = instance.get(),
-        load = _instance$get.load;
+    var _instance$get2 = instance.get(),
+        load = _instance$get2.load;
 
     var loop = function loop(nodes) {
       for (var i = 0; i < nodes.length; i++) {
@@ -89,6 +104,7 @@ export function useExpanded(getNodes) {
     get: function get() {
       return expandedKeys;
     },
-    toggle: toggle
+    toggle: toggle,
+    expandAll: expandAll
   };
 }

package/components/tree/useNodes.d.ts

@@ -5,6 +5,7 @@ export declare type DataItem<K extends Key> = {
     disabled?: boolean;
     loaded?: boolean;
     children?: DataItem<K>[];
+    [key: string]: any;
 };
 export declare function useNodes(): {
     getNodes: () => Node<Key>[];

package/components/treeSelect/index.d.ts

@@ -16,11 +16,12 @@ export interface TreeSelectEvents extends BaseSelectEvents {
 export interface TreeSelectBlocks<K> extends BaseSelectBlocks<K> {
 }
 export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean = false, Multipe extends boolean = Checkbox extends true ? true : false> extends BaseSelect<TreeSelectProps<K, Multipe, Checkbox>, TreeSelectEvents, TreeSelectBlocks<K>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
     static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
     private value;
     init(): void;
+    expandAll(): void;
     protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
     protected getLabel(): Children;
     private filter;