wangbd-myui/ui/lib/dv/mixins/Chart.js

MY前端基础框架核心组件库

import Rect from './Rect'
import Box from '../packages/my-dv-box'
import theme from '../utils/theme.js'

export default {
  mixins: [Rect],
  inheritAttrs: false,
  components: {
    Box
  },
  props: {
    columns: Array,
    rows: Array,
    loader: Function,
    settings: Object,
    extend: {
      type: [Object, Function]
    },
    debug: Boolean
  },
  data() {
    return {
      chartData: null,
      loading: true
    }
  },
  computed: {
    theme() {
      const config = this?.page?.settings || {}
      return Object.freeze(theme(config))
    }
  },
  watch: {
    loader: {
      immediate: true,
      handler() {
        this.load()
      }
    },
    rows() {
      this.load()
    },
    columns() {
      this.load()
    }
  },
  methods: {
    load() {
      if (this.loader) {
        this.loading = true
        this.loader(this).then(data => {
          this.chartData = Object.freeze(data || {})
        }).finally(() => {
          this.loading = false
        })
      } else {
        const {columns, rows, type} = this
        if (columns && rows) {
          this.chartData = Object.freeze({
            columns,
            rows,
            type: type || 'map'
          })
        }
        this.loading = false
      }
    }
  }
}