@king-design/vue 2.0.5 → 2.0.6

package/__tests__/__snapshots__/Vue Next Demos.md

@@ -515,7 +515,7 @@
 ####   `Form custom`
 
 ```
-"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1frgjei\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div><template slot=\"append\"></template></div></div><div class=\"k-form-item css-1frgjei\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div><template slot=\"append\"></template></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1frgjei\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1frgjei\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
 ```
 
 ####   `Form label`

package/__tests__/components/dialog.spec.ts

@@ -0,0 +1,36 @@
+import {createApp, render} from 'vue';
+import {mount, unmount, dispatchEvent, getElement, wait} from '@/test/utils';
+import {Dialog} from '../../';
+
+describe('Dialog', () => {
+    it('call static method', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const vue = createApp({
+            template: `
+                <div @click="test">click</div>
+            `,
+            methods: {
+                test() {
+                    Dialog.success({
+                        content: 'test',
+                        ref: i => this.dialog = i,
+                    });
+                },
+                close() {
+                    this.dialog.close();
+                }
+            }
+        }).mount(container);
+
+        (vue.$el as HTMLElement).click();
+        await wait();
+        expect(getElement('.k-dialog')).to.be.exist;
+
+        (vue as any).close();
+        await wait(500);
+
+        render(null, container);
+        document.body.removeChild(container);
+    });
+});

package/components/dialog/index.js

@@ -15,7 +15,7 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
     }
 
     if ($vNode === void 0) {
-      $vNode = null;
+      $vNode = createVNode(BaseDialog);
     }
 
     if ($SVG === void 0) {
@@ -38,13 +38,14 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
   var _proto = BaseDialog.prototype;
 
   _proto.init = function init() {
-    _BaseDialog2.prototype.init.call(this);
+    _BaseDialog2.prototype.init.call(this); // @ts-ignore
 
-    usePosition(this.dialogRef);
 
-    if (this.$vNode) {
+    if (this.$vNode.tag !== BaseDialog) {
       this.useAsComponent = true;
     }
+
+    usePosition(this.dialogRef);
   };
 
   _proto.show = function show() {
@@ -68,7 +69,7 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
 
       _this2.$init(null);
 
-      var vNode = _this2.$vNode = createVNode(BaseDialog);
+      var vNode = _this2.$vNode;
       vNode.children = _this2;
 
       _this2.$render(null, vNode, document.body, null, mountedQueue);

package/components/dialog/staticMethods.d.ts

@@ -5,6 +5,7 @@ export interface AlertDialogProps extends DialogProps {
     type?: 'success' | 'warning' | 'error' | 'confirm';
     hideIcon?: boolean;
     hideFooter?: boolean;
+    ref?: (i: Dialog) => void;
 }
 export declare type StaticMethod = (options?: AlertDialogProps) => Promise<void>;
 export declare function addStaticMethods(Component: typeof Dialog): void;

package/components/dialog/staticMethods.js

@@ -29,9 +29,10 @@ export function addStaticMethods(Component) {
       options = {};
     }
 
+    var dialog = new AlertDialog(options);
+    dialog.show();
+    if (options.ref) options.ref(dialog);
     return new _Promise(function (resolve, reject) {
-      var dialog = new AlertDialog(options, null, false, [], null);
-      dialog.show();
       dialog.on('ok', function () {
         resolve();
       });

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.5
+ * @king-design v2.0.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,7 +57,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.5";
+export declare const version = "2.0.6";
 
 
 export {normalize} from 'intact-vue-next';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.5
+ * @king-design v2.0.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,7 +59,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.5';
+export var version = '2.0.6';
 /* generate end */
 
 export {normalize} from 'intact-vue-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/vue",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "King-Design UI components for Vue3.0.",
   "keywords": [
     "component",