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

package/components/menu/styles.js

@@ -122,7 +122,7 @@ export function makeMenuStyles(k) {
 
   // we must increase the priority by adding &.${k}-menu
   // to override the css of dropdownMenu
-  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";}&:not(.", k, "-dropdown-menu) &:not(.", k, "-dropdown-menu){width:auto;background:", menu.subBgColor, ";.", k, "-menu-title{padding-left:calc(", getLeft(menu.item.padding), " + ", menu.icon.width, " + ", menu.icon.gap, ");}}&:not(.", k, "-dropdown-menu) &:not(.", k, "-dropdown-menu) &:not(.", k, "-dropdown-menu){.", k, "-menu-title{padding-left:calc(", getLeft(menu.item.padding), " + ", menu.icon.width, " * 2 + ", menu.icon.gap, ");}}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";font-size:", menu.header.fontSize, ";font-weight:bold;border-bottom:", menu.header.borderBottom, ";}", _mapInstanceProperty(_context = ['light', 'white']).call(_context, function (theme) {
+  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";font-size:", menu.header.fontSize, ";font-weight:bold;border-bottom:", menu.header.borderBottom, ";}", _mapInstanceProperty(_context = ['light', 'white']).call(_context, function (theme) {
     var styles = menu[theme];
     return /*#__PURE__*/css("&.", k, "-", theme, "{background:", styles.bgColor, ";.", k, "-menu-header{color:", styles.item.color, ";border-bottom:", styles.border, ";}.", k, "-menu-item{.", k, "-menu-title{color:", styles.item.color, ";&:hover{color:", styles.item.hoverColor, ";}}&.", k, "-highlighted{>.", k, "-menu-title{color:", styles.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-title{color:", styles.item.disabledColor, "!important;}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", styles.subBgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", styles.border, ";}}}");
   }), " &.", k, "-white{.", k, "-menu-item.", k, "-active{>.", k, "-menu-title{color:", menu.white.active.color, "!important;background:", menu.white.active.bgColor, ";}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
