@cainiaofe/cn-ui-m
Version:
26 lines (25 loc) • 1.35 kB
JavaScript
import React from 'react';
import { CnBadge, CnBox, CnDemoBlock, CnDemoPage, CnSelect, } from "../../..";
var data = [];
for (var i = 0; i < 10; i++) {
data.push({
label: "\u9009\u9879 ".concat(i),
subTitle: "\u63CF\u8FF0\u6587\u6848 ".concat(i),
value: i,
});
}
export var 自定义选中区域 = function () {
return (React.createElement(CnDemoPage, { title: "\u81EA\u5B9A\u4E49\u9009\u4E2D\u533A\u57DF" },
React.createElement(CnDemoBlock, { padding: "0", title: "\u81EA\u5B9A\u4E49\u9009\u4E2D\u5185\u5BB9" },
React.createElement(CnSelect, { placeholder: "\u8BF7\u9009\u62E9", mode: "multiple", defaultValue: [0, 1, 2], renderSelection: function (options) {
if (options === void 0) { options = []; }
if (options.length === 0) {
return null;
}
return (React.createElement(CnBox, { direction: "row", justify: "space-between" },
React.createElement("div", null, options.map(function (option) { return option.label; }).join('|')),
React.createElement(CnBadge, { count: options.length })));
}, dataSource: data }))));
};
自定义选中区域.desc = '自定义选中内容的渲染';
export default { title: 'demo/CnSelect' };