@douyinfe/semi-ui 2.38.0 → 2.38.2-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/umd/semi-ui.js +31 -6
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/autoComplete/index.js +19 -0
- package/lib/cjs/datePicker/dateInput.d.ts +1 -1
- package/lib/cjs/datePicker/datePicker.d.ts +1 -1
- package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
- package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/cjs/form/baseForm.d.ts +1 -1
- package/lib/cjs/form/field.d.ts +1 -1
- package/lib/cjs/modal/confirm.d.ts +15 -15
- package/lib/es/autoComplete/index.js +19 -0
- package/lib/es/datePicker/dateInput.d.ts +1 -1
- package/lib/es/datePicker/datePicker.d.ts +1 -1
- package/lib/es/datePicker/monthsGrid.d.ts +1 -1
- package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
- package/lib/es/form/baseForm.d.ts +1 -1
- package/lib/es/form/field.d.ts +1 -1
- package/lib/es/modal/confirm.d.ts +15 -15
- package/package.json +8 -8
|
@@ -20,6 +20,7 @@ var _trigger = _interopRequireDefault(require("../trigger"));
|
|
|
20
20
|
var _option = _interopRequireDefault(require("./option"));
|
|
21
21
|
var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
|
|
22
22
|
require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
|
|
23
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
23
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
25
|
/* eslint-disable @typescript-eslint/ban-types, max-len */
|
|
25
26
|
|
|
@@ -147,6 +148,24 @@ class AutoComplete extends _baseComponent.default {
|
|
|
147
148
|
this.setState({
|
|
148
149
|
rePosKey
|
|
149
150
|
});
|
|
151
|
+
},
|
|
152
|
+
registerClickOutsideHandler: cb => {
|
|
153
|
+
const clickOutsideHandler = e => {
|
|
154
|
+
const optionInstance = this.optionsRef && this.optionsRef.current;
|
|
155
|
+
const triggerDom = this.triggerRef && this.triggerRef.current;
|
|
156
|
+
const optionsDom = _reactDom.default.findDOMNode(optionInstance);
|
|
157
|
+
const target = e.target;
|
|
158
|
+
if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
|
|
159
|
+
cb(e);
|
|
160
|
+
}
|
|
161
|
+
};
|
|
162
|
+
this.clickOutsideHandler = clickOutsideHandler;
|
|
163
|
+
document.addEventListener('mousedown', clickOutsideHandler, false);
|
|
164
|
+
},
|
|
165
|
+
unregisterClickOutsideHandler: () => {
|
|
166
|
+
if (this.clickOutsideHandler) {
|
|
167
|
+
document.removeEventListener('mousedown', this.clickOutsideHandler, false);
|
|
168
|
+
}
|
|
150
169
|
}
|
|
151
170
|
});
|
|
152
171
|
}
|
|
@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
|
|
|
31
31
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
32
32
|
value: PropTypes.Requireable<any[]>;
|
|
33
33
|
disabled: PropTypes.Requireable<boolean>;
|
|
34
|
-
type: PropTypes.Requireable<"
|
|
34
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
35
35
|
showClear: PropTypes.Requireable<boolean>;
|
|
36
36
|
format: PropTypes.Requireable<string>;
|
|
37
37
|
inputStyle: PropTypes.Requireable<object>;
|
|
@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
58
58
|
'aria-labelledby': PropTypes.Requireable<string>;
|
|
59
59
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
60
60
|
borderless: PropTypes.Requireable<boolean>;
|
|
61
|
-
type: PropTypes.Requireable<"
|
|
61
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
62
62
|
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
63
63
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
64
64
|
density: PropTypes.Requireable<"default" | "compact">;
|
|
@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
|
|
|
19
19
|
export type MonthsGridState = MonthsGridFoundationState;
|
|
20
20
|
export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
|
|
21
21
|
static propTypes: {
|
|
22
|
-
type: PropTypes.Requireable<"
|
|
22
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
23
23
|
defaultValue: PropTypes.Requireable<any[]>;
|
|
24
24
|
defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
25
25
|
multiple: PropTypes.Requireable<boolean>;
|
|
@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
|
|
|
24
24
|
presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
|
|
25
25
|
renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
26
26
|
renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
27
|
-
type: PropTypes.Requireable<"
|
|
27
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
28
28
|
startYear: PropTypes.Requireable<number>;
|
|
29
29
|
endYear: PropTypes.Requireable<number>;
|
|
30
30
|
};
|
|
@@ -138,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
|
|
|
138
138
|
preventScroll?: boolean;
|
|
139
139
|
showRestTagsPopover?: boolean;
|
|
140
140
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
141
|
-
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "
|
|
141
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
142
142
|
static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
143
143
|
static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
|
|
144
144
|
static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
|
package/lib/cjs/form/field.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
|
|
|
86
86
|
preventScroll?: boolean;
|
|
87
87
|
showRestTagsPopover?: boolean;
|
|
88
88
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
89
|
-
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "
|
|
89
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
90
90
|
declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
91
91
|
declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
92
92
|
declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
@@ -145,18 +145,17 @@ export declare function withError(props: ModalReactProps): {
|
|
|
145
145
|
size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
|
|
146
146
|
style?: React.CSSProperties;
|
|
147
147
|
className?: string;
|
|
148
|
-
motion?: boolean;
|
|
149
148
|
getPopupContainer?: () => HTMLElement;
|
|
150
149
|
footer?: React.ReactNode;
|
|
151
150
|
header?: React.ReactNode;
|
|
152
151
|
direction?: any;
|
|
152
|
+
motion?: boolean;
|
|
153
153
|
width?: string | number;
|
|
154
154
|
height?: string | number;
|
|
155
155
|
mask?: boolean;
|
|
156
156
|
visible?: boolean;
|
|
157
157
|
content?: React.ReactNode;
|
|
158
158
|
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
159
|
-
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
|
|
160
159
|
zIndex?: number;
|
|
161
160
|
closeOnEsc?: boolean;
|
|
162
161
|
preventScroll?: boolean;
|
|
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
164
163
|
keepDOM?: boolean;
|
|
165
164
|
cancelText?: string;
|
|
166
165
|
okText?: string;
|
|
166
|
+
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
|
|
167
167
|
closeIcon?: React.ReactNode;
|
|
168
168
|
bodyStyle?: React.CSSProperties;
|
|
169
169
|
closable?: boolean;
|
|
@@ -204,29 +204,19 @@ export declare function withError(props: ModalReactProps): {
|
|
|
204
204
|
title?: string;
|
|
205
205
|
name?: string;
|
|
206
206
|
value?: string | number | readonly string[];
|
|
207
|
-
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
208
|
-
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
209
207
|
form?: string;
|
|
210
208
|
slot?: string;
|
|
209
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
210
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
211
211
|
hidden?: boolean;
|
|
212
212
|
color?: string;
|
|
213
213
|
content?: string;
|
|
214
|
-
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
215
|
-
defaultChecked?: boolean;
|
|
216
214
|
defaultValue?: string | number | readonly string[];
|
|
217
|
-
suppressContentEditableWarning?: boolean;
|
|
218
|
-
suppressHydrationWarning?: boolean;
|
|
219
215
|
accessKey?: string;
|
|
220
|
-
autoFocus?: boolean;
|
|
221
|
-
formAction?: string;
|
|
222
|
-
formEncType?: string;
|
|
223
|
-
formMethod?: string;
|
|
224
|
-
formNoValidate?: boolean;
|
|
225
|
-
formTarget?: string;
|
|
226
216
|
dir?: string;
|
|
227
217
|
draggable?: boolean | "false" | "true";
|
|
228
218
|
lang?: string;
|
|
229
|
-
translate?: "
|
|
219
|
+
translate?: "yes" | "no";
|
|
230
220
|
prefix?: string;
|
|
231
221
|
role?: React.AriaRole;
|
|
232
222
|
contentEditable?: "inherit" | (boolean | "false" | "true");
|
|
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
|
|
|
242
232
|
'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
|
|
243
233
|
'aria-controls'?: string;
|
|
244
234
|
'aria-describedby'?: string;
|
|
235
|
+
defaultChecked?: boolean;
|
|
236
|
+
suppressContentEditableWarning?: boolean;
|
|
237
|
+
suppressHydrationWarning?: boolean;
|
|
238
|
+
autoFocus?: boolean;
|
|
245
239
|
contextMenu?: string;
|
|
246
240
|
placeholder?: string;
|
|
247
241
|
spellCheck?: boolean | "false" | "true";
|
|
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
327
321
|
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
|
|
328
322
|
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
329
323
|
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
324
|
+
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
330
325
|
onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
331
326
|
onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
|
|
332
327
|
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
|
|
|
463
458
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
464
459
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
465
460
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
461
|
+
formAction?: string;
|
|
462
|
+
formEncType?: string;
|
|
463
|
+
formMethod?: string;
|
|
464
|
+
formNoValidate?: boolean;
|
|
465
|
+
formTarget?: string;
|
|
466
466
|
};
|
|
467
467
|
};
|
|
468
468
|
export declare function withConfirm(props: ModalReactProps): {
|
|
@@ -15,6 +15,7 @@ import Trigger from '../trigger';
|
|
|
15
15
|
import Option from './option';
|
|
16
16
|
import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
|
|
17
17
|
import '@douyinfe/semi-foundation/lib/es/autoComplete/autoComplete.css';
|
|
18
|
+
import ReactDOM from 'react-dom';
|
|
18
19
|
const prefixCls = cssClasses.PREFIX;
|
|
19
20
|
const sizeSet = strings.SIZE;
|
|
20
21
|
const positionSet = strings.POSITION;
|
|
@@ -139,6 +140,24 @@ class AutoComplete extends BaseComponent {
|
|
|
139
140
|
this.setState({
|
|
140
141
|
rePosKey
|
|
141
142
|
});
|
|
143
|
+
},
|
|
144
|
+
registerClickOutsideHandler: cb => {
|
|
145
|
+
const clickOutsideHandler = e => {
|
|
146
|
+
const optionInstance = this.optionsRef && this.optionsRef.current;
|
|
147
|
+
const triggerDom = this.triggerRef && this.triggerRef.current;
|
|
148
|
+
const optionsDom = ReactDOM.findDOMNode(optionInstance);
|
|
149
|
+
const target = e.target;
|
|
150
|
+
if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
|
|
151
|
+
cb(e);
|
|
152
|
+
}
|
|
153
|
+
};
|
|
154
|
+
this.clickOutsideHandler = clickOutsideHandler;
|
|
155
|
+
document.addEventListener('mousedown', clickOutsideHandler, false);
|
|
156
|
+
},
|
|
157
|
+
unregisterClickOutsideHandler: () => {
|
|
158
|
+
if (this.clickOutsideHandler) {
|
|
159
|
+
document.removeEventListener('mousedown', this.clickOutsideHandler, false);
|
|
160
|
+
}
|
|
142
161
|
}
|
|
143
162
|
});
|
|
144
163
|
}
|
|
@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
|
|
|
31
31
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
32
32
|
value: PropTypes.Requireable<any[]>;
|
|
33
33
|
disabled: PropTypes.Requireable<boolean>;
|
|
34
|
-
type: PropTypes.Requireable<"
|
|
34
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
35
35
|
showClear: PropTypes.Requireable<boolean>;
|
|
36
36
|
format: PropTypes.Requireable<string>;
|
|
37
37
|
inputStyle: PropTypes.Requireable<object>;
|
|
@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
|
|
|
58
58
|
'aria-labelledby': PropTypes.Requireable<string>;
|
|
59
59
|
'aria-required': PropTypes.Requireable<boolean>;
|
|
60
60
|
borderless: PropTypes.Requireable<boolean>;
|
|
61
|
-
type: PropTypes.Requireable<"
|
|
61
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
62
62
|
size: PropTypes.Requireable<"default" | "small" | "large">;
|
|
63
63
|
clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
64
64
|
density: PropTypes.Requireable<"default" | "compact">;
|
|
@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
|
|
|
19
19
|
export type MonthsGridState = MonthsGridFoundationState;
|
|
20
20
|
export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
|
|
21
21
|
static propTypes: {
|
|
22
|
-
type: PropTypes.Requireable<"
|
|
22
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
23
23
|
defaultValue: PropTypes.Requireable<any[]>;
|
|
24
24
|
defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
25
25
|
multiple: PropTypes.Requireable<boolean>;
|
|
@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
|
|
|
24
24
|
presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
|
|
25
25
|
renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
26
26
|
renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
27
|
-
type: PropTypes.Requireable<"
|
|
27
|
+
type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
|
|
28
28
|
startYear: PropTypes.Requireable<number>;
|
|
29
29
|
endYear: PropTypes.Requireable<number>;
|
|
30
30
|
};
|
|
@@ -138,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
|
|
|
138
138
|
preventScroll?: boolean;
|
|
139
139
|
showRestTagsPopover?: boolean;
|
|
140
140
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
141
|
-
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "
|
|
141
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
142
142
|
static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
143
143
|
static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
|
|
144
144
|
static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
|
package/lib/es/form/field.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
|
|
|
86
86
|
preventScroll?: boolean;
|
|
87
87
|
showRestTagsPopover?: boolean;
|
|
88
88
|
restTagsPopoverProps?: import("../popover").PopoverProps;
|
|
89
|
-
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "
|
|
89
|
+
} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
|
|
90
90
|
declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
91
91
|
declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
|
|
92
92
|
declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
|
|
@@ -145,18 +145,17 @@ export declare function withError(props: ModalReactProps): {
|
|
|
145
145
|
size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
|
|
146
146
|
style?: React.CSSProperties;
|
|
147
147
|
className?: string;
|
|
148
|
-
motion?: boolean;
|
|
149
148
|
getPopupContainer?: () => HTMLElement;
|
|
150
149
|
footer?: React.ReactNode;
|
|
151
150
|
header?: React.ReactNode;
|
|
152
151
|
direction?: any;
|
|
152
|
+
motion?: boolean;
|
|
153
153
|
width?: string | number;
|
|
154
154
|
height?: string | number;
|
|
155
155
|
mask?: boolean;
|
|
156
156
|
visible?: boolean;
|
|
157
157
|
content?: React.ReactNode;
|
|
158
158
|
icon: string | number | boolean | React.ReactFragment | JSX.Element;
|
|
159
|
-
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
|
|
160
159
|
zIndex?: number;
|
|
161
160
|
closeOnEsc?: boolean;
|
|
162
161
|
preventScroll?: boolean;
|
|
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
164
163
|
keepDOM?: boolean;
|
|
165
164
|
cancelText?: string;
|
|
166
165
|
okText?: string;
|
|
166
|
+
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
|
|
167
167
|
closeIcon?: React.ReactNode;
|
|
168
168
|
bodyStyle?: React.CSSProperties;
|
|
169
169
|
closable?: boolean;
|
|
@@ -204,29 +204,19 @@ export declare function withError(props: ModalReactProps): {
|
|
|
204
204
|
title?: string;
|
|
205
205
|
name?: string;
|
|
206
206
|
value?: string | number | readonly string[];
|
|
207
|
-
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
208
|
-
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
209
207
|
form?: string;
|
|
210
208
|
slot?: string;
|
|
209
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
210
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
211
211
|
hidden?: boolean;
|
|
212
212
|
color?: string;
|
|
213
213
|
content?: string;
|
|
214
|
-
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
215
|
-
defaultChecked?: boolean;
|
|
216
214
|
defaultValue?: string | number | readonly string[];
|
|
217
|
-
suppressContentEditableWarning?: boolean;
|
|
218
|
-
suppressHydrationWarning?: boolean;
|
|
219
215
|
accessKey?: string;
|
|
220
|
-
autoFocus?: boolean;
|
|
221
|
-
formAction?: string;
|
|
222
|
-
formEncType?: string;
|
|
223
|
-
formMethod?: string;
|
|
224
|
-
formNoValidate?: boolean;
|
|
225
|
-
formTarget?: string;
|
|
226
216
|
dir?: string;
|
|
227
217
|
draggable?: boolean | "false" | "true";
|
|
228
218
|
lang?: string;
|
|
229
|
-
translate?: "
|
|
219
|
+
translate?: "yes" | "no";
|
|
230
220
|
prefix?: string;
|
|
231
221
|
role?: React.AriaRole;
|
|
232
222
|
contentEditable?: "inherit" | (boolean | "false" | "true");
|
|
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
|
|
|
242
232
|
'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
|
|
243
233
|
'aria-controls'?: string;
|
|
244
234
|
'aria-describedby'?: string;
|
|
235
|
+
defaultChecked?: boolean;
|
|
236
|
+
suppressContentEditableWarning?: boolean;
|
|
237
|
+
suppressHydrationWarning?: boolean;
|
|
238
|
+
autoFocus?: boolean;
|
|
245
239
|
contextMenu?: string;
|
|
246
240
|
placeholder?: string;
|
|
247
241
|
spellCheck?: boolean | "false" | "true";
|
|
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
|
|
|
327
321
|
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
|
|
328
322
|
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
329
323
|
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
324
|
+
onChange?: React.FormEventHandler<HTMLButtonElement>;
|
|
330
325
|
onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
331
326
|
onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
|
|
332
327
|
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
|
|
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
|
|
|
463
458
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
|
|
464
459
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
465
460
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
|
|
461
|
+
formAction?: string;
|
|
462
|
+
formEncType?: string;
|
|
463
|
+
formMethod?: string;
|
|
464
|
+
formNoValidate?: boolean;
|
|
465
|
+
formTarget?: string;
|
|
466
466
|
};
|
|
467
467
|
};
|
|
468
468
|
export declare function withConfirm(props: ModalReactProps): {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-ui",
|
|
3
|
-
"version": "2.38.
|
|
3
|
+
"version": "2.38.2-alpha.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es/index.js",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
"lib/*"
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@douyinfe/semi-animation": "2.38.
|
|
21
|
-
"@douyinfe/semi-animation-react": "2.38.
|
|
22
|
-
"@douyinfe/semi-foundation": "2.38.
|
|
23
|
-
"@douyinfe/semi-icons": "2.38.
|
|
24
|
-
"@douyinfe/semi-illustrations": "2.38.
|
|
25
|
-
"@douyinfe/semi-theme-default": "2.38.
|
|
20
|
+
"@douyinfe/semi-animation": "2.38.2-alpha.1",
|
|
21
|
+
"@douyinfe/semi-animation-react": "2.38.2-alpha.1",
|
|
22
|
+
"@douyinfe/semi-foundation": "2.38.2-alpha.1",
|
|
23
|
+
"@douyinfe/semi-icons": "2.38.2-alpha.1",
|
|
24
|
+
"@douyinfe/semi-illustrations": "2.38.2-alpha.1",
|
|
25
|
+
"@douyinfe/semi-theme-default": "2.38.2-alpha.1",
|
|
26
26
|
"async-validator": "^3.5.0",
|
|
27
27
|
"classnames": "^2.2.6",
|
|
28
28
|
"copy-text-to-clipboard": "^2.1.1",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
],
|
|
70
70
|
"author": "",
|
|
71
71
|
"license": "MIT",
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "cb42a0565bba8660255835264d23dfcba6ff4aa3",
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
75
75
|
"@babel/plugin-transform-runtime": "^7.15.8",
|