@douyinfe/semi-ui 2.38.2 → 2.40.0-alpha.0

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

@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

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

@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

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

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         startYear: PropTypes.Requireable<number>;
         endYear: PropTypes.Requireable<number>;
     };

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

@@ -65,6 +65,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         autoClearSearchValue?: boolean;
         arrowIcon?: React.ReactNode;
         borderless?: boolean;
+        showArrowInBorderless?: boolean;
         clearIcon?: React.ReactNode;
         defaultValue?: string | number | any[] | Record<string, any>;
         value?: string | number | any[] | Record<string, any>;

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

@@ -13,6 +13,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     autoClearSearchValue?: boolean;
     arrowIcon?: import("react").ReactNode;
     borderless?: boolean;
+    showArrowInBorderless?: boolean;
     clearIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;

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

@@ -156,7 +156,6 @@ export declare function withError(props: ModalReactProps): {
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
     bodyStyle?: React.CSSProperties;
     closable?: boolean;
@@ -211,22 +211,12 @@ export declare function withError(props: ModalReactProps): {
         hidden?: boolean;
         color?: string;
         content?: string;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
-        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         accessKey?: string;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "no" | "yes";
+        translate?: "yes" | "no";
         prefix?: string;
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "false" | "true");
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        autoFocus?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -85,6 +85,7 @@ export type SelectProps = {
     autoClearSearchValue?: boolean;
     arrowIcon?: React.ReactNode;
     borderless?: boolean;
+    showArrowInBorderless?: boolean;
     clearIcon?: React.ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;

package/lib/cjs/select/index.js

@@ -1056,9 +1056,10 @@ class Select extends _baseComponent.default {
         triggerRender,
         arrowIcon,
         clearIcon,
-        borderless
+        borderless,
+        showArrowInBorderless
       } = _a,
-      rest = __rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless"]);
+      rest = __rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless", "showArrowInBorderless"]);
     const {
       selections,
       isOpen,
@@ -1073,6 +1074,7 @@ class Select extends _baseComponent.default {
     const filterable = Boolean(filter); // filter（boolean || function）
     const selectionCls = useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)(prefixcls, className, {
       [`${prefixcls}-borderless`]: borderless,
+      [`${prefixcls}-borderless-arrow`]: showArrowInBorderless,
       [`${prefixcls}-open`]: isOpen,
       [`${prefixcls}-focus`]: isFocus,
       [`${prefixcls}-disabled`]: disabled,
@@ -1339,7 +1341,8 @@ Select.defaultProps = {
   showRestTagsPopover: false,
   restTagsPopoverProps: {},
   expandRestTagsOnClick: false,
-  ellipsisTrigger: false
+  ellipsisTrigger: false,
+  showArrowInBorderless: false
   // Radio selection is different from the default renderSelectedItem for multiple selection, so it is not declared here
   // renderSelectedItem: (optionNode) => optionNode.label,
   // The default creator rendering is related to i18, so it is not declared here

package/lib/cjs/treeSelect/index.js

@@ -270,7 +270,7 @@ class TreeSelect extends _baseComponent.default {
       // searchPosition = dropdown and single seleciton
       if (!multiple || !this.hasValue()) {
         const renderText = this.foundation.getRenderTextInSingle();
-        const spanCls = (0, _classnames.default)({
+        const spanCls = (0, _classnames.default)(`${prefixcls}-selection-content`, {
           [`${prefixcls}-selection-placeholder`]: !renderText
         });
         return /*#__PURE__*/_react.default.createElement("span", {

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

@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

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

@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

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

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         startYear: PropTypes.Requireable<number>;
         endYear: PropTypes.Requireable<number>;
     };

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

@@ -65,6 +65,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         autoClearSearchValue?: boolean;
         arrowIcon?: React.ReactNode;
         borderless?: boolean;
+        showArrowInBorderless?: boolean;
         clearIcon?: React.ReactNode;
         defaultValue?: string | number | any[] | Record<string, any>;
         value?: string | number | any[] | Record<string, any>;

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

@@ -13,6 +13,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     autoClearSearchValue?: boolean;
     arrowIcon?: import("react").ReactNode;
     borderless?: boolean;
+    showArrowInBorderless?: boolean;
     clearIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;

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

@@ -156,7 +156,6 @@ export declare function withError(props: ModalReactProps): {
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
     bodyStyle?: React.CSSProperties;
     closable?: boolean;
@@ -211,22 +211,12 @@ export declare function withError(props: ModalReactProps): {
         hidden?: boolean;
         color?: string;
         content?: string;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
-        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         accessKey?: string;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "no" | "yes";
+        translate?: "yes" | "no";
         prefix?: string;
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "false" | "true");
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        autoFocus?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -85,6 +85,7 @@ export type SelectProps = {
     autoClearSearchValue?: boolean;
     arrowIcon?: React.ReactNode;
     borderless?: boolean;
+    showArrowInBorderless?: boolean;
     clearIcon?: React.ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;

package/lib/es/select/index.js

@@ -1047,9 +1047,10 @@ class Select extends BaseComponent {
         triggerRender,
         arrowIcon,
         clearIcon,
-        borderless
+        borderless,
+        showArrowInBorderless
       } = _a,
-      rest = __rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless"]);
+      rest = __rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless", "showArrowInBorderless"]);
     const {
       selections,
       isOpen,
@@ -1064,6 +1065,7 @@ class Select extends BaseComponent {
     const filterable = Boolean(filter); // filter（boolean || function）
     const selectionCls = useCustomTrigger ? cls(className) : cls(prefixcls, className, {
       [`${prefixcls}-borderless`]: borderless,
+      [`${prefixcls}-borderless-arrow`]: showArrowInBorderless,
       [`${prefixcls}-open`]: isOpen,
       [`${prefixcls}-focus`]: isFocus,
       [`${prefixcls}-disabled`]: disabled,
@@ -1330,7 +1332,8 @@ Select.defaultProps = {
   showRestTagsPopover: false,
   restTagsPopoverProps: {},
   expandRestTagsOnClick: false,
-  ellipsisTrigger: false
+  ellipsisTrigger: false,
+  showArrowInBorderless: false
   // Radio selection is different from the default renderSelectedItem for multiple selection, so it is not declared here
   // renderSelectedItem: (optionNode) => optionNode.label,
   // The default creator rendering is related to i18, so it is not declared here

package/lib/es/treeSelect/index.js

@@ -261,7 +261,7 @@ class TreeSelect extends BaseComponent {
       // searchPosition = dropdown and single seleciton
       if (!multiple || !this.hasValue()) {
         const renderText = this.foundation.getRenderTextInSingle();
-        const spanCls = cls({
+        const spanCls = cls(`${prefixcls}-selection-content`, {
           [`${prefixcls}-selection-placeholder`]: !renderText
         });
         return /*#__PURE__*/React.createElement("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.38.2",
+    "version": "2.40.0-alpha.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.38.2",
-        "@douyinfe/semi-animation-react": "2.38.2",
-        "@douyinfe/semi-foundation": "2.38.2",
-        "@douyinfe/semi-icons": "2.38.2",
-        "@douyinfe/semi-illustrations": "2.38.2",
-        "@douyinfe/semi-theme-default": "2.38.2",
+        "@douyinfe/semi-animation": "2.40.0-alpha.0",
+        "@douyinfe/semi-animation-react": "2.40.0-alpha.0",
+        "@douyinfe/semi-foundation": "2.40.0-alpha.0",
+        "@douyinfe/semi-icons": "2.40.0-alpha.0",
+        "@douyinfe/semi-illustrations": "2.40.0-alpha.0",
+        "@douyinfe/semi-theme-default": "2.40.0-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "e761d8bc2ba54e3b69ac77f5e6425c62ed6b02f1",
+    "gitHead": "3c30c680ff8335f275dce40e16c8994af178ca78",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",