From c18f79e01a2705d34d5ac2923a26913dba07ea14 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 03 八月 2024 16:04:18 +0800
Subject: [PATCH] 2024-08-03
---
src/menu/components/code/sandbox/codecontent/index.jsx | 84 ++++++++++++++++++++++++++----------------
1 files changed, 52 insertions(+), 32 deletions(-)
diff --git a/src/menu/components/code/sandbox/codecontent/index.jsx b/src/menu/components/code/sandbox/codecontent/index.jsx
index 716adf8..5d15bfd 100644
--- a/src/menu/components/code/sandbox/codecontent/index.jsx
+++ b/src/menu/components/code/sandbox/codecontent/index.jsx
@@ -1,64 +1,84 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Empty } from 'antd'
+import { Empty, message } from 'antd'
import './index.scss'
-class BraftContent extends Component {
+class CodeContent extends Component {
static propTpyes = {
- html: PropTypes.any,
- css: PropTypes.any,
+ config: PropTypes.object,
}
- state = {
- csselement: null
- }
+ state = {}
UNSAFE_componentWillMount () {
- const { css } = this.props
+ const { config } = this.props
- if (css) {
- // let style = css.replace(/^[^}{]*{|}[^}{]*{/ig, (word) => {
- // return word.replace(/}\n*/ig, `}\n#${mark}`).replace(/,/ig, `,#${mark} `)
- // })
- // style = `\n/* 鑷畾涔� */\n#${mark} ${style}\n`
-
+ if (config.css) {
+ let node = document.getElementById(config.uuid + 'style')
+ node && node.remove()
+
let ele = document.createElement('style')
- ele.innerHTML = css
+ ele.id = config.uuid + 'style'
+ ele.innerHTML = config.css
document.getElementsByTagName('head')[0].appendChild(ele)
- // document.getElementsByTagName('head')[0].prepend(ele)
+ }
+ }
- this.setState({csselement: ele})
+ componentDidMount () {
+ const { config } = this.props
+ if (config.js) {
+ try {
+ // eslint-disable-next-line no-eval
+ // eval(config.js)
+ // eslint-disable-next-line
+ let evalfunc = eval('(true && function (data) {' + config.js + '})')
+ evalfunc([])
+ } catch (e) {
+ message.warning(config.name + 'JS 鎵ц澶辫触锛�')
+ console.warn(config.name + e)
+ }
}
}
UNSAFE_componentWillReceiveProps(nextProps) {
- if (this.props.css !== nextProps.css) {
- const { csselement } = this.state
-
- if (csselement && csselement.remove) {
- csselement.remove()
- }
- if (nextProps.css) {
- let ele = document.createElement('style')
- ele.innerHTML = nextProps.css
- document.getElementsByTagName('head')[0].appendChild(ele)
+ const { config } = this.props
- this.setState({csselement: ele})
+ if (config.css !== nextProps.config.css) {
+ let node = document.getElementById(config.uuid + 'style')
+ node && node.remove()
+
+ if (nextProps.config.css) {
+ let ele = document.createElement('style')
+ ele.id = config.uuid + 'style'
+ ele.innerHTML = nextProps.config.css
+ document.getElementsByTagName('head')[0].appendChild(ele)
+ }
+ }
+ if (config.html !== nextProps.config.html || config.js !== nextProps.config.js) {
+ if (nextProps.config.js) {
+ try {
+ // eslint-disable-next-line no-eval
+ let evalfunc = eval('(true && function (data) {' + nextProps.config.js + '})')
+ evalfunc([])
+ } catch (e) {
+ message.warning(config.name + 'JS 鎵ц澶辫触锛�')
+ console.warn(config.name + e)
+ }
}
}
}
render() {
- const { html } = this.props
+ const { config } = this.props
- if (!html) return <Empty style={{padding: '10px 0px'}} description={null}/>
+ if (!config.html) return <Empty style={{padding: '10px 0px'}} description={null}/>
return (
- <div dangerouslySetInnerHTML={{ __html: html }}></div>
+ <div dangerouslySetInnerHTML={{ __html: config.html }}></div>
)
}
}
-export default BraftContent
\ No newline at end of file
+export default CodeContent
\ No newline at end of file
--
Gitblit v1.8.0