@king-design/intact 2.0.0-beta.1 → 2.0.0

package/es/site/src/styles/default.d.ts

@@ -1,6 +1,7 @@
 declare const global: {
     contentWidth: number;
     fontFamily: string;
+    cardBoxShadow: string;
 };
 export declare const mainBlock: (height: number) => string;
 export declare const center: () => string;

package/es/site/src/styles/default.js

@@ -1,9 +1,10 @@
 var global = {
   contentWidth: 1200,
-  fontFamily: 'PingFang SC'
+  fontFamily: 'PingFang SC',
+  cardBoxShadow: '0px 0px 16px rgba(0, 0, 0, .1)'
 };
 export var mainBlock = function mainBlock(height) {
-  return "\n        width: 100%;\n        height: " + height + "px;\n        display: flex;\n        justify-content: center;\n        & > div:first-child {\n            width: " + global.contentWidth + "px;\n        }\n    ";
+  return "\n        width: 100%;\n        height: " + height + "px;\n        display: flex;\n        justify-content: center;\n        & > div:first-child {\n            width: " + global.contentWidth + "px;\n        }\n        @media (max-width: 768px) {\n            & > div:first-child {\n                width: 100%;\n            }\n        }\n    ";
 };
 export var center = function center() {
   return "\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    ";

package/es/styles/global.js

@@ -4,6 +4,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
 import { injectGlobal } from '@emotion/css';
 import { theme } from './theme';
+import { palette } from '../styles/utils';
 var slideDirections = {
   down: 'center top 0',
   up: 'center bottom 0',
@@ -11,6 +12,6 @@ var slideDirections = {
   right: 'left center 0'
 }; // TODO: update global when theme changed
 
-injectGlobal("html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
-  return "\n            .k-slide" + direction + "-enter-from,\n            .k-slide" + direction + "-leave-to {\n                transform-origin: " + slideDirections[direction] + ";\n                opacity: 0;\n                transform: " + (direction === 'down' || direction === 'up' ? "scaleY(.8)" : 'scaleX(.8)') + ";\n            }\n            .k-slide" + direction + "-enter-active,\n            .k-slide" + direction + "-leave-active {\n                transform-origin: " + slideDirections[direction] + ";\n                transition: opacity " + theme.transition + ", transform " + theme.transition + " !important;\n                pointer-events: none;\n            }\n        ";
-}).join(''), " .k-fade-enter-from,.k-fade-leave-to{opacity:0!important;}.k-fade-enter-active,.k-fade-leave-active{transition:opacity ", theme.transition, ";}.k-fade-leave-active:not(tr){position:absolute;}.k-fade-move{transition:transform ", theme.transition, ";}.k-scale-enter-from,.k-scale-leave-to{transform:scale(0);}.k-scale-enter-active,.k-scale-leave-active{transition:transform ", theme.transition, ";}.k-expand-enter-from,.k-expand-leave-to{opacity:0;overflow:hidden;}.k-expand-enter-active,.k-expand-leave-active{transition:all ", theme.transition, "!important;overflow:hidden;}.k-expand-move{transition:transform ", theme.transition, ";}.k-dropdown-enter-from,.k-dropdown-leave-to{opacity:0;transform:translateY(-20px);}.k-dropdown-enter-active,.k-dropdown-leave-active,.k-dropdown-move{transition:all ", theme.transition, ";}.k-dropdown-leave-active{position:absolute!important;}.k-dropdown-move{transition:transform ", theme.transition, ";}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.c-hidden{display:none;}.c-middle{display:inline-block;vertical-align:middle;}");
+injectGlobal("html{--var-wave-color:", theme.color.primary, ";box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
+  return "\n            .k-slide" + direction + "-enter-from,\n            .k-slide" + direction + "-leave-to {\n                transform-origin: " + slideDirections[direction] + ";\n                opacity: 0;\n                transform: " + (direction === 'down' || direction === 'up' ? "scaleY(.8)" : 'scaleX(.8)') + ";\n            }\n            .k-slide" + direction + "-enter-active,\n            .k-slide" + direction + "-leave-active {\n                transform-origin: " + slideDirections[direction] + ";\n                transition: opacity " + theme.transition.large + ", transform " + theme.transition.large + " !important;\n                pointer-events: none;\n            }\n        ";
+}).join(''), " .k-fade-enter-from,.k-fade-leave-to{opacity:0!important;}.k-fade-enter-active,.k-fade-leave-active{transition:opacity ", theme.transition.large, ";}.k-fade-leave-active:not(tr){position:absolute;}.k-fade-move{transition:transform ", theme.transition.large, ";}.k-scale-enter-from,.k-scale-leave-to{transform:scale(0);}.k-scale-enter-active,.k-scale-leave-active{transition:transform ", theme.transition.large, ";}.k-expand-enter-from,.k-expand-leave-to{opacity:0;overflow:hidden;}.k-expand-enter-active,.k-expand-leave-active{transition:all ", theme.transition.large, "!important;overflow:hidden;}.k-expand-move{transition:transform ", theme.transition.large, ";}.k-dropdown-enter-from,.k-dropdown-leave-to{opacity:0;transform:translateY(-20px);}.k-dropdown-enter-active,.k-dropdown-leave-active,.k-dropdown-move{transition:all ", theme.transition.large, ";}.k-dropdown-leave-active{position:absolute!important;}.k-dropdown-move{transition:transform ", theme.transition.large, ";}.k-fade-in-left-enter-from,.k-fade-in-left-leave-to{opacity:0;transform:translate3d(-15px, 0, 0);}.k-fade-in-left-enter-active,.k-fade-in-left-leave-active{transition:all ", theme.transition.large, ";td{background:", palette(theme.color.primary, -4), "!important;}}.k-fade-in-left-move{transition:transform ", theme.transition.large, ";}.k-fade-expand-enter-from,.k-fade-expand-leave-to{opacity:0;}.k-fade-expand-enter-active,.k-fade-expand-leave-active{transition:all ", theme.transition.large, ";background:", palette(theme.color.primary, -4), "!important;}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.c-hidden{display:none;}.c-middle{display:inline-block;vertical-align:middle;}");

