@cainiaofe/cn-ui-m
Version:
40 lines (39 loc) • 3.1 kB
JavaScript
import * as React from 'react';
import { CnAsyncSelect, CnDemoBlock, CnDemoDescription, CnDemoPage, } from "../../..";
export var 远程搜索 = function () { return (React.createElement(CnDemoPage, { title: "\u8FDC\u7A0B\u641C\u7D22" },
React.createElement(CnDemoBlock, { title: "\u8FDC\u7A0B\u8BF7\u6C42\u641C\u7D22", padding: 0 },
React.createElement("div", { style: { padding: '12px 16px 0' } },
React.createElement(CnDemoDescription, null, "\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u641C\u7D22\u65F6\u5173\u952E\u8BCD\u5165\u53C2\u7684\u5B57\u6BB5\u540D\u4E3Akey")),
React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock", mode: "multiple", showSearch: true, filterLocal: false })),
React.createElement(CnDemoBlock, { title: "\u8FDC\u7A0B\u8BF7\u6C42\u641C\u7D22\u521D\u59CB\u4E0D\u8BF7\u6C42", padding: 0 },
React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock", requestConfig: {
manual: true,
searchFormat: function (_a) {
var key = _a.key;
return ({
key: key,
});
},
}, showSearch: true, filterLocal: false })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u641C\u7D22\u5173\u952E\u8BCD\u5165\u53C2", padding: 0 },
React.createElement("div", { style: { padding: '12px 16px 0' } },
React.createElement(CnDemoDescription, null, "\u8FD9\u91CC\u5C06\u641C\u7D22\u5173\u952E\u8BCD\u7684\u5165\u53C2\u6539\u4E3AcustomKey")),
React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock", requestConfig: {
searchFormat: function (_a) {
var key = _a.key;
return ({
customKey: key,
});
},
}, showSearch: true, filterLocal: false })),
React.createElement(CnDemoBlock, { title: "\u641C\u7D22\u9632\u6296", padding: 0 },
React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock", requestConfig: {
debounceWait: 300,
}, showSearch: true, filterLocal: false })),
React.createElement(CnDemoBlock, { title: "\u641C\u7D22\u8282\u6D41", padding: 0 },
React.createElement(CnAsyncSelect, { remoteUrl: "https://rap2api.alibaba-inc.com/app/mock-scene/7053/api/select/cn-data-source?_tag=mock", requestConfig: {
throttleWait: 300,
}, showSearch: true, filterLocal: false })))); };
远程搜索.desc =
'要开启远程搜索，需配置`showSearch`且`filterLocal`为`false`。此时选择器中会出现搜索栏，搜索时自动调用配置的接口地址，默认的关键词入参为`key`。';
export default { title: 'demo/CnAsyncSelect' };