@cainiaofe/cn-ui-m
Version:
18 lines (17 loc) • 1.1 kB
JavaScript
import * as React from 'react';
import { CnNumberPicker, CnDemoBlock, CnDemoPage } from "../../..";
var intlize = function (val) {
return Intl.NumberFormat('en-US').format(Number(val));
};
export var 格式化 = function () {
return (React.createElement(CnDemoPage, { title: "\u683C\u5F0F\u5316" },
React.createElement(CnDemoBlock, { title: "\u4F7F\u7528Intl.NumberFormat\u683C\u5F0F\u5316\u8D27\u5E01" },
React.createElement(CnNumberPicker, { format: intlize, defaultValue: 5000 })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u683C\u5F0F\u548C\u524D\u7F00" },
React.createElement(CnNumberPicker, { style: {
width: 150,
}, label: "\u9996\u5355\u4EF7:", format: function (val) { return "".concat(val, "\u5143"); }, defaultValue: 20 })),
React.createElement(CnDemoBlock, { title: "innerAfter\u540E\u7F00\u6765\u81EA\u5B9A\u4E49\u5355\u4F4D" },
React.createElement(CnNumberPicker, { defaultValue: 1000, innerAfter: "\u4E07" }))));
};
export default { title: 'demo/CnNumberPicker' };