package/es/styles/theme.d.ts

@@ -1,8 +1,7 @@
-export declare type ThemeValue<T> = T;
 export declare type Theme = {
-    [name: string]: ThemeValue<string> | ThemeValue<number> | Theme;
+    [name: string]: string | number | Theme;
 };
-export declare function defualtTheme(): {
+export declare function defaultTheme(): {
     large: {
         height: string;
         fontSize: string;
@@ -24,7 +23,6 @@ export declare function defualtTheme(): {
         padding: string;
     };
     color: {
-        lightBlack: string;
         primary: string;
         warning: string;
         danger: string;
@@ -38,9 +36,11 @@ export declare function defualtTheme(): {
         placeholder: string;
         readonly link: string;
         readonly linkHover: string;
+        readonly hoverBg: string;
         disabled: string;
         disabledBg: string;
         disabledBorder: string;
+        lightBlack: string;
     };
     borderRadius: string;
     boxShadow: string;
@@ -48,7 +48,11 @@ export declare function defualtTheme(): {
     lineHeight: number;
     maxZIndex: number;
     midZIndex: number;
-    transition: string;
+    transition: {
+        small: string;
+        middle: string;
+        large: string;
+    };
 };
 declare let theme: {
     large: {
@@ -72,7 +76,6 @@ declare let theme: {
         padding: string;
     };
     color: {
-        lightBlack: string;
         primary: string;
         warning: string;
         danger: string;
@@ -86,9 +89,11 @@ declare let theme: {
         placeholder: string;
         readonly link: string;
         readonly linkHover: string;
+        readonly hoverBg: string;
         disabled: string;
         disabledBg: string;
         disabledBorder: string;
+        lightBlack: string;
     };
     borderRadius: string;
     boxShadow: string;
@@ -96,7 +101,11 @@ declare let theme: {
     lineHeight: number;
     maxZIndex: number;
     midZIndex: number;
-    transition: string;
+    transition: {
+        small: string;
+        middle: string;
+        large: string;
+    };
 };
 export declare function resetTheme(): void;
 export { theme };

package/es/styles/theme.js

@@ -1,5 +1,5 @@
 import { palette, deepExtends } from './utils';
-export function defualtTheme() {
+export function defaultTheme() {
   return {
     large: {
       height: '40px',
@@ -22,7 +22,6 @@ export function defualtTheme() {
       padding: '8px'
     },
     color: {
-      lightBlack: '#737373',
       primary: '#0091ea',
       warning: '#ff9800',
       danger: '#ff4133',
@@ -43,22 +42,31 @@ export function defualtTheme() {
         return palette(theme.color.primary, -1);
       },
 
+      get hoverBg() {
+        return palette(theme.color.primary, -4);
+      },
+
       disabled: '#ccc',
       disabledBg: '#f2f2f2',
-      disabledBorder: '#ccc'
+      disabledBorder: '#ccc',
+      lightBlack: '#737373'
     },
     borderRadius: '2px',
-    boxShadow: '0 0 4px 0 rgba(0, 0, 0, .3)',
+    boxShadow: '0 0 16px 0 rgba(0, 0, 0, .1)',
     fontSize: '12px',
     lineHeight: 1.5,
     maxZIndex: 9999,
     midZIndex: 999,
-    transition: '.25s ease-in-out'
+    transition: {
+      small: '.1s cubic-bezier(0.42, 0, 0.58, 1)',
+      middle: '.2s cubic-bezier(0.25, 0.1, 0.25, 1)',
+      large: '.3s cubic-bezier(0.25, 0.1, 0.25, 1)'
+    }
   };
 }
-var theme = defualtTheme();
+var theme = defaultTheme();
 export function resetTheme() {
-  theme = defualtTheme();
+  theme = defaultTheme();
 }
 export { theme };
 var queue = [];

package/hooks/useRouter.ts

@@ -8,6 +8,7 @@
  * in Vue, find the $router
  */
 import {useInstance, createRef, onMounted} from 'intact';
+import {isExternalLink} from '../components/utils';
 
 export function useRouter() {
     const instance = useInstance()!;
@@ -20,6 +21,16 @@ export function useRouter() {
     return ref;
 }
 
+export function navigate(router: any, to?: string | object) {
+    if (to) {
+        if (router && !isExternalLink(to)) {
+            router.push(to!);
+        } else {
+            location.href = to as string;
+        }
+    }
+}
+
 function findRouter(instance: any): any {
     const Component = instance.constructor;
     if (Component.$cid === 'IntactReact') {

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.0-beta.0
+ * @king-design v2.0.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,7 +59,8 @@ export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
+export * from './components/wave';
 
-export const version = '2.0.0-beta.1';
+export const version = '2.0.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -16,7 +16,7 @@
     "dev:doc": "cross-env THEME=ksyun NODE_OPTIONS='--max-old-space-size=4096' gulp doc:dev",
     "build:doc": "cross-env NODE_OPTIONS='--max-old-space-size=4096' gulp doc:build",
     "watch:doc": "gulp doc:watch",
-    "deploy:doc": "cross-env NODE_OPTIONS='--max-old-space-size=4096' gulp doc:deploy",
+    "deploy:doc": "cross-env NODE_OPTIONS='--max-old-space-size=4096' NODE_ENV=production gulp doc:deploy",
     "_prepublishOnly": "npm run build && (git commit -am'chore: build [skip ci]' || echo 'has not files to commit') && git push",
     "_publish": "npm run _prepublishOnly && lerna exec -- npm publish",
     "release": "npm run release-patch",
@@ -113,7 +113,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.0-beta.19",
+    "intact-react": "^3.0.0",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -127,7 +127,7 @@
     "karma-sourcemap-loader": "^0.3.7",
     "karma-spec-reporter": "0.0.32",
     "karma-webpack": "^5.0.0",
-    "ks3": "^0.5.0",
+    "ks3": "^0.5.2",
     "lerna": "^4.0.0",
     "marked": "^2.0.3",
     "mermaid": "^8.3.1",
@@ -158,7 +158,7 @@
     "thread-loader": "^3.0.4",
     "ts-loader": "^9.2.6",
     "typescript": "^4.2.4",
-    "universal-router": "^9.0.1",
+    "universal-router": "^9.1.0",
     "url-loader": "^4.1.1",
     "vdt-loader": "^3.0.0-beta.1",
     "webpack": "5.37.1",
@@ -175,7 +175,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.0-beta.20",
+    "intact": "^3.0.0",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/styles/global.ts

@@ -1,5 +1,6 @@
 import {injectGlobal, css} from '@emotion/css';
 import {theme} from './theme';
+import {palette}  from '../styles/utils';
 
 const slideDirections = {
     down: 'center top 0',
@@ -11,6 +12,7 @@ const slideDirections = {
 // TODO: update global when theme changed
 injectGlobal`
     html {
+        --var-wave-color: ${theme.color.primary};
         box-sizing: border-box;
         font-family: -apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif;
     }
@@ -37,7 +39,7 @@ injectGlobal`
             .k-slide${direction}-enter-active,
             .k-slide${direction}-leave-active {
                 transform-origin: ${slideDirections[direction as keyof typeof slideDirections]};
-                transition: opacity ${theme.transition}, transform ${theme.transition} !important;
+                transition: opacity ${theme.transition.large}, transform ${theme.transition.large} !important;
                 pointer-events: none;
             }
         `
@@ -48,13 +50,13 @@ injectGlobal`
     }
     .k-fade-enter-active,
     .k-fade-leave-active {
-        transition: opacity ${theme.transition};
+        transition: opacity ${theme.transition.large};
     }
     .k-fade-leave-active:not(tr) {
         position: absolute;
     }
     .k-fade-move {
-        transition: transform ${theme.transition};
+        transition: transform ${theme.transition.large};
     }
 
     .k-scale-enter-from,
@@ -63,7 +65,7 @@ injectGlobal`
     }
     .k-scale-enter-active,
     .k-scale-leave-active {
-        transition: transform ${theme.transition};
+        transition: transform ${theme.transition.large};
     }
 
     .k-expand-enter-from,
@@ -73,11 +75,11 @@ injectGlobal`
     }
     .k-expand-enter-active,
     .k-expand-leave-active {
-        transition: all ${theme.transition} !important;
+        transition: all ${theme.transition.large} !important;
         overflow: hidden;
     }
     .k-expand-move {
-        transition: transform ${theme.transition};
+        transition: transform ${theme.transition.large};
     }
 
     .k-dropdown-enter-from,
@@ -88,15 +90,46 @@ injectGlobal`
     .k-dropdown-enter-active,
     .k-dropdown-leave-active,
     .k-dropdown-move {
-        transition: all ${theme.transition};
+        transition: all ${theme.transition.large};
     }
     .k-dropdown-leave-active {
         position: absolute !important;
     }
     .k-dropdown-move {
-        transition: transform ${theme.transition};
+        transition: transform ${theme.transition.large};
     }
 
+    .k-fade-in-left-enter-from,
+    .k-fade-in-left-leave-to {
+        opacity: 0;
+        transform: translate3d(-15px, 0, 0);
+    }
+    .k-fade-in-left-enter-active,
+    .k-fade-in-left-leave-active {
+        transition: all ${theme.transition.large};
+        td {
+            background: ${palette(theme.color.primary, -4)} !important;
+        }
+    }
+    .k-fade-in-left-move {
+        // opacity: 1;
+        transition: transform ${theme.transition.large};
+        // transition: transform 15000s;
+    }
+
+    .k-fade-expand-enter-from,
+    .k-fade-expand-leave-to {
+        opacity: 0;
+    }
+    .k-fade-expand-enter-active,
+    .k-fade-expand-leave-active {
+        transition: all ${theme.transition.large};  
+        background: ${palette(theme.color.primary, -4)} !important;
+    }
+    // .k-fade-expand-move {
+        // opacity: 1;
+    // }
+
     .c-ellipsis {
         white-space: nowrap;
         overflow: hidden;

package/styles/theme.ts

@@ -1,9 +1,8 @@
 import { palette, deepDefaults, deepExtends } from './utils';
 
-export type ThemeValue<T> = T; // | (() => T) | (() => ThemeValue<T>) 
-export type Theme = {[name: string]: ThemeValue<string> | ThemeValue<number> | Theme};
+export type Theme = {[name: string]: string | number | Theme};
 
-export function defualtTheme() {
+export function defaultTheme() {
     return {
         large: {
             height: '40px',
@@ -26,7 +25,6 @@ export function defualtTheme() {
             padding: '8px',
         },
         color: {
-            lightBlack: '#737373',
             primary: '#0091ea',
             warning: '#ff9800',
             danger: '#ff4133',
@@ -40,25 +38,31 @@ export function defualtTheme() {
             placeholder: '#b2b2b2',
             get link() { return theme.color.primary },
             get linkHover() { return palette(theme.color.primary, -1) }, 
+            get hoverBg() { return palette(theme.color.primary, -4) }, 
             disabled: '#ccc',
             disabledBg: '#f2f2f2',
             disabledBorder: '#ccc',
+            lightBlack: '#737373',
         },
         borderRadius: '2px',
-        boxShadow: '0 0 4px 0 rgba(0, 0, 0, .3)',
+        boxShadow: '0 0 16px 0 rgba(0, 0, 0, .1)',
         fontSize: '12px',
         lineHeight: 1.5,
     
         maxZIndex: 9999,
         midZIndex: 999,
     
-        transition: '.25s ease-in-out',
+        transition: {
+            small: '.1s cubic-bezier(0.42, 0, 0.58, 1)',
+            middle: '.2s cubic-bezier(0.25, 0.1, 0.25, 1)',
+            large: '.3s cubic-bezier(0.25, 0.1, 0.25, 1)',
+        },
     }    
 }
 
-let theme = defualtTheme();
+let theme = defaultTheme();
 export function resetTheme() {
-    theme = defualtTheme();
+    theme = defaultTheme();
 }
 export {theme};
 

package/typings/global.d.ts

@@ -11,6 +11,8 @@ declare module "*.ttf" {}
 declare module "*.woff" {}
 declare module "*.svg" {}
 declare module "*.png" {}
+declare module "*.jpg" {}
+declare module "*.mp4" {}
 
 declare const expect: Chai.ExpectStatic
 declare const sinon: Sinon

package/components/dialog/demos/asyncOpen.md

@@ -1,111 +0,0 @@
----
-title: 异步打开
-order: 5
----
-
-当弹窗很复杂时，我们可以通过继承`Dialog`的方式，将所有业务逻辑封装成一个新弹窗组件。
-经常地，我们需要在弹窗打开时获取数据，一种方式是，弹窗同步打开，然后使用loading动画
-来过渡数据加载过程，另一种方式，我们还可以在弹窗数据加载完成后再打开弹窗。这种方式
-只需要在继承的弹窗的`init`生命周期函数中返回`Promise`对象即可。另外我们还可以通过
-`open`, `close`来处理打开关闭后的逻辑。
-
-```vdt
-// @file dialog.vdt
-<t:super>
-    <b:body>
-        Hello {this.get('name')}
-    </b:body>
-</t:super>
-```
-
-```ts
-// @file dialog.ts
-import {BaseDialog, DialogProps} from 'kpc';
-import template from './dialog.vdt';
-
-interface Props extends DialogProps {
-    name: string
-}
-
-export default class extends BaseDialog<Props> {
-    static template = template;
-    static defaults() {
-        return {
-            ...BaseDialog.defaults(),
-            title: 'Async Open Dialog'
-        };
-    }
-
-    init() {
-        // call super method firstly
-        super.init();
-
-        // return a promise
-        return new Promise<{name: string}>((resolve, reject) => {
-            // mock api
-            setTimeout(() => {
-                resolve({name: 'KPC'});
-            }, 2000);
-        }).then(data => {
-            this.set('name', data.name);
-        });
-    }
-}
-```
-
-```vdt
-import {Button} from 'kpc';
-
-<Button type="primary"
-    ev-click={this.showDialog}
-    loading={this.get('loading')}
->Show Dialog Asynchronously</Button>
-```
-
-```ts
-import Dialog from './dialog';
-import {bind, Message} from 'kpc';
-
-interface Props {
-    loading: boolean
-}
-
-export default class extends Component<Props> {
-    static template = template;
-    static defaults() {
-        return {loading: false}
-    }
-
-    private dialog: Dialog | null = null;
-
-    @bind
-    showDialog() {
-        this.set('loading', true);
-
-        const dialog = new Dialog();
-        
-        dialog.show();
-        dialog.on('ok', () => {
-            Message.info(`You clicked ok.`);
-        });
-
-        // button hide loading
-        dialog.on('open', () => this.set('loading', false));
-
-        // for unit test
-        this.dialog = dialog;
-    }
-}
-```
-
-```vue-ignore
-Vue不支持继承的用法，请使用Dialog组件用法
-```
-
-```react-ignore
-React不支持继承用法，请使用Dialog组件用法
-```
-
-```angular-ignore
-Angular不支持继承用法，请使用Dialog组件用法
-```

package/components/dialog/demos/extends.md

@@ -1,87 +0,0 @@
----
-title: 继承弹窗
-order: 3
----
-
-在实际应用中，弹窗的逻辑一般都很复杂，通过继承，我们可以将所有弹窗里的逻辑进行分装，形成一个新的弹窗组件。
-例如：点击确定时进行表单验证，发送请求，延迟关闭等等。将这些业务逻辑封装在单独的模块中，是推荐的做法。
-
-```vdt
-// @file dialog.vdt
-<t:super>
-    <b:body>
-        Hello
-    </b:body>
-</t:super>
-```
-
-```ts
-// @file dialog.ts
-import {BaseDialog, bind, DialogProps, DialogEvents} from 'kpc';
-import template from './dialog.vdt';
-
-interface Events extends DialogEvents {
-    success: [string]
-}
-
-export default class extends BaseDialog<DialogProps, Events> {
-    static template = template;
-    static defaults() {
-        return {...BaseDialog.defaults(), title: 'Extends Dialog'};
-    }
-
-    @bind
-    ok() {
-        this.showLoading();
-        setTimeout(() => {
-            this.close();
-            this.trigger("success", 'test');
-        }, 2000);
-    }
-}
-```
-
-```vdt
-import {Button} from 'kpc';
-
-<Button type="primary" ev-click={this.showDialog}>Show Dialog</Button>
-```
-
-```ts
-import Dialog from './dialog';
-import {bind, Message} from 'kpc';
-import {mount} from 'intact';
-
-export default class extends Component {
-    static template = template;
-
-    private dialog: Dialog | null = null;
-
-    @bind
-    showDialog() {
-        const dialog = this.dialog = new Dialog();
-        dialog.show();
-        dialog.on('success', (data) => {
-            Message.info(`data from dialog: ${data}`);
-        });
-    }
-
-    unmounted() {
-        if (this.dialog) {
-            this.dialog.close();
-        }
-    }
-}
-```
-
-```vue-ignore
-Vue不支持继承的用法，请使用Dialog组件用法
-```
-
-```react-ignore
-React不支持继承的用法，请使用Dialog组件用法
-```
-
-```angular-ignore
-Angular不支持继承用法，请使用Dialog组件用法
-```

package/es/site/data/components/dialog/demos/asyncOpen/dialog.d.ts

@@ -1,28 +0,0 @@
-import { BaseDialog, DialogProps } from 'kpc';
-interface Props extends DialogProps {
-    name: string;
-}
-export default class extends BaseDialog<Props> {
-    static template: string | import("vdt").Template<any>;
-    static defaults(): {
-        title: string;
-        value?: boolean | undefined;
-        size?: import("../../../../../../styles/utils").Sizes | undefined;
-        loading?: boolean | undefined;
-        disabledOk?: boolean | undefined;
-        okText?: string | undefined;
-        cancelText?: string | undefined;
-        ok?: (() => void) | undefined;
-        cancel?: (() => void) | undefined;
-        container?: import("../../../../../../components/portal").Container | undefined;
-        hideClose?: boolean | undefined;
-        overlay?: boolean | undefined;
-        closable?: boolean | undefined;
-        terminate?: (() => void) | undefined;
-        escClosable?: boolean | undefined;
-        width?: string | number | undefined;
-        mode?: "hide" | "destroy" | undefined;
-    };
-    init(): Promise<void>;
-}
-export {};