@king-design/intact 3.1.4-beta.0 → 3.1.4-beta.2

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/menu/demos/collapse/react.d.ts

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

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

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

package/es/site/data/components/tree/demos/draggable/react.js

@@ -3,7 +3,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import React from 'react';
 import { Tree, Icon } from '@king-design/react';
 import './index.styl';
-import { Message, TreeMode } from '@king-design/react';
+import { Message } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);

package/es/site/data/components/upload/demos/files/react.js

@@ -3,7 +3,6 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import React from 'react';
 import { Upload } from '@king-design/react';
 import './index.styl';
-import { UploadFileStatus } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);

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.4-beta.0
+ * @king-design v3.1.4-beta.2
  *
  * 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.4-beta.0';
+export const version = '3.1.4-beta.2';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.4-beta.0",
+  "version": "3.1.4-beta.2",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -120,7 +120,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.24",
+    "intact-react": "^3.0.25",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -179,7 +179,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.4-beta.0",
+    "@king-design/react": "^3.1.4-beta.2",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
     "intact": "^3.0.25",