getrebuild/rebuild
1
1
Fork 0
mirror of https://github.com/getrebuild/rebuild.git synced 2024-09-21 07:55:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: datalist

Browse source
This commit is contained in:
devezhao-mbp 2019-12-24 23:26:32 +08:00
parent be324d388e
commit a4d301653b
2 changed files with 21 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/main/webapp/assets/js/file-preview.jsx
View file

@ -55,7 +55,7 @@ class RbPreview extends React.Component {
renderImgs() {
return (<React.Fragment>
<div className="img-zoom">
<div className="img-zoom fp-content">
{!this.state.imgRendered && <div className="must-center"><RbSpinner fully={true} /></div>}
<img className={!this.state.imgRendered ? 'hide' : ''}
src={this.__buildAbsoluteUrl(null, 'imageView2/2/w/1000/interlace/1/q/100')}
@ -71,7 +71,7 @@ class RbPreview extends React.Component {
}
renderDoc() {
return (<div className="container">
return (<div className="container fp-content">
<div className="iframe" onClick={this.__stopEvent}>
{!this.state.docRendered && <div className="must-center"><RbSpinner fully={true} /></div>}
<iframe className={!this.state.docRendered ? 'hide' : ''}
@ -82,7 +82,7 @@ class RbPreview extends React.Component {
}
renderAudio() {
return (<div className="container">
return (<div className="container fp-content">
<div className="audio must-center" onClick={this.__stopEvent}>
<audio src={this.__buildAbsoluteUrl()} controls>您的浏览器不支持此功能</audio>
</div>
@ -90,7 +90,7 @@ class RbPreview extends React.Component {
}
renderVideo() {
return (<div className="container">
return (<div className="container fp-content">
<div className="video must-center" onClick={this.__stopEvent}>
<video src={this.__buildAbsoluteUrl()} height="500" controls>您的浏览器不支持此功能</video>
</div>
@ -124,7 +124,7 @@ class RbPreview extends React.Component {
const that = this
$(document).unbind('keyup').keyup(function (event) { if (event.keyCode === 27) that.hide() })
$(this._previewBody).find('>div:not(.unsupports)').height($(window).height() - 60)
$(this._previewBody).find('>div.fp-content').height($(window).height() - 60)
}
componentWillUnmount() {
@ -167,7 +167,7 @@ class RbPreview extends React.Component {
if (ci + 1 >= this.props.urls.length) ci = -1
this.setState({ currentIndex: ci + 1, imgRendered: false })
}
__stopEvent = (e) => e.stopPropagation()
__stopEvent = (e) => e && e.stopPropagation()
hide = () => {
if (!this.props.unclose) $unmount($(this._dlg).parent(), 1)

23
src/main/webapp/assets/js/rb-datalist.jsx
View file

@ -344,8 +344,15 @@ const CellRenders = {
this.__renders[type] = func
},
clickView(v) {
clickView(v, e) {
RbViewModal.create({ id: v.id, entity: v.entity })
e && $stopEvent(e)
return false
},
clickPreview(v, idx, e) {
RbPreview.create(v, idx)
e && $stopEvent(e)
return false
},
@ -370,7 +377,7 @@ const CellRenders = {
CellRenders.addRender('$NAME$', function (v, s, k) {
return <td key={k}><div style={s}>
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={() => CellRenders.clickView(v)} className="column-main">{v.text}</a>
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={(e) => CellRenders.clickView(v, e)} className="column-main">{v.text}</a>
</div></td>
})
@ -382,7 +389,7 @@ CellRenders.addRender('IMAGE', function (v, s, k) {
if (idx > 2) return null
let imgUrl = rb.baseUrl + '/filex/img/' + item
let imgName = $fileCutName(item)
return <a key={'k-' + item} title={imgName} onClick={() => RbPreview.create(v, idx)}><img alt="图片" src={imgUrl + '?imageView2/2/w/100/interlace/1/q/100'} /></a>
return <a key={'k-' + item} title={imgName} onClick={(e) => CellRenders.clickPreview(v, idx, e)}><img alt="图片" src={imgUrl + '?imageView2/2/w/100/interlace/1/q/100'} /></a>
})}</div></td>
})
@ -394,7 +401,7 @@ CellRenders.addRender('FILE', function (v, s, k) {
{v.map((item, idx) => {
if (idx > 0) return null
let fileName = $fileCutName(item)
return <li key={'k-' + item} className="text-truncate"><a title={fileName} onClick={() => RbPreview.create(item)}>{fileName}</a></li>
return <li key={'k-' + item} className="text-truncate"><a title={fileName} onClick={(e) => CellRenders.clickPreview(item, null, e)}>{fileName}</a></li>
})}
</ul>
</div></td>
@ -402,22 +409,22 @@ CellRenders.addRender('FILE', function (v, s, k) {
CellRenders.addRender('REFERENCE', function (v, s, k) {
return <td key={k}><div style={s}>
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={() => CellRenders.clickView(v)}>{v.text}</a>
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={(e) => CellRenders.clickView(v, e)}>{v.text}</a>
</div></td>
})
CellRenders.addRender('URL', function (v, s, k) {
return <td key={k}><div style={s}>
<a href={rb.baseUrl + '/commons/url-safe?url=' + $encode(v)} className="column-url" target="_blank" rel="noopener noreferrer">{v}</a>
<a href={rb.baseUrl + '/commons/url-safe?url=' + $encode(v)} className="column-url" target="_blank" rel="noopener noreferrer" onClick={(e) => $stopEvent(e)}>{v}</a>
</div></td>
})
CellRenders.addRender('EMAIL', function (v, s, k) {
return <td key={k}><div style={s}><a href={'mailto:' + v} className="column-url">{v}</a></div></td>
return <td key={k}><div style={s}><a href={'mailto:' + v} className="column-url" onClick={(e) => $stopEvent(e)}>{v}</a></div></td>
})
CellRenders.addRender('PHONE', function (v, s, k) {
return <td key={k}><div style={s}><a href={'tel:' + v} className="column-url">{v}</a></div></td>
return <td key={k}><div style={s}><a href={'tel:' + v} className="column-url" onClick={(e) => $stopEvent(e)}>{v}</a></div></td>
})
const APPROVAL_STATE_CLAZZs = { '审批中': 'warning', '驳回': 'danger', '通过': 'success' }