@king-design/intact 2.0.5 → 2.0.6

package/components/dialog/demos/block.md

@@ -50,10 +50,12 @@ import {Button, Dialog} from 'kpc';
     <Button @click="show = true" type="primary">Show Dialog</Button>
     <Button @click="show1 = true" type="primary">Show No Footer Dialog</Button>
     <Dialog v-model="show">
-        <div class="k-title" slot="header">
-            <i class="ion-person"></i>
-            Custom Header
-        </div>
+        <template slot="header">
+            <div class="k-title">
+                <i class="ion-person"></i>
+                Custom Header
+            </div>
+        </template>
 
         Dialog Body 
 
@@ -65,7 +67,9 @@ import {Button, Dialog} from 'kpc';
     </Dialog>
     <Dialog v-model="show1" title="No Footer">
         <template slot="body">body</template>
-        <div slot="footer-wrapper"></div>
+        <template slot="footer-wrapper">
+            <div></div>
+        </template>
     </Dialog>
 </div>
 ```

package/components/dialog/index.md

@@ -101,6 +101,7 @@ export type Container = string | ((parentDom: Element, anchor: Node | null) => E
 | size | 弹窗尺寸 | `"large"` | `"default"` | `"small"` | `"mini"` | `"default"` |
 | hideIcon | 是否隐藏提示图标 | `boolean` | `false` |
 | hideFooter | 是否隐藏底部按钮 | `boolean` | `false` |
+| ref | 传入一个函数，组件会调用该函数，将当前`Dialog`实例传入 | `(i: Dialog) => void` | `undefined` |
 
 其中`Promise`对象会在点击“确定”按钮时`resolve()`，在点击“取消”按钮时`reject()`，你可以在`then()`
 中书写用户点击不同按钮的逻辑

package/components/dialog/index.ts

@@ -15,11 +15,11 @@ export class BaseDialog<
     public useAsComponent = false;
 
     constructor(
-        props: Props<P, BaseDialog> | null | undefined = null as unknown as P,
-        $vNode: VNodeComponentClass = null as unknown as VNodeComponentClass,
+        props: Props<P, BaseDialog> | null | undefined = null,
+        $vNode: VNodeComponentClass = createVNode(BaseDialog),
         $SVG: boolean = false,
         $mountedQueue: Function[] = [],
-        $senior: ComponentClass | null = null
+        $senior: ComponentClass | null = null,
     ) {
         super(props, $vNode, $SVG, $mountedQueue, $senior);
     }
@@ -27,11 +27,12 @@ export class BaseDialog<
     init() {
         super.init();
 
-        usePosition(this.dialogRef);
-
-        if (this.$vNode) {
+        // @ts-ignore
+        if (this.$vNode.tag !== BaseDialog) {
             this.useAsComponent = true;
         }
+
+        usePosition(this.dialogRef);
     }
 
     public show() {
@@ -50,7 +51,7 @@ export class BaseDialog<
             // use as intance
             const mountedQueue = this.$mountedQueue;
             this.$init(null); 
-            const vNode = this.$vNode = createVNode(BaseDialog) as VNodeComponentClass<any>;
+            const vNode = this.$vNode;
             vNode.children = this;
             this.$render(null, vNode, document.body, null, mountedQueue);
             callAll(mountedQueue);

package/components/dialog/staticMethods.ts

@@ -7,6 +7,7 @@ export interface AlertDialogProps extends DialogProps {
     type?: 'success' | 'warning' | 'error' | 'confirm' 
     hideIcon?: boolean
     hideFooter?: boolean
+    ref?: (i: Dialog) => void
 }
 
 export type StaticMethod = (options?: AlertDialogProps) => Promise<void>
@@ -24,9 +25,12 @@ export function addStaticMethods(Component: typeof Dialog) {
     }
 
     function show(options: AlertDialogProps = {}) {
+        const dialog = new AlertDialog(options);
+        dialog.show();
+
+        if (options.ref) options.ref(dialog);
+
         return new Promise<void>((resolve, reject) => {
-            const dialog = new AlertDialog(options, null as unknown as VNodeComponentClass<any>, false, [], null);
-            dialog.show();
             dialog.on('ok', () => {
                 resolve();
             });

package/components/table/demos/basic.md

@@ -7,16 +7,10 @@ order: 0
 组件定义表格结构，详见”定义表格结构“说明
 
 ```vdt
-import {Table, TableColumn, Select, Option} from 'kpc';
+import {Table, TableColumn} from 'kpc';
 
 <Table data={this.get('data')} resizable>
-    <TableColumn key="a" title="Title 1">
-        <b:template args="[data]">
-            <Select>
-                <Option value="a">test</Option>
-            </Select>
-        </b:template>
-    </TableColumn>
+    <TableColumn key="a" title="Title 1" />
     <TableColumn key="b" title="Title 2" />
 </Table>
 ```

package/es/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/es/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/es/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/es/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,4 +57,4 @@ 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";

package/es/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,5 +59,5 @@ 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 */

package/es/packages/kpc-react/__tests__/index.js

@@ -73,7 +73,7 @@ describe('React Demos', function () {
               return wait(100);
 
             case 3:
-              // FIXME: I don't why the width of `autoWidth` input is an unexpected value
+              // FIXME: I don't know why the width of `autoWidth` input is an unexpected value
               // while we run test on Github Actions.
               innerHTML = element.innerHTML.replace(/(\<input.*?style="width: )(?:.*?)(px;")/g, '$1$2');
               expect(innerHTML).to.matchSnapshot();

package/es/site/data/components/table/demos/basic/react.js

@@ -1,7 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Table, TableColumn, Select, Option } from '@king-design/react';
+import { Table, TableColumn } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -36,13 +36,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       resizable: true
     }, /*#__PURE__*/React.createElement(TableColumn, {
       key: "a",
-      title: "Title 1",
-      slotTemplate: function slotTemplate(_ref) {
-        var data = _ref[0];
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, null, /*#__PURE__*/React.createElement(Option, {
-          value: "a"
-        }, "test")));
-      }
+      title: "Title 1"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "b",
       title: "Title 2"

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.5
+ * @king-design v2.0.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.5';
+export const version = '2.0.6';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -8,6 +8,7 @@
     "snapshots": "cross-env UPDATE=1 npm run test",
     "test:all": "lerna exec -- npm run test",
     "test:react": "lerna exec --scope @king-design/react -- npm run test",
+    "test:vue": "lerna exec --scope @king-design/vue -- npm run test",
     "snapshots:all": "lerna exec -- npm run snapshots",
     "cover": "cross-env UPDATE=2 npm run test",
     "start": "node server.js",