import { useTimePicker } from '../../behaviors/picker/time/time';
import { useScenePicker } from '../../behaviors/picker/scene/scene';

Component({
  behaviors: [useTimePicker, useScenePicker],
  options: {
    addGlobalClass: true,
    multipleSlots: true,
  },
  /**
   * 组件的属性列表
   */
  properties: {
    color: {
      type: String,
      value: '#FA550F',
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    sorts: 'desc',
  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleSort() {
      let { sorts } = this.data;
      sorts = sorts === 'desc' ? 'asc' : 'desc';
      this.setData({ sorts });
      this.triggerEvent('sortsChange', { sorts });
    },
    open() {
      this.triggerEvent('showFilterPopup', {
        show: true,
      });
    },
    // handlePicker(e) {
    //   const { sceneText, sceneValue } = e.detail;
    //   this.triggerEvent(`scenePickerChange`, {
    //     sceneText,
    //     sceneValue,
    //   });
    // }
  },
});