Merge branch 'master' into positec

king

2025-02-14 f128d679cacda2a6b5b730ad0368b5fe73f887f7

 src/menu/components/table/base-table/index.jsx

@@ -6,7 +6,7 @@

import asyncComponent from '@/utils/asyncComponent'
import asyncIconComponent from '@/utils/asyncIconComponent'
import { getTables } from '@/utils/utils-custom.js'
import { getTables, checkComponent } from '@/utils/utils-custom.js'
import MKEmitter from '@/utils/events.js'
import getWrapForm from './options'
import Utils from '@/utils/utils.js'
@@ -60,8 +60,8 @@
        columns: [],
        cols: [
          { origin: true, uuid: Utils.getuuid(), Align: 'left', label: 'label1', field: '', Hide: 'false', type: 'text', Width: 120 },
          { origin: true, uuid: Utils.getuuid(), Align: 'left', label: 'label2', field: '', Hide: 'false', IsSort: 'true', type: 'text', Width: 120 },
          { origin: true, uuid: Utils.getuuid(), Align: 'left', label: 'label3', field: '', Hide: 'false', IsSort: 'true', type: 'text', Width: 120 },
          { origin: true, uuid: Utils.getuuid(), Align: 'left', label: 'label2', field: '', Hide: 'false', IsSort: 'false', type: 'text', Width: 120 },
          { origin: true, uuid: Utils.getuuid(), Align: 'left', label: 'label3', field: '', Hide: 'false', IsSort: 'false', type: 'text', Width: 120 },
        ],
        scripts: [],
        isNew: true
@@ -99,39 +99,6 @@
    MKEmitter.removeListener('completeSave', this.completeSave)
  }

  // updateFix = (card) => {
  //   let fixs = {}

  //   card.cols.forEach(col => {
  //     if (!col.field) return
  //     if (col.postfix || col.prefix) {
  //       fixs[col.field] = col
  //     }
  //   })

  //   card.cols.forEach(col => {
  //     if (col.type === 'custom') {
  //       col.elements.forEach(cell => {
  //         if (cell.datatype === 'dynamic') {
  //           cell.height = ''
  //           cell.innerHeight = 'auto'

  //           if (fixs[cell.field]) {
  //             if (!cell.prefix && fixs[cell.field].prefix) {
  //               cell.prefix = fixs[cell.field].prefix
  //             }
  //             if (!cell.postfix && fixs[cell.field].postfix) {
  //               cell.postfix = fixs[cell.field].postfix
  //             }
  //           }
  //         }
  //       })
  //     }
  //   })

  //   return card
  // }

  completeSave = () => {
    const { card } = this.state

@@ -142,7 +109,9 @@
      item.cols = item.cols.filter(a => !a.origin)

      delete item.isNew
      this.setState({card: item}, () => { MKEmitter.emit('revert') })
      this.setState({card: null}, () => {
        this.setState({card: item})
      })
    }
  }

