ilead-ibpmp-design-new/package/components/xcrud/common/xMixin.js

基于 `vue` 和 `bpmn.io@7.0` ，实现 flowable 的 modeler 模型设计器

import globalConfig from './config'

export default function() {
  return {
    model: {
      prop: 'propData',
      event: 'input'
    },
    props: {
      config: {
        type: Object,
        default: {},
        required: true
      },
      propData: {
        default: ''
      }
    },
    data() {
      return {
        formData: this.propData,
        globalConfig: globalConfig.get()
      }
    },
    methods: {
      /**
       * 计算出布尔值，并且可以配置默认值
       */
      computeBoolen(value, defaultValue) {
        if (this.isBoolen(value)) return value
        if (this.isEmpty(value)) {
          if (defaultValue) {
            return defaultValue
          } else {
            return false
          }
        }
        return true
      },
      /**
       * 如果给属性配置默认值
       */
      // computeData(value, defaultValue) {
      //   if (value !== null || value !== undefined) {
      //     return value
      //   }
      //   return defaultValue
      // },
      /**
       * 计算出布尔值，并且可以配置默认值
       */
      computeFunction(fun, ...data) {
        if (fun) {
          fun(...data)
        } else {
          return false
        }
      },
      /**
       * 判断是否是 空指针，如果是，默认返回 {}
       */
      // isDisabled(hasNullPoint, )) {
      //   if(this.isBoolen(value)) return value;
      //   if(this.isEmpty(value)) return false;
      //   if(value == "disabled") return true;
      //   return false;
      // },
      /**
       * 判断是否是 空
       */

      isEmpty(value) {
        if (
          value === 'null' ||
          value == null ||
          value === 'undefined' ||
          value === undefined ||
          value === ''
        ) {
          return true
        } else {
          return false
        }
      },
      /**
       * 判断是否是 boolean
       */
      isBoolen(value) {
        return typeof value === 'boolean'
      },
      /**
       * 判断是否是 对象
       */
      isObject(value) {
        return typeof value === 'object'
      }
    },
    watch: {
      formData: {
        handler(val) {
          this.$emit('input', val)
          this.$emit('change', val)
        },
        deep: true
      },
      propData: {
        handler(val) {
          this.formData = val
        },
        deep: true
      }
    }
  }
}