joywok-material-components
Version:
<h1 align="center"> Joywok Material Components </h1>
332 lines (331 loc) • 10.7 kB
JavaScript
define({ "api": [
{
"type": "",
"url": "{}",
"title": "组合组件",
"name": "日期组件",
"group": "日期组件",
"parameter": {
"fields": {
"Parameter": [
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "value",
"description": "<p>选中的时间(时间戳)</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "placeholder",
"description": "<p>默认Placeholder</p>"
},
{
"group": "Parameter",
"type": "Array",
"optional": false,
"field": "format",
"description": "<p>日期显示格式化</p>"
},
{
"group": "Parameter",
"type": "Function",
"optional": false,
"field": "onChange",
"description": "<p>数据变化的回调事件(时间戳)</p>"
}
]
}
},
"success": {
"examples": [
{
"title": "使用案例:",
"content": "import JwDatepicker from 'joywok-material-components/lib/datepicker/normal';\n<JwDatepicker value={'1581058148'} onChange={(e)=>{console.log(e)}}></JwDatepicker>",
"type": "json"
}
]
},
"version": "0.0.0",
"filename": "components/datepicker/normal.js",
"groupTitle": "日期组件"
},
{
"type": "",
"url": "{}",
"title": "组合组件",
"name": "日期组件",
"group": "日期组件",
"parameter": {
"fields": {
"Parameter": [
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "value",
"description": "<p>选中的时间(时间戳)</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "placeholder",
"description": "<p>默认Placeholder</p>"
},
{
"group": "Parameter",
"type": "Array",
"optional": false,
"field": "format",
"description": "<p>日期显示格式化</p>"
},
{
"group": "Parameter",
"type": "Function",
"optional": false,
"field": "onChange",
"description": "<p>数据变化的回调事件(时间戳)</p>"
}
]
}
},
"success": {
"examples": [
{
"title": "使用案例:",
"content": "import JwDatepicker from 'joywok-material-components/lib/datepicker/normal';\n<JwDatepicker value={'1581058148'} onChange={(e)=>{console.log(e)}}></JwDatepicker>",
"type": "json"
}
]
},
"version": "0.0.0",
"filename": "components/datepicker/time.js",
"groupTitle": "日期组件"
},
{
"type": "",
"url": "{}",
"title": "BaseShare",
"name": "BaseShare",
"group": "组件使用",
"parameter": {
"fields": {
"Parameter": [
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "url",
"description": "<p>远程请求的url</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "placeholder",
"description": "<p>Input默认Placeholder</p>"
},
{
"group": "Parameter",
"type": "Array",
"optional": false,
"field": "shareobj",
"description": "<p>当前选中的数据</p>"
},
{
"group": "Parameter",
"type": "Function",
"optional": false,
"field": "onChange",
"description": "<p>数据变化的回调事件(传回Array)</p>"
}
]
}
},
"success": {
"examples": [
{
"title": "使用案例:",
"content": "import BaseShare from 'joywok-material-components/lib/share/BaseShare';\n<BaseShare url={'/api/suggestion/searchobjs?s='} placeholder={'搜点什么吧'} shareobj={[]} onChange={(data)=>this.changeAllVisiScope(data)}/>",
"type": "json"
}
]
},
"version": "0.0.0",
"filename": "components/share/BaseShare.js",
"groupTitle": "组件使用"
},
{
"type": "",
"url": "{}",
"title": "EditImage",
"name": "EditImage",
"group": "组件使用",
"parameter": {
"fields": {
"Parameter": [
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "cutHeight",
"description": "<p>所需截图高度</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "cutWidth",
"description": "<p>所需截图宽度</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "height",
"description": "<p>如果 image(默认图) 有值,就是 image 的高度,无值可以传任意数</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "width",
"description": "<p>如果 image(默认图) 有值,就是 image 的宽度,无值可以传任意数</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "border",
"description": "<p>外边框宽度</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "zoom",
"description": "<p>截图的缩放比例,如:需要500X500的图,则cutHeight:500 cutWidth:500 zoom:5,页面显示的是 100 x 100 的图</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "cutfileUrl",
"description": "<p>固定的接口地址,截图接口 URL</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "uploadUrl",
"description": "<p>固定的接口地址,上传截图接口 URL</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "title",
"description": "<p>组件 Title</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "desc",
"description": "<p>截图尺寸描述</p>"
}
]
}
},
"version": "0.0.0",
"filename": "components/editimage/index.js",
"groupTitle": "组件使用"
},
{
"type": "",
"url": "{}",
"title": "ShareScope",
"name": "ShareScope",
"group": "组件使用",
"parameter": {
"fields": {
"Parameter": [
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "flag",
"description": "<p>组件样式 special:特殊样式(Beans) 如果没有flag,样式则为应用管理分享范围的样式</p>"
},
{
"group": "Parameter",
"type": "String",
"optional": false,
"field": "data",
"description": "<p>{share_type: '1',share_scope:[]} share_type:分享范围类型 1:所有 2:自定义 share_scope:分享范围数据</p>"
},
{
"group": "Parameter",
"type": "Function",
"optional": false,
"field": "onChange",
"description": "<p>数据变化的回调事件(传回Array)</p>"
}
]
}
},
"success": {
"examples": [
{
"title": "使用案例:",
"content": "import ShareScope from 'joywok-material-components/lib/sharescope/UserScope';\nlet item = {\n share_type: '2',\n share_scope: [\n {\n \"type\":\"obj\",\n \"objs\":[{\n \"id\":\"S5dv0jysN2j9IR8R\",\n \"type\":\"jw_n_role\",\n \"name\":\"角色1\"\n }]\n },\n {\n \"type\":\"usergroup\",\n \"objs\":[{\n \"id\":\"c0a69feaddb031d72c7b3909c6c14257\",\n \"type\":\"jw_n_usergroup\",\n \"name\":\"用户组1\",\n }]\n }\n ]}\n<ShareScope\n type=\"default\"\n data= { item }\n className={item.share_type==\"2\" ? '' : 'hide'}\n sharescope={item['share_scope']&&item['share_scope'].length==0 ? [] : item['share_scope']}\n onChange={(data)=>self.changeShare(data)}\n />",
"type": "json"
}
]
},
"version": "0.0.0",
"filename": "components/sharescope/UserScope.js",
"groupTitle": "组件使用"
},
{
"type": "",
"url": "{}",
"title": "Tooltip",
"name": "Tooltip",
"group": "组件使用_所有数据请参考https://material-ui.com/zh/components/tooltips/",
"success": {
"examples": [
{
"title": "使用案例:",
"content": "import ToolTips from 'joywok-material-components/lib/tips/toolTips';\n<ToolTips style={{margin:\"100px\"}} placement=\"bottom\" title={'测试下内容到底有多长啊'}></ToolTips>",
"type": "json"
}
]
},
"version": "0.0.0",
"filename": "components/tips/toolImgTips.js",
"groupTitle": "组件使用_所有数据请参考https://material-ui.com/zh/components/tooltips/"
},
{
"type": "",
"url": "{}",
"title": "Tooltip",
"name": "Tooltip",
"group": "组件使用_所有数据请参考https://material-ui.com/zh/components/tooltips/",
"success": {
"examples": [
{
"title": "使用案例:",
"content": "import ToolTips from 'joywok-material-components/lib/tips/toolTips';\n<ToolTips style={{margin:\"100px\"}} placement=\"bottom\" title={'测试下内容到底有多长啊'}></ToolTips>",
"type": "json"
}
]
},
"version": "0.0.0",
"filename": "components/tips/toolTips.js",
"groupTitle": "组件使用_所有数据请参考https://material-ui.com/zh/components/tooltips/"
}
] });