@@ -168,65 +137,19 @@
   */
  updateComponent = (card) => {
    if (!window.GLOB.styling || !card.errors) { // 样式修改时不做筛查
      card.errors = []

      let doubleClick = card.wrap.doubleClick || ''
  
      let columns = card.columns.map(c => c.field)
  
      if (card.setting.interType === 'system' && card.setting.execute !== 'false' && !card.setting.dataresource) {
        card.errors.push({ level: 0, detail: '未设置数据源！'})
      } else if (card.setting.interType === 'system' && card.setting.execute === 'false' && card.scripts.filter(script => script.status !== 'false').length === 0) {
        card.errors.push({ level: 0, detail: '数据源中无可用脚本！'})
      } else if (!card.setting.primaryKey) {
        card.errors.push({ level: 0, detail: '未设置主键！'})
      } else if (!columns.includes(card.setting.primaryKey)) {
        card.errors.push({ level: 0, detail: '主键已失效！'})
      } else if (!card.setting.supModule) {
        card.errors.push({ level: 0, detail: '未设置上级组件！'})
      }
      card.$c_ds = true
      card.$c_ac = true
      card.$c_cl = true
      
      card.errors = checkComponent(card)

      if (card.errors.length === 0) {
        card.$tables = getTables(card)
      }

      card.action.forEach(cell => {
        if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
          if (!cell.modal || cell.modal.fields.length === 0) {
            card.errors.push({ level: 1, detail: `按钮“${cell.label}”中表单尚未添加`})
          }
        }
        if (doubleClick === cell.uuid) {
          doubleClick = ''
        }
      })
  
      card.cols.forEach(col => {
        if (col.type === 'action') {
          col.elements.forEach(cell => {
            if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
              if (!cell.modal || cell.modal.fields.length === 0) {
                card.errors.push({ level: 1, detail: `按钮“${cell.label}”中表单尚未添加`})
              }
            }
            if (doubleClick === cell.uuid) {
              doubleClick = ''
            }
          })
        } else if (col.type === 'custom') {
          col.elements.forEach(cell => {
            if (cell.datatype === 'dynamic' && cell.field && !columns.includes(cell.field)) {
              card.errors.push({ level: 1, detail: `显示列“${col.label}”中动态字段“${cell.field}”无效`})
            }
          })
        } else if (col.field && !columns.includes(col.field)) {
          card.errors.push({ level: 1, detail: `显示列“${col.label}”中字段“${col.field}”无效`})
        }
      })
      
      if (doubleClick) {
        card.errors.push({ level: 1, detail: `绑定的双击按钮已删除`})
      }
      delete card.$c_ds
      delete card.$c_ac
      delete card.$c_cl
    }

    this.setState({
@@ -300,14 +223,19 @@
  getWrapForms = () => {
    const { wrap, action, columns, cols } = this.state.card

    let _actions = [...action]
    let _actions = []

    cols.forEach(col => {
      if (col.type !== 'action') return
      _actions.push(...col.elements)
      if (col.type === 'custom') {
        col.elements.forEach(cell => {
          if (cell.eleType !== 'button') return

          _actions.push(cell)
        })
      }
    })

    return getWrapForm(wrap, _actions, columns)
    return getWrapForm(wrap, _actions, columns, action)
  }

  updateWrap = (res) => {
@@ -323,6 +251,8 @@
    res.drawerPlacement = card.wrap.drawerPlacement || 'right'
    res.searchRatio = card.wrap.searchRatio || 6
    res.searchLwidth = card.wrap.searchLwidth !== undefined ? card.wrap.searchLwidth : 33.3
    res.borderRadius = card.wrap.borderRadius || 0
    res.resetContrl = card.wrap.resetContrl || 'init'

    this.updateComponent({...card, wrap: res})
  }
@@ -333,12 +263,23 @@
    config.cols.forEach(col => {
      if (!col.field) return
      if (['text', 'picture', 'video', 'textarea'].includes(col.type)) {
        let datatype = `Nvarchar(${col.fieldlength || 50})`
        let type = 'text'

        if (col.type === 'text') {
          if (col.textFormat === 'YYYY-MM-DD') {
            datatype = 'date'
          } else if (col.textFormat === 'YYYY-MM-DD HH:mm:ss') {
            datatype = 'datetime'
          }
        }

        config.columns.push({
          datatype: `Nvarchar(${col.fieldlength || 50})`,
          datatype: datatype,
          field: col.field,
          fieldlength: col.fieldlength || 50,
          label: col.label,
          type: 'text',
          type: type,
          uuid: col.uuid
        })
      } else if (col.type === 'link') {
@@ -382,12 +323,29 @@
      config.absFields = null
    }

    if (!config.setting.primaryKey && config.columns.length > 0) {
      config.columns.forEach(col => {
        if (col.field.toLowerCase() === 'id') {
          config.setting.primaryKey = col.field
        }
      })
    }

    this.updateComponent(config)
  }

  parseComponent = (config, type) => {
    if (type === 'cols') {
      this.updatecolumn(config)
    }
    this.updateComponent(config)
  }

  render() {
    const { card } = this.state
    let options = ['action', 'search', 'form', 'cols']

    if (!card) return null

    return (
      <div className="menu-base-table-edit-box" style={card.style} id={card.uuid}>
@@ -397,7 +355,7 @@
              <EditOutlined style={{color: '#1890ff'}} title="编辑"/>
            </NormalForm>
            <CopyComponent type="basetable" card={card}/>
            <PasteComponent config={card} options={options} updateConfig={this.updateComponent} />
            <PasteComponent config={card} options={options} updateConfig={this.parseComponent} />
            <FontColorsOutlined className="style" title="调整样式" onClick={this.changeStyle}/>
            <SettingComponent config={card} updateConfig={this.updateComponent} />
          </div>