| | |
| | | |
| | | if (_config.wrap.position === 'fixed' || _config.wrap.position === 'absolute') { |
| | | _config.style.position = _config.wrap.position |
| | | _config.style.zIndex = 3 |
| | | _config.style.zIndex = _config.wrap.position === 'fixed' ? 3 : 2 |
| | | _config.style.left = _config.wrap.left || '' |
| | | _config.style.right = _config.wrap.right || '' |
| | | _config.style.top = _config.wrap.top || '' |
| | |
| | | _config.style.transform = _config.wrap.transform || '' |
| | | _config.style.width = _config.wrap.realwidth || '' |
| | | } else { |
| | | _config.style.zIndex = 3 |
| | | _config.style.zIndex = 1 |
| | | _config.style.left = _config.wrap.left || '' |
| | | _config.style.right = _config.wrap.right || '' |
| | | _config.style.top = _config.wrap.top || '' |
| | |
| | | let _data = {} |
| | | |
| | | this.loaded = true |
| | | if (config.$cache) { |
| | | if (config.$cache && config.setting.onload !== 'false') { |
| | | Api.writeCacheConfig(config.uuid, result.data || '') |
| | | } |
| | | |
| | |
| | | loading: false |
| | | }) |
| | | |
| | | if (config.timer && config.clearField) { |
| | | if (config.timer && config.clearField && result.data && result.data[0]) { |
| | | let vals = (config.clearValue || '').split(',') |
| | | if (vals.includes(_data[config.clearField])) { |
| | | if (vals.includes(result.data[0][config.clearField])) { |
| | | this.timer && this.timer.stop() |
| | | } |
| | | } |
| | |
| | | const { config, loading, data, show, syncConfig, syncData, checked } = this.state |
| | | |
| | | if (config.wrap.empty === 'hidden' && (!data || data.$$empty)) return null |
| | | |
| | | let style = {...config.style} |
| | | if (config.wrap.bgField) { |
| | | style.backgroundImage = `url('${data[config.wrap.bgField] || ''}')` |
| | | } |
| | | |
| | | return ( |
| | | <div className={'custom-balcony-box' + (!show ? ' hidden' : '')} style={config.style} onClick={this.triggerButton}> |
| | | <div className={'custom-balcony-box' + (!show ? ' hidden' : '')} id={'anchor' + config.uuid} style={style} onClick={this.triggerButton}> |
| | | {loading ? |
| | | <div className="loading-mask" onClick={(e) => e.stopPropagation()}> |
| | | <div className="ant-spin-blur"></div> |