@king-design/react 3.1.0-beta.3 → 3.1.1-beta.0

package/components/drawer/index.d.ts

@@ -5,7 +5,7 @@ export interface DrawerProps extends BaseDialogProps {
     placement?: Placement;
 }
 export declare class Drawer extends BaseDialog<DrawerProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<DrawerProps>>;
     static defaults: () => Partial<DrawerProps>;
 }

package/components/drawer/index.spec.js

@@ -5,7 +5,7 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import BasicDemo from '~/components/drawer/demos/basic';
 import PlacementDemo from '~/components/drawer/demos/placement';
 import overlayDemo from '~/components/drawer/demos/overlay';
-import { mount, unmount, dispatchEvent, getElement, wait } from '../../test/utils';
+import { mount, unmount, dispatchEvent, getElement, wait, getElements } from '../../test/utils';
 import { Component } from 'intact-react';
 import { Drawer } from '.';
 import { Dialog } from '../dialog';
@@ -165,7 +165,7 @@ describe('Drawer', function () {
     }, _callee4);
   })));
   it('nested dialog', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-    var Demo, _mount4, instance, element;
+    var Demo, _mount4, instance, element, _getElements, dialog1, dialog2;
 
     return _regeneratorRuntime.wrap(function _callee5$(_context6) {
       while (1) {
@@ -198,9 +198,11 @@ describe('Drawer', function () {
             return wait();
 
           case 5:
-            expect(instance.refs.dialog.dialogRef.value.parentElement.parentElement).to.eql(document.body);
+            // expect(instance.refs.dialog.dialogRef.value.parentElement.parentElement).to.eql(document.body);
+            _getElements = getElements('.k-dialog'), dialog1 = _getElements[0], dialog2 = _getElements[1];
+            expect(dialog2.querySelector('.k-dialog-body').textContent).to.eql('Dialog');
 
-          case 6:
+          case 7:
           case "end":
             return _context6.stop();
         }

package/components/dropdown/item.d.ts

@@ -12,7 +12,7 @@ export interface DropdownItemEvents {
     mouseleave: [MouseEvent];
 }
 export declare class DropdownItem extends Component<DropdownItemProps, DropdownItemEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<DropdownItemProps>>;
     static defaults: () => Partial<DropdownItemProps>;
     parentDropdown?: Dropdown;

package/components/dropdown/menu.d.ts

@@ -8,7 +8,7 @@ export interface DropdownMenuBlocks {
 }
 export declare const DROPDOWN_MENU = "DropdownMenu";
 export declare class DropdownMenu<T extends DropdownMenuProps = DropdownMenuProps, E extends DropdownMenuEvents = DropdownMenuEvents, B extends DropdownMenuBlocks = DropdownMenuBlocks> extends Component<T, E, B> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     elementRef: RefObject<HTMLDivElement>;
     dropdown: Dropdown;
     keyboard: {

package/components/dropdown/menu.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createUnknownComponentVNode as _$cc, createElementVNode as _$ce, noop as _$no, className as _$cn } from 'intact-react';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 import { makeMenuStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;

package/components/editable/index.d.ts

@@ -16,7 +16,7 @@ export interface EditableEvents<V extends Value = Value> {
     change: [string, V | undefined];
 }
 export declare class Editable<V extends Value = Value> extends Component<EditableProps<V>, EditableEvents<V>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<EditableProps<Value>>>;
     static defaults: () => Partial<EditableProps<Value>>;
     static events: Events<EditableEvents<Value>>;

package/components/form/form.d.ts

@@ -23,7 +23,7 @@ export interface FormEvents {
 export declare const FORM = "Form";
 export declare const RECORD_KEY = "FormRecord";
 export declare class Form extends Component<FormProps, FormEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<Omit<FormProps, keyof FormHTMLAttributes>>>;
     static defaults: () => Partial<FormProps>;
     static addMethod: (name: string, method: import("./methods").Method, message?: import("./methods").Message | undefined, className?: import("./methods").ClassName | undefined) => void;

package/components/form/item.d.ts

@@ -22,7 +22,7 @@ export interface FormItemBlocks {
 }
 export declare type Rules = Record<string, any>;
 export declare class FormItem extends Component<FormItemProps, FormItemEvents, FormItemBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<FormItemProps>>;
     private form;
     private error;

package/components/form/item.vdt.js

@@ -3,7 +3,7 @@ import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, noo
 import { getRestProps } from '../utils';
 import { Tooltip } from '../tooltip';
 import { Icon } from '../icon';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 import { makeItemStyles } from './styles';
 import { context as ErrorContext } from './useError';
 export default function ($props, $blocks, $__proto__) {

package/components/form/useError.d.ts

@@ -1,12 +1,12 @@
 export declare const context: {
-    Provider: import('intact-react').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-react').ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import('intact-react').RefObject<any>;
 };
 export declare function useError(): {
     ellipsis: import("../../hooks/useState").State<boolean>;
     message: import("../../hooks/useState").State<string | undefined>;
-    errorRef: import("intact").RefObject<HTMLDivElement>;
+    errorRef: import('intact-react').RefObject<HTMLDivElement>;
     getErrorMessage: (key: string) => string;
     getErrorClassName: (key: string) => string;
     reset: () => void;

package/components/grid/col.d.ts

@@ -11,7 +11,7 @@ export declare type BreakpointProps = BreakpointValues<keyof BaseColProps>;
 export declare type ColProps = BaseColProps & BreakpointProps;
 export declare const baseTypeDefs: Required<TypeDefs<BaseColProps>>;
 export declare class Col extends Component<ColProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<ColProps>>;
     private breakpoints;
     private config;

package/components/grid/row.d.ts

@@ -6,7 +6,7 @@ export interface RowProps {
     align?: 'top' | 'bottom' | 'middle' | 'stretch' | 'baseline';
 }
 export declare class Row extends Component<RowProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<RowProps>>;
     private gutter;
     private config;

package/components/grid/useGutter.d.ts

@@ -1,7 +1,7 @@
 export declare const context: {
-    Provider: import('intact-react').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<number>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<number>, {}, {}, {}>>;
-    useContext: () => import("intact").RefObject<number | undefined>;
+    Provider: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<number>, {}, {}, {}>>;
+    Consumer: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<number>, {}, {}, {}>>;
+    useContext: () => import('intact-react').RefObject<number | undefined>;
 };
 export declare function useGutter(): {
     getGutter: () => import("./constants").PrimitiveValue | null | undefined;

package/components/icon/index.d.ts

@@ -9,7 +9,7 @@ export interface IconProps {
 }
 export declare class Icon extends Component<IconProps> {
     static displayName: string;
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<IconProps>>;
     static defaults: () => Partial<IconProps>;
     private colors;

package/components/input/index.d.ts

@@ -50,7 +50,7 @@ export interface InputBlocks {
     append: null;
 }
 export declare class Input<V extends Value = Value> extends Component<InputProps<V>, InputEvents, InputBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<Omit<InputProps<Value>, keyof InputHTMLAttributes>>>;
     static defaults: () => Partial<InputProps<Value>>;
     static events: Events<InputEvents>;

package/components/input/search.d.ts

@@ -11,7 +11,7 @@ export interface SearchEvents {
     submit: [string];
 }
 export declare class Search extends Component<SearchProps, SearchEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<SearchProps>>;
     static defaults: () => Partial<SearchProps>;
     private elementRef;

package/components/input/styles.js

@@ -132,7 +132,7 @@ setDefault(function () {
 export function makeStyles(k) {
   var _context;
 
-  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";color:", input.color, ";vertical-align:middle;.", k, "-input-wrapper{display:inline-flex;align-items:center;width:100%;position:relative;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";&:hover{border:", input.hoverBorder, ";z-index:1;}}&.", k, "-focus .", k, "-input-wrapper{border:", input.focusBorder, ";z-index:1;}.", k, "-input-inner{flex:1;outline:none;color:inherit;font-size:inherit;border:none;background:transparent;padding:0;width:0;&::placeholder{color:", input.placeholderColor, ";}}&.", k, "-fluid{width:100%;}.", k, "-input-prefix,.", k, "-input-suffix{display:flex;align-items:center;gap:", input.clearIconGap, ";color:", theme.color.lightBlack, ";position:relative;}.", k, "-input-prefix{margin-right:", input.clearIconGap, ";}.", k, "-input-suffix{margin-left:", input.clearIconGap, ";}.", k, "-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";}&:hover .", k, "-input-clear.", k, "-input-show{opacity:1;pointer-events:all;}.", k, "-input-show-password{color:", input.clearIconColor, ";}&.", k, "-stack-clear{.", k, "-input-clear{position:absolute;z-index:1;right:0;&.", k, "-input-show+*{transition:opacity ", input.transition, ";}}&:hover{.", k, "-input-clear.", k, "-input-show+*{opacity:0;}}}&.", k, "-group{display:inline-flex;.", k, "-input-wrapper{border-radius:0;}.", k, "-input-wrapper:first-child{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}.", k, "-input-wrapper:last-child{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-prepend,.", k, "-input-append{display:inline-flex;align-items:center;background-color:", input.groupBgColor, ";border:", input.border, ";white-space:nowrap;.", k, "-btn{margin:-1px;border:none;&.", k, "-none:hover{background:transparent;}}.", k, "-select{margin:-1px;text-align:left;}}.", k, "-input-prepend{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.", k, "-input-append{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-padding{padding:0 ", input.groupPaddingGap, ";}.", k, "-input-prepend{border-right:none;}.", k, "-input-append{border-left:none;}&.", k, "-flat{color:", _flatInstanceProperty(input).color, ";.", k, "-input-wrapper{border:none;background:", _flatInstanceProperty(input).bgColor, ";}}&.", k, "-disabled{color:", input.disabledColor, ";cursor:not-allowed;.", k, "-input-wrapper{border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";}.", k, "-input-inner{cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";color:", input.color, ";vertical-align:middle;.", k, "-input-wrapper{display:inline-flex;align-items:center;width:100%;position:relative;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";&:hover{border:", input.hoverBorder, ";z-index:1;}}&.", k, "-focus .", k, "-input-wrapper{border:", input.focusBorder, ";z-index:1;}.", k, "-input-inner{flex:1;outline:none;color:inherit;font-size:inherit;border:none;background:transparent;padding:0;width:0;&::placeholder{color:", input.placeholderColor, ";}}&.", k, "-fluid{width:100%;}.", k, "-input-prefix,.", k, "-input-suffix{display:flex;align-items:center;gap:", input.clearIconGap, ";color:", theme.color.lightBlack, ";position:relative;}.", k, "-input-prefix{margin-right:", input.clearIconGap, ";}.", k, "-input-suffix{margin-left:", input.clearIconGap, ";}.", k, "-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";}&:hover .", k, "-input-clear.", k, "-input-show{opacity:1;pointer-events:all;}.", k, "-input-show-password{color:", input.clearIconColor, ";}&.", k, "-stack-clear{.", k, "-input-clear{position:absolute;z-index:1;right:0;&.", k, "-input-show+*{transition:opacity ", input.transition, ";}}&:hover{.", k, "-input-clear.", k, "-input-show+*{opacity:0;}}}&.", k, "-group{display:inline-flex;.", k, "-input-wrapper{border-radius:0;flex:1;}.", k, "-input-wrapper:first-child{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}.", k, "-input-wrapper:last-child{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-prepend,.", k, "-input-append{display:inline-flex;align-items:center;background-color:", input.groupBgColor, ";border:", input.border, ";white-space:nowrap;.", k, "-btn{margin:-1px;&.", k, "-none:hover{background:transparent;}}.", k, "-select{margin:-1px;text-align:left;}}.", k, "-input-prepend{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.", k, "-input-append{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-padding{padding:0 ", input.groupPaddingGap, ";}.", k, "-input-prepend{border-right:none;}.", k, "-input-append{border-left:none;}&.", k, "-flat{color:", _flatInstanceProperty(input).color, ";.", k, "-input-wrapper{border:none;background:", _flatInstanceProperty(input).bgColor, ";}}&.", k, "-disabled{color:", input.disabledColor, ";cursor:not-allowed;.", k, "-input-wrapper{border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";}.", k, "-input-inner{cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = input[size];
     var sizeClassName = /*#__PURE__*/css("font-size:", styles.fontSize, ";.", k, "-input-wrapper{height:", styles.height, ";padding:0 ", styles.paddingGap, ";}");
     if (size === 'default') return sizeClassName;

package/components/layout/aside.d.ts

@@ -8,7 +8,7 @@ export interface AsideProps {
     collapsedWidth?: number | string;
 }
 export declare class Aside extends Component<AsideProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<AsideProps>>;
     static defaults: () => Partial<AsideProps>;
     private rootLayout;

package/components/layout/aside.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createElementVNode as _$ce, className as _$cn, createVNode as _$cv } from 'intact-react';
-import { directClone } from 'intact';
+import { directClone } from 'intact-react';
 import { mapChildren, getRestProps } from '../utils';
 import { Menu } from '../menu';
 import { makeAsideStyles } from './styles';

package/components/layout/body.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'intact-react';
 export declare class Body extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     private layout;
     private config;
     init(): void;

package/components/layout/footer.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'intact-react';
 export declare class Footer extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     private config;
     private getClassNames;
 }

package/components/layout/header.d.ts

@@ -9,7 +9,7 @@ export interface HeaderProps {
     boxShadow?: boolean;
 }
 export declare class Header extends Component<HeaderProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<HeaderProps>>;
     static defaults: () => Partial<HeaderProps>;
     private rootLayout;

package/components/layout/layout.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'intact-react';
 export declare class Layout extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     parse: () => {
         hasAside: boolean;
         hasFixedHeader: boolean;

package/components/menu/item.d.ts

@@ -13,7 +13,7 @@ export interface MenuItemEvents {
 }
 export declare const MENU_ITEM = "MenuItem";
 export declare class MenuItem extends Component<MenuItemProps, MenuItemEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<MenuItemProps>>;
     static events: Events<MenuItemEvents>;
     rootMenu: Menu<Key>;

package/components/menu/item.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, className as _$cn, createVNode as _$cv, extend as _$ex, EMPTY_OBJ as _$em } from 'intact-react';
-import { directClone, Transition } from 'intact';
+import { directClone, Transition } from 'intact-react';
 import { Dropdown, DropdownItem } from '../dropdown';
 import { Tooltip } from '../tooltip';
 import { Icon } from '../icon';

package/components/menu/menu.d.ts

@@ -19,7 +19,7 @@ export interface MenuBlocks {
 export declare const MENU = "Menu";
 export declare const ROOT_MENU = "RootMenu";
 export declare class Menu<K extends Key = Key> extends Component<MenuProps<K>, MenuEvents, MenuBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<MenuProps<Key>>>;
     static defaults: () => Partial<MenuProps<Key>>;
     rootMenu: Menu<Key> | null;

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-react').Key>> | null;
     isDropdownMenu: boolean;
     tooltipContents: ValidVNode[];
     iconVNode: VNodeComponentClass<Icon> | null;

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-react').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-react';
 import type { Message } from './message';
 export declare class Messages extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').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-react';
-import { TransitionGroup, Transition } from 'intact';
+import { TransitionGroup, Transition } from 'intact-react';
 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-react').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-react').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-react').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-react').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-react').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-react').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-react';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-react';
 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-react').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-react').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-react';
-import { TransitionGroup, Transition } from 'intact';
+import { TransitionGroup, Transition } from 'intact-react';
 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-react').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-react').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-react').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-react';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 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-react').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-react').VNode<import('intact-react').VNodeTag>)[]) => import('intact-react').VNode<typeof Option> | undefined;
         filter: (children: Children) => Children;
     };
     label: {
         getLabel: () => Children;
-        activeIndices: import("intact").NonNullableRefObject<number[]>;
+        activeIndices: import('intact-react').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-react';
 export declare function useCard(defaultActiveIndex: NonNullableRefObject<number[]>): {
     process: (children: Children) => {
-        labels: Children[] | import("intact").Block<any>[];
+        labels: Children[] | import('intact-react').Block<any>[];
         group: Children[];
     };
     activeIndex: import("../../hooks/useState").State<number>;

package/components/select/useLabel.d.ts

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

package/components/select/useSearchable.d.ts

@@ -1,7 +1,7 @@
 export declare const context: {
-    Provider: import('intact-react').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-react').ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import('intact-react').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-react').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-react').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-react').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-react';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-react';
 import { Spinner } from '../spinner';
 import { Tooltip } from '../tooltip';
 import { getRestProps } from '../utils';