@douyinfe/semi-ui 2.49.1 → 2.50.0-alpha.0

package/lib/es/modal/confirm.d.ts

@@ -146,36 +146,36 @@ export declare function withError(props: ModalReactProps): {
     style?: React.CSSProperties;
     className?: string;
     motion?: boolean;
-    getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    direction?: any;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
+    getPopupContainer?: () => HTMLElement;
+    direction?: any;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     afterClose?: () => void;
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
     onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
-    bodyStyle?: React.CSSProperties;
     closable?: boolean;
+    bodyStyle?: React.CSSProperties;
     maskClosable?: boolean;
     cancelButtonProps?: import("../button").BaseButtonProps;
-    centered?: boolean;
-    confirmLoading?: boolean;
+    okType?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").OKType;
     cancelLoading?: boolean;
+    confirmLoading?: boolean;
+    centered?: boolean;
     hasCancel?: boolean;
     maskStyle?: React.CSSProperties;
     maskFixed?: boolean;
-    okType?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").OKType;
     onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     lazyRender?: boolean;
     fullScreen?: boolean;
@@ -206,8 +206,6 @@ export declare function withError(props: ModalReactProps): {
         value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
-        form?: string;
-        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -368,6 +366,8 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         hidden?: boolean;
         color?: string;
         defaultChecked?: boolean;
@@ -376,7 +376,6 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        content?: string;
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -387,6 +386,7 @@ export declare function withError(props: ModalReactProps): {
         inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
+        content?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
         'aria-controls'?: string;
@@ -423,7 +423,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "page" | "location" | "step";
+        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
         'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";

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

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

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

@@ -200,7 +200,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         expandRestTagsOnClick: PropTypes.Requireable<boolean>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "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/es/table/ColumnSorter.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { SortOrder } from './interface';
+import { SortIcon, SortOrder } from './interface';
 export interface ColumnSorterProps {
     className?: string;
     style?: React.CSSProperties;
@@ -8,6 +8,7 @@ export interface ColumnSorterProps {
     prefixCls?: string;
     sortOrder?: SortOrder;
     title?: React.ReactNode;
+    sortIcon?: SortIcon;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {
@@ -16,6 +17,7 @@ export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         prefixCls: PropTypes.Requireable<string>;
         sortOrder: PropTypes.Requireable<NonNullable<string | boolean>>;
+        sortIcon: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         prefixCls: "semi-table";

package/lib/es/table/ColumnSorter.js

@@ -12,7 +12,8 @@ export default class ColumnSorter extends PureComponent {
       onClick,
       sortOrder,
       style,
-      title
+      title,
+      sortIcon
     } = this.props;
     const iconBtnSize = 'default';
     const upCls = cls(`${prefixCls}-column-sorter-up`, {
@@ -29,25 +30,34 @@ export default class ColumnSorter extends PureComponent {
       'aria-label': `Current sort order is ${sortOrder ? `${sortOrder}ing` : 'none'}`,
       'aria-roledescription': 'Sort data with this column'
     };
+    const renderSortIcon = () => {
+      if (typeof sortIcon === 'function') {
+        return sortIcon({
+          sortOrder
+        });
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          style: style,
+          className: `${prefixCls}-column-sorter`
+        }, /*#__PURE__*/React.createElement("span", {
+          className: `${upCls}`
+        }, /*#__PURE__*/React.createElement(IconCaretup, {
+          size: iconBtnSize
+        })), /*#__PURE__*/React.createElement("span", {
+          className: `${downCls}`
+        }, /*#__PURE__*/React.createElement(IconCaretdown, {
+          size: iconBtnSize
+        })));
+      }
+    };
     return /*#__PURE__*/React.createElement("div", Object.assign({
-      role: 'button'
+      role: "button"
     }, ariaProps, {
       tabIndex: -1,
       className: `${prefixCls}-column-sorter-wrapper`,
       onClick: onClick,
       onKeyPress: e => isEnterPress(e) && onClick(e)
-    }), title, /*#__PURE__*/React.createElement("div", {
-      style: style,
-      className: `${prefixCls}-column-sorter`
-    }, /*#__PURE__*/React.createElement("span", {
-      className: `${upCls}`
-    }, /*#__PURE__*/React.createElement(IconCaretup, {
-      size: iconBtnSize
-    })), /*#__PURE__*/React.createElement("span", {
-      className: `${downCls}`
-    }, /*#__PURE__*/React.createElement(IconCaretdown, {
-      size: iconBtnSize
-    }))));
+    }), title, renderSortIcon());
   }
 }
 ColumnSorter.propTypes = {
@@ -55,7 +65,8 @@ ColumnSorter.propTypes = {
   style: PropTypes.object,
   onClick: PropTypes.func,
   prefixCls: PropTypes.string,
-  sortOrder: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
+  sortOrder: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  sortIcon: PropTypes.func
 };
 ColumnSorter.defaultProps = {
   prefixCls: cssClasses.PREFIX,

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

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

package/lib/es/table/Table.js

@@ -637,6 +637,7 @@ class Table extends BaseComponent {
           const sorter = /*#__PURE__*/React.createElement(ColumnSorter, {
             key: strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
+            sortIcon: column.sortIcon,
             onClick: e => _this2.foundation.handleSort(column, e),
             title: TitleNode
           });

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

@@ -83,6 +83,7 @@ export interface ColumnProps<RecordType extends Record<string, any> = any> {
     sortChildrenRecord?: boolean;
     sortOrder?: SortOrder;
     sorter?: Sorter<RecordType>;
+    sortIcon?: SortIcon;
     title?: ColumnTitle;
     useFullRender?: boolean;
     width?: string | number;
@@ -95,6 +96,9 @@ export interface ColumnProps<RecordType extends Record<string, any> = any> {
 }
 export type Align = BaseAlign;
 export type SortOrder = BaseSortOrder;
+export type SortIcon = (props: {
+    sortOrder: SortOrder;
+}) => ReactNode;
 export type FilterIcon = boolean | React.ReactNode | FilterIconRenderFunction;
 export interface Filter extends BaseFilter {
     value?: any;

package/lib/es/timePicker/TimePicker.d.ts

@@ -105,11 +105,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         borderless: PropTypes.Requireable<boolean>;
         clearText: PropTypes.Requireable<string>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        value: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
 export { TimeShape };

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

@@ -21,11 +21,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         borderless: import("prop-types").Requireable<boolean>;
         clearText: import("prop-types").Requireable<string>;
         clearIcon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-        value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        value: import("prop-types").Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;

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

@@ -91,7 +91,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/es/typography/base.d.ts

@@ -85,7 +85,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/es/typography/numeral.d.ts

@@ -38,7 +38,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/paragraph.d.ts

@@ -50,7 +50,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/es/typography/text.d.ts

@@ -53,7 +53,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.49.1",
+    "version": "2.50.0-alpha.0",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.49.1",
-        "@douyinfe/semi-animation-react": "2.49.1",
-        "@douyinfe/semi-foundation": "2.49.1",
-        "@douyinfe/semi-icons": "2.49.1",
-        "@douyinfe/semi-illustrations": "2.49.1",
-        "@douyinfe/semi-theme-default": "2.49.1",
+        "@douyinfe/semi-animation": "2.50.0-alpha.0",
+        "@douyinfe/semi-animation-react": "2.50.0-alpha.0",
+        "@douyinfe/semi-foundation": "2.50.0-alpha.0",
+        "@douyinfe/semi-icons": "2.50.0-alpha.0",
+        "@douyinfe/semi-illustrations": "2.50.0-alpha.0",
+        "@douyinfe/semi-theme-default": "2.50.0-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "5a1affe04071d02da9ef9dd990bb19c5d39d0462",
+    "gitHead": "0a6d91bb89c1ceb4fb13a98d965abe604bf03f35",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",