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

package/components/affix/index.d.ts

@@ -22,7 +22,7 @@ export declare type ShouldFixParam = {
     viewportHeight?: number;
 };
 export declare class Affix extends Component<AffixProps, AffixEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<AffixProps>>;
     private elementRef;
     private style;

package/components/badge/index.d.ts

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

package/components/breadcrumb/index.d.ts

@@ -9,7 +9,7 @@ export interface BreadcrumbBlocks {
     separator: null;
 }
 export declare class Breadcrumb extends Component<BreadcrumbProps, BreadcrumbEvents, BreadcrumbBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<BreadcrumbProps>>;
     static defaults: () => Partial<BreadcrumbProps>;
     private config;

package/components/breadcrumb/item.d.ts

@@ -3,7 +3,7 @@ export interface BreadcrumbItemProps {
     to?: string | object;
 }
 export declare class BreadcrumbItem extends Component<BreadcrumbItemProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<BreadcrumbItemProps>>;
     private router;
     private config;

package/components/button/group.d.ts

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

package/components/button/index.d.ts

@@ -33,7 +33,7 @@ export interface ButtonEvents {
     mouseup: [MouseEvent];
 }
 export declare class Button extends Component<ButtonProps, ButtonEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<Omit<ButtonProps, keyof ButtonHTMLAttributes>>>;
     static defaults: () => Partial<ButtonProps>;
     private buttonGroup;

package/components/card/column.d.ts

@@ -4,7 +4,7 @@ export interface CardColumnProps {
     center?: boolean;
 }
 export declare class CardColumn extends Component<CardColumnProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CardColumnProps>>;
     private config;
 }

package/components/card/index.d.ts

@@ -12,7 +12,7 @@ export interface CardBlocks {
     extra: null;
 }
 export declare class Card extends Component<CardProps, CardEvents, CardBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CardProps>>;
     static defaults: () => Partial<CardProps>;
     private config;

package/components/carousel/index.d.ts

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

package/components/carousel/index.vdt.js

@@ -5,7 +5,7 @@ import { CarouselItem } from './item';
 import { Button } from '../button';
 import { Icon } from '../icon';
 import { makeStyles } from './styles';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-react';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 

package/components/carousel/item.d.ts

@@ -4,7 +4,7 @@ export interface CarouselItemProps {
     cloned?: boolean;
 }
 export declare class CarouselItem extends Component<CarouselItemProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CarouselItemProps>>;
     private config;
 }

