@cainiaofe/cn-ui-m
Version:
26 lines (25 loc) • 1.67 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnSelect, CnSelectOption, } from "../../..";
var data = Array.from(new Array(20)).map(function (_, i) { return ({
label: "\u9009\u9879 ".concat(i),
value: i,
}); });
export var 预览 = function () {
return (React.createElement(CnDemoPage, { title: "\u9884\u89C8" },
React.createElement(CnDemoBlock, { title: "\u9884\u89C8" },
React.createElement(CnSelect, { isPreview: true, dataSource: data, mode: "single", size: "large", defaultValue: 0 }),
React.createElement(CnSelect, { isPreview: true, dataSource: data, mode: "multiple", size: "medium", value: [0, 1] }),
React.createElement(CnSelect, { isPreview: true, renderPreview: function (vals) {
return vals.map(function (i) { return i.label; }).join(',');
}, dataSource: data, mode: "multiple", size: "small", value: [0, 1, 2] }),
React.createElement(CnSelect, { isPreview: true, previewClassName: "custom-preview", previewStyle: {
// ...
}, dataSource: data, mode: "single", size: "large", defaultValue: [1, 2, 3] }),
React.createElement(CnSelect, { isPreview: true, value: 3 },
React.createElement(CnSelectOption, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnSelectOption, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnSelectOption, { value: 3 }, "\u9009\u9879 3")))));
};
预览.desc =
'预览状态下选择框不可交互，只展示选择的内容，用于表单转详情的场景。';
export default { title: 'demo/CnSelect' };