mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2025-12-15 22:22:51 +00:00
1083 lines
71 KiB
JSON
1083 lines
71 KiB
JSON
{
|
||
"errorLevel": "",
|
||
"errorMsg": "",
|
||
"content": {
|
||
"externals": [
|
||
{
|
||
"urls": ["https://unpkg.alibaba-inc.com/jquery@3.4.1"],
|
||
"library": "jQuery",
|
||
"packageName": "jquery",
|
||
"version": "3.4.1"
|
||
},
|
||
{
|
||
"urls": ["https://g.alicdn.com/code/lib/moment.js/2.24.0/moment.js"],
|
||
"library": "moment",
|
||
"packageName": "moment",
|
||
"version": "2.24.0"
|
||
},
|
||
{
|
||
"urls": ["https://unpkg.alibaba-inc.com/classnames@2.2.6"],
|
||
"library": "classNames",
|
||
"packageName": "classnames",
|
||
"version": "2.2.6"
|
||
},
|
||
{
|
||
"urls": ["https://unpkg.alibaba-inc.com/lodash@4.17.15"],
|
||
"library": "_",
|
||
"packageName": "lodash",
|
||
"version": "4.17.15"
|
||
},
|
||
{
|
||
"urls": [
|
||
"https://unpkg.alibaba-inc.com/@alifd/next@1.18.17/dist/next.min.js",
|
||
"https://unpkg.alibaba-inc.com/@alifd/next@1.18.17/dist/next.min.css"
|
||
],
|
||
"library": "Next",
|
||
"packageName": "@alifd/next",
|
||
"version": "1.18.17"
|
||
}
|
||
],
|
||
"systemType": "",
|
||
"componentDependencies": [
|
||
{
|
||
"prototypeViewsUrl": ["https://dev.g.alicdn.com/limitless/vision-specs-uxcore/0.1.2/views.js"],
|
||
"alias": "",
|
||
"prototypeConfigsUrl": ["https://dev.g.alicdn.com/limitless/vision-specs-uxcore/0.1.2/configs.js"],
|
||
"urls": [
|
||
"https://g.alicdn.com/mylib/@ali/deep-umd/1.1.0/deep.js",
|
||
"https://g.alicdn.com/mylib/@ali/deep-umd/1.1.0/deep.css",
|
||
"https://g.alicdn.com/mylib/uxcore/0.22.16/build/uxcore.min.js",
|
||
"https://g.alicdn.com/mylib/uxcore/0.22.16/assets/orange.min.css",
|
||
"https://g.alicdn.com/platform/c/??lodash/4.6.1/lodash.min.js,highcharts/5.0.12/highcharts.js,highcharts/5.0.12/highcharts-more.js,highcharts/5.0.12/modules/map.js,highcharts/5.0.12/modules/funnel.js,natty-storage/2.0.2/dist/natty-storage.min.js,natty-fetch/2.6.0/dist/natty-fetch.pc.min.js,tinymce/4.2.5/tinymce-full.js"
|
||
],
|
||
"library": "Deep",
|
||
"components": [
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Affix>\n <Button type=\"secondary\">Affixed Button</Button>\n</Affix>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/6017e204fa1e-48fd-955d-8f5062c5c878.png",
|
||
"label": "贴顶容器"
|
||
}
|
||
],
|
||
"description": "Affix",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Affix", "version": "1.17.2" },
|
||
"componentName": "Affix",
|
||
"title": "Affix",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Badge content={'hot'} style={{backgroundColor: 'red',color: '#fff'}}>\n <Button type='primary'>确认</Button>\n</Badge>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1pD3ajYH1gK0jSZFwXXc7aXXa-282-122.png",
|
||
"label": "自定义徽记"
|
||
},
|
||
{
|
||
"code": "<Badge dot={true}>\n <Button>链接</Button>\n</Badge>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1I6Y_j.T1gK0jSZFhXXaAtVXa-298-122.png",
|
||
"label": "红点徽记"
|
||
}
|
||
],
|
||
"description": "Badge",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Badge", "version": "1.17.2" },
|
||
"componentName": "Badge",
|
||
"title": "Badge",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Balloon trigger={<span style={{padding: '5px'}}>click</span>} triggerType=\"click\">\n <div>\n 内容\n </div>\n</Balloon>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/925370d9e36e-4d1a-89c0-0f89e8386a68.png",
|
||
"label": "气泡"
|
||
}
|
||
],
|
||
"description": "Balloon",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Balloon", "version": "1.17.2" },
|
||
"componentName": "Balloon",
|
||
"title": "Balloon",
|
||
"category": "Feedback"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<BannerContainer autoWidth layout={'h'}>\n <Button>改变宽度</Button>\n <Button>增加extra内容</Button>\n <Button>垂直布局</Button>\n</BannerContainer>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/fb0e6543eadd-4f99-b99a-4c4a869c777b.png",
|
||
"label": "Banner容器"
|
||
}
|
||
],
|
||
"description": "BannerContainer",
|
||
"npm": {
|
||
"package": "@ali/deep",
|
||
"destructuring": true,
|
||
"exportName": "BannerContainer",
|
||
"version": "1.17.2"
|
||
},
|
||
"componentName": "BannerContainer",
|
||
"title": "BannerContainer",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Breadcrumb>\n <Breadcrumb.Item link=\"javascript:void(0);\">Home</Breadcrumb.Item>\n <Breadcrumb.Item link=\"javascript:void(0);\">All Categories</Breadcrumb.Item>\n <Breadcrumb.Item link=\"javascript:void(0);\">Women’s Clothing</Breadcrumb.Item>\n</Breadcrumb>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/96a92d99cec3-4a1f-8b49-dc091bd993d3.png",
|
||
"label": "面包屑"
|
||
}
|
||
],
|
||
"description": "Breadcrumb",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Breadcrumb", "version": "1.17.2" },
|
||
"componentName": "Breadcrumb",
|
||
"title": "Breadcrumb",
|
||
"category": "Navigation"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Button type='primary'>确定</Button>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/8034dcfc92dd-44f2-9782-88baeda2bdc8.png",
|
||
"label": "主按钮"
|
||
},
|
||
{
|
||
"code": "<Button type='secondary'>取消</Button>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/0164f9e7dd4d-4a95-a484-8bfef42a92d7.png",
|
||
"label": "次要按钮"
|
||
},
|
||
{
|
||
"code": "<Button>取消</Button>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/b35f3a77c251-4347-8f49-790b7c4c46c1.png",
|
||
"label": "普通按钮"
|
||
},
|
||
{
|
||
"code": "<Button type='primary' warning>删除</Button>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/d15e5e25632d-42de-b2d8-6ec2769c0b42.png",
|
||
"label": "警告按钮"
|
||
},
|
||
{
|
||
"code": "<Button.Group size=\"medium\">\n <Button type='secondary'>取消</Button>\n <Button type='primary'>确认</Button>\n</Button.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/fd02c6a2acf2-496c-aa8f-b98e83e6e89b.png",
|
||
"label": "按钮组"
|
||
}
|
||
],
|
||
"description": "Button",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Button", "version": "1.17.2" },
|
||
"componentName": "Button",
|
||
"title": "Button",
|
||
"category": "General"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Calendar dateCellRender={(date) => {return 'date'}} monthCellRender={(date) => {return 'month'}} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/1ef89042a1c8-4f83-82fd-f4de24e8d9e4.png",
|
||
"label": "自定义月日历"
|
||
},
|
||
{
|
||
"code": "<Calendar onSelect={() => {}} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/b864c57e4fb9-48fd-9ef6-de643cc09c1b.png",
|
||
"label": "普通月日历"
|
||
},
|
||
{
|
||
"code": "<Calendar onSelect={() => {}} shape=\"card\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/b1fac4eb51ad-46f9-b07d-8f5e031a9915.png",
|
||
"label": "卡片月日历"
|
||
}
|
||
],
|
||
"description": "Calendar",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Calendar", "version": "1.17.2" },
|
||
"componentName": "Calendar",
|
||
"title": "Calendar",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Card title=\"Simple Card\" subTitle={'subTitle'} extra={null}>\n <div className=\"card-placeholder\">卡片内容</div>\n</Card>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/272ad28ee183-4808-bfbc-14157289468c.png",
|
||
"label": "卡片"
|
||
},
|
||
{
|
||
"code": "<Card className=\"image-card\" contentHeight=\"auto\">\n <img src=\"https://img.alicdn.com/tfs/TB1FNIOSFXXXXaWXXXXXXXXXXXX-260-188.png\" alt=\"father day\" />\n <div className=\"custom-card\">\n <h3>Father's Day</h3>\n <p>Thank you, papa</p>\n </div>\n</Card>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/80df2b0b5fff-4585-ac7c-b961967a3e25.png",
|
||
"label": "自定义样式"
|
||
}
|
||
],
|
||
"description": "Card",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Card", "version": "1.17.2" },
|
||
"componentName": "Card",
|
||
"title": "Card",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Cascader \n dataSource={[\n {\n value: 'zj',\n label:'浙江省',\n children: [\n {\n value: 'hz',\n label: '杭州市',\n children: [\n {\n value: 'xh',\n label: '西湖区'\n }\n ]\n },\n {\n value: 'nb',\n label: '宁波'\n }\n ]\n }\n ]}\n onChange={() => {}}\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/646456c40079-4037-8572-be15d0631d37.png",
|
||
"label": "级联面板"
|
||
}
|
||
],
|
||
"description": "Cascader",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Cascader", "version": "1.17.2" },
|
||
"componentName": "Cascader",
|
||
"title": "Cascader",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<CascaderSelect\n style={{ width: '302px' }}\n dataSource={\n [\n {\n value: 'zj',\n label:'浙江省',\n children: [\n {\n value: 'hz',\n label: '杭州市',\n children: [\n {\n value: 'xh',\n label: '西湖区'\n }\n ]\n },\n {\n value: 'nb',\n label: '宁波'\n }\n ]\n }\n ]\n }\n onChange={() => {}}\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/5e68c27d5a4e-47d6-8cf1-643c8caae23e.png",
|
||
"label": "级联选择"
|
||
}
|
||
],
|
||
"description": "CascaderSelect",
|
||
"npm": {
|
||
"package": "@ali/deep",
|
||
"destructuring": true,
|
||
"exportName": "CascaderSelect",
|
||
"version": "1.17.2"
|
||
},
|
||
"componentName": "CascaderSelect",
|
||
"title": "CascaderSelect",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Checkbox.Group itemDirection=\"ver\">\n <Checkbox value=\"react\">React</Checkbox>\n <Checkbox value=\"vue\">Vue</Checkbox>\n <Checkbox value=\"angular\">Angular</Checkbox>\n</Checkbox.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/347e2f1ba65e-4051-817b-b539a81114f4.png",
|
||
"label": "竖直复选框"
|
||
},
|
||
{
|
||
"code": "<Checkbox.Group itemDirection=\"hoz\">\n <Checkbox value=\"react\">React</Checkbox>\n <Checkbox value=\"vue\">Vue</Checkbox>\n <Checkbox value=\"angular\">Angular</Checkbox>\n</Checkbox.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/d2c8abeb3c13-4684-950e-d5b1094a872c.png",
|
||
"label": "水平复选框"
|
||
}
|
||
],
|
||
"description": "Checkbox",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Checkbox", "version": "1.17.2" },
|
||
"componentName": "Checkbox",
|
||
"title": "Checkbox",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Collapse>\n <Collapse.Panel title=\"simple tile\">\n <ul>\n <li>Promotions are marketing campaigns ran by Marketplace</li>\n <li>Participate to sale your products during that promotion and make a profit</li>\n </ul>\n </Collapse.Panel>\n</Collapse>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/c2055b9ba1f3-4e29-8d5a-b41cb99ef5f0.png",
|
||
"label": "折叠面板"
|
||
}
|
||
],
|
||
"description": "Collapse",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Collapse", "version": "1.17.2" },
|
||
"componentName": "Collapse",
|
||
"title": "Collapse",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<div />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/59287b350f80-424d-882c-869c2e93c36a.png",
|
||
"label": "块级容器( div )"
|
||
},
|
||
{
|
||
"code": "<p />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/7b7a5d895232-4a2d-b418-689422b45851.png",
|
||
"label": "块级容器( p )"
|
||
},
|
||
{
|
||
"code": "<span />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/3accf919aaf6-4d8c-9100-a479cfa065d7.png",
|
||
"label": "行内容器（span）"
|
||
}
|
||
],
|
||
"description": "Container",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Container", "version": "1.17.2" },
|
||
"componentName": "Container",
|
||
"title": "Container",
|
||
"category": "General"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<DatePicker defaultValue=\"2018-01-23\" onChange={val => console.log(val)} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/96979bf43937-4cc2-9afc-6573d416b1e4.png",
|
||
"label": "日期选择"
|
||
}
|
||
],
|
||
"description": "DatePicker",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "DatePicker", "version": "1.17.2" },
|
||
"componentName": "DatePicker",
|
||
"title": "DatePicker",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Dialog\n title=\"Welcome to Alibaba.com\"\n footer={<Button warning type=\"primary\">Customize footer</Button>}\n visible={true}\n>\n Start your business here by searching a popular product\n</Dialog>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1Lg7wjbY1gK0jSZTEXXXDQVXa-356-167.png",
|
||
"label": "定制底部"
|
||
},
|
||
{
|
||
"code": "<Dialog\n title=\"Welcome to Alibaba.com\"\n visible={true}\n onOk={() => {}}\n onCancel={() => {}}\n onClose={() => {}}>\n Start your business here by searching a popular product\n</Dialog>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1rRMwjkT2gK0jSZFkXXcIQFXa-359-175.png",
|
||
"label": "普通对话框"
|
||
}
|
||
],
|
||
"description": "Dialog",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Dialog", "version": "1.17.2" },
|
||
"componentName": "Dialog",
|
||
"title": "Dialog",
|
||
"category": "Feedback"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Drawer\n title=\"标题\"\n placement=\"right\"\n visible={true}\n>\n Start your business here by searching a popular product\n</Drawer>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1QIExjbj1gK0jSZFOXXc7GpXa-401-228.png",
|
||
"label": "抽屉组件"
|
||
}
|
||
],
|
||
"description": "Drawer",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Drawer", "version": "1.17.2" },
|
||
"componentName": "Drawer",
|
||
"title": "Drawer",
|
||
"category": "Feedback"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Dropdown trigger={<span>Hello dropdown</span>} triggerType={[\"click\", \"hover\"]} afterOpen={() => console.log('after open')}>\n <Menu>\n <Menu.Item>Option 1</Menu.Item>\n <Menu.Item>Option 2</Menu.Item>\n <Menu.Item>Option 3</Menu.Item>\n <Menu.Item>Option 4</Menu.Item>\n </Menu>\n</Dropdown>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/fd8fc78a550e-4aa1-912f-063f6cab9221.png",
|
||
"label": "下拉浮层"
|
||
}
|
||
],
|
||
"description": "Dropdown",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Dropdown", "version": "1.17.2" },
|
||
"componentName": "Dropdown",
|
||
"title": "Dropdown",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<EmployeeSearch\n multiple\n deepFetchOptions={{\n prefix: 'https://mocks.alibaba-inc.com/mock/uxcore-employee-search',\n path: {\n search: '/employee360Service/searchEmpInfo.json',\n searchTeam: '/employee360Service/searchEmpTeam.json',\n },\n }}\n onChange={(value) => {\n console.info('onChange', value);\n }}\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/e659e7994e51-409a-ac83-d22e5d49ec79.png",
|
||
"label": "人员搜索"
|
||
}
|
||
],
|
||
"description": "EmployeeSearch",
|
||
"npm": {
|
||
"package": "@ali/deep",
|
||
"destructuring": true,
|
||
"exportName": "EmployeeSearch",
|
||
"version": "1.17.2"
|
||
},
|
||
"componentName": "EmployeeSearch",
|
||
"title": "EmployeeSearch",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Filter rowColumn={4} >\n <Filter.Form>\n <Form.Item label=\"活动名称\">\n <Input name=\"name\" placeholder=\"请输入\" />\n </Form.Item>\n <Form.Item label=\"活动类型\">\n <Select name=\"type\">\n <Select.Option value=\"promot\">营销</Select.Option>\n <Select.Option value=\"online\">虚拟</Select.Option>\n <Select.Option value=\"offline\">线下</Select.Option>\n </Select>\n </Form.Item>\n <Form.Item label=\"组织者\">\n <EmployeeSearch name=\"creator\" />\n </Form.Item>\n <Form.Item label=\"创建日期\">\n <DatePicker name=\"created_at\" />\n </Form.Item>\n <Form.Item label=\"唯一ID\" isAdvancedSearch={true}>\n <Input name=\"id\" />\n </Form.Item>\n </Filter.Form>\n</Filter>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/a3d963c917ae-4842-9cb7-9479f92e37e3.png",
|
||
"label": "过滤表单"
|
||
}
|
||
],
|
||
"description": "Filter",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Filter", "version": "1.17.2" },
|
||
"componentName": "Filter",
|
||
"title": "Filter",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Form labelAlign='top' labelCol={{fixedSpan: 10}} wrapperCol={{span: 14}} style={{width: '60%', padding:'20'}}>\n <Form.Item label=\"用户名:\" help=\"帮助提示\">\n <Input name=\"name\" placeholder=\"请输入用户名\" />\n </Form.Item>\n <Form.Item label=\"密码:\">\n <Input htmlType=\"password\" name=\"password\" placeholder=\"请输入密码\"/>\n </Form.Item>\n <Form.Item label=\"同意协议:\">\n <Checkbox name=\"baseAgreement\" defaultChecked>Agree</Checkbox>\n </Form.Item>\n <Form.Item label=\" \">\n <Form.Submit onClick={()=>{}} type='primary'>登 录</Form.Submit>\n </Form.Item>\n</Form>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/c4794e01e320-41ed-a6ca-1ec1807cd870.png",
|
||
"label": "垂直布局"
|
||
},
|
||
{
|
||
"code": "<Form inline labelAlign='top' labelCol={{fixedSpan: 10}} wrapperCol={{span: 14}} style={{width: '60%'}}>\n <Form.Item label=\"用户名:\" help=\"帮助提示\">\n <Input name=\"name\" placeholder=\"请输入用户名\" />\n </Form.Item>\n <Form.Item label=\"密码:\">\n <Input htmlType=\"password\" name=\"password\" placeholder=\"请输入密码\"/>\n </Form.Item>\n <Form.Item label=\"同意协议:\">\n <Checkbox name=\"baseAgreement\" defaultChecked>Agree</Checkbox>\n </Form.Item>\n <Form.Item label=\" \">\n <Form.Submit onClick={()=>{}} type='primary'>登 录</Form.Submit>\n </Form.Item>\n</Form>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/bf1be4fb0ee1-4701-bd2a-953c0b269ea8.png",
|
||
"label": "水平布局"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"名称:\">\n <Input htmlType=\"text\" name=\"name\" placeholder=\"Please Enter name\"/>\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/f0aca8768c4c-488c-a9ea-83fca2d76d7f.png",
|
||
"label": "InputField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"下拉选择:\">\n <Select>\n <Select.Option value=\"option1\">option1</Select.Option>\n <Select.Option value=\"option2\">option2</Select.Option>\n <Select.Option disabled>disabled</Select.Option>\n </Select>\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1MV60jWL7gK0jSZFBXXXZZpXa-420-168.png",
|
||
"label": "SelectField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"选择项:\">\n <Switch defaultChecked={true} onChange={()=>{}} size=\"small\" />\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/1b691b020b9b-4c0d-a20c-6ed989a95bc8.png",
|
||
"label": "SwitchField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"备注:\">\n <Input.TextArea placeholder={'请输入内容'} />\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/57864796dc82-40d6-8bdb-e4a972d046a6.png",
|
||
"label": "TextAreaField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"数量:\">\n <NumberPicker defaultValue={0} type=\"inline\" onChange={() => {}}/>\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/2367ec669891-4cec-af16-3844c0259fff.png",
|
||
"label": "NumberPickedField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label='选择项：'>\n <Radio.Group\n shape='normal'\n value={1}\n onChange={() => {}}\n >\n <Radio value={1}>Normal</Radio>\n <Radio value={2}>Button</Radio>\n </Radio.Group>\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/346e34ada913-4431-b21b-23671e51e4f9.png",
|
||
"label": "RadioField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label='选择项：'>\n <Checkbox.Group\n value={1}\n onChange={() => {}}\n >\n <Checkbox value={1}>Normal</Checkbox>\n <Checkbox value={2}>Button</Checkbox>\n </Checkbox.Group>\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/d3a55146b060-4329-90d0-81a55aa59d8a.png",
|
||
"label": "CheckboxField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label='时间选择：'>\n <TimePicker onChange={(val) => console.log(val)} />\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1vHj5j7Y2gK0jSZFgXXc5OFXa-496-172.png",
|
||
"label": "TimePickerField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label='日期选择：'>\n <DatePicker defaultValue={new Date()} onChange={val => console.log(val)} />\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1aD24j1H2gK0jSZFEXXcqMpXa-504-170.png",
|
||
"label": "DatePickerField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label='级联选择：'>\n <CascaderSelect style={{ width: '302px' }} dataSource={[[\n {\n value: 'zj',\n label:'浙江省',\n children: [\n {\n value: 'hz',\n label: '杭州市',\n children: [\n {\n value: 'xh',\n label: '西湖区'\n }\n ]\n },\n {\n value: 'nb',\n label: '宁波'\n }\n ]\n }\n ]]} onChange={() => {}} />\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1Otz5j7L0gK0jSZFxXXXWHVXa-654-162.png",
|
||
"label": "CascaderSelectField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"区间选择:\">\n <Range defaultValue={30} style={style} reverse hasTip={false} />\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB10sn5j.T1gK0jSZFhXXaAtVXa-526-182.png",
|
||
"label": "RangeField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"评分:\">\n <Rating defaultValue={3.2} onChange={val => console.log('change:', val)} onHoverChange={val => console.log('hover:', val)} />\n</Form.Item>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/ef69d4f104fd-49b9-a075-b5cc03c8b4ec.png",
|
||
"label": "RatingField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"文件上传:\">\n <Upload\n action=\"https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload\"\n beforeUpload={beforeUpload}\n onChange={onChange}\n onSuccess={onSuccess}\n multiple\n defaultValue={[{\n name: 'IMG.png',\n state: 'done',\n size: 1024,\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n fileURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }]}\n >\n <Button type=\"primary\" style={{margin: '0 0 10px'}}>Upload File</Button>\n </Upload>\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1yij9j.Y1gK0jSZFCXXcwqXXa-490-204.png",
|
||
"label": "UploadFileField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"图片上传:\">\n <Upload style={{width: 400}}\n listType=\"image\"\n action=\"https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload\"\n accept=\"image/png, image/jpg, image/jpeg, image/gif, image/bmp\"\n beforeUpload={beforeUpload}\n onChange={onChange}\n defaultValue={[{\n uid: '0',\n name: 'IMG.png',\n state: 'done',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n size: 2000\n }, {\n uid: '1',\n name: 'IMG.png',\n percent: 50,\n state: 'uploading',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }, {\n uid: '2',\n name: 'IMG.png',\n state: 'error',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }, {\n uid: '3',\n name: 'IMG.png',\n state: 'error',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n errorMsg: 'Fail to Upload something'\n }]}\n >\n <Button type=\"primary\" style={{margin: '0 0 10px'}}>Upload Image</Button>\n </Upload>\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB16Jf.jYj1gK0jSZFuXXcrHpXa-912-334.png",
|
||
"label": "UploadImageField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label=\"树选择器:\">\n <TreeSelect treeDefaultExpandAll onChange={()=>{}} style={{ width: 200 }}>\n <TreeSelect.Node key=\"1\" value=\"1\" label=\"Component\">\n <TreeSelect.Node key=\"2\" value=\"2\" label=\"Form\">\n <TreeSelect.Node key=\"4\" value=\"4\" label=\"Input\" />\n <TreeSelect.Node key=\"5\" value=\"5\" label=\"Select\" disabled />\n </TreeSelect.Node>\n <TreeSelect.Node key=\"3\" value=\"3\" label=\"Display\">\n <TreeSelect.Node key=\"6\" value=\"6\" label=\"Table\" />\n </TreeSelect.Node>\n </TreeSelect.Node>\n </TreeSelect>\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1rDEXjW61gK0jSZFlXXXDKFXa-528-192.png",
|
||
"label": "TreeSelectField"
|
||
},
|
||
{
|
||
"code": "<Form.Item label='穿梭框：'>\n <Transfer defaultValue={['3']} dataSource={[{label:'aaa', value:'aaa'}, {label: 'bbb', value: 'bbb'}]} defaultLeftChecked={['1']} onChange={()=>{}} titles={['Title', 'Title']} />\n</Form.Item>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1JD7XjYH1gK0jSZFwXXc7aXXa-974-578.png",
|
||
"label": "TransferField"
|
||
}
|
||
],
|
||
"description": "Form",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Form", "version": "1.17.2" },
|
||
"componentName": "Form",
|
||
"title": "Form",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Grid.Row>\n <Grid.Col span=\"24\">col-24</Grid.Col>\n</Grid.Row>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/5327054a3e17-460f-93e6-d049b988f058.png",
|
||
"label": "一列栅格"
|
||
},
|
||
{
|
||
"code": "<Grid.Row>\n <Grid.Col span=\"12\">col-12</Grid.Col>\n <Grid.Col span=\"12\">col-12</Grid.Col>\n</Grid.Row>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/554718b6a306-40d1-9053-6e219236dd64.png",
|
||
"label": "两列栅格"
|
||
},
|
||
{
|
||
"code": "<Grid.Row>\n <Grid.Col span=\"8\">col-8</Grid.Col>\n <Grid.Col span=\"8\">col-8</Grid.Col>\n <Grid.Col span=\"8\">col-8</Grid.Col>\n</Grid.Row>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/a3f20ad98fe4-4239-891f-81064e23cb4b.png",
|
||
"label": "三列栅格"
|
||
}
|
||
],
|
||
"description": "Grid",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Grid", "version": "1.17.2" },
|
||
"componentName": "Grid",
|
||
"title": "Grid",
|
||
"category": "General"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Icon type=\"atm\" size=\"large\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/5d9fad2badf5-4201-a13f-51292d2c9e53.png",
|
||
"label": "图标"
|
||
}
|
||
],
|
||
"description": "Icon",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Icon", "version": "1.17.2" },
|
||
"componentName": "Icon",
|
||
"title": "Icon",
|
||
"category": "General"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Illustration type=\"empty\" size=\"small\" link=\"#\" content=\"系统错误，请稍后再试！\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/1829cf9de81f-4edc-994c-8dfa6c0a77bd.png",
|
||
"label": "模块缺省"
|
||
},
|
||
{
|
||
"code": "<div style={{border: \"1px solid #ccc\", margin: \"20px\", padding: \"50px\", width: \"1000px\"}}>\n <Illustration type=\"notFound\" link=\"#\" linkText=\"搜索技巧\" content={'请调整关键词后再搜索, 如减少关键词等'} title=\"搜索无结果\" action={<Button>返回</Button>} />\n </div>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/fa23fe8d62ee-4f9e-b65c-0b330f1cb503.png",
|
||
"label": "整页缺省"
|
||
}
|
||
],
|
||
"description": "Illustration",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Illustration", "version": "1.17.2" },
|
||
"componentName": "Illustration",
|
||
"title": "Illustration",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<ImageViewer\n photos={{\n data : [\n { src: 'https://img.alicdn.com/imgextra/i4/673400424/TB1d2PkKXXXXXbiXXXXXXXXXXXX_!!673400424-0-tstar.jpg' },\n { src: 'https://img.alicdn.com/imgextra/i1/673400424/TB1Jze1KXXXXXcfXFXXXXXXXXXX_!!673400424-0-tstar.jpg' },\n {src:\"https://img.alicdn.com/imgextra/i2/927018118/TB13fBjKFXXXXbPXpXXXXXXXXXX_!!0-tstar.jpg\"},\n {src:\"https://img.alicdn.com/tps/i4/TB1bokgFVXXXXbKXFXXYCct.pXX-238-238.png\"},\n ],\n current:0, // current 当前定位于第几张照片;\n }}\n thumbPlacement={\"right\"}\n enableThumbs\n showButton\n width={400}\n height={200}\n onChange={()=>{ console.log(1) }}\n/>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB17hf6jED1gK0jSZFGXXbd3FXa-526-201.png",
|
||
"label": "图片预览"
|
||
}
|
||
],
|
||
"description": "ImageViewer",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "ImageViewer", "version": "1.17.2" },
|
||
"componentName": "ImageViewer",
|
||
"title": "ImageViewer",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Input placeholder='请输入' size='medium'/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/1eb8bd84ada7-4749-b05c-2202303c583a.png",
|
||
"label": "普通文本框"
|
||
},
|
||
{
|
||
"code": "<Input hasLimitHint\n addonTextBefore=\"http://\"\n addonTextAfter=\".com\"\n size=\"medium\"\n defaultValue=\"alibaba\"\n maxLength={22}\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/8c2d24fd4aad-4041-8563-a163d1926bd5.png",
|
||
"label": "自定义文本框"
|
||
}
|
||
],
|
||
"description": "Input",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Input", "version": "1.17.2" },
|
||
"componentName": "Input",
|
||
"title": "Input",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Loading tip=\"加载中...\" >\n <div className=\"demo\" style={{width: '200px', height: '80px'}}>test</div>\n</Loading>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/69177456b4ec-4481-b674-e3816a91be80.png",
|
||
"label": "加载中"
|
||
}
|
||
],
|
||
"description": "Loading",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Loading", "version": "1.17.2" },
|
||
"componentName": "Loading",
|
||
"title": "Loading",
|
||
"category": "Feedback"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Menu className=\"my-menu\" defaultOpenKeys=\"sub-menu\">\n <Menu.Item key=\"1\">Option 1</Menu.Item>\n <Menu.Item disabled key=\"2\">Disabled option 2</Menu.Item>\n <Menu.SubMenu key=\"sub-menu\" label=\"Sub menu\">\n <Menu.Item key=\"sub-1\">Sub option 1</Menu.Item>\n <Menu.Item key=\"sub-2\">Sub option 2</Menu.Item>\n </Menu.SubMenu>\n <Menu.Group label=\"Group\">\n <Menu.Item key=\"group-1\">Group option 1</Menu.Item>\n <Menu.Item key=\"group-2\">Group option 2</Menu.Item>\n </Menu.Group>\n</Menu>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/57b687a9c817-41f6-a8ac-f48c539936b2.png",
|
||
"label": "竖直菜单"
|
||
},
|
||
{
|
||
"code": "<Menu hozInLine direction=\"hoz\" mode=\"popup\" className=\"my-hoz-menu\" popupClassName=\"my-hoz-menu\" popupAutoWidth>\n <Menu.Item key=\"1\">First</Menu.Item>\n <Menu.Item key=\"2\">Second</Menu.Item>\n <Menu.SubMenu label=\"Sub Nav\">\n <Menu.Item key=\"sub-12\">Sub option 1</Menu.Item>\n <Menu.Item key=\"sub-22\">Sub option 2</Menu.Item>\n <Menu.SubMenu label=\"Sub Sub Nav\">\n <Menu.Item key=\"sub-sub-122\">Sub sub option 1</Menu.Item>\n <Menu.Item key=\"sub-sub-222\">Sub sub option 2</Menu.Item>\n </Menu.SubMenu>\n </Menu.SubMenu>\n <Menu.SubMenu label=\"Sub Nav\">\n <Menu.Item key=\"sub-1\">Sub option 1</Menu.Item>\n <Menu.Item key=\"sub-2\">Sub option 2</Menu.Item>\n <Menu.SubMenu label=\"Sub Sub Nav\">\n <Menu.Item key=\"sub-sub-1\">Sub sub option 1</Menu.Item>\n <Menu.Item key=\"sub-sub-2\">Sub sub option 2</Menu.Item>\n </Menu.SubMenu>\n </Menu.SubMenu>\n <Menu.Item key=\"3\">Third</Menu.Item>\n </Menu>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/4d84204cf205-445b-8281-2ddbf0d5f3e8.png",
|
||
"label": "水平菜单"
|
||
}
|
||
],
|
||
"description": "Menu",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Menu", "version": "1.17.2" },
|
||
"componentName": "Menu",
|
||
"title": "Menu",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<div>\n<MenuButton label=\"Document Edit\">下拉按钮</MenuButton> \n<MenuButton type=\"primary\" label=\"Document Edit\">下拉按钮</MenuButton> \n<MenuButton type=\"secondary\" label=\"Document Edit\">下拉按钮</MenuButton> \n</div>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/a943a90f5253-4a91-b40e-1aa01c13212d.png",
|
||
"label": "菜单按钮"
|
||
},
|
||
{
|
||
"code": "<MenuButton type=\"primary\" label=\"Document Edit\" onItemClick={()=>{}}>\n <MenuButton.Item key=\"undo\">Undo</MenuButton.Item>\n <MenuButton.Item key=\"redo\">Redo</MenuButton.Item>\n <MenuButton.Divider />\n <MenuButton.Group>\n <MenuButton.Item key=\"cut\">Cut</MenuButton.Item>\n <MenuButton.Item key=\"copy\">Copy</MenuButton.Item>\n <MenuButton.Item key=\"paste\">Paste</MenuButton.Item>\n </MenuButton.Group>\n</MenuButton>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/a13bfffaa3a3-4ee0-bf55-cdcd1e601c1e.png",
|
||
"label": "菜单按钮组"
|
||
}
|
||
],
|
||
"description": "MenuButton",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "MenuButton", "version": "1.17.2" },
|
||
"componentName": "MenuButton",
|
||
"title": "MenuButton",
|
||
"category": "General"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<div>\n<Message title=\"Success\" type=\"success\">\n Content Content Content Content\n</Message>\n<Message title=\"Warning\" type=\"warning\">\n Content Content Content Content\n </Message>\n <Message title=\"Error\" type=\"error\">\n Content Content Content Content\n </Message>\n <Message title=\"Notice\" type=\"notice\">\n Content Content Content Content\n </Message>\n</div>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/8e764eb4ba18-4edf-9e5b-2d7828d3905a.png",
|
||
"label": "信息提示"
|
||
}
|
||
],
|
||
"description": "Message",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Message", "version": "1.17.2" },
|
||
"componentName": "Message",
|
||
"title": "Message",
|
||
"category": "Feedback"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<NameCard userInfo={{\n connection: 'bilateral',\n loginUserId: '85377',\n emailAddr: 'hanchao.shc@alibaba-inc.com',\n jobDesc: '资深前端开发工程师',\n aliWW: '',\n tbWW: '九神',\n extensionPhone: '81178854',\n travelInfo: '',\n havanaId: 1804320196,\n emplId: '67732',\n nickNameCn: '九神',\n hrStatus: 'A',\n photoPath: 'tfscom/TB1rddnIpXXXXbBXpXXXXXXXXXX.tfsprivate',\n deptEnName: '',\n pinyinNick: 'jiushen',\n deptDesc: '集团客户体验事业群-消费者体验发展事业部-服务平台中心-智能服务部-新业务运营',\n orderNum: '',\n virtMobile: '',\n pinyin2: 'SHAO Hanchao',\n mobilePhone: '15088618860',\n jobSubCount: 0,\n email: '',\n officePhone: '',\n deptId: '',\n hasTeam: false,\n leader: false,\n jobTeamCount: 0,\n name: '邵寒超',\n id: '67732',\n avatar: '/photo/67732.jpg?1401777321',\n avatarBig: '',\n pinyin: 'shaohanchao',\n}} onConnectionClick={() => {}}>\n <span>张三</span>\n</NameCard>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1qLGsjUH1gK0jSZSyXXXtlpXa-796-330.png",
|
||
"label": "人员名片"
|
||
}
|
||
],
|
||
"description": "NameCard",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "NameCard", "version": "1.17.2" },
|
||
"componentName": "NameCard",
|
||
"title": "NameCard",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Button type=\"primary\" onClick={() => {\n Notification.open({\n title: 'Notification Title',\n content: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n onClick: () => {\n console.log('Notification Clicked!');\n },\n });\n}}>\n 点击出现消息\n</Button>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/6f85786c724b-4595-9841-1eefbe480b4e.png",
|
||
"label": "消息通知"
|
||
}
|
||
],
|
||
"description": "Notification",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Notification", "version": "1.17.2" },
|
||
"componentName": "Notification",
|
||
"title": "Notification",
|
||
"category": "Feedback"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<NumberPicker defaultValue={0} type=\"inline\" onChange={() => {}}/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/8d57ba6439de-46e4-9de4-a19522d396b8.png",
|
||
"label": "数字选择"
|
||
}
|
||
],
|
||
"description": "NumberPicker",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "NumberPicker", "version": "1.17.2" },
|
||
"componentName": "NumberPicker",
|
||
"title": "NumberPicker",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<PageHeader\n title=\"页头\"\naction={<Button>操作</Button>}\nextraContent={<div>其它内容</div>}\nsubContent={<div>ContentComponent</div>}\n logo={<img src=\"https://img.alicdn.com/tfs/TB1do1Oi46I8KJjy0FgXXXXzVXa-200-200.jpg\" alt=\"\"/>}\n device={'pc'}\n prefix={'deep'}\ncrumb={<Breadcrumb>\n <Breadcrumb.Item link=\"javascript:void(0);\">Home</Breadcrumb.Item>\n <Breadcrumb.Item link=\"javascript:void(0);\">All Categories</Breadcrumb.Item>\n <Breadcrumb.Item link=\"javascript:void(0);\">Women’s Clothing</Breadcrumb.Item>\n <Breadcrumb.Item link=\"javascript:void(0);\">Blouses & Shirts</Breadcrumb.Item>\n <Breadcrumb.Item>\n T-shirts <b>78,999</b> Results\n </Breadcrumb.Item>\n </Breadcrumb>}\n containerWidth=\"800\"\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/6257ce18e7b5-4897-8dd9-434d21f6f4d9.png",
|
||
"label": "页头"
|
||
}
|
||
],
|
||
"description": "PageHeader",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "PageHeader", "version": "1.17.2" },
|
||
"componentName": "PageHeader",
|
||
"title": "PageHeader",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Pagination defaultCurrent={2} onChange={(value) => {console.log(value)}} total={50} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/54f50b09c869-4c47-933c-f21421b6bb74.png",
|
||
"label": "普通分页"
|
||
},
|
||
{
|
||
"code": "<Pagination defaultCurrent={2} type=\"simple\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/581cc577608d-4ad2-a8f5-941d26409ea2.png",
|
||
"label": "上下翻页"
|
||
},
|
||
{
|
||
"code": "<Pagination defaultCurrent={2} type=\"mini\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/4cb5c1c15af9-4506-9b1a-8512269ade42.png",
|
||
"label": "迷你分页"
|
||
}
|
||
],
|
||
"description": "Pagination",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Pagination", "version": "1.17.2" },
|
||
"componentName": "Pagination",
|
||
"title": "Pagination",
|
||
"category": "Navigation"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Progress percent={30} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/1c4732b8c315-48f4-b5db-c3b5f4e62a92.png",
|
||
"label": "水平进度条"
|
||
},
|
||
{
|
||
"code": "<Progress percent={30} shape=\"circle\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/04781fc69afe-4601-982e-17ad6eba9a1d.png",
|
||
"label": "环形进度条"
|
||
}
|
||
],
|
||
"description": "Progress",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Progress", "version": "1.17.2" },
|
||
"componentName": "Progress",
|
||
"title": "Progress",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Radio.Group\n shape={'button'}\n>\n <Radio value=\"react\">React</Radio>\n <Radio value=\"vue\">Vue</Radio>\n <Radio value=\"angular\">Angular</Radio>\n</Radio.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/db93145c9c06-43b0-9486-cf091c20b8a8.png",
|
||
"label": "按钮型单选"
|
||
},
|
||
{
|
||
"code": "<Radio.Group\n shape={'normal'}\n>\n <Radio value=\"react\">React</Radio>\n <Radio value=\"vue\">Vue</Radio>\n <Radio value=\"angular\">Angular</Radio>\n</Radio.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/0e13d4a87861-4f40-8ad6-39816438f8f6.png",
|
||
"label": "普通单选"
|
||
}
|
||
],
|
||
"description": "Radio",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Radio", "version": "1.17.2" },
|
||
"componentName": "Radio",
|
||
"title": "Radio",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Range defaultValue={30} style={{marginBottom: '15px'}} hasTip={false} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/6d84710441c8-4f0f-8994-bef498a98b2f.png",
|
||
"label": "普通区间"
|
||
},
|
||
{
|
||
"code": "<Range tooltipVisible defaultValue={60} style={{marginBottom: '15px'}} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/ed4d5d66a773-4d5b-8a52-349ddb176abd.png",
|
||
"label": "tip提示区间"
|
||
},
|
||
{
|
||
"code": "<Range slider={'double'} defaultValue={[20, 40]} style={{marginBottom: '15px'}} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/fb49ea2e52d5-49c9-bd1e-7304d1d31aba.png",
|
||
"label": "双控制按钮区间"
|
||
}
|
||
],
|
||
"description": "Range",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Range", "version": "1.17.2" },
|
||
"componentName": "Range",
|
||
"title": "Range",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Rating defaultValue={3.5} size=\"large\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/72c283de9965-476b-8be0-93447ed2b2bd.png",
|
||
"label": "评价"
|
||
}
|
||
],
|
||
"description": "Rating",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Rating", "version": "1.17.2" },
|
||
"componentName": "Rating",
|
||
"title": "Rating",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Search key=\"6\" searchText=\"search\" onSearch={() => {}} style={{width: '400px'}}/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/fb91105ed65d-4e10-9036-43aee1c7ace1.png",
|
||
"label": "搜索框"
|
||
}
|
||
],
|
||
"description": "Search",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Search", "version": "1.17.2" },
|
||
"componentName": "Search",
|
||
"title": "Search",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Select\n mode=\"multiple\"\n defaultValue={['10001']}\n dataSource={[\n {value: '10001', label: 'Lucy King'},\n {value: 10002, label: 'Lily King'},\n {value: 10003, label: 'Tom Cat', disabled: true},\n {label: 'Special Group', children: [{value: -1, label: 'FALSE'}, {value: 0, label: 'ZERO'}]}\n ]}\n style={{width: 300}}\n />",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1NadEka61gK0jSZFlXXXDKFXa-738-186.png",
|
||
"label": "下拉选择器（标签模式）"
|
||
},
|
||
{
|
||
"code": "<Select defaultValue=\"10\">\n <Select.Option value=\"10\">阿里巴巴</Select.Option>\n <Select.Option value=\"20\">淘宝</Select.Option>\n <Select.Option disabled={true}>天猫</Select.Option>\n </Select>",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB12tXDkbY1gK0jSZTEXXXDQVXa-706-174.png",
|
||
"label": "下拉选择器"
|
||
}
|
||
],
|
||
"description": "Select",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Select", "version": "1.17.2" },
|
||
"componentName": "Select",
|
||
"title": "Select",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Shell />",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1fhqsjUH1gK0jSZSyXXXtlpXa-2878-174.png",
|
||
"label": "导航框架"
|
||
}
|
||
],
|
||
"description": "Shell",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Shell", "version": "1.17.2" },
|
||
"componentName": "Shell",
|
||
"title": "Shell",
|
||
"category": "Util"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Slider>\n <div className=\"slider-img-wrapper\"><img draggable={false} src={'https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png'} alt={''} /></div>\n <div className=\"slider-img-wrapper\"><img draggable={false} src={'https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png'} alt={''} /></div>\n <div className=\"slider-img-wrapper\"><img draggable={false} src={'https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png'} alt={''} /></div>\n <div className=\"slider-img-wrapper\"><img draggable={false} src={'https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png'} alt={''} /></div>\n</Slider>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/22555a656d0d-497a-8394-ef22aa1a2c67.png",
|
||
"label": "轮播图"
|
||
},
|
||
{
|
||
"code": "<Slider slidesToShow={4} arrowPosition=\"outer\" dots={false} lazyLoad >\n <div style={{width: '25%'}}><h4 className=\"h4\">1</h4></div>\n <div style={{width: '25%'}}><h4 className=\"h4\">2</h4></div>\n <div style={{width: '25%'}}><h4 className=\"h4\">3</h4></div>\n <div style={{width: '25%'}}><h4 className=\"h4\">4</h4></div>\n <div style={{width: '25%'}}><h4 className=\"h4\">5</h4></div>\n <div style={{width: '25%'}}><h4 className=\"h4\">6</h4></div>\n <div style={{width: '25%'}}><h4 className=\"h4\">7</h4></div>\n</Slider>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/650c1029d06d-4abf-b621-234819a90eed.png",
|
||
"label": "轮播组图"
|
||
}
|
||
],
|
||
"description": "Slider",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Slider", "version": "1.17.2" },
|
||
"componentName": "Slider",
|
||
"title": "Slider",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<SplitButton label=\"Edit Document\">分隔按钮</SplitButton>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/41541c9a6f3c-435d-beb9-8ab4ac2204dd.png",
|
||
"label": "分隔按钮"
|
||
},
|
||
{
|
||
"code": "<SplitButton label=\"Edit Document\" type=\"primary\">分隔按钮</SplitButton>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/612bc8f052f9-49c7-85a9-3066468c39ce.png",
|
||
"label": "主分隔按钮"
|
||
}
|
||
],
|
||
"description": "SplitButton",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "SplitButton", "version": "1.17.2" },
|
||
"componentName": "SplitButton",
|
||
"title": "SplitButton",
|
||
"category": "General"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Switch checkedChildren=\"on\" defaultChecked onChange={() => {}} unCheckedChildren=\"off\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/abbb333f2a7a-4369-810d-8895fbb31c9d.png",
|
||
"label": "默认开启"
|
||
},
|
||
{
|
||
"code": "<Switch className=\"large-width\" checkedChildren=\"on\" onChange={() => {}} unCheckedChildren=\"off please\" />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/67e524d2e137-4779-9e18-b0ee0a26bba5.png",
|
||
"label": "默认关闭"
|
||
}
|
||
],
|
||
"description": "Switch",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Switch", "version": "1.17.2" },
|
||
"componentName": "Switch",
|
||
"title": "Switch",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Tab shape={'pure'}>\n <Tab.Item title=\"Home\" key=\"1\">Home content</Tab.Item>\n <Tab.Item title=\"Documentation\" key=\"2\">Doc content</Tab.Item>\n <Tab.Item title=\"Help\" key=\"3\">Help Content</Tab.Item>\n</Tab>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/16d632e407d8-4cff-8265-8615e0bcdc38.png",
|
||
"label": "普通选项卡"
|
||
},
|
||
{
|
||
"code": "<Tab shape={'capsule'}>\n <Tab.Item title=\"Home\" key=\"1\">Home content</Tab.Item>\n <Tab.Item title=\"Documentation\" key=\"2\">Doc content</Tab.Item>\n <Tab.Item title=\"Help\" key=\"3\">Help Content</Tab.Item>\n</Tab>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/a739af4ccd2a-41d5-a304-34c0f55d9403.png",
|
||
"label": "胶囊型选项卡"
|
||
},
|
||
{
|
||
"code": "<Tab shape={'wrapped'}>\n <Tab.Item title=\"Home\" key=\"1\">Home content</Tab.Item>\n <Tab.Item title=\"Documentation\" key=\"2\">Doc content</Tab.Item>\n <Tab.Item title=\"Help\" key=\"3\">Help Content</Tab.Item>\n</Tab>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/c8f0953633c7-44b8-ac64-fd6a5ddbd04f.png",
|
||
"label": "包裹型选项卡"
|
||
},
|
||
{
|
||
"code": "<Tab shape={'text'}>\n <Tab.Item title=\"Home\" key=\"1\">Home content</Tab.Item>\n <Tab.Item title=\"Documentation\" key=\"2\">Doc content</Tab.Item>\n <Tab.Item title=\"Help\" key=\"3\">Help Content</Tab.Item>\n</Tab>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/f9fa5286802d-4163-8b27-0cb5fbe52c3d.png",
|
||
"label": "文本型选项卡"
|
||
}
|
||
],
|
||
"description": "Tab",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Tab", "version": "1.17.2" },
|
||
"componentName": "Tab",
|
||
"title": "Tab",
|
||
"category": "Navigation"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Table\n dataSource={[\n {id: 1, time: '2016'},\n {id: 2, time: '2017'},\n {id: 3, time: '2018'}\n ]}\n>\n <Table.Column title=\"Id\" dataIndex=\"id\"/>\n <Table.Column title=\"Time\" dataIndex=\"time\"/>\n</Table>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/80df8ea4d93a-47c8-a170-e90efe956734.png",
|
||
"label": "表格"
|
||
}
|
||
],
|
||
"description": "Table",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Table", "version": "1.17.2" },
|
||
"componentName": "Table",
|
||
"title": "Table",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Tag.Group>\n <Tag.Selectable checked={false}>Selectable1</Tag.Selectable>\n <Tag.Selectable checked={true}>Selectable1</Tag.Selectable>\n <Tag.Selectable checked={false}>Selectable1</Tag.Selectable>\n</Tag.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/07a673e30e04-4132-a01f-4029403f4ea5.png",
|
||
"label": "可选择标签组"
|
||
},
|
||
{
|
||
"code": "<Tag.Group>\n <Tag type=\"normal\" size=\"large\">Normal large Tag</Tag>\n <Tag type=\"primary\" size=\"large\">Primary large Tag</Tag>\n <Tag size=\"large\"><Icon type=\"smile\" /> Tag With Icon</Tag>\n</Tag.Group>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/08611b80fe3a-4120-b5be-936c6e0204c6.png",
|
||
"label": "普通标签组"
|
||
}
|
||
],
|
||
"description": "Tag",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Tag", "version": "1.17.2" },
|
||
"componentName": "Tag",
|
||
"title": "Tag",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Timeline>\n <Timeline.Item title=\"Receipt\" state=\"process\"/>\n <Timeline.Item title=\"Ship\" state=\"success\" />\n <Timeline.Item title=\"Order\" content={\"order\"} />\n</Timeline>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/c7b7c3b588ba-491e-bf57-06b07b4310cc.png",
|
||
"label": "垂直步骤条"
|
||
},
|
||
{
|
||
"code": "<Timeline>\n <Timeline.Item title=\"Sign\" state=\"process\" timeLeft=\"2016-10-03\" />\n <Timeline.Item title=\"Ship\" timeLeft=\"2016-10-02\" />\n <Timeline.Item title=\"Order\" timeLeft=\"2016-10-01\" />\n</Timeline>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/cd76b43e93aa-4479-96d5-f67f21ba9cd5.png",
|
||
"label": "时间左侧"
|
||
}
|
||
],
|
||
"description": "Timeline",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Timeline", "version": "1.17.2" },
|
||
"componentName": "Timeline",
|
||
"title": "Timeline",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<TimePicker onChange={(val) => console.log(val)} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/0d4a46c9ee47-49ac-a4c2-8bc6fde71cf1.png",
|
||
"label": "时间选择器"
|
||
}
|
||
],
|
||
"description": "TimePicker",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "TimePicker", "version": "1.17.2" },
|
||
"componentName": "TimePicker",
|
||
"title": "TimePicker",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Transfer \n defaultValue={['3']} \n dataSource={[\n {\n label: 'content0',\n value: '0',\n },\n {\n label: 'content1',\n value: '1',\n },\n {\n label: 'content2',\n value: '2',\n disabled: true\n }\n ]}\n defaultLeftChecked={['1']}\n onChange={() => {}}\n titles={['Title', 'Title']}\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/521d73dcf044-4c96-b081-b45703a4d6a7.png",
|
||
"label": "穿梭框"
|
||
}
|
||
],
|
||
"description": "Transfer",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Transfer", "version": "1.17.2" },
|
||
"componentName": "Transfer",
|
||
"title": "Transfer",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Tree\n checkable editable\n defaultExpandedKeys={['2']}\n defaultCheckedKeys={['2', '4', '5']}\n>\n <Tree.Node key=\"1\" label=\"Component\">\n <Tree.Node key=\"2\" label=\"Form\" selectable={false}>\n <Tree.Node key=\"4\" label=\"Input\" />\n <Tree.Node key=\"5\" label=\"Select\" disabled />\n </Tree.Node>\n <Tree.Node key=\"3\" label=\"Display\">\n <Tree.Node key=\"6\" label=\"Table\" />\n </Tree.Node>\n </Tree.Node>\n</Tree>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/2c1619fca799-4e1b-8f51-d3a361281823.png",
|
||
"label": "树形选择"
|
||
}
|
||
],
|
||
"description": "Tree",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Tree", "version": "1.17.2" },
|
||
"componentName": "Tree",
|
||
"title": "Tree",
|
||
"category": "DataDisplay"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<TreeSelect treeDefaultExpandAll defaultValue=\"1\" onChange={() => {}} style={{ width: 200 }}>\n <TreeSelect.Node key=\"1\" value=\"1\" label=\"Alibaba\">\n <TreeSelect.Node key=\"2\" value=\"2\" label=\"Form\">\n <TreeSelect.Node key=\"4\" value=\"4\" label=\"Input\" />\n <TreeSelect.Node key=\"5\" value=\"5\" label=\"Select\" disabled />\n </TreeSelect.Node>\n <TreeSelect.Node key=\"3\" value=\"3\" label=\"Display\">\n <TreeSelect.Node key=\"6\" value=\"6\" label=\"Table\" />\n </TreeSelect.Node>\n </TreeSelect.Node>\n</TreeSelect>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/7679e63dc8fe-4909-bcfb-274ae68e8a1a.png",
|
||
"label": "插槽模式"
|
||
},
|
||
{
|
||
"code": "<TreeSelect treeDefaultExpandAll defaultValue='1' dataSource={[{\n label: 'Component',\n value: '1',\n children: [{\n label: 'Form',\n value: '2',\n children: [{\n label: 'Input',\n value: '4'\n }, {\n label: 'Select',\n value: '5',\n disabled: true\n }]\n }, {\n label: 'Display',\n value: '3',\n children: [{\n label: 'Table',\n value: '6'\n }]\n }]\n}]} style={{ width: 200 }} />",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/45015b973042-4ee5-a01d-07536e96dce0.png",
|
||
"label": "数据生成"
|
||
}
|
||
],
|
||
"description": "TreeSelect",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "TreeSelect", "version": "1.17.2" },
|
||
"componentName": "TreeSelect",
|
||
"title": "TreeSelect",
|
||
"category": "DataEntry"
|
||
},
|
||
{
|
||
"snippets": [
|
||
{
|
||
"code": "<Upload\n action=\"https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload\"\n beforeUpload={() => {}}\n onChange={() => {}}\n onSuccess={() => {}}\n multiple\n defaultValue={[{\n name: 'IMG.png',\n state: 'done',\n size: 1024,\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n fileURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }]}\n>\n <span style={{margin: '0 0 10px'}}>Upload File</span>\n</Upload>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/bd23fe0b470d-4b83-94d0-9b8d0c5dfc43.png",
|
||
"label": "文件上传"
|
||
},
|
||
{
|
||
"code": "<Upload.Card\n listType=\"card\"\n action=\"https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload\"\n accept=\"image/png, image/jpg, image/jpeg, image/gif, image/bmp\"\n onPreview={() => {}}\n onChange={() => {}}\n onSuccess={() => {}}\n onError={() => {}}\n defaultValue={[{\n uid: '0',\n name: 'IMG.png',\n state: 'done',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }, {\n uid: '1',\n name: 'IMG.png',\n percent: 50,\n state: 'uploading',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }, {\n uid: '2',\n name: 'IMG.png',\n state: 'error',\n url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',\n imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg'\n }]}\n/>",
|
||
"screenshot": "https://limitless-static-daily.alibaba-inc.com/limitless/lib/image/0c2e2307f370-4f89-bf4b-288b0f8ecbd6.png",
|
||
"label": "图片上传"
|
||
}
|
||
],
|
||
"description": "Upload",
|
||
"npm": { "package": "@ali/deep", "destructuring": true, "exportName": "Upload", "version": "1.17.2" },
|
||
"componentName": "Upload",
|
||
"title": "Upload",
|
||
"category": "DataEntry"
|
||
}
|
||
],
|
||
"packageName": "@ali/deep",
|
||
"version": "1.17.2"
|
||
}
|
||
],
|
||
"appKey": "xxxxxxxxx"
|
||
},
|
||
"errorCode": "",
|
||
"success": true,
|
||
"throwable": ""
|
||
}
|