| | |
| | | const UserComponent = asyncIconComponent(() => import('@/menu/components/share/usercomponent')) |
| | | const WrapComponent = asyncIconComponent(() => import('./wrapsetting')) |
| | | const EditorCode = asyncIconComponent(() => import('./editorcode')) |
| | | const BraftContent = asyncComponent(() => import('@/tabviews/custom/components/share/braftContent')) |
| | | const CodeContent = asyncComponent(() => import('./codecontent')) |
| | | |
| | | class CodeSandBox extends Component { |
| | | static propTpyes = { |
| | |
| | | } |
| | | |
| | | state = { |
| | | dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, |
| | | dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, |
| | | card: null, |
| | | back: false |
| | | } |
| | |
| | | columns: [], |
| | | scripts: [], |
| | | html: '', |
| | | css: '' |
| | | css: '', |
| | | js: '', |
| | | } |
| | | |
| | | if (card.config) { |
| | |
| | | _card.style = config.style |
| | | _card.html = config.html |
| | | _card.css = config.css |
| | | _card.js = config.js |
| | | } |
| | | |
| | | this.setState({ |
| | |
| | | } trigger="hover"> |
| | | <Icon type="tool" /> |
| | | </Popover> |
| | | <BraftContent |
| | | value={card.wrap.datatype !== 'static' ? '<p class="empty-content">富文本</p>' : card.html} |
| | | encryption="false" |
| | | /> |
| | | <CodeContent name={card.name} html={card.html} css={card.css} js={card.js}/> |
| | | </div> |
| | | ) |
| | | } |