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

package/es/components/diagram/index.d.ts

@@ -10,7 +10,7 @@ export * from './shapes/rectangle';
 export * from './shapes/square';
 export * from './shapes/text';
 export * from './shapes/line';
-declare const DDiamond: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
+declare const DDiamond: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
 export { DDiamond, DTriangle, DCylinder, DCloud };
 export * from './layouts/layout';
 export * from './layouts/circle';

package/es/components/dropdown/usePosition.js

@@ -39,7 +39,6 @@ export function usePosition() {
     var pos = instance.get('position');
 
     switch (pos) {
-      case 'left':
       case 'left':
         pos = {
           my: 'right-10 center',

package/es/components/icon/styles.js

@@ -39,7 +39,7 @@ export var sizes = ['large', 'small', 'mini'];
 export var makeStyles = cache(function makeStyles(k, color) {
   // create the global icon styles
   makeIconStyles(k);
-  return /*#__PURE__*/css("color:", icon.color, ";font-size:", icon.fontSize.default, ";line-height:1;", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("color:", icon.color, ";font-size:", icon.fontSize.default, ";line-height:1;font-weight:normal;", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var fontSize = icon.fontSize[size];
     return /*#__PURE__*/css("&.", k, "-", size, "{font-size:", fontSize, ";}");
   }), " ", _mapInstanceProperty(colors).call(colors, function (color) {

package/es/components/input/styles.js

@@ -135,7 +135,7 @@ setDefault(function () {
 export var makeStyles = cache(function makeStyles(k) {
   var _context;
 
-  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";color:", input.color, ";vertical-align:middle;.", k, "-input-wrapper{display:inline-flex;align-items:center;width:100%;position:relative;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";&:hover{border:", input.hoverBorder, ";z-index:1;}}&.", k, "-focus .", k, "-input-wrapper{border:", input.focusBorder, ";z-index:1;}.", k, "-input-inner{flex:1;outline:none;color:inherit;font-size:inherit;border:none;background:transparent;padding:0;width:0;&::placeholder{color:", input.placeholderColor, ";}}&.", k, "-fluid{width:100%;}.", k, "-input-prefix,.", k, "-input-suffix{display:flex;align-items:center;gap:", input.clearIconGap, ";color:", theme.color.lightBlack, ";position:relative;}.", k, "-input-prefix{margin-right:", input.clearIconGap, ";}.", k, "-input-suffix{margin-left:", input.clearIconGap, ";}.", k, "-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";}&:hover .", k, "-input-clear.", k, "-input-show{opacity:1;pointer-events:all;}.", k, "-input-show-password{color:", input.clearIconColor, ";}&.", k, "-stack-clear{.", k, "-input-clear{position:absolute;z-index:1;right:0;&.", k, "-input-show+*{transition:opacity ", input.transition, ";}}&:hover{.", k, "-input-clear.", k, "-input-show+*{opacity:0;}}}&.", k, "-group{display:inline-flex;.", k, "-input-wrapper{border-radius:0;flex:1;}.", k, "-input-wrapper:first-child{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}.", k, "-input-wrapper:last-child{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-prepend,.", k, "-input-append{display:inline-flex;align-items:center;background-color:", input.groupBgColor, ";border:", input.border, ";white-space:nowrap;.", k, "-btn{margin:-1px;&.", k, "-none:hover{background:transparent;}}.", k, "-select{margin:-1px;text-align:left;}}.", k, "-input-prepend{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.", k, "-input-append{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-padding{padding:0 ", input.groupPaddingGap, ";}.", k, "-input-prepend{border-right:none;}.", k, "-input-append{border-left:none;}&.", k, "-flat{color:", _flatInstanceProperty(input).color, ";.", k, "-input-wrapper{border:none;background:", _flatInstanceProperty(input).bgColor, ";}}&.", k, "-disabled{color:", input.disabledColor, ";cursor:not-allowed;.", k, "-input-wrapper{border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";}.", k, "-input-inner{cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";color:", input.color, ";vertical-align:middle;.", k, "-input-wrapper{display:inline-flex;align-items:center;width:100%;position:relative;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";&:hover{border:", input.hoverBorder, ";z-index:1;}}&.", k, "-focus .", k, "-input-wrapper{border:", input.focusBorder, ";z-index:1;}.", k, "-input-inner{flex:1;outline:none;color:inherit;font-size:inherit;border:none;background:transparent;padding:0;width:0;max-width:100%;&::placeholder{color:", input.placeholderColor, ";}}&.", k, "-fluid{width:100%;}.", k, "-input-prefix,.", k, "-input-suffix{display:flex;align-items:center;gap:", input.clearIconGap, ";color:", theme.color.lightBlack, ";position:relative;}.", k, "-input-prefix{margin-right:", input.clearIconGap, ";}.", k, "-input-suffix{margin-left:", input.clearIconGap, ";}.", k, "-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";}&:hover .", k, "-input-clear.", k, "-input-show{opacity:1;pointer-events:all;}.", k, "-input-show-password{color:", input.clearIconColor, ";}&.", k, "-stack-clear{.", k, "-input-clear{position:absolute;z-index:1;right:0;&.", k, "-input-show+*{transition:opacity ", input.transition, ";}}&:hover{.", k, "-input-clear.", k, "-input-show+*{opacity:0;}}}&.", k, "-group{display:inline-flex;.", k, "-input-wrapper{border-radius:0;flex:1;}.", k, "-input-wrapper:first-child{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}.", k, "-input-wrapper:last-child{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-prepend,.", k, "-input-append{display:inline-flex;align-items:center;background-color:", input.groupBgColor, ";border:", input.border, ";white-space:nowrap;.", k, "-btn{margin:-1px;&.", k, "-none:hover{background:transparent;}}.", k, "-select{margin:-1px;text-align:left;}}.", k, "-input-prepend{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.", k, "-input-append{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-padding{padding:0 ", input.groupPaddingGap, ";}.", k, "-input-prepend{border-right:none;}.", k, "-input-append{border-left:none;}&.", k, "-flat{color:", _flatInstanceProperty(input).color, ";.", k, "-input-wrapper{border:none;background:", _flatInstanceProperty(input).bgColor, ";}}&.", k, "-disabled{color:", input.disabledColor, ";cursor:not-allowed;.", k, "-input-wrapper{border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";}.", k, "-input-inner{cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = input[size];
     var sizeClassName = /*#__PURE__*/css("font-size:", styles.fontSize, ";.", k, "-input-wrapper{height:", styles.height, ";padding:0 ", styles.paddingGap, ";}");
     if (size === 'default') return sizeClassName;

package/es/components/select/select.d.ts

@@ -0,0 +1,33 @@
+import { Children, TypeDefs } from 'intact';
+import { Option } from './option';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from './base';
+export interface SelectProps<T = string, Multipe extends boolean = boolean> extends BaseSelectProps<T, Multipe> {
+    filter?: (keywords: string, props: any) => boolean;
+    searchable?: boolean;
+    creatable?: boolean;
+    labelMap?: Map<any, Children>;
+    card?: boolean;
+    autoDisableArrow?: boolean;
+}
+export interface SelectEvents extends BaseSelectEvents {
+}
+export interface SelectBlocks<T> extends BaseSelectBlocks<T> {
+    menu: null;
+}
+export declare class Select<T = string, Multipe extends boolean = false> extends BaseSelect<SelectProps<T, Multipe>, SelectEvents, SelectBlocks<T>> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
+    static defaults: () => Partial<SelectProps<string, boolean>>;
+    filterable: {
+        getCreatedVNode: (children: (string | number | import("intact").VNode<import("intact").VNodeTag>)[]) => import("intact").VNode<typeof Option> | undefined;
+        filter: (children: Children) => Children;
+    };
+    label: {
+        getLabel: () => Children;
+        activeIndices: import("intact").NonNullableRefObject<number[]>;
+    };
+    init(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private getAllShowedValues;
+}

package/es/components/steps/context.d.ts

@@ -1,5 +1,5 @@
 export declare const context: {
-    Provider: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
-    useContext: () => import("vdt").RefObject<any>;
+    Provider: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import("misstime").RefObject<any>;
 };

package/es/components/table/table.js

@@ -18,7 +18,7 @@ import { useExpandable } from './useExpandable';
 import { useSelected } from './useSelected';
 import { useTree } from './useTree';
 import { Tooltip } from '../tooltip/tooltip';
-import { useRestRowStatus } from './useRestRowStatus';
+import { useResetRowStatus } from './useResetRowStatus';
 import { exportTable as _exportTable } from './exportTable';
 import { useResizable } from './useResizable';
 import { useDraggable } from './useDraggable';
@@ -117,7 +117,7 @@ export var Table = /*#__PURE__*/function (_Component) {
     _this.sortable = useSortable();
     _this.expandable = useExpandable();
     _this.selected = useSelected();
-    _this.resetRowStatus = useRestRowStatus(_this.disableRow.getAllKeys);
+    _this.resetRowStatus = useResetRowStatus(_this.disableRow.getAllKeys);
     _this.draggable = useDraggable(_this.pagination.data);
     _this.stickyScrollbar = useStickyScrollbar(_this.stickyHeader.elementRef, _this.scroll, _this.width.tableRef, _this.fixedColumns.setScrollPosition);
     _this.config = useConfigContext();

package/es/components/table/useFixedColumns.js

@@ -89,7 +89,7 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
   function updateScrollPositionOnResize() {
     var scrollDom = scrollRef.value;
 
-    if (scrollDom.scrollWidth - scrollDom.offsetWidth <= 0) {
+    if (!hasFixed.value || scrollDom.scrollWidth - scrollDom.offsetWidth <= 0) {
       scrollPosition.set(null);
     } else {
       setScrollPosition(scrollRef.value.scrollLeft);

package/es/components/table/{useRestRowStatus.d.ts → useResetRowStatus.d.ts}

@@ -1,4 +1,4 @@
 import type { TableRowKey } from './table';
-export declare function useRestRowStatus(getAllKeys: () => TableRowKey[]): {
+export declare function useResetRowStatus(getAllKeys: () => TableRowKey[]): {
     onRowBeforeUnmount: (key: TableRowKey) => void;
 };

package/es/components/table/{useRestRowStatus.js → useResetRowStatus.js}

@@ -2,7 +2,7 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/i
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
 import { useInstance, onBeforeUnmount, onUpdated } from 'intact';
 import { addOrRemove } from './useChecked';
-export function useRestRowStatus(getAllKeys) {
+export function useResetRowStatus(getAllKeys) {
   var instance = useInstance();
   var allUnmountedRows = [];
   var willUnmounted = false;

package/es/components/tabs/tab.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'intact';
+import { Component, TypeDefs } from 'intact';
 export interface TabProps {
     value?: any;
     disabled?: boolean;
@@ -10,6 +10,7 @@ export interface TabEvents {
 }
 export declare class Tab extends Component<TabProps, TabEvents> {
     static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<TabProps>>;
     private tabs;
     private config;
     private onClick;

package/es/components/tabs/tab.js

@@ -49,6 +49,7 @@ export var Tab = /*#__PURE__*/function (_Component) {
   return Tab;
 }(Component);
 Tab.template = template;
+Tab.typeDefs = typeDefs;
 
 __decorate([bind], Tab.prototype, "onClick", null);
 

package/es/components/timepicker/panelPicker.d.ts

@@ -0,0 +1,54 @@
+import { TypeDefs } from 'intact';
+import { BasePicker } from '../datepicker/basepicker';
+import dayjs from '../datepicker/dayjs';
+import { State } from '../../hooks/useState';
+import { PanelTypes } from '../datepicker/usePanel';
+import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
+export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
+    formats: {
+        getValueFormat: () => string;
+        getShowFormat: () => string;
+        createDateByValueFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
+        createDateByShowFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
+        getShowString: (value: dayjs.Dayjs) => string;
+        getValueString: (value: dayjs.Dayjs) => string;
+    };
+    disabled: {
+        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
+        isDisabledConfirm: () => boolean;
+        maxDate: State<dayjs.Dayjs | null>;
+        minDate: State<dayjs.Dayjs | null>;
+        isDisabledTime: (value: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+        isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+    };
+    panel: {
+        startPanel: State<PanelTypes>;
+        endPanel: State<PanelTypes>;
+        changePanel: (type: PanelTypes, flag?: import("../datepicker/usePanel").PanelFlags) => void;
+        getPanel: (flag: import("../datepicker/usePanel").PanelFlags) => State<PanelTypes>;
+        reset: () => void;
+        startRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+        endRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+    };
+    value: {
+        format: () => string | string[];
+        onConfirm: () => void;
+        getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
+        convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
+        value: State<import("../datepicker/basepicker").StateValue>;
+        setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
+        getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
+        onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
+        onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
+    };
+    step: {
+        options: State<{
+            value: string;
+            label: string;
+        }[] | null>;
+    };
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
+    protected getLabel(): string | string[];
+}

package/es/components/treeSelect/index.d.ts

@@ -0,0 +1,28 @@
+import { TypeDefs, Children, Key } from 'intact';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
+import { TreeProps } from '../tree';
+import type { DataItem } from '../tree/useNodes';
+export interface TreeSelectProps<K extends Key = Key, Multipe extends boolean = boolean, Checkbox extends boolean = boolean> extends BaseSelectProps<K, Multipe, Checkbox extends true ? K[] : K | null> {
+    data?: TreeProps<K>['data'];
+    uncorrelated?: boolean;
+    load?: TreeProps<K>['load'];
+    showLine?: boolean;
+    defaultExpandAll?: boolean;
+    checkbox?: Checkbox;
+    filter?: (keywords: string, data: DataItem<K>) => boolean;
+}
+export interface TreeSelectEvents extends BaseSelectEvents {
+}
+export interface TreeSelectBlocks<K> extends BaseSelectBlocks<K> {
+}
+export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean = false, Multipe extends boolean = Checkbox extends true ? true : false> extends BaseSelect<TreeSelectProps<K, Multipe, Checkbox>, TreeSelectEvents, TreeSelectBlocks<K>> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
+    static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
+    private value;
+    init(): void;
+    expandAll(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private filter;
+}

package/es/components/wave/index.js

@@ -35,7 +35,7 @@ export var Wave = /*#__PURE__*/function (_Component) {
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.instance = null;
     _this.className = void 0;
-    _this.timer = 0;
+    _this.timer = null;
     _this.config = useConfigContext();
     return _this;
   }
@@ -95,7 +95,11 @@ export var Wave = /*#__PURE__*/function (_Component) {
     if (!node) return;
     node.classList.remove(this.className);
     node.removeEventListener('animationend', this.resetAnimation);
-    clearTimeout(this.timer);
+
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = null;
+    }
   };
 
   return Wave;

package/es/hooks/useDelayClose.js

@@ -1,7 +1,7 @@
 import { onMounted, useInstance, onUnmounted } from 'intact';
 export function useDelayClose(close, duration) {
   var instance = useInstance();
-  var timer;
+  var timer = null;
 
   function delayClose() {
     if (duration) {
@@ -11,7 +11,7 @@ export function useDelayClose(close, duration) {
 
   function onMouseEnter(e) {
     instance.trigger('mouseenter', e);
-    clearTimeout(timer);
+    clear();
   }
 
   function onMouseLeave(e) {
@@ -20,14 +20,19 @@ export function useDelayClose(close, duration) {
     // 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(function () {
-    clearTimeout(timer);
-  });
+  onUnmounted(clear);
   return {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave

package/es/hooks/useMouseOutsidable.js

@@ -9,7 +9,7 @@ export function useMouseOutsidable(elementRef, autoAdd) {
     autoAdd = true;
   }
 
-  var timer;
+  var timer = null;
 
   function onMouseDown() {
     document.addEventListener('click', onDocumentClick, true);
@@ -19,6 +19,7 @@ export function useMouseOutsidable(elementRef, autoAdd) {
   function onMouseUp() {
     timer = window.setTimeout(function () {
       document.removeEventListener('click', onDocumentClick, true);
+      timer = null;
     });
     document.removeEventListener('mouseup', onMouseUp);
   }
@@ -36,7 +37,10 @@ export function useMouseOutsidable(elementRef, autoAdd) {
   }
 
   onBeforeUnmount(function () {
-    clearTimeout(timer);
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
 
     if (autoAdd) {
       elementRef.value.removeEventListener('mousedown', onMouseDown);

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.4-beta.0
+ * @king-design v3.1.4-beta.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,4 +60,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.4-beta.0";
+export declare const version = "3.1.4-beta.1";

package/es/index.js

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

package/es/site/data/components/button/demos/group/react.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.4-beta.0",
+  "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,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.1",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
     "intact": "^3.0.25",