@cainiaofe/cn-ui-m
Version:
52 lines (51 loc) • 2.42 kB
JavaScript
import React from 'react';
import { CnNumberPicker, CnRadioGroup, CnDemoPage, CnDemoBlock, } from "../../..";
export default { title: 'demo/CnNumberPicker' };
var dataSource = [
{
value: true,
label: 'auto(跟随系统)',
},
{
value: 'en-US',
label: 'en-US(美国)',
},
{
value: 'es-ES',
label: 'es-ES(西班牙)',
},
{
value: 'fr-FR',
label: 'fr-FR(法语)',
},
];
export var 国际化适配 = function () {
var _a = React.useState(true), lang = _a[0], setLang = _a[1];
return (React.createElement(CnDemoPage, null,
React.createElement("div", null,
React.createElement(CnRadioGroup, { shape: "button", size: "small", defaultValue: lang, dataSource: dataSource, onChange: function (v) {
setLang(v);
} }),
React.createElement("p", null,
"\u652F\u6301\u7684\u56FD\u5BB6&\u5730\u533A\u5217\u8868\u89C1",
' ',
React.createElement("a", { href: "https://dsm.cone.cainiao-inc.com/dingdoc/r1R7q3QmWew5lo02fd3oyplNJxkXOEP2", target: "_blank", rel: "noreferrer" }, "https://dsm.cone.cainiao-inc.com/dingdoc/r1R7q3QmWew5lo02fd3oyplNJxkXOEP2"))),
React.createElement(CnDemoBlock, { title: "\u57FA\u672C\u4F7F\u7528" },
React.createElement(CnNumberPicker, { defaultValue: 50000.12, adapterLocale: lang, onInput: function (v, v2) {
console.log('onInput', v, v2);
}, onChange: function (v) {
console.log('onChange', v);
}, precision: 2 })),
React.createElement(CnDemoBlock, { title: "\u7981\u7528" },
React.createElement(CnNumberPicker, { defaultValue: 50000.12, adapterLocale: lang, onInput: function (v, v2) {
console.log('onInput', v, v2);
}, onChange: function (v) {
console.log('onChange', v);
}, disabled: true, precision: 2 })),
React.createElement(CnDemoBlock, { title: "\u9884\u89C8" },
React.createElement(CnNumberPicker, { defaultValue: 50000.12, adapterLocale: lang, onInput: function (v, v2) {
console.log('onInput', v, v2);
}, onChange: function (v) {
console.log('onChange', v);
}, readOnly: true, precision: 2 }))));
};