@cainiaofe/cn-ui-m
Version:
31 lines (30 loc) • 2.22 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnI18nSelect, CnDialog, CnBox, CnDemoPage, } from "../../..";
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "\u57FA\u672C\u4F7F\u7528" },
React.createElement(CnI18nSelect, null)),
React.createElement(CnDemoBlock, { title: "\u6307\u5B9A\u9009\u62E9\u8BED\u79CD\u8303\u56F4" },
React.createElement(CnI18nSelect, { langList: ['zh-CN', 'en-US', 'ms-MY'] })),
React.createElement(CnDemoBlock, { title: "\u76D1\u542C\u53D8\u5316\u65F6\u4E0D\u5237\u65B0\u9875\u9762" },
React.createElement(CnI18nSelect, { onChange: console.log })),
React.createElement(CnDemoBlock, { title: "\u6307\u5B9A\u8BED\u79CD" },
React.createElement(CnI18nSelect, { lang: "zh-CN" })),
React.createElement(CnDemoBlock, { title: "\u5207\u6362\u524D\u5224\u65AD\uFF0C\u53EA\u5141\u8BB8\u8F93\u5165\u4E2D/\u82F1" },
React.createElement(CnI18nSelect, { beforeChange: function (lang) { return ['zh-CN', 'en-US'].includes(lang); } })),
React.createElement(CnDemoBlock, { title: "\u5207\u6362\u524D\u5224\u65AD\uFF0C\u53EA\u5141\u8BB8\u8F93\u5165\u4E2D/\u82F1\uFF0C\u52A0\u5165\u786E\u8BA4" },
React.createElement(CnI18nSelect, { beforeChange: function (lang) {
return new Promise(function (resolve) {
return CnDialog.confirm({
content: "\u662F\u5426\u786E\u8BA4\u5207\u6362\u8BED\u79CD".concat(lang, "?"),
onOk: function () { return resolve(true); },
onCancel: function () { return resolve(false); },
onClose: function () { return resolve(false); },
});
});
} })),
React.createElement(CnDemoBlock, { title: "\u53CD\u8272\u6A21\u5F0F", padding: 0 },
React.createElement(CnBox, { style: { backgroundColor: '#005BE5', padding: 12 } },
React.createElement(CnI18nSelect, { inverse: true })))));
};
export default { title: 'demo/CnI18NSelect' };