package/components/carousel/item.vdt.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createUnknownComponentVNode as _$cc, createVNode as _$cv, className as _$cn } from 'intact-react';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 import { getRestProps } from '../utils';
 import { makeItemStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {

package/components/carousel/useSlide.d.ts

@@ -3,7 +3,7 @@ import type { CarouselItem } from './item';
 export declare function useSlide(getItems: () => VNodeComponentClass<CarouselItem>[], getItemsWithCloned: () => VNodeComponentClass<CarouselItem>[]): {
     translate: import("../../hooks/useState").State<number>;
     shouldTransition: import("../../hooks/useState").State<boolean>;
-    elementRef: import("intact").RefObject<HTMLElement>;
+    elementRef: import('intact-react').RefObject<HTMLElement>;
     translateToItem: (item: VNodeComponentClass<CarouselItem>, oldIndex: number | null, newIndex: number | null, keepDirection: boolean) => Promise<void>;
     isSlide: () => boolean;
 };

package/components/cascader/index.d.ts

@@ -30,7 +30,7 @@ export interface CascaderEvents extends BaseSelectEvents {
 export interface CascaderBlocks<V> extends BaseSelectBlocks<V> {
 }
 export declare class Cascader<V = any, Multipe extends boolean = false, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelect<CascaderProps<V, Multipe, Data>, CascaderEvents, CascaderBlocks<V>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CascaderProps<any, boolean, CascaderData<any>>>>;
     static defaults: () => Partial<CascaderProps<any, boolean, CascaderData<any>>>;
     private fields;
@@ -39,7 +39,7 @@ export declare class Cascader<V = any, Multipe extends boolean = false, Data ext
     private load;
     private filterable;
     private positionObj;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
-    protected getLabel(): import("intact").Children;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import('intact-react').Children[];
+    protected getLabel(): import('intact-react').Children;
     protected hasValue(): any;
 }

package/components/cascader/index.vdt.js

@@ -21,6 +21,7 @@ export default function ($props, $blocks, $__proto__) {
       fields = _this$get.fields;
 
   var k = this.config.k;
+  var baseMenuStyles = makeMenuStyles(k);
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-cascader-menu"] = true, _classNameObj[makeMenuStyles(k)] = true, _classNameObj);
   var getField = this.fields;
 

package/components/checkbox/index.d.ts

@@ -12,7 +12,7 @@ export interface CheckboxEvents<V = boolean> {
     change: [V, MouseEvent];
 }
 export declare class Checkbox<V = boolean> extends Component<CheckboxProps<V>, CheckboxEvents<V>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<Omit<CheckboxProps<boolean>, keyof CommonInputHTMLAttributes>>>;
     static defaults: () => Partial<CheckboxProps<boolean>>;
     static events: Events<CheckboxEvents<boolean>>;

package/components/code/index.d.ts

@@ -14,7 +14,7 @@ export interface CodeEvents {
     ready: [editor.IStandaloneCodeEditor, typeof editor, typeof monaco];
 }
 export declare class Code extends Component<CodeProps, CodeEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CodeProps>>;
     static defaults: () => Partial<CodeProps>;
     static events: Events<CodeEvents>;

package/components/collapse/index.d.ts

@@ -11,7 +11,7 @@ export interface CollapseEvents {
 }
 export declare const COLLAPSE = "Collapse";
 export declare class Collapse extends Component<CollapseProps, CollapseEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CollapseProps>>;
     static defaults: () => Partial<CollapseProps>;
     private config;

package/components/collapse/index.vdt.js

@@ -4,7 +4,7 @@ import { CollapseItem } from './item';
 import { mapChildren, getRestProps } from '../utils';
 import { makeStyles } from './styles';
 import { isNullOrUndefined } from 'intact-shared';
-import { directClone } from 'intact';
+import { directClone } from 'intact-react';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 

package/components/collapse/item.d.ts

@@ -12,7 +12,7 @@ export interface CollapseItemBlocks {
     title: null;
 }
 export declare class CollapseItem extends Component<CollapseItemProps, CollapseItemEvents, CollapseItemBlocks> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CollapseItemProps>>;
     private collapse;
     private config;

package/components/collapse/item.vdt.js

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

package/components/colorpicker/drag.d.ts

@@ -9,7 +9,7 @@ interface ColorpickerDragEvents {
     click: [];
 }
 export declare class ColorpickerDrag extends Component<ColorpickerDragProps, ColorpickerDragEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     private drag;
     private config;
 }

package/components/colorpicker/index.d.ts

@@ -14,7 +14,7 @@ export interface ColorpickerProps {
 export interface ColorpickerEvents {
 }
 export declare class Colorpicker extends Component<ColorpickerProps, ColorpickerEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<ColorpickerProps>>;
     static defaults: () => Partial<ColorpickerProps>;
     private config;

package/components/colorpicker/panel.d.ts

@@ -4,7 +4,7 @@ export interface ColorpickerPanelProps {
     presets?: string[];
 }
 export declare class ColorpickerPanel extends Component<ColorpickerPanelProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     private value;
     private pointer;
     private input;

package/components/colorpicker/panel.vdt.js

@@ -4,7 +4,7 @@ import { Row, Col } from '../grid';
 import { Slider } from '../slider';
 import { Input } from '../input';
 import { makePanelStyles, makeAlphaBgColor } from './styles';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-react';
 import { Mode } from './useInput';
 import { ColorpickerDrag as Drag } from './drag';
 export default function ($props, $blocks, $__proto__) {

package/components/config/index.d.ts

@@ -1,10 +1,17 @@
 import { ProviderProps } from '../context';
+import { Component } from 'intact-react';
 export interface ConfigProps {
     classNamePrefix?: string;
 }
-declare const ConfigProvider: import('intact-react').ComponentConstructor<import("intact").Component<ProviderProps<ConfigProps>, {}, {}, {}>>, ConfigConsumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<ConfigProps>, {}, {}, {}>>;
+declare const ConfigConsumer: import('intact-react').ComponentConstructor<Component<import("../context").ConsumerProps<ConfigProps>, {}, {}, {}>>;
 declare function useConfigContext(): {
     cls: (name: string) => string;
     readonly k: string;
 };
-export { ConfigProvider, ConfigConsumer, useConfigContext, };
+/**
+ * for vue/react type checking
+ */
+export declare class _ConfigProvider extends Component<ProviderProps<ConfigProps>> {
+}
+export declare const ConfigProvider: typeof _ConfigProvider;
+export { ConfigConsumer, useConfigContext, };

package/components/config/index.js

@@ -1,8 +1,8 @@
 import { createContext } from '../context';
-import { EMPTY_OBJ } from 'intact-react';
+import { EMPTY_OBJ, Component } from 'intact-react';
 
 var _createContext = createContext(EMPTY_OBJ),
-    ConfigProvider = _createContext.Provider,
+    Provider = _createContext.Provider,
     ConfigConsumer = _createContext.Consumer,
     useContext = _createContext.useContext;
 
@@ -20,4 +20,5 @@ function useConfigContext() {
   };
 }
 
-export { ConfigProvider, ConfigConsumer, useConfigContext };
+export var ConfigProvider = Provider;
+export { ConfigConsumer, useConfigContext };

package/components/copy/index.d.ts

@@ -10,7 +10,7 @@ export interface CopyEvents {
     click: [MouseEvent];
 }
 export declare class Copy extends Component<CopyProps, CopyEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<CopyProps>>;
     static defaults: () => Partial<CopyProps>;
     static events: Events<CopyEvents>;

package/components/copy/index.vdt.js

@@ -3,7 +3,7 @@ import { createUnknownComponentVNode as _$cc, className as _$cn } from 'intact-r
 import { Icon } from '../icon';
 import { getRestProps } from '../utils';
 import { Virtual } from '../virtual';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 import { makeStyles } from './styles';
 import { _$ } from '../../i18n';
 export default function ($props, $blocks, $__proto__) {

package/components/datepicker/calendar.d.ts

@@ -12,7 +12,7 @@ export interface DatepickerCalendarEvents {
     change: [Dayjs, PanelFlags];
 }
 export declare class DatepickerCalendar extends Component<DatepickerCalendarProps, DatepickerCalendarEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static defaults: () => Partial<DatepickerCalendarProps>;
     type: import("../../hooks/useState").State<Required<"date" | "month" | "year" | undefined>>;
     datepicker: Datepicker;

package/components/datepicker/calendar.vdt.js

@@ -1,5 +1,5 @@
 import { map as _$ma, createElementVNode as _$ce, className as _$cn, createUnknownComponentVNode as _$cc } from 'intact-react';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 import { Button } from '../button';
 import { Icon } from '../icon';
 import { _$ } from '../../i18n';

package/components/datepicker/index.d.ts

@@ -13,7 +13,7 @@ export interface DatepickerEvents extends BasePickerEvents {
 export interface DatepickerBlocks<V extends Value = Value, R extends boolean = boolean> extends BasePickerBlocks<V, R> {
 }
 export declare class Datepicker<V extends Value = Value, M extends boolean = false, R extends boolean = false> extends BasePicker<DatepickerProps<V, M, R>, DatepickerEvents, DatepickerBlocks<V, R>> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<DatepickerProps<Value, boolean, boolean>>>;
     static defaults: () => Partial<DatepickerProps<Value, boolean, boolean>>;
     formats: {
@@ -37,8 +37,8 @@ export declare class Datepicker<V extends Value = Value, M extends boolean = fal
         changePanel: (type: import("./usePanel").PanelTypes, flag?: import("./usePanel").PanelFlags) => void;
         getPanel: (flag: import("./usePanel").PanelFlags) => State<import("./usePanel").PanelTypes>;
         reset: () => void;
-        startRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
-        endRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
+        startRef: import('intact-react').RefObject<import("./calendar").DatepickerCalendar>;
+        endRef: import('intact-react').RefObject<import("./calendar").DatepickerCalendar>;
     };
     focusDate: {
         focusDate: State<dayjs.Dayjs | null>;
@@ -56,7 +56,7 @@ export declare class Datepicker<V extends Value = Value, M extends boolean = fal
         onChangeDate: (v: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
     };
     init(): void;
-    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-react').Children[];
     protected getLabel(): string | string[];
     protected clear(e: MouseEvent): void;
     private setByShortcut;

package/components/datepicker/index.vdt.js

@@ -1,6 +1,6 @@
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, className as _$cn, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, createTextVNode as _$ct } from 'intact-react';
-import { linkEvent } from 'intact';
+import { linkEvent } from 'intact-react';
 import { DropdownMenu } from '../dropdown';
 import { DatepickerCalendar } from './calendar';
 import { DatepickerTime } from './time';

package/components/datepicker/time.d.ts

@@ -13,7 +13,7 @@ declare type Value = {
     s: number;
 };
 export declare class DatepickerTime extends Component<DatepickerTimeProps> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     value: import("../../hooks/useState").State<Value>;
     disabled: {
         disableSeconds: import("../../hooks/useState").State<boolean>;

package/components/datepicker/usePanel.d.ts

@@ -14,5 +14,5 @@ export declare function usePanel(type?: PanelTypes): {
     getPanel: (flag: PanelFlags) => import("../../hooks/useState").State<PanelTypes>;
     reset: () => void;
     startRef: import('intact-react').RefObject<DatepickerCalendar>;
-    endRef: import("intact").RefObject<DatepickerCalendar>;
+    endRef: import('intact-react').RefObject<DatepickerCalendar>;
 };

package/components/diagram/diagram.d.ts

@@ -10,7 +10,7 @@ export interface DiagramEvents {
     selectionChanged: [any[]];
 }
 export declare class Diagram extends Component<DiagramProps, DiagramEvents> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static events: Events<DiagramEvents>;
     graph: any;
     cell: any;

package/components/diagram/layouts/layout.d.ts

@@ -8,7 +8,7 @@ export interface DLayoutProps {
     top?: number | string;
 }
 export declare abstract class DLayout<P extends DLayoutProps = DLayoutProps> extends Component<P> {
-    static template: (this: DLayout) => import("intact").VNode<string>;
+    static template: (this: DLayout) => import('intact-react').VNode<string>;
     static typeDefs: Required<TypeDefs<DLayoutProps>>;
     static defaults: () => Partial<DLayoutProps>;
     private diagram;

package/components/diagram/shapes/line.d.ts

@@ -14,7 +14,7 @@ export interface DLineProps extends DBaseProps {
 declare type Arrow = 'none' | 'classic' | 'classicThin' | 'block' | 'blockThin' | 'open' | 'openThin' | 'oval' | 'diamond' | 'diamondThin';
 declare type Point = [number, number];
 export declare class DLine extends DBase<DLineProps> {
-    static template: (this: DLine) => import("intact").VNode<"dline">;
+    static template: (this: DLine) => import('intact-react').VNode<"dline">;
     static typeDefs: Required<TypeDefs<DLineProps>>;
     static defaults: () => Partial<DLineProps>;
     protected startDraw(): void;

package/components/diagram/shapes/shape.d.ts

@@ -13,7 +13,7 @@ export interface DShapeProps extends DBaseProps {
     connectable?: boolean;
 }
 export declare abstract class DShape<P extends DShapeProps = DShapeProps> extends DBase<P> {
-    static template: (this: DShape) => import("intact").VNode<string>;
+    static template: (this: DShape) => import('intact-react').VNode<string>;
     static typeDefs: Required<TypeDefs<DShapeProps>>;
     static defaults: () => Partial<DShapeProps>;
     private wrapperRef;

package/components/dialog/base.d.ts

@@ -40,12 +40,12 @@ export interface BaseDialogBlocks {
     footer: null;
 }
 export declare class BaseDialog<T extends BaseDialogProps = BaseDialogProps, E extends BaseDialogEvents = BaseDialogEvents, B extends BaseDialogBlocks = BaseDialogBlocks> extends Component<T, E, B> {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-react').Template<any>;
     static typeDefs: Required<TypeDefs<BaseDialogProps>>;
     static defaults: () => Partial<BaseDialogProps>;
     static events: Events<BaseDialogEvents>;
     static setHooks: typeof setHooks;
-    dialogRef: import("intact").RefObject<HTMLDivElement>;
+    dialogRef: import('intact-react').RefObject<HTMLDivElement>;
     private overlayRef;
     private drag;
     private mouseOutsidable;

package/components/dialog/base.vdt.js

@@ -3,7 +3,7 @@ import { Button } from '../button';
 import { Icon } from '../icon';
 import { Portal } from '../portal';
 import { _$ } from '../../i18n';
-import { Transition } from 'intact';
+import { Transition } from 'intact-react';
 import { getRestProps, stopPropagation } from '../utils';
 import { makeDialogStyles, makeWrapperStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {

package/components/dialog/index.spec.js

@@ -7,7 +7,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray(o, minLen) { var _context18; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context18 = Object.prototype.toString.call(o)).call(_context18, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _unsupportedIterableToArray(o, minLen) { var _context21; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context21 = Object.prototype.toString.call(o)).call(_context21, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
@@ -19,7 +19,7 @@ import { __decorate } from "tslib";
 import { Component } from 'intact-react';
 import { Dialog, BaseDialog } from './';
 import { bind } from '../utils';
-import { getElement, mount, unmount, dispatchEvent, wait } from '../../test/utils';
+import { getElement, mount, unmount, dispatchEvent, wait, getElements } from '../../test/utils';
 import BasicDemo from '~/components/dialog/demos/basic';
 import AsyncCloseDemo from '~/components/dialog/demos/asyncClose';
 import TerminateDemo from '~/components/dialog/demos/terminate';
@@ -594,7 +594,7 @@ describe('Dialog', function () {
     }, _callee12);
   })));
   it('should remove body style when destroy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-    var Demo, _mount13, instance, element;
+    var Demo, _mount13, instance, element, style;
 
     return _regeneratorRuntime.wrap(function _callee13$(_context17) {
       while (1) {
@@ -642,14 +642,96 @@ describe('Dialog', function () {
             return wait();
 
           case 7:
-            expect(document.body.getAttribute('style')).to.be.null;
+            style = document.body.getAttribute('style');
+            expect(style === null || style === '').to.be.true;
 
-          case 8:
+          case 9:
           case "end":
             return _context17.stop();
         }
       }
     }, _callee13);
+  })));
+  it('show nested dialog', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+    var Test, Demo, _mount14, instance, element, _getElements, dialog1, dialog2;
+
+    return _regeneratorRuntime.wrap(function _callee14$(_context20) {
+      while (1) {
+        switch (_context20.prev = _context20.next) {
+          case 0:
+            Test = /*#__PURE__*/function (_Component5) {
+              _inheritsLoose(Test, _Component5);
+
+              function Test() {
+                var _context18;
+
+                var _this5;
+
+                for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+                  args[_key5] = arguments[_key5];
+                }
+
+                _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context18 = [this]).call(_context18, args)) || this;
+                _this5.Dialog = Dialog;
+                return _this5;
+              }
+
+              return Test;
+            }(Component);
+
+            Test.template = "\n                const { Dialog } = this;\n                <Dialog v-model=\"value\">test</Dialog>\n            ";
+
+            Demo = /*#__PURE__*/function (_Component6) {
+              _inheritsLoose(Demo, _Component6);
+
+              function Demo() {
+                var _context19;
+
+                var _this6;
+
+                for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+                  args[_key6] = arguments[_key6];
+                }
+
+                _this6 = _Component6.call.apply(_Component6, _concatInstanceProperty(_context19 = [this]).call(_context19, args)) || this;
+                _this6.Test = Test;
+                _this6.Dialog = Dialog;
+                return _this6;
+              }
+
+              var _proto2 = Demo.prototype;
+
+              _proto2.showTest = function showTest() {
+                this.set('testShow', true);
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const { Test, Dialog } = this;\n                <Dialog v-model=\"show\">\n                    <div ev-click={this.showTest}>click</div>\n                    <Test v-model=\"testShow\" /> \n                </Dialog>\n            ";
+
+            __decorate([bind], Demo.prototype, "showTest", null);
+
+            _mount14 = mount(Demo), instance = _mount14[0], element = _mount14[1];
+            instance.set('show', true);
+            _context20.next = 9;
+            return wait();
+
+          case 9:
+            instance.showTest();
+            _context20.next = 12;
+            return wait();
+
+          case 12:
+            _getElements = getElements('.k-dialog'), dialog1 = _getElements[0], dialog2 = _getElements[1];
+            expect(dialog2.querySelector('.k-dialog-body').textContent).to.eql('test');
+
+          case 14:
+          case "end":
+            return _context20.stop();
+        }
+      }
+    }, _callee14);
   }))); // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
   // const Test = {
   // template: `<Dialog v-model="show" v-if="show" ref="dialog">test</Dialog>`,

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>;
 }