class Edit {
    constructor() {
      this.principal = JSON.parse(localStorage.getItem("principal"))
      this.additional = JSON.parse(localStorage.getItem("additional"))
      header("分类编辑");
      this.renderType()
    }
  
  
    renderType() {
      $(".default ul").innerHTML = ""
      this.principal.forEach((v,i) => {
        $(".default ul").innerHTML += `
           <li>${i == 0 ? '':v.title}</li>
          `
      })
  
      _(".default ul li").forEach((v,i) => {
        v.onclick = () => {
  
          this.additional.push(this.principal[i])
  
          this.principal = this.principal.filter(item => {
            return item.id != this.principal[i].id
          })
          localStorage.setItem("principal", JSON.stringify(this.principal))
          localStorage.setItem("additional", JSON.stringify(this.additional))
          this.renderType()
        }
      })
  
  
      $(".add ul").innerHTML = ""
      this.additional.forEach((v,i) => {
        $(".add ul").innerHTML += `
           <li>${v.title}</li>
          `
      })
  
  
      _(".add ul li").forEach((v,i) => {
       v.onclick = () => {
         this.principal.push(this.additional[i]);
  
         this.additional = this.additional.filter(item => {
           return item.id != this.additional[i].id
         })
  
         localStorage.setItem("principal", JSON.stringify(this.principal))
         localStorage.setItem("additional", JSON.stringify(this.additional))
         this.renderType()
       }
      })
  
    }
  }
  
  new Edit();