import { defineStore } from 'pinia';
import app from './app';

const fittingRoom = defineStore({
  id: 'fittingRoom',
  state: () => ({
    visable: false, // 上传模特, 选模特的
    type: true, // true: 我的衣橱, false: 衣服库
    tab: 0, // 对应下面tabs的序号
    tabs: ['全部', '上衣', '下装', '连衣裙', '外套', '发型'],
    disableTabs: [5],  // 不允许上传图的tab索引
    currentClothes: [], // 当前选的衣服
  }),
  getters: {
    // 能上传图片的场景
    canUpload(state) {
      console.log(this.type, this.tab, state.type, '123');
      // 除了发型其他都能上传
      return this.type && !this.disableTabs.includes(this.tab);
    },
  },
  actions: {
    setVisable(visable) {
      console.log('🚀 ~ setVisable 🐶15 ~ visable: ', visable);
      this.visable = visable ?? !this.visable;
    },
    changeType(visable) {
      console.log('🚀 ~ setVisable 🐶15 ~ visable: ', visable);
      this.type = visable ?? !this.type;
    },
    // 点击衣服
    changeClothes() {
      console.log('切换衣服');
    },
  },
  persist: {
    enabled: true,
    strategies: [
      {
        key: 'fittingRoom-store',
      },
    ],
  },
});

export default fittingRoom;