<script>
import commonMixin from '../base/mixins/common.js'
import { createSize } from '../base/factory.js'

export default {
  name: 'bm-copyright',
  render() { },
  mixins: [commonMixin('control')],
  props: ['anchor', 'offset', 'copyright'],
  watch: {
    anchor() {
      this.reload()
    },
    offset() {
      this.reload()
    },
    copyright() {
      this.reload()
    }
  },
  methods: {
    load() {
      const { BMap, map, offset, anchor, updateCopyrightList } = this
      this.originInstance = new BMap.CopyrightControl({
        anchor: window[anchor],
        offset: offset && createSize(BMap, offset)
      })
      updateCopyrightList()
      map.addControl(this.originInstance)
    },
    updateCopyrightList() {
      const { BMap, map } = this
      const { removeCopyright, getCopyrightCollection } = this.originInstance
      const copyrightList = getCopyrightCollection()
      copyrightList && copyrightList.forEach(item => {
        removeCopyright(item.id)
      })
      this.copyright && this.copyright.forEach(item => {
        const bounds = item.bounds
          ? new BMap.Bounds(new BMap.Point(item.bounds.sw.lng, item.bounds.sw.lat), new BMap.Point(item.bounds.ne.lng, item.bounds.ne.lat))
          : map.getBounds()
        this.originInstance.addCopyright({
          id: item.id,
          content: item.content,
          bounds
        })
        // this.originInstance.getCopyrightCollection()
      })
    }
  }
}
</script>
