@douyinfe/semi-ui 2.22.0-alpha.0 → 2.22.0-beta.0

package/lib/cjs/_base/baseComponent.js

@@ -60,6 +60,9 @@ class BaseComponent extends _react.Component {
           e.stopPropagation();
           e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
         } catch (error) {}
+      },
+      persistEvent: e => {
+        e && e.persist && typeof e.persist === 'function' ? e.persist() : null;
       }
     };
   }

package/lib/cjs/anchor/index.d.ts

@@ -48,7 +48,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<string | number>;
         maxHeight: PropTypes.Requireable<string | number>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/autoComplete/index.d.ts

@@ -115,7 +115,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

package/lib/cjs/checkbox/checkbox.d.ts

@@ -6,7 +6,11 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/checkbox/checkbox.css';
 import { CheckboxContextType } from './context';
 import { CheckboxType } from './checkboxGroup';
-export declare type CheckboxEvent = BasicCheckboxEvent;
+export interface CheckboxEvent extends BasicCheckboxEvent {
+    nativeEvent: {
+        stopImmediatePropagation: () => void;
+    };
+}
 export declare type TargetObject = BasicTargetObject;
 export interface CheckboxProps extends BaseCheckboxProps {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];

package/lib/cjs/checkbox/checkbox.js

@@ -74,6 +74,30 @@ class Checkbox extends _baseComponent.default {
         } = this.props;
         onChange && onChange(cbContent);
       },
+      generateEvent: (checked, e) => {
+        const {
+          props
+        } = this;
+        const cbValue = {
+          target: Object.assign(Object.assign({}, props), {
+            checked
+          }),
+          stopPropagation: () => {
+            e.stopPropagation();
+          },
+          preventDefault: () => {
+            e.preventDefault();
+          },
+          nativeEvent: {
+            stopImmediatePropagation: () => {
+              if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+                e.nativeEvent.stopImmediatePropagation();
+              }
+            }
+          }
+        };
+        return cbValue;
+      },
       getIsInGroup: () => this.isInGroup(),
       getGroupValue: () => this.context && this.context.checkboxGroup.value || [],
       notifyGroupChange: cbContent => {

package/lib/cjs/checkbox/checkboxGroup.js

@@ -43,8 +43,8 @@ class CheckboxGroup extends _baseComponent.default {
           value
         });
       },
-      notifyChange: evt => {
-        this.props.onChange && this.props.onChange(evt);
+      notifyChange: value => {
+        this.props.onChange && this.props.onChange(value);
       }
     });
   }

