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

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-vue-next';
 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-vue-next').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-vue-next';
 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-vue-next').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-vue-next').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-vue-next';
-import { Transition } from 'intact';
+import { Transition } from 'intact-vue-next';
 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-vue-next').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-vue-next').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-vue-next').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-vue-next';
 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-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 useError(): {
     ellipsis: import("../../hooks/useState").State<boolean>;
     message: import("../../hooks/useState").State<string | undefined>;
-    errorRef: import("intact").RefObject<HTMLDivElement>;
+    errorRef: import('intact-vue-next').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-vue-next').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-vue-next').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-vue-next').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-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<number>, {}, {}, {}>>;
+    Consumer: import('intact-vue-next').ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<number>, {}, {}, {}>>;
+    useContext: () => import('intact-vue-next').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-vue-next').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-vue-next').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-vue-next').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-vue-next').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-vue-next';
-import { directClone } from 'intact';
+import { directClone } from 'intact-vue-next';
 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-vue-next';
 export declare class Body extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
     private layout;
     private config;
     init(): void;

package/components/layout/footer.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'intact-vue-next';
 export declare class Footer extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').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-vue-next').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-vue-next';
 export declare class Layout extends Component {
-    static template: string | import("intact").Template<any>;
+    static template: string | import('intact-vue-next').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-vue-next').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-vue-next';
-import { directClone, Transition } from 'intact';
+import { directClone, Transition } from 'intact-vue-next';
 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-vue-next').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-vue-next').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-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;