@@ -136,5 +136,13 @@ export function makeTitleStyles(k) {
 }
 export function makeItemStyles(k) {
   var item = menu.item;
-  return /*#__PURE__*/css(".", k, "-menu-title{cursor:pointer;height:", menu.item.height, ";transition:all ", menu.transition, ";&:hover{color:", menu.item.hoverColor, ";}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;span{overflow:hidden;text-overflow:ellipsis;min-width:0;}}.", k, "-menu-arrow{transition:transform ", menu.transition, ";margin:0 0 0 ", menu.icon.gap, ";}&.", k, "-expanded{>.", k, "-menu-title{color:", menu.item.hoverColor, ";.", k, "-menu-arrow{transform:rotateX(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-title{color:", menu.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-title{color:", menu.item.hoverColor, "!important;background:", menu.item.activeBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-title{color:", menu.item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", menu.item.dotFontSize, ";transform:scale(.4);}");
+  return /*#__PURE__*/css(".", k, "-menu-title{cursor:pointer;height:", menu.item.height, ";&:hover{color:", menu.item.hoverColor, ";}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;span{overflow:hidden;text-overflow:ellipsis;min-width:0;}.", k, "-icon{color:inherit;}}.", k, "-menu-arrow{transition:transform ", menu.transition, ";margin:0 0 0 ", menu.icon.gap, ";}&.", k, "-expanded{>.", k, "-menu-title{color:", menu.item.hoverColor, ";.", k, "-menu-arrow{transform:rotateX(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-title{color:", menu.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-title{color:", menu.item.hoverColor, "!important;background:", menu.item.activeBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-title{color:", menu.item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", menu.item.dotFontSize, ";transform:scale(.4);}");
+}
+export function makeNestedMenuStyles(k, hasIcon, parentPaddingLeft) {
+  if (parentPaddingLeft === void 0) {
+    parentPaddingLeft = getLeft(menu.item.padding);
+  }
+
+  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width : '') + " + " + menu.icon.gap;
+  return [/*#__PURE__*/css("&.", k, "-menu{width:auto;background:", menu.subBgColor, ";.", k, "-menu-title{padding-left:calc(", paddingLeft, ");}}"), paddingLeft];
 }

package/components/menu/useDropdown.d.ts

@@ -5,7 +5,7 @@ import { ValidVNode } from '../utils';
 import { Options } from '../position';
 export declare function useDropdown(rootMenu: Menu, parentMenu: Menu): () => {
     isTopItem: boolean;
-    subMenuVNode: VNodeComponentClass<Menu<import("intact").Key>> | null;
+    subMenuVNode: VNodeComponentClass<Menu<import('intact-vue-next').Key>> | null;
     isDropdownMenu: boolean;
     tooltipContents: ValidVNode[];
     iconVNode: VNodeComponentClass<Icon> | null;

package/components/menu/useDropdown.js

@@ -31,16 +31,13 @@ export function useDropdown(rootMenu, parentMenu) {
     eachChildren(children, function (vNode) {
       if (isComponentVNode(vNode, Menu)) {
         subMenuVNode = vNode;
-      } else if (isTopItem && isCollapse) {
-        if (isStringOrNumberNotEmpty(vNode) || isTextVNode(vNode)) {
-          tooltipContents.push(vNode);
-        } else if (!iconVNode && isComponentVNode(vNode, Icon)) {
-          iconVNode = vNode;
-        }
       } else {
         if (isStringOrNumberNotEmpty(vNode) || isTextVNode(vNode)) {
           // wrap with span for showing text ellipsis
           vNode = createVNode('span', null, vNode);
+          tooltipContents.push(vNode);
+        } else if (!iconVNode && isComponentVNode(vNode, Icon)) {
+          iconVNode = vNode;
         }
 
         titleVNodes.push(vNode);

package/components/message/message.d.ts

@@ -7,7 +7,7 @@ export interface MessageProps {
     hideIcon?: boolean;
 }
 export declare class Message extends Component<MessageProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<MessageProps>>;
     static defaults: () => Partial<MessageProps>;
     static notice(content: Children | Partial<MessageProps>, duration?: number, type?: MessageProps['type']): void;

package/components/message/messages.d.ts

@@ -1,7 +1,7 @@
 import { Component, VNodeComponentClass } from 'intact-vue-next';
 import type { Message } from './message';
 export declare class Messages extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     private messages;
     private config;
     notice(message: VNodeComponentClass<Message>): void;

package/components/message/messages.vdt.js

@@ -1,5 +1,5 @@
 import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, map as _$ma, className as _$cn } from 'intact-vue-next';
-import { TransitionGroup, Transition } from 'intact';
+import { TransitionGroup, Transition } from 'intact-vue-next';
 import { makeMessagesStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _$cn2;

package/components/pagination/index.d.ts

@@ -24,7 +24,7 @@ export declare type PaginationChangeData = {
     value: number;
 };
 export declare class Pagination extends Component<PaginationProps, PaginationEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<PaginationProps>>;
     static defaults: () => Partial<PaginationProps>;
     static events: Events<PaginationEvents>;

package/components/popover/content.d.ts

@@ -13,7 +13,7 @@ export interface PopoverContentBlocks extends TooltipContentBlocks {
     footer: null;
 }
 export declare class PopoverContent extends TooltipContent<PopoverContentProps, PopoverContentEvents, PopoverContentBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<PopoverContentProps>>;
     protected isEmptyChildren: boolean;
 }

package/components/portal.d.ts

@@ -4,7 +4,7 @@ export interface PortalProps {
 }
 export declare type Container = string | ((parentDom: Element, anchor: IntactDom | null) => Element);
 export declare class Portal<T extends PortalProps = PortalProps> extends Component<T> {
-    static template(this: Portal): import("intact").VNodeTextElement;
+    static template(this: Portal): import('intact-vue-next').VNodeTextElement;
     static typeDefs: Required<TypeDefs<PortalProps>>;
     private container;
     private dialog;

package/components/portal.js

@@ -114,7 +114,13 @@ export var Portal = /*#__PURE__*/function (_Component) {
     if (!this.container) {
       if (this.$senior instanceof BaseDialog) {
         // Dialog and Drawer must be inserted into document.body
-        this.container = document.body;
+        // this.container = document.body;
+
+        /**
+         * @Modify https://github.com/ksc-fe/kpc/issues/915
+         * shoud insert to parent .k-dialog-wrapper to show nested dialog in Vue
+         */
+        this.container = parentDom.closest("." + this.config.k + "-dialog-wrapper") || document.body;
       } else {
         // find the closest dialog if exists
         this.container = parentDom.closest("." + this.config.k + "-dialog") || document.body;

package/components/progress/index.d.ts

@@ -18,7 +18,7 @@ export interface ProgressProps {
     color?: string | Color[] | ((percent: number) => string);
 }
 export declare class Progress extends Component<ProgressProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<ProgressProps>>;
     static defaults: () => Partial<ProgressProps>;
     status: import("../../hooks/useState").State<Status>;

package/components/radio/index.d.ts

@@ -10,7 +10,7 @@ export interface RadioEvents<True = true> {
     change: [True, MouseEvent];
 }
 export declare class Radio<Value = false, True = true> extends Component<RadioProps<Value, True>, RadioEvents<True>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<Omit<RadioProps<false, true>, keyof CommonInputHTMLAttributes>>>;
     static defaults: () => Partial<RadioProps<false, true>>;
     static events: Events<RadioEvents<true>>;

package/components/rate/index.d.ts

@@ -14,7 +14,7 @@ export interface RateBlocks {
     icon: null;
 }
 export declare class Rate extends Component<RateProps, RateEvents, RateBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<RateProps>>;
     static defaults: () => Partial<RateProps>;
     static events: Events<RateEvents>;

package/components/rate/index.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createUnknownComponentVNode as _$cc, noop as _$no, createElementVNode as _$ce, className as _$cn, createTextVNode as _$ct, createVNode as _$cv } from 'intact-vue-next';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-vue-next';
 import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
 import { Icon } from '../icon';

package/components/scrollSelect/index.d.ts

@@ -17,7 +17,7 @@ export declare type DataItem<T = any> = {
 };
 declare type Data<T> = DataItem<T>[] | ((v: T) => DataItem<T>[]);
 export declare class ScrollSelect<T = any> extends Component<ScrollSelectProps<T>, ScrollSelectEvents, ScrollSelectBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<ScrollSelectProps<any>>>;
     static defaults: () => Partial<ScrollSelectProps<any>>;
     private list;

package/components/select/base.d.ts

@@ -39,7 +39,7 @@ export interface BaseSelectBlocks<V> {
 }
 export declare abstract class BaseSelect<T extends BaseSelectProps<any> = BaseSelectProps<any>, E extends BaseSelectEvents = BaseSelectEvents, B extends BaseSelectBlocks<any> = BaseSelectBlocks<any>> extends Component<T, E, B> {
     static $doubleVNodes: boolean;
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<BaseSelectProps<any, boolean, any>>>;
     static defaults: () => Partial<BaseSelectProps<any, boolean, any>>;
     static events: Events<BaseSelectEvents>;

package/components/select/base.vdt.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _flatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/flat";
 import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/values";
 import { createUnknownComponentVNode as _$cc, className as _$cn, createVNode as _$cv, createElementVNode as _$ce, noop as _$no, map as _$ma, extend as _$ex, EMPTY_OBJ as _$em } from 'intact-vue-next';
-import { TransitionGroup, Transition } from 'intact';
+import { TransitionGroup, Transition } from 'intact-vue-next';
 import { Input } from '../input';
 import { Icon } from '../icon';
 import { isNullOrUndefined, isStringOrNumber } from 'intact-shared';

package/components/select/group.d.ts

@@ -8,7 +8,7 @@ export interface OptionGroupBlocks {
     label: null;
 }
 export declare class OptionGroup extends Component<OptionGroupProps, OptionGroupEvents, OptionGroupBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<OptionGroupProps>>;
     private select;
     private config;

package/components/select/menu.d.ts

@@ -3,7 +3,7 @@ import type { Select } from './select';
 export declare class SelectMenu extends Component<{
     values: any[];
 }> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     select: Select<any, boolean>;
     private card;
     private searchable;

package/components/select/option.d.ts

@@ -5,7 +5,7 @@ export interface OptionProps {
     disabled?: boolean;
 }
 export declare class Option extends Component<OptionProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<OptionProps>>;
     private select;
     private config;

package/components/select/option.vdt.js

@@ -1,5 +1,5 @@
 import { createUnknownComponentVNode as _$cc, className as _$cn } from 'intact-vue-next';
-import { Transition } from 'intact';
+import { Transition } from 'intact-vue-next';
 import { DropdownItem } from '../dropdown';
 import { isNullOrUndefined } from 'intact-shared';
 import { isEmptyChildren } from '../utils';

package/components/select/select.d.ts

@@ -15,16 +15,16 @@ export interface SelectBlocks<T> extends BaseSelectBlocks<T> {
     menu: null;
 }
 export declare class Select<T = string, Multipe extends boolean = false> extends BaseSelect<SelectProps<T, Multipe>, SelectEvents, SelectBlocks<T>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
     static defaults: () => Partial<SelectProps<string, boolean>>;
     filterable: {
-        getCreatedVNode: (children: (string | number | import("intact").VNode<import("intact").VNodeTag>)[]) => import("intact").VNode<typeof Option> | undefined;
+        getCreatedVNode: (children: (string | number | import('intact-vue-next').VNode<import('intact-vue-next').VNodeTag>)[]) => import('intact-vue-next').VNode<typeof Option> | undefined;
         filter: (children: Children) => Children;
     };
     label: {
         getLabel: () => Children;
-        activeIndices: import("intact").NonNullableRefObject<number[]>;
+        activeIndices: import('intact-vue-next').NonNullableRefObject<number[]>;
     };
     init(): void;
     protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];

package/components/select/useCard.d.ts

@@ -1,7 +1,7 @@
 import { Children, NonNullableRefObject } from 'intact-vue-next';
 export declare function useCard(defaultActiveIndex: NonNullableRefObject<number[]>): {
     process: (children: Children) => {
-        labels: Children[] | import("intact").Block<any>[];
+        labels: Children[] | import('intact-vue-next').Block<any>[];
         group: Children[];
     };
     activeIndex: import("../../hooks/useState").State<number>;

package/components/select/useLabel.d.ts

@@ -1,5 +1,5 @@
 import { Children } from 'intact-vue-next';
 export declare function useLabel(): {
     getLabel: () => Children;
-    activeIndices: import("intact").NonNullableRefObject<number[]>;
+    activeIndices: import('intact-vue-next').NonNullableRefObject<number[]>;
 };

package/components/select/useSearchable.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 useSearchable(): {
     checkedKeys: import("../../hooks/useState").State<any[]>;

package/components/skeleton/item.d.ts

@@ -9,7 +9,7 @@ export interface SkeletonItemEvents {
 export interface SkeletonItemBlocks {
 }
 export declare class SkeletonItem extends Component<SkeletonItemProps, SkeletonItemEvents, SkeletonItemBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<SkeletonItemProps>>;
     static defaults: () => Partial<SkeletonItemProps>;
     private config;

package/components/skeleton/skeleton.d.ts

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

package/components/slider/index.d.ts

@@ -31,7 +31,7 @@ export interface SliderBlocks<Range extends boolean = boolean> {
     tooltip: Value<Range>;
 }
 export declare class Slider<Range extends boolean = false> extends Component<SliderProps<Range>, SliderEvents<Range>, SliderBlocks<Range>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<SliderProps<boolean>>>;
     static defaults: () => Partial<SliderProps<boolean>>;
     static events: Events<SliderEvents<boolean>>;

package/components/slider/index.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { noop as _$no, createElementVNode as _$ce, createUnknownComponentVNode as _$cc, className as _$cn, extend as _$ex, EMPTY_OBJ as _$em, createVNode as _$cv, map as _$ma } from 'intact-vue-next';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-vue-next';
 import { Spinner } from '../spinner';
 import { Tooltip } from '../tooltip';
 import { getRestProps } from '../utils';

package/components/slider/useDraggable.d.ts

@@ -4,8 +4,8 @@ export declare function useDraggable(showValue: State<Value>, fixValue: (value:
     onStart: (e: MouseEvent) => void;
     dragging: State<boolean>;
     trackRef: import('intact-vue-next').RefObject<HTMLDivElement>;
-    firstThumbRef: import("intact").RefObject<HTMLDivElement>;
-    secondThumbRef: import("intact").RefObject<HTMLDivElement>;
+    firstThumbRef: import('intact-vue-next').RefObject<HTMLDivElement>;
+    secondThumbRef: import('intact-vue-next').RefObject<HTMLDivElement>;
     isFirst: () => boolean;
     onFocusin: (_isFirst: boolean) => void;
     getNewValue: (value: number) => Value;

package/components/slider/useTooltip.d.ts

@@ -3,7 +3,7 @@ import { State } from '../../hooks/useState';
 import type { Value } from './useValue';
 export declare function useTooltip(showValue: State<Value>): {
     firstTooltipRef: import('intact-vue-next').RefObject<Tooltip<TooltipProps, import("../tooltip/tooltip").TooltipEvents, import("../tooltip/tooltip").TooltipBlocks>>;
-    secondTooltipRef: import("intact").RefObject<Tooltip<TooltipProps, import("../tooltip/tooltip").TooltipEvents, import("../tooltip/tooltip").TooltipBlocks>>;
+    secondTooltipRef: import('intact-vue-next').RefObject<Tooltip<TooltipProps, import("../tooltip/tooltip").TooltipEvents, import("../tooltip/tooltip").TooltipBlocks>>;
     getTooltipProps: () => TooltipProps;
     show: () => void;
     hide: () => void;

package/components/spin/index.d.ts

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

package/components/spin/index.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createElementVNode as _$ce, className as _$cn, noop as _$no, createVNode as _$cv } from 'intact-vue-next';
-import { Transition } from 'intact';
+import { Transition } from 'intact-vue-next';
 import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
 var _$tmp0 = {

package/components/spinner/index.d.ts

@@ -29,7 +29,7 @@ export declare type StepFunction = (value: number) => number;
 declare type Formatter = (value: number) => string;
 declare type Parser = (value: string) => number;
 export declare class Spinner extends Component<SpinnerProps, SpinnerEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<SpinnerProps>>;
     static defaults: () => Partial<SpinnerProps>;
     static events: Events<SpinnerEvents>;

package/components/split/index.d.ts

@@ -19,7 +19,7 @@ export interface SplitBlocks {
     drag: null;
 }
 export declare class Split extends Component<SplitProps, SplitEvents, SplitBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<SplitProps>>;
     static defaults: () => Partial<SplitProps>;
     static events: Events<SplitEvents>;

package/components/split/memo.d.ts

@@ -3,7 +3,7 @@ interface MemoBlockProps {
     block: Function;
 }
 export declare class MemoBlock extends Component<MemoBlockProps> {
-    static template: (this: MemoBlock) => import("intact").Children;
+    static template: (this: MemoBlock) => import('intact-vue-next').Children;
     $update(lastVNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[], force: boolean): void;
 }
 export {};

package/components/split/useDraggable.d.ts

@@ -3,6 +3,6 @@ export declare function useDraggable(firstSize: State<string>, lastSize: State<s
     start: (e: MouseEvent) => void;
     dragging: State<boolean>;
     elementRef: import('intact-vue-next').RefObject<HTMLDivElement>;
-    firstRef: import("intact").RefObject<HTMLDivElement>;
-    lastRef: import("intact").RefObject<HTMLDivElement>;
+    firstRef: import('intact-vue-next').RefObject<HTMLDivElement>;
+    lastRef: import('intact-vue-next').RefObject<HTMLDivElement>;
 };

package/components/steps/context.d.ts

@@ -1,5 +1,5 @@
 export declare const context: {
     Provider: import("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
     useContext: () => import("misstime").RefObject<any>;
 };

package/components/steps/index.d.ts

@@ -8,7 +8,7 @@ export interface StepsProps {
     vertical?: boolean;
 }
 export declare class Steps extends Component<StepsProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<StepsProps>>;
     static defaults: () => Partial<StepsProps>;
     private config;

package/components/steps/step.d.ts

@@ -4,7 +4,7 @@ export interface StepProps {
     index?: number;
 }
 export declare class Step extends Component<StepProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<StepProps>>;
     private config;
 }

package/components/steps/step.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createUnknownComponentVNode as _$cc, createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-vue-next';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-vue-next';
 import { getRestProps, addStyle } from '../utils';
 import { context as StepsContext } from './context';
 import { Icon } from '../icon';

package/components/switch/index.d.ts

@@ -22,7 +22,7 @@ export interface SwitchBlocks {
     on: null;
 }
 export declare class Switch<True = true, False = false> extends Component<SwitchProps<True, False>, SwitchEvents, SwitchBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<SwitchProps<any, any>>>;
     static defaults: () => Partial<SwitchProps<any, any>>;
     static events: Events<SwitchEvents>;

package/components/table/cell.d.ts

@@ -17,7 +17,7 @@ export interface TableCellProps {
     hasChildren: boolean;
 }
 export declare class TableCell extends Component<TableCellProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     private config;
     $update(lastVNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[], force: boolean): void;
 }

package/components/table/column.d.ts

@@ -28,9 +28,9 @@ export declare type TableColumnGroupItem = {
     value: any;
 };
 export declare class TableColumn<T = any> extends Component<TableColumnProps, TableColumnEvents, TableColumnBlocks<T>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TableColumnProps>>;
-    elementRef: import("intact").RefObject<HTMLElement>;
+    elementRef: import('intact-vue-next').RefObject<HTMLElement>;
     private group;
     private config;
 }

package/components/table/column.vdt.js

@@ -9,7 +9,7 @@ import { makeGroupMenuStyles } from './styles';
 import { isStringOrNumber, get, isArray } from 'intact-shared';
 import { context as GroupContext } from './useGroup';
 import { context as SortableContext } from './useSortable';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-vue-next';
 import { context as TableContext } from './useColumns';
 import { context as ResizableContext } from './useResizable';
 import { context as FixedColumnsContext } from './useFixedColumns';

package/components/table/row.d.ts

@@ -32,7 +32,7 @@ export interface TableRowProps {
 }
 declare type DragCallback = (e: MouseEvent, tableRow: TableRow) => void;
 export declare class TableRow extends Component<TableRowProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     private config;
     $update(lastVNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[], force: boolean): void;
     onClick(e: MouseEvent): void;

package/components/table/row.vdt.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createVNode as _$cv, createUnknownComponentVNode as _$cc } from 'intact-vue-next';
-import { TransitionGroup } from 'intact';
+import { TransitionGroup } from 'intact-vue-next';
 import { getClassAndStyleForFixed } from './useFixedColumns';
 import { Checkbox } from '../checkbox';
 import { Radio } from '../radio';
 import { TableCell } from './cell';
-import { createElementVNode, className as cx, createFragment } from 'intact';
+import { createElementVNode, className as cx, createFragment } from 'intact-vue-next';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
       _this = this;
@@ -62,7 +62,7 @@ export default function ($props, $blocks, $__proto__) {
     }, getClassAndStyleForFixed({
       fixed: hasFixedLeft ? 'left' : false,
       className: [k + "-table-check"]
-    }, 0), spans), children));
+    }, 0, k), spans), children));
   };
 
   if (checkType === 'checkbox') {

package/components/table/styles.js

@@ -89,7 +89,8 @@ var defaults = {
 
   // tree
   arrow: {
-    gap: "4px"
+    gap: "4px",
+    width: "16px"
   },
   resizeWidth: "5px",
   draggingOpacity: ".4"
@@ -102,7 +103,7 @@ setDefault(function () {
   }).table;
 });
 export function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;td,th{transition:all ", table.transition, ";}}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-table-arrow{margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
+  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;td,th{transition:all ", table.transition, ";}}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
     return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
   }), ">.", k, "-pagination{margin:16px 0;}");
 }

