{"ast":null,"code":"import { mapState } from \"vuex\";\nexport default {\n  name: \"toningResult\",\n  props: {\n    result: {\n      type: Number,\n      default: null\n    },\n    sendMode: {\n      type: String,\n      default: \"\"\n    }\n  },\n  computed: {\n    ...mapState({\n      Lang: state => state.config.$lang,\n      Type: state => state.config.$Type\n    })\n  }\n};","map":{"version":3,"names":["mapState","name","props","result","type","Number","default","sendMode","String","computed","Lang","state","config","$lang","Type","$Type"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/ToningResult.vue"],"sourcesContent":["<template>\n  <div class=\"toning-result\">\n    <template v-if=\"sendMode == 'openingToningResult'\">\n      <div class=\"text\">\n        {{\n          result == 1 || result == 3\n            ? Lang[Type].odd\n            : result == 0 || result == 2 || result == 4\n            ? Lang[Type].even\n            : \"\"\n        }}\n      </div>\n      <span class=\"round\" :class=\"{ red: result == 3 || result == 4 }\"></span>\n      <span class=\"round\" :class=\"{ red: result == 3 || result == 4 }\"></span>\n      <span\n        class=\"round\"\n        :class=\"{ red: result == 2 || result == 3 || result == 4 }\"\n      ></span>\n      <span\n        class=\"round\"\n        :class=\"[\n          { red: result == 1 || result == 2 || result == 4 },\n          { black: result == 0 || result == 3 }\n        ]\"\n      >\n        {{ result }}\n      </span>\n      <div class=\"text\">\n        {{\n          result == 0 || result == 1\n            ? Lang[Type].small\n            : result == 3 || result == 4\n            ? Lang[Type].big\n            : \"\"\n        }}\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nexport default {\n  name: \"toningResult\",\n  props: {\n    result: {\n      type: Number,\n      default: null\n    },\n    sendMode: {\n      type: String,\n      default: \"\"\n    }\n  },\n  computed: {\n    ...mapState({\n      Lang: (state) => state.config.$lang,\n      Type: (state) => state.config.$Type\n    })\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.toning-result {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: rotateX(0deg);\n  .text {\n    font-size: 1rem;\n    font-weight: 600;\n    margin: 0 0.2rem;\n    color: #ddd;\n  }\n  .round {\n    width: 1rem;\n    height: 1rem;\n    border-radius: 1rem;\n    background: #ddd;\n    margin: 0 0.3rem;\n    line-height: 1rem;\n    text-align: center;\n    font-size: 0.55rem;\n    font-weight: 600;\n    color: #fff;\n    &.black {\n      color: #222;\n    }\n    &.red {\n      background: #fe8365;\n    }\n  }\n}\n</style>\n"],"mappings":"AAyCA,SAASA,QAAO,QAAS,MAAK;AAC9B,eAAe;EACbC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAE;IACX;EACF,CAAC;EACDG,QAAQ,EAAE;IACR,GAAGT,QAAQ,CAAC;MACVU,IAAI,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACC,KAAK;MACnCC,IAAI,EAAGH,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACG;IAChC,CAAC;EACH;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}