import DataUtils from '../utils/DataUtils';
import SimpleLineLayer from '../common/SimpleLineLayer';

/**
 * 定义错误管线图层类
 *
 * @alias PipelineErrorLayer
 *
 * @summary <用于加载错误管线图层>
 */
export default class PipelineErrorLayer {
  /**
   * 构造函数
   * @param {Object} options -图层选项
   */
  constructor(options) {
    /**
     * 地图对象
     * @type {Object}
     */
    this._map = options.map;

    /**
     * 最小缩放层级
     * @type {Number}
     */
    this._minzoom = DataUtils.default(options.minzoom, 7.5);

    /**
     * 线颜色
     * @type {String}
     */
    this._lineColor = DataUtils.default(options.color, {
      type: 'categorical',
      property: 'error_type',
      stops: [
        ['diameter', '#37A2DA'],
        ['severed', '#E690D1'],
        ['isolated', '#68E0E3'],
        ['slope', '#FF9F80'],
        ['mixing', '#8478EA']
      ],
      default: '#A9A9A9'
    });

    /**
     * 线宽
     * @type {Number}
     */
    this._lineWidth = DataUtils.default(options.width, 2.5);

    /**
     * 过滤条件数组
     * @type {Array}
     */
    this._filter = DataUtils.default(options.filter, undefined);

    /**
     * 数据源ID
     * @typr {String}
     */
    this._sourceId = DataUtils.default(options.sourceId, 'pipe_pipeline_error');

    /**
     * 图层ID
     * @typr {String}
     */
    this._layerId = DataUtils.default(options.layerId, this._sourceId);

    /* 图层对象 */
    this._lineLayer = new SimpleLineLayer({
      map: this._map,
      minzoom: this._minzoom,
      color: this._lineColor,
      width: this._lineWidth,
      opacity: 0.75,
      fixed: true,
      filter: this._filter,
      sourceId: this._sourceId,
      layerId: this._layerId
    });
  }

  /** 公有方法 **/
  /**
   * 设置数据
   * @param {Object} data -GeoJSON要素集
   */
  setData(data = null) {
    // 加载图层
    this.loadLayer();

    if (data) {
      this._lineLayer.setData(data);
    }
  }

  /**
   * 设置筛选器
   * @param {Array} filter -筛选器
   */
  setFilter(filter) {
    this._lineLayer.setFilter(filter);
  }

  /**
   * 设置绘制属性
   * @param {String} name -属性名称
   * @param {String|Object} value -属性值
   */
  setPaintProperty(name, value) {
    this._lineLayer.setPaintProperty(name, value);
  }

  /**
   * 设置布局属性
   * @param {String} name -属性名称
   * @param {String|Object} value -属性值
   */
  setLayoutProperty(name, value) {
    this._lineLayer.setLayoutProperty(name, value);
  }

  /**
   * 加载图层
   */
  loadLayer() {
    // 加载图层
    if (!this.hasLayer()) {
      this._lineLayer.loadLayer();

      // 设置线颜色样式
      this._lineLayer.setPaintProperty('line-width', {
        base: 1.5,
        stops: [
          [this._minzoom, 1.5],
          [18, this._lineWidth],
        ]
      });
    }

    // 显示图层
    this.showLayer(true);
  }

  /**
   * 显示/隐藏图层
   * @param {Boolean} isShow -是否显示图层
   */
  showLayer(isShow) {
    this._lineLayer.showLayer(isShow);
  }

  /**
   * 判断图层是否已加载
   *
   * @returns {Boolean}
   */
  hasLayer() {
    return this._lineLayer.hasLayer();
  }

  /**
   * 移除图层
   */
  removeLayer() {
    this._lineLayer.removeLayer();
    // 移除数据源
    this._lineLayer.removeSource();
  }

  /**
   * 绑定单击事件
   * @param {Function} event -事件函数
   */
  onClick(event) {
    // 排水渠
    this._lineLayer.onClick(event);
  }
}