package/lib/cjs/checkbox/context.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { BasicCheckboxEvent } from '@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxFoundation';
 declare type CheckboxContextType = {
     checkboxGroup?: {
-        onChange: (evt: BasicCheckboxEvent) => void;
+        onChange: (evt: any) => void;
         value: any[];
         disabled: boolean;
         name: any;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -56,7 +56,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         max: PropTypes.Requireable<number>;
         placeholder: PropTypes.Requireable<string | any[]>;
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeWithDateFirst: PropTypes.Requireable<boolean>;
         weekStartsOn: PropTypes.Requireable<number>;
@@ -73,7 +73,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -50,7 +50,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
         onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
         focusRecordsRef: PropTypes.Requireable<object>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

package/lib/cjs/datePicker/quickControl.d.ts

@@ -13,7 +13,7 @@ export interface QuickControlProps {
 declare class QuickControl extends PureComponent<QuickControlProps> {
     static propTypes: {
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
         onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<boolean>;

package/lib/cjs/datePicker/yearAndMonth.d.ts

@@ -20,7 +20,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         noBackBtn: PropTypes.Requireable<boolean>;
         disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
         density: PropTypes.Requireable<string>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

package/lib/cjs/dropdown/dropdownMenu.d.ts

@@ -23,6 +23,7 @@ declare class DropdownMenu extends BaseComponent<DropdownMenuProps> {
         getCaches(): any;
         setCache(key: any, value: any): void;
         stopPropagation(e: any): void;
+        persistEvent: (event: any) => void;
     };
     componentDidMount(): void;
     render(): JSX.Element;

package/lib/cjs/dropdown/index.d.ts

@@ -59,7 +59,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         visible: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
@@ -104,6 +104,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         getCaches(): any;
         setCache(key: any, value: any): void;
         stopPropagation(e: any): void;
+        persistEvent: (event: any) => void;
     };
     handleVisibleChange: (visible: boolean) => any;
     renderContent(): JSX.Element;

package/lib/cjs/form/baseForm.d.ts

@@ -80,7 +80,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         emptyContent?: React.ReactNode;
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
-        position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         onSearch?: (value: string) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;

package/lib/cjs/form/field.d.ts

@@ -28,7 +28,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     emptyContent?: import("react").ReactNode;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
-    position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+    position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
     onSearch?: (value: string) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;

package/lib/cjs/image/preview.d.ts

@@ -64,6 +64,7 @@ export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
         getCaches(): any;
         setCache(key: any, value: any): void;
         stopPropagation(e: any): void;
+        persistEvent: (event: any) => void;
     };
     foundation: PreviewFoundation;
     previewGroupId: string;

package/lib/cjs/image/previewImage.d.ts

@@ -28,7 +28,7 @@ export default class PreviewImage extends BaseComponent<PreviewImageProps, Previ
     };
     get adapter(): PreviewImageAdapter<PreviewImageProps, PreviewImageStates>;
     containerRef: React.RefObject<HTMLDivElement>;
-    imageRef: React.RefObject<HTMLImageElement>;
+    imageRef: HTMLImageElement | null;
     foundation: PreviewImageFoundation;
     constructor(props: any);
     componentDidMount(): void;

package/lib/cjs/image/previewImage.js

@@ -75,7 +75,7 @@ class PreviewImage extends _baseComponent.default {
 
 
     this.registryImageRef = ref => {
-      if (this.imageRef && this.imageRef.current) {
+      if (this.imageRef) {
         this.imageRef.removeEventListener("wheel", this.handleWheel);
       }
 
@@ -109,7 +109,7 @@ class PreviewImage extends _baseComponent.default {
       left: 0
     };
     this.containerRef = /*#__PURE__*/_react.default.createRef();
-    this.imageRef = /*#__PURE__*/_react.default.createRef();
+    this.imageRef = null;
     this.foundation = new _previewImageFoundation.default(this.adapter);
   }
 
@@ -123,10 +123,10 @@ class PreviewImage extends _baseComponent.default {
         originImageWidth = size.originImageWidth;
         originImageHeight = size.originImageHeight;
       },
-      getContainerRef: () => {
-        return this.containerRef;
+      getContainer: () => {
+        return this.containerRef.current;
       },
-      getImageRef: () => {
+      getImage: () => {
         return this.imageRef;
       },
       getMouseMove: () => startMouseMove,
@@ -141,6 +141,9 @@ class PreviewImage extends _baseComponent.default {
         this.setState({
           loading
         });
+      },
+      setImageCursor: canDrag => {
+        this.imageRef.style.cursor = canDrag ? "grab" : "default";
       }
     });
   }

package/lib/cjs/image/previewInner.js

@@ -78,7 +78,7 @@ class PreviewInner extends _baseComponent.default {
     };
 
     this.handleMouseUp = e => {
-      this.foundation.handleMouseUp(e);
+      this.foundation.handleMouseUp(e.nativeEvent);
     };
 
     this.handleMouseMove = e => {
@@ -321,8 +321,8 @@ class PreviewInner extends _baseComponent.default {
       onMouseDown: this.handleMouseDown,
       onMouseUp: this.handleMouseUp,
       onMouseMove: this.handleMouseMove,
-      onMouseOver: e => this.handleMouseEvent(e, "over"),
-      onMouseOut: e => this.handleMouseEvent(e, "out")
+      onMouseOver: e => this.handleMouseEvent(e.nativeEvent, "over"),
+      onMouseOut: e => this.handleMouseEvent(e.nativeEvent, "out")
     }, /*#__PURE__*/_react.default.createElement(_previewHeader.default, {
       className: (0, _classnames.default)(hideViewerCls),
       onClose: this.handlePreviewClose,

package/lib/cjs/input/index.d.ts

@@ -158,6 +158,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         getCaches(): any;
         setCache(key: any, value: any): void;
         stopPropagation(e: any): void;
+        persistEvent: (event: any) => void;
     };
     static getDerivedStateFromProps(props: InputProps, state: InputState): Partial<InputState>;
     componentDidUpdate(prevProps: InputProps): void;

package/lib/cjs/input/textarea.js

@@ -87,7 +87,7 @@ class TextArea extends _baseComponent.default {
           this.foundation.resizeTextarea();
         }
       }),
-      getRef: () => this.libRef,
+      getRef: () => this.libRef.current,
       toggleFocusing: focusing => this.setState({
         isFocus: focusing
       }),

package/lib/cjs/popover/index.d.ts

@@ -53,7 +53,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean | object>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
         trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;

package/lib/cjs/select/index.d.ts

@@ -168,7 +168,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;

package/lib/cjs/slider/index.js

@@ -476,8 +476,8 @@ class Slider extends _baseComponent.default {
       setOverallVars: (key, value) => {
         this[key] = value;
       },
-      getMinHandleEl: () => this.minHanleEl,
-      getMaxHandleEl: () => this.maxHanleEl,
+      getMinHandleEl: () => this.minHanleEl.current,
+      getMaxHandleEl: () => this.maxHanleEl.current,
       onHandleDown: e => {
         this._addEventListener(document.body, 'mousemove', this.foundation.onHandleMove, false);
 

package/lib/cjs/spin/index.d.ts

@@ -55,6 +55,7 @@ declare class Spin extends BaseComponent<SpinProps, SpinState> {
         getCaches(): any;
         setCache(key: any, value: any): void;
         stopPropagation(e: any): void;
+        persistEvent: (event: any) => void;
     };
     componentWillUnmount(): void;
     renderSpin(): JSX.Element;

package/lib/cjs/table/Table.d.ts

@@ -300,7 +300,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
     };

package/lib/cjs/table/Table.js

@@ -863,6 +863,9 @@ class Table extends _baseComponent.default {
 
     const columns = this.getColumns(props.columns, props.children);
     const cachedflattenColumns = (0, _utils.flattenColumns)(columns);
+
+    const queries = _foundation.default.initColumnsFilteredValueAndSorterOrder((0, _utils2.cloneDeep)(cachedflattenColumns));
+
     this.state = {
       /**
        * Cached props
@@ -875,7 +878,7 @@ class Table extends _baseComponent.default {
       /**
        * State calculated based on prop
        */
-      queries: (0, _utils2.cloneDeep)(cachedflattenColumns),
+      queries,
       dataSource: [],
       flattenData: [],
       expandedRowKeys: [...(props.expandedRowKeys || []), ...(props.defaultExpandedRowKeys || [])],
@@ -1124,7 +1127,23 @@ class Table extends _baseComponent.default {
             bodyHasScrollBar
           });
         }
+      },
+
+      stopPropagation(e) {
+        // The event definition here is not very accurate for now, it belongs to a broad structure definition
+        if (e && typeof e === 'object') {
+          if (typeof e.stopPropagation === 'function') {
+            e.stopPropagation();
+          }
+
+          if (e.nativeEvent && typeof e.nativeEvent.stopPropagation === 'function') {
+            e.nativeEvent.stopPropagation();
+          } else if (typeof e.stopImmediatePropagation === 'function') {
+            e.stopImmediatePropagation();
+          }
+        }
       }
+
     });
   }
 

