react-asc 18.7.1 → 18.7.2
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/components/AutoComplete/AutoComplete.d.ts +1 -0
- package/index.es.js +9 -2
- package/index.es.js.map +1 -1
- package/index.js +9 -2
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -261,7 +261,7 @@ styleInject(css_248z$I);
|
|
|
261
261
|
// multiple
|
|
262
262
|
// custom template render items
|
|
263
263
|
const AutoComplete = (props) => {
|
|
264
|
-
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, onChange, onSelect, value } = props;
|
|
264
|
+
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showClearButton, onChange, onSelect, value } = props;
|
|
265
265
|
const [model, setModel] = React.useState('');
|
|
266
266
|
const [searchText, setSearchText] = React.useState('');
|
|
267
267
|
const [isShow, setIsShow] = React.useState(false);
|
|
@@ -305,9 +305,16 @@ const AutoComplete = (props) => {
|
|
|
305
305
|
const handleOnFocus = () => {
|
|
306
306
|
openOnFocus && show();
|
|
307
307
|
};
|
|
308
|
+
const handleClickReset = () => {
|
|
309
|
+
setModel('');
|
|
310
|
+
setSearchText('');
|
|
311
|
+
};
|
|
308
312
|
return (React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
309
313
|
React__default['default'].createElement("div", { ref: selectConainter, className: styles$I.selectContainer },
|
|
310
|
-
React__default['default'].createElement("
|
|
314
|
+
React__default['default'].createElement("div", { className: "d-flex" },
|
|
315
|
+
React__default['default'].createElement("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }),
|
|
316
|
+
showClearButton && (model === null || model === void 0 ? void 0 : model.length) > 0 &&
|
|
317
|
+
React__default['default'].createElement(IconButton, { icon: React__default['default'].createElement(TimesSolidIcon, null), onClick: handleClickReset })),
|
|
311
318
|
isShow &&
|
|
312
319
|
React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
313
320
|
React__default['default'].createElement("div", { className: styles$I.selectMenu },
|