@king-design/intact 3.1.3 → 3.1.4-beta.1

package/es/site/data/components/button/demos/group/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 { Button, ButtonGroup } from '@king-design/react';
+import { Button, ButtonGroup, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -45,12 +45,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "flat"
     }, "\u91CD\u542F")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
       type: "primary"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-left"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-left"
     }), "\u4E0A\u4E00\u9875"), /*#__PURE__*/React.createElement(Button, {
       type: "primary"
-    }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-right"
+    }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-right"
     }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u7EB5\u5411\u6309\u94AE\u7EC4"), /*#__PURE__*/React.createElement(ButtonGroup, {
       vertical: true
     }, /*#__PURE__*/React.createElement(Button, {
@@ -138,6 +138,18 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "guangzhou"
     }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
       value: "shenzhen"
+    }, "\u6DF1\u5733")), /*#__PURE__*/React.createElement(ButtonGroup, {
+      seperate: true
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "beijing",
+      type: "primary",
+      disabled: true
+    }, "\u5317\u4EAC"), /*#__PURE__*/React.createElement(Button, {
+      value: "shanghai"
+    }, "\u4E0A\u6D77"), /*#__PURE__*/React.createElement(Button, {
+      value: "guangzhou"
+    }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
+      value: "shenzhen"
     }, "\u6DF1\u5733")));
   };
 

package/es/site/data/components/card/demos/size/index.d.ts

@@ -0,0 +1,6 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+}

package/es/site/data/components/card/demos/size/index.js

@@ -0,0 +1,18 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/card/demos/size/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    render(): JSX.Element;
+}

package/es/site/data/components/card/demos/size/react.js

@@ -0,0 +1,37 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Card } from '@king-design/react';
+import './index.styl';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, {
+      title: "\u7528\u6237\u4FE1\u606F",
+      type: "border",
+      size: "large"
+    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")), /*#__PURE__*/React.createElement(Card, {
+      title: "\u7528\u6237\u4FE1\u606F",
+      type: "border"
+    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")), /*#__PURE__*/React.createElement(Card, {
+      title: "\u7528\u6237\u4FE1\u606F",
+      type: "border",
+      size: "small"
+    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")), /*#__PURE__*/React.createElement(Card, {
+      title: "\u7528\u6237\u4FE1\u606F",
+      type: "border",
+      size: "mini"
+    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/config/demos/basic/index.d.ts

@@ -2,4 +2,5 @@ export { default as data } from './index.json';
 import { Component } from 'intact';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
+    showMessage(): void;
 }

package/es/site/data/components/config/demos/basic/index.js

@@ -2,6 +2,8 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
+import { Message } from 'kpc';
+Message.classNamePrefix = 'kd';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -10,6 +12,12 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return _Component.apply(this, arguments) || this;
   }
 
+  var _proto = default_1.prototype;
+
+  _proto.showMessage = function showMessage() {
+    Message.info('Message with classNamePrefix');
+  };
+
   return default_1;
 }(Component);
 

package/es/site/data/components/config/demos/basic/react.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 export default class Demo extends React.Component {
+    showMessage(): void;
     render(): JSX.Element;
 }

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

@@ -1,6 +1,8 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
 import { ConfigProvider, Button, Input } from '@king-design/react';
+import { Message } from '@king-design/react';
+Message.classNamePrefix = 'kd';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -11,12 +13,18 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
   var _proto = Demo.prototype;
 
+  _proto.showMessage = function showMessage() {
+    Message.info('Message with classNamePrefix');
+  };
+
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(ConfigProvider, {
       value: {
         classNamePrefix: 'kd'
       }
-    }, /*#__PURE__*/React.createElement(Button, null, "Button"), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showMessage
+    }, "Button"), /*#__PURE__*/React.createElement("div", {
       style: {
         "marginTop": "8px"
       }

package/es/site/data/components/menu/demos/collapse/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("misstime").Key>;
+    private __test;
+    setTheme(theme?: string): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/menu/demos/size/react.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+export default class Demo extends React.Component {
+    state: MenuProps<import("misstime").Key>;
+    render(): JSX.Element;
+}

package/hooks/useDelayClose.ts

@@ -4,7 +4,7 @@ export function useDelayClose(close: () => void, duration: number) {
     const instance = useInstance() as Component<
         {}, {mouseenter: [MouseEvent], mouseleave: [MouseEvent]}
     >;
-    let timer: number;
+    let timer: number | null = null;
 
     function delayClose() {
         if (duration) {
@@ -14,7 +14,7 @@ export function useDelayClose(close: () => void, duration: number) {
 
     function onMouseEnter(e: MouseEvent) {
         instance!.trigger('mouseenter', e);
-        clearTimeout(timer);
+        clear();
     }
 
     function onMouseLeave(e: MouseEvent) {
@@ -25,14 +25,19 @@ export function useDelayClose(close: () => void, duration: number) {
         // so we must detect the $unmounted status here
         if (instance!.$unmounted) return;
 
-        clearTimeout(timer);
+        clear();
         delayClose();
     }
 
+    function clear() {
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+        }
+    }
+
     onMounted(delayClose);
-    onUnmounted(() => {
-        clearTimeout(timer);
-    });
+    onUnmounted(clear);
 
     return {onMouseEnter, onMouseLeave};
 }

package/hooks/useMouseOutsidable.ts

@@ -6,7 +6,7 @@ import {onBeforeUnmount, RefObject, onMounted} from 'intact';
 import {containsOrEqual} from './useDocumentClick';
 
 export function useMouseOutsidable(elementRef: RefObject<HTMLElement>, autoAdd: boolean = true) {
-    let timer: number;
+    let timer: number | null = null;
 
     function onMouseDown() {
         document.addEventListener('click', onDocumentClick, true);
@@ -16,6 +16,7 @@ export function useMouseOutsidable(elementRef: RefObject<HTMLElement>, autoAdd:
     function onMouseUp() {
         timer = window.setTimeout(() => {
             document.removeEventListener('click', onDocumentClick, true);
+            timer = null;
         });
         document.removeEventListener('mouseup', onMouseUp);
     }
@@ -33,7 +34,10 @@ export function useMouseOutsidable(elementRef: RefObject<HTMLElement>, autoAdd:
     }
 
     onBeforeUnmount(() => {
-        clearTimeout(timer);
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+        }
         if (autoAdd) {
             elementRef.value!.removeEventListener('mousedown', onMouseDown);
         }

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.3
+ * @king-design v3.1.4-beta.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,6 +65,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '3.1.3';
+export const version = '3.1.4-beta.1';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.3",
+  "version": "3.1.4-beta.1",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -179,10 +179,10 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.3",
+    "@king-design/react": "^3.1.4-beta.1",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.19",
+    "intact": "^3.0.25",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",