package/lib/cjs/table/TableHeaderRow.d.ts

@@ -51,6 +51,7 @@ export default class TableHeaderRow extends BaseComponent<TableHeaderRowProps, R
         getCaches(): any;
         setCache(key: any, value: any): void;
         stopPropagation(e: any): void;
+        persistEvent: (event: any) => void;
     };
     headerNode: HTMLElement;
     context: TableContextProps;

package/lib/cjs/table/interface.d.ts

@@ -133,6 +133,8 @@ export interface FilterDropdownItem {
 }
 export interface RenderOptions {
     expandIcon?: React.ReactNode;
+    selection?: React.ReactNode;
+    indentText?: React.ReactNode;
 }
 export interface OnCellReturnObject extends React.TdHTMLAttributes<HTMLElement> {
     [x: string]: any;

package/lib/cjs/tooltip/index.d.ts

@@ -39,7 +39,6 @@ export interface TooltipProps extends BaseProps {
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
     spacing?: number;
-    margin?: number;
     showArrow?: boolean | React.ReactNode;
     zIndex?: number;
     rePosKey?: string | number;
@@ -82,7 +81,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean | object>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
@@ -98,7 +97,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         spacing: PropTypes.Requireable<number>;
-        margin: PropTypes.Requireable<number>;
         showArrow: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         zIndex: PropTypes.Requireable<number>;
         rePosKey: PropTypes.Requireable<string | number>;
@@ -137,7 +135,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         onVisibleChange: (...args: any[]) => void;
         onClickOutSide: (...args: any[]) => void;
         spacing: 8;
-        margin: 0;
         showArrow: boolean;
         wrapWhenSpecial: boolean;
         zIndex: 1060;

package/lib/cjs/tooltip/index.js

@@ -734,7 +734,6 @@ Tooltip.propTypes = {
   onVisibleChange: _propTypes.default.func,
   onClickOutSide: _propTypes.default.func,
   spacing: _propTypes.default.number,
-  margin: _propTypes.default.number,
   showArrow: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
   zIndex: _propTypes.default.number,
   rePosKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
@@ -764,7 +763,6 @@ Tooltip.defaultProps = {
   onVisibleChange: _noop2.default,
   onClickOutSide: _noop2.default,
   spacing: _constants2.numbers.SPACING,
-  margin: _constants2.numbers.MARGIN,
   showArrow: true,
   wrapWhenSpecial: true,
   zIndex: _constants2.numbers.DEFAULT_Z_INDEX,

package/lib/cjs/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/_base/baseComponent.js

@@ -49,6 +49,9 @@ export default class BaseComponent extends Component {
           e.stopPropagation();
           e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
         } catch (error) {}
+      },
+      persistEvent: e => {
+        e && e.persist && typeof e.persist === 'function' ? e.persist() : null;
       }
     };
   }

package/lib/es/anchor/index.d.ts

@@ -48,7 +48,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<string | number>;
         maxHeight: PropTypes.Requireable<string | number>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/autoComplete/index.d.ts

@@ -115,7 +115,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

package/lib/es/checkbox/checkbox.d.ts

@@ -6,7 +6,11 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/checkbox/checkbox.css';
 import { CheckboxContextType } from './context';
 import { CheckboxType } from './checkboxGroup';
-export declare type CheckboxEvent = BasicCheckboxEvent;
+export interface CheckboxEvent extends BasicCheckboxEvent {
+    nativeEvent: {
+        stopImmediatePropagation: () => void;
+    };
+}
 export declare type TargetObject = BasicTargetObject;
 export interface CheckboxProps extends BaseCheckboxProps {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];

package/lib/es/checkbox/checkbox.js

@@ -54,6 +54,30 @@ class Checkbox extends BaseComponent {
         } = this.props;
         onChange && onChange(cbContent);
       },