package/components/table/table.d.ts

@@ -70,7 +70,7 @@ export declare type TableSortValue<T = string> = {
 };
 export declare type TableGroupValue<T extends string | number | symbol = string | number | symbol> = Record<T, any | any[]>;
 export declare class Table<T = any, RowKey extends TableRowKey = TableRowKey, Checkbox extends CheckType = 'checkbox', Sort extends string = string, Group extends TableGroupValue = TableGroupValue> extends Component<TableProps<T, RowKey, Checkbox, Sort, Group>, TableEvents<T, RowKey>, TableBlocks<T>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<TableProps<unknown, TableRowKey, CheckType, string, TableGroupValue<string | number | symbol>>>>;
     static defaults: () => Partial<TableProps<any, TableRowKey, CheckType, string, TableGroupValue<string | number | symbol>>>;
     static events: Events<TableEvents<any, number>>;
@@ -79,7 +79,7 @@ export declare class Table<T = any, RowKey extends TableRowKey = TableRowKey, Ch
         value: import("../../hooks/useState").State<number>;
         limit: import("../../hooks/useState").State<number>;
         onChange: (data: PaginationChangeData) => void;
-        paginationRef: import("intact").RefObject<import("../pagination").Pagination>;
+        paginationRef: import('intact-vue-next').RefObject<import("../pagination").Pagination>;
     };
     private tree;
     private columns;