@cainiaofe/cn-ui-m
Version:
58 lines (57 loc) • 2.58 kB
JavaScript
import * as React from 'react';
import { CnPage, CnCard, CnForm } from "../../..";
export var 预览形态 = function () {
return (React.createElement(CnPage, null,
React.createElement(CnCard, { title: "\u5E38\u89C1\u53EA\u8BFB" },
React.createElement(CnForm, { formProps: {
readOnly: true,
values: {
name: '笑斌',
address: '浙江省杭州市西湖区\n中节能西溪首座',
number: 1,
isDerived: true,
fileList: [
{
url: 'https://gw.alicdn.com/imgextra/i4/O1CN01xb43ZY1hPi06qDUke_!!6000000004270-2-tps-312-210.png',
name: '空空如也.png',
},
{
url: 'https://gw.alicdn.com/imgextra/i3/O1CN019Fy2Qk1bjxp1mqZJJ_!!6000000003502-55-tps-160-128.svg',
name: '网络异常.svg',
},
],
},
}, schema: {
type: 'object',
properties: {
name: {
title: '姓名',
required: true,
'x-component': 'CnInput',
'x-decorator': 'CnFormItem',
},
address: {
title: '地址',
'x-component': 'CnInputTextArea',
'x-decorator': 'CnFormItem',
},
number: {
title: '数量',
'x-component': 'CnNumberPicker',
'x-decorator': 'CnFormItem',
},
isDerived: {
title: '送货上门',
'x-component': 'CnSwitch',
'x-decorator': 'CnFormItem',
},
fileList: {
title: '图片',
'x-component': 'CnOSSUpload',
'x-decorator': 'CnFormItem',
},
},
} }))));
};
预览形态.desc = '通过readOnly属性让组件处于预览状态';
export default { title: 'demo/CnForm' };