+      generateEvent: (checked, e) => {
+        const {
+          props
+        } = this;
+        const cbValue = {
+          target: Object.assign(Object.assign({}, props), {
+            checked
+          }),
+          stopPropagation: () => {
+            e.stopPropagation();
+          },
+          preventDefault: () => {
+            e.preventDefault();
+          },
+          nativeEvent: {
+            stopImmediatePropagation: () => {
+              if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+                e.nativeEvent.stopImmediatePropagation();
+              }
+            }
+          }
+        };
+        return cbValue;
+      },
       getIsInGroup: () => this.isInGroup(),
       getGroupValue: () => this.context && this.context.checkboxGroup.value || [],
       notifyGroupChange: cbContent => {

package/lib/es/checkbox/checkboxGroup.js

@@ -27,8 +27,8 @@ class CheckboxGroup extends BaseComponent {
           value
         });
       },
-      notifyChange: evt => {
-        this.props.onChange && this.props.onChange(evt);
+      notifyChange: value => {
+        this.props.onChange && this.props.onChange(value);
       }
     });
   }

package/lib/es/checkbox/context.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { BasicCheckboxEvent } from '@douyinfe/semi-foundation/lib/es/checkbox/checkboxFoundation';
 declare type CheckboxContextType = {
     checkboxGroup?: {
-        onChange: (evt: BasicCheckboxEvent) => void;
+        onChange: (evt: any) => void;
         value: any[];
         disabled: boolean;
         name: any;

package/lib/es/datePicker/datePicker.d.ts

@@ -56,7 +56,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         max: PropTypes.Requireable<number>;
         placeholder: PropTypes.Requireable<string | any[]>;
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeWithDateFirst: PropTypes.Requireable<boolean>;
         weekStartsOn: PropTypes.Requireable<number>;
@@ -73,7 +73,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -50,7 +50,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
         onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
         focusRecordsRef: PropTypes.Requireable<object>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };