{"ast":null,"code":"import { showToast } from \"vant\";\nimport { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nexport default {\n  name: \"PlayTypePop\",\n  props: {},\n  setup() {\n    const store = useStore();\n    const baccaratPlayType = computed(() => store.state.config.baccaratPlayType);\n    const showBaccaratPlayType = computed(() => store.state.config.showBaccaratPlayType);\n    const Type = computed(() => store.state.config.$Type);\n    const Lang = computed(() => store.state.config.$lang);\n    const closeBaccaratPlayType = () => {\n      store.commit(\"config/showBaccaratPlayType\");\n    };\n    const chooseType = type => {\n      if (type == \"classics\") {\n        store.commit(\"config/updateBaccaratPlayType\", type);\n      } else {\n        showToast(Lang.value[Type.value].not_open);\n      }\n    };\n    return {\n      Type,\n      Lang,\n      baccaratPlayType,\n      showBaccaratPlayType,\n      chooseType,\n      closeBaccaratPlayType\n    };\n  }\n};","map":{"version":3,"names":["showToast","computed","useStore","name","props","setup","store","baccaratPlayType","state","config","showBaccaratPlayType","Type","$Type","Lang","$lang","closeBaccaratPlayType","commit","chooseType","type","value","not_open"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTypePop.vue"],"sourcesContent":["<template>\n  <Transition\n    name=\"custom-classes\"\n    enter-active-class=\"animate__animated animate__zoomIn\"\n    leave-active-class=\"animate__animated animate__zoomOut\"\n  >\n    <div class=\"play-type-pop\" v-if=\"showBaccaratPlayType\">\n      <div class=\"play-type-view\">\n        <div class=\"title\">\n          {{ Lang[Type].switch_play }}\n          <van-icon class=\"close\" name=\"cross\" @click=\"closeBaccaratPlayType\" />\n        </div>\n        <div class=\"list\" :class=\"[Type]\">\n          <div\n            class=\"item classics\"\n            :class=\"{ active: baccaratPlayType == 'classics' }\"\n            @click=\"chooseType('classics')\"\n          ></div>\n        </div>\n        <div class=\"list\" :class=\"[Type]\">\n          <div\n            class=\"item long\"\n            :class=\"{ active: baccaratPlayType == 'long' }\"\n            @click=\"chooseType('long')\"\n          ></div>\n          <div\n            class=\"item pairs\"\n            :class=\"{ active: baccaratPlayType == 'pairs' }\"\n            @click=\"chooseType('pairs')\"\n          ></div>\n          <div\n            class=\"item super\"\n            :class=\"{ active: baccaratPlayType == 'super' }\"\n            @click=\"chooseType('super')\"\n          ></div>\n        </div>\n        <div class=\"list\" :class=\"[Type]\">\n          <div\n            class=\"item tiger\"\n            :class=\"{ active: baccaratPlayType == 'tiger' }\"\n            @click=\"chooseType('tiger')\"\n          ></div>\n          <div\n            class=\"item sky\"\n            :class=\"{ active: baccaratPlayType == 'sky' }\"\n            @click=\"chooseType('sky')\"\n          ></div>\n          <div\n            class=\"item longhu\"\n            :class=\"{ active: baccaratPlayType == 'longhu' }\"\n            @click=\"chooseType('longhu')\"\n          ></div>\n        </div>\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<script>\nimport { showToast } from \"vant\"\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nexport default {\n  name: \"PlayTypePop\",\n  props: {},\n  setup() {\n    const store = useStore()\n    const baccaratPlayType = computed(() => store.state.config.baccaratPlayType)\n    const showBaccaratPlayType = computed(\n      () => store.state.config.showBaccaratPlayType\n    )\n    const Type = computed(() => store.state.config.$Type)\n    const Lang = computed(() => store.state.config.$lang)\n    const closeBaccaratPlayType = () => {\n      store.commit(\"config/showBaccaratPlayType\")\n    }\n    const chooseType = (type) => {\n      if (type == \"classics\") {\n        store.commit(\"config/updateBaccaratPlayType\", type)\n      } else {\n        showToast(Lang.value[Type.value].not_open)\n      }\n    }\n    return {\n      Type,\n      Lang,\n      baccaratPlayType,\n      showBaccaratPlayType,\n      chooseType,\n      closeBaccaratPlayType\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.play-type-pop {\n  position: absolute;\n  transform: rotateX(0deg);\n  z-index: 36;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  // background: rgba(0, 0, 0, 0.5);\n  .play-type-view {\n    width: 18rem;\n    border: 1px solid #ddd;\n    margin-top: 1.5rem;\n    border-radius: 0.5rem;\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    left: 50%;\n    margin-left: -9rem;\n    padding-bottom: 0.2rem;\n    .title {\n      font-size: 0.65rem;\n      font-weight: 600;\n      color: #333;\n      text-align: center;\n      width: 100%;\n      margin-top: 0.5rem;\n      margin-bottom: 0.52rem;\n      position: relative;\n      .close {\n        position: absolute;\n        right: 0.25rem;\n        top: -0.2rem;\n        font-size: 1rem;\n        color: #999;\n        &:active {\n          opacity: 0.6;\n        }\n      }\n    }\n    .list {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      &.en,\n      &.kr,\n      &.yn {\n        .item {\n          background-image: url(\"~@/assets/images/en_play_type_sprite.png\") !important;\n        }\n      }\n      &.tw {\n        .item {\n          background-image: url(\"~@/assets/images/tw_play_type_sprite.png\") !important;\n        }\n      }\n      .item {\n        width: 5rem;\n        height: 2.12rem;\n        background: url(\"~@/assets/images/cn_play_type_sprite.png\") no-repeat;\n        background-size: 15.2rem;\n        margin: 0.2rem 0.3rem;\n        &:active {\n          opacity: 0.6;\n        }\n        &.classics {\n          background-position: 0 0;\n          &.active {\n            background-position: -5.08rem 0;\n          }\n        }\n        &.long {\n          background-position: 0 -2.2rem;\n          &.active {\n            background-position: -5.08rem -2.2rem;\n          }\n        }\n        &.pairs {\n          background-position: -5.088rem -6.6rem;\n          &.active {\n            background-position: -10.18rem -6.6rem;\n          }\n        }\n        &.super {\n          background-position: -10.16rem -2.2rem;\n          &.active {\n            background-position: 0 -4.4rem;\n          }\n        }\n        &.tiger {\n          background-position: -5.08rem -4.4rem;\n          &.active {\n            background-position: -10.17rem -4.4rem;\n          }\n        }\n        &.sky {\n          background-position: 0 -8.8rem;\n          &.active {\n            background-position: 0 -6.6rem;\n          }\n        }\n        &.longhu {\n          background-position: -5.09rem -8.815rem;\n          &.active {\n            background-position: -10.17rem -8.815rem;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"AA2DA,SAASA,SAAQ,QAAS,MAAK;AAC/B,SAASC,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,eAAe;EACbC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,CAAC,CAAC;EACTC,KAAKA,CAAA,EAAG;IACN,MAAMC,KAAI,GAAIJ,QAAQ,EAAC;IACvB,MAAMK,gBAAe,GAAIN,QAAQ,CAAC,MAAMK,KAAK,CAACE,KAAK,CAACC,MAAM,CAACF,gBAAgB;IAC3E,MAAMG,oBAAmB,GAAIT,QAAQ,CACnC,MAAMK,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,oBAAmB,CAC9C;IACA,MAAMC,IAAG,GAAIV,QAAQ,CAAC,MAAMK,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,IAAG,GAAIZ,QAAQ,CAAC,MAAMK,KAAK,CAACE,KAAK,CAACC,MAAM,CAACK,KAAK;IACpD,MAAMC,qBAAoB,GAAIA,CAAA,KAAM;MAClCT,KAAK,CAACU,MAAM,CAAC,6BAA6B;IAC5C;IACA,MAAMC,UAAS,GAAKC,IAAI,IAAK;MAC3B,IAAIA,IAAG,IAAK,UAAU,EAAE;QACtBZ,KAAK,CAACU,MAAM,CAAC,+BAA+B,EAAEE,IAAI;MACpD,OAAO;QACLlB,SAAS,CAACa,IAAI,CAACM,KAAK,CAACR,IAAI,CAACQ,KAAK,CAAC,CAACC,QAAQ;MAC3C;IACF;IACA,OAAO;MACLT,IAAI;MACJE,IAAI;MACJN,gBAAgB;MAChBG,oBAAoB;MACpBO,UAAU;MACVF;IACF;EACF;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}