Component({
  properties: {
    orderValue: {
      type: Array
    },
    orderTitle: {
      type: Array
    },
    visibleOrderCascader: {
      type: Array
    },
    valueOrderCascader: {
      type: Array
    },
    optionsOrderCascader: {
      type: Array
    },
  },

  data: {
    right: [{
      text: '删除',
      style: 'background-color: #fff; color: white',
    }],
    swipeActionShow: true
  },
  observers: {
    orderTitle(oldValue, newValue) {
      console.log('oldValue', oldValue)
      console.log('newValue', newValue)
    }
  },
  methods: {
    openOrderCascader(e) {
      let {
        index
      } = e.currentTarget.dataset
      this.triggerEvent('openOrderCascader', {
        index: index
      })
    },
    onCloseOrderCascader(e) {
      let {
        index
      } = e.currentTarget.dataset
      this.triggerEvent('onCloseOrderCascader', {
        index: index
      })
    },
    onChangeOrderCascader(e) {
      let {
        index
      } = e.currentTarget.dataset
      let {
        detail
      } = e
      this.triggerEvent('onChangeOrderCascader', {
        index: index,
        detail: detail
      })
    },
    addItem() {
      this.triggerEvent('addItem')
    },
    onClickDelete(e) {
      console.log('滑动')

      if (!e.detail.index) {
        console.log('删除')
        let {
          data
        } = e.detail
        this.triggerEvent('onClickDelete', {
          index: data,
        })
      } else {
        console.log('取消')
      }
    },
    open() {
      this.setData({
        [`right[0].style`]:'background-color: #F4333C; color: white'
      })
    },
    close(){
      this.setData({
        [`right[0].style`]:'background-color: #fff; color: white'
      })
    }
  }
})