@cainiaofe/cn-ui-m
Version:
30 lines (29 loc) • 1.39 kB
JavaScript
import React from 'react';
import { CnBox, CnDemoBlock, CnDemoPage, CnMessage, CnSearch, } from "../../..";
export var 事件监听 = function () {
return (React.createElement(CnDemoPage, { title: "\u4E8B\u4EF6\u76D1\u542C" },
React.createElement(CnDemoBlock, { title: "\u4E8B\u4EF6\u76D1\u542C" },
React.createElement(CnBox, { direction: "column" },
React.createElement(CnSearch, { showCancelMode: "always", hasClear: true, onSearch: function (val) {
CnMessage.show({
content: "\u4F60\u641C\u7D22\u4E86\uFF1A".concat(val),
});
}, onFocus: function () {
CnMessage.show({
content: '获得焦点',
});
}, onBlur: function () {
CnMessage.show({
content: '失去焦点',
});
}, onClear: function () {
CnMessage.show({
content: '清空内容',
});
}, onCancel: function () {
CnMessage.show({
content: '取消搜索',
});
} })))));
};
export default { title: 'demo/CnSearch' };