hb-crud-x/src/mixin/utils.js

d2-crud改进版

import _forEach from 'lodash.foreach'
export default {
  methods: {
    /**
     * @description 组件属性默认值
     */
    handleAttribute (attribute, defaultValue) {
      if (attribute === false || attribute === 0 || attribute === '') {
        return attribute
      }
      if (attribute && attribute instanceof Function) {
        return attribute()
      }
      return attribute || defaultValue
    },
    /**
     * 查找字段配置
     * @param key
     * @param groupKey
     * @returns {{}|{}|*}
     */
    getFormTemplate (key, groupKey = undefined) {
      if (groupKey == null) {
        if (key != null) {
          // 未分组的字段
          let column = this.formTemplateStorage[key]
          if (column != null) {
            return column
          }
          if (this.formTemplateGroupStorage) {
            _forEach(this.formTemplateGroupStorage.groups, (value, groupKey) => {
              if (value && value.colmuns[key]) {
                return value.colmuns[key]
              }
            })
          }
          console.warn('formTemplate not found:key=', key, this.formTemplateStorage, this.formTemplateGroupStorage)
          return null
        }
        return this.formTemplateStorage
      }

      return this.getFormTemplateGroup(key, groupKey)
    },
    /**
     * 查找分组下的字段配置
     * @param groupKey 分组key
     * @param key 不传获取分组下的字段列表
     * @returns {{}|*}
     */
    getFormTemplateGroup (groupKey, key) {
      if (!this.formTemplateGroupStorage) {
        console.warn('formTemplateGroup not defined')
        return null
      }
      if (groupKey == null) {
        return this.formTemplateGroupStorage.groups
      }
      const group = this.formTemplateGroupStorage.groups[groupKey]
      if (key != null) {
        // 分组的字段
        if (group && group.columns) {
          if (group.columns[key]) {
            return group.columns[key]
          }
        }
        console.warn('formTemplate not found:group=', groupKey, 'key=', key)
        return null
      }
      if (group) {
        return group.columns
      } else {
        console.warn('formTemplateGroup not found:group=', groupKey)
        return null
      }
    },
    /**
     * @description 根据dialog模式渲染不同表单
     */
    handleFormTemplateMode (key) {
      return this.formTemplateStorage[key]
    },
    /**
     * @description 根据dialog模式渲染不同表单校验规则
     */
    handleFormRulesMode () {
      if (this.formMode === 'edit') {
        return this.editRules
      } else if (this.formMode === 'add') {
        return this.addRules
      }
    },

    getFormComponentProp (key, prop, defaultValue) {
      const template = this.getFormTemplate(key)
      if (template && template.component && template.component.props) {
        return this.handleAttribute(template.component.props[prop], defaultValue)
      }
      return defaultValue
    },

    getFormComponentAttr (key, attr, defaultValue) {
      const template = this.getFormTemplate(key)
      if (template && template.component) {
        return this.handleAttribute(template.component[attr], defaultValue)
      }
      return defaultValue
    },
    getTemplateComponentAttr (template, attr, defaultValue) {
      if (template && template.component) {
        return this.handleAttribute(template.component[attr], defaultValue)
      }
      return defaultValue
    },
    getComponentProp (item, key, prop, defaultValue) {
      if (!item) {
        return defaultValue
      }
      let component = item.component
      if (component && component.props) {
        return this.handleAttribute(component.props[prop], defaultValue)
      }
      return defaultValue
    }
  }
}