2023-05-10

king

2023-05-10 08a5117afa248c8dbd398c82d7b9edd8d4b6d8aa

2023-05-10

 src/menu/components/code/sandbox/codecontent/index.jsx

@@ -27,10 +27,13 @@

  componentDidMount () {
    const { config } = this.props
    if (config.js && config.wrap.compileMode !== 'custom') {
    if (config.js) {
      try {
        // eslint-disable-next-line no-eval
        eval(config.js)
        // 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)
@@ -53,10 +56,11 @@
      }
    }
    if (config.html !== nextProps.config.html || config.js !== nextProps.config.js) {
      if (nextProps.config.js && nextProps.config.wrap.compileMode !== 'custom') {
      if (nextProps.config.js) {
        try {
          // eslint-disable-next-line no-eval
          eval(nextProps.config.js)
          let evalfunc = eval('(true && function (data) {' + nextProps.config.js + '})')
          evalfunc([])
        } catch (e) {
          message.warning(config.name + 'JS 执行失败！')
          console.warn(config.name + e)

 src/menu/components/code/sandbox/options.jsx

@@ -46,21 +46,21 @@
        {value: 'dynamic', label: '动态'},
        {value: 'static', label: '静态'},
      ],
      controlFields: [
        {field: 'compileMode', values: ['dynamic']}
      ]
      // controlFields: [
      //   {field: 'compileMode', values: ['dynamic']}
      // ]
    },
    {
      type: 'radio',
      field: 'compileMode',
      label: '编译方式',
      initval: wrap.compileMode || 'replace',
      required: false,
      options: [
        {value: 'replace', label: '字段替换'},
        {value: 'custom', label: '自定义'},
      ]
    },
    // {
    //   type: 'radio',
    //   field: 'compileMode',
    //   label: '编译方式',
    //   initval: wrap.compileMode || 'replace',
    //   required: false,
    //   options: [
    //     {value: 'replace', label: '字段替换'},
    //     {value: 'custom', label: '自定义'},
    //   ]
    // },
    {
      type: 'radio',
      field: 'permission',

 src/tabviews/custom/components/code/sand-box/index.jsx

@@ -20,7 +20,7 @@
    config: null,              // 图表配置信息
    loading: false,            // 数据加载状态
    sync: false,               // 是否统一请求数据
    data: {},                  // 数据
    data: [],                  // 数据
    html: '',
  }

@@ -30,7 +30,7 @@
    const { data, initdata } = this.props
    let _config = fromJS(this.props.config).toJS()

    let _data = {}
    let _data = []
    let _sync = false

    let BID = ''
@@ -49,7 +49,7 @@
      _sync = _config.setting.sync === 'true'

      if (_sync && data) {
        _data = data[_config.dataName] || {}
        _data = data[_config.dataName] || []
        _sync = false
        this.loaded = true
      } else if (_sync && initdata) {
@@ -122,7 +122,7 @@
    const { sync, config } = this.state

    if (sync && !is(fromJS(this.props.data), fromJS(nextProps.data))) {
      let _data = {}
      let _data = []
      if (nextProps.data && nextProps.data[config.dataName]) {
        _data = nextProps.data[config.dataName]
      }
@@ -157,13 +157,13 @@

    if (config.wrap.datatype === 'static') {
      this.setState({
        data: {},
        data: [],
        loading: false
      })
      return
    } else if (config.setting.supModule && !BID) { // BID 不存在时，不做查询
      this.setState({
        data: {},
        data: [],
        loading: false
      })
      this.loaded = true
@@ -186,7 +186,7 @@

    let result = await Api.genericInterface(param)
    if (result.status) {
      let _data = result.data || {}
      let _data = result.data || []

      this.loaded = true
      if (config.$cache && config.setting.onload !== 'false') {
@@ -220,32 +220,35 @@
    const { html, js, wrap, columns } = this.state.config

    let _html = html
    if (_html && wrap.datatype !== 'static' && wrap.compileMode !== 'custom') {
      let _data = data
      if (Array.isArray(_data)) {
        _data = _data[0] || {}
      }
      columns.forEach(col => {
        if (col.field) {
          let val = (_data[col.field] || _data[col.field] === 0) ? _data[col.field] : ''
          let reg = new RegExp('@' + col.field + '@', 'ig')
    if (_html && wrap.datatype !== 'static') {
      if (/@[\u4E00-\u9FA50-9a-zA-Z_]+@/ig.test(_html)) {
        let _data = data[0] || {}

          _html = _html.replace(reg, val)
        }
      })
        columns.forEach(col => {
          if (col.field) {
            let val = _data[col.field] !== undefined ? _data[col.field] : ''
            let reg = new RegExp('@' + col.field + '@', 'ig')
  
            _html = _html.replace(reg, val)
          }
        })
      }
    }

    this.setState({html: _html}, () => {
      if (js) {
        try {
          if (wrap.compileMode !== 'custom') {
            // eslint-disable-next-line no-eval
            eval(js)
          } else {
            // eslint-disable-next-line
            let evalfunc = eval('(true && function (data) {' + js + '})')
            evalfunc(data)
          }
          // eslint-disable-next-line
          let evalfunc = eval('(true && function (data) {' + js + '})')
          evalfunc(data)
          // if (wrap.compileMode !== 'custom') {
          //   // eslint-disable-next-line no-eval
          //   eval(js)
          // } else {
          //   // eslint-disable-next-line
          //   let evalfunc = eval('(true && function (data) {' + js + '})')
          //   evalfunc(data)
          // }
        } catch (e) {
          console.warn(e)
        }