musae 1.3.0 → 1.3.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.
|
@@ -35,7 +35,8 @@ var Search = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
35
35
|
_ref$clearable = _ref.clearable,
|
|
36
36
|
clearable = _ref$clearable === void 0 ? true : _ref$clearable,
|
|
37
37
|
searchButton = _ref.searchButton,
|
|
38
|
-
onSearch = _ref.onSearch
|
|
38
|
+
onSearch = _ref.onSearch,
|
|
39
|
+
onClear = _ref.onClear;
|
|
39
40
|
var inputRef = React.useRef(null);
|
|
40
41
|
var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
|
|
41
42
|
var themeColorVars = useThemeColorVars.useThemeColorVars(["primary", "outline", "surface-container-high", "on-surface-variant", ["on-surface-variant", tokens_stylex.OPACITY.thin], ["on-surface", tokens_stylex.OPACITY.thickest], ["on-surface", tokens_stylex.OPACITY.thin]]);
|
|
@@ -74,6 +75,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
74
75
|
var handleClear = relax.useEvent(function () {
|
|
75
76
|
_setValue("");
|
|
76
77
|
onChange === null || onChange === void 0 || onChange("");
|
|
78
|
+
onClear === null || onClear === void 0 || onClear();
|
|
77
79
|
});
|
|
78
80
|
var handleKeyDown = React.useCallback(function (e) {
|
|
79
81
|
if (e.key === "Enter") {
|
|
@@ -13,5 +13,6 @@ declare const Search: React.ForwardRefExoticComponent<import("../../types/elemen
|
|
|
13
13
|
clearable?: boolean;
|
|
14
14
|
searchButton?: React.ReactNode;
|
|
15
15
|
onSearch?: (keyword?: string) => void;
|
|
16
|
+
onClear?: () => void;
|
|
16
17
|
} & React.RefAttributes<SearchRef>>;
|
|
17
18
|
export default Search;
|
|
@@ -31,7 +31,8 @@ var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
31
31
|
_ref$clearable = _ref.clearable,
|
|
32
32
|
clearable = _ref$clearable === void 0 ? true : _ref$clearable,
|
|
33
33
|
searchButton = _ref.searchButton,
|
|
34
|
-
onSearch = _ref.onSearch
|
|
34
|
+
onSearch = _ref.onSearch,
|
|
35
|
+
onClear = _ref.onClear;
|
|
35
36
|
var inputRef = useRef(null);
|
|
36
37
|
var classNames = useClassNames(CLASS_NAMES);
|
|
37
38
|
var themeColorVars = useThemeColorVars(["primary", "outline", "surface-container-high", "on-surface-variant", ["on-surface-variant", OPACITY.thin], ["on-surface", OPACITY.thickest], ["on-surface", OPACITY.thin]]);
|
|
@@ -70,6 +71,7 @@ var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
70
71
|
var handleClear = useEvent(function () {
|
|
71
72
|
_setValue("");
|
|
72
73
|
onChange === null || onChange === void 0 || onChange("");
|
|
74
|
+
onClear === null || onClear === void 0 || onClear();
|
|
73
75
|
});
|
|
74
76
|
var handleKeyDown = useCallback(function (e) {
|
|
75
77
|
if (e.key === "Enter") {
|
package/dist/types/search.d.ts
CHANGED
|
@@ -79,4 +79,10 @@ export type SearchProps = ComponentProps & {
|
|
|
79
79
|
* @default undefined
|
|
80
80
|
*/
|
|
81
81
|
onSearch?: (keyword?: string) => void;
|
|
82
|
+
/**
|
|
83
|
+
* @zh 点击清除按钮时的回调函数
|
|
84
|
+
* @en Callback when the clear button is clicked
|
|
85
|
+
* @default undefined
|
|
86
|
+
*/
|
|
87
|
+
onClear?: () => void;
|
|
82
88
|
};
|