{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport confirmBet from \"@/components/confirmBet.vue\";\nimport chipView from \"@/components/chipView.vue\";\nimport { toningData } from \"@/utils/common\";\nexport default {\n  name: \"TableToning\",\n  components: {\n    confirmBet,\n    chipView\n  },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...toningData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...toningData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({\n        ...toningData.array\n      })\n    }\n  },\n  setup(prop, context) {\n    const store = useStore();\n    const Type = computed(() => store.state.config.$Type);\n    const Lang = computed(() => store.state.config.$lang);\n    const downBet = (e, type) => {\n      context.emit(\"downBet\", e, type);\n    };\n    const confirmChip = () => {\n      context.emit(\"confirmChip\");\n    };\n    const cancelChip = () => {\n      context.emit(\"cancelChip\");\n    };\n    return {\n      Type,\n      Lang,\n      downBet,\n      confirmChip,\n      cancelChip\n    };\n  }\n};","map":{"version":3,"names":["computed","useStore","confirmBet","chipView","toningData","name","components","props","touch","type","String","default","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","setup","prop","context","store","Type","state","config","$Type","Lang","$lang","downBet","e","emit","confirmChip","cancelChip"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableToning.vue"],"sourcesContent":["<template>\n  <div class=\"toning\">\n    <div class=\"list\">\n      <!-- 0 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_zero,\n            show: touch == 'toning_zero'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_zero')\"\n          :list=\"chipArray.toning_zero\"\n          :win=\"winArray.includes('toning_zero')\"\n        ></chipView>\n        <div class=\"round-box\">\n          <span class=\"span\"></span>\n          <span class=\"span\"></span>\n          <span class=\"span\"></span>\n          <span class=\"span\">0</span>\n        </div>\n        <div class=\"proportion\">\n          <span>1:12</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_zero }}</div>\n      </div>\n      <!-- 双 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_plural,\n            show: touch == 'toning_plural'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_plural')\"\n          :list=\"chipArray.toning_plural\"\n          :win=\"winArray.includes('toning_plural')\"\n        ></chipView>\n        <div class=\"text banker\">\n          <span class=\"big\">{{ Lang[Type].even }}</span>\n          <span>1:0.96</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_plural }}</div>\n      </div>\n      <!-- 单 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_singular,\n            show: touch == 'toning_singular'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_singular')\"\n          :list=\"chipArray.toning_singular\"\n          :win=\"winArray.includes('toning_singular')\"\n        ></chipView>\n        <div class=\"text palyer\">\n          <span class=\"big\">{{ Lang[Type].odd }}</span>\n          <span>1:0.96</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_singular }}</div>\n      </div>\n      <!-- 4 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_four,\n            show: touch == 'toning_four'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_four')\"\n          :list=\"chipArray.toning_four\"\n          :win=\"winArray.includes('toning_four')\"\n        ></chipView>\n        <div class=\"round-box\">\n          <span class=\"span red\"></span>\n          <span class=\"span red\"></span>\n          <span class=\"span red\"></span>\n          <span class=\"span red\">4</span>\n        </div>\n        <div class=\"proportion\">\n          <span>1:12</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_four }}</div>\n      </div>\n    </div>\n    <div class=\"list\">\n      <!-- 1 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_one,\n            show: touch == 'toning_one'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_one')\"\n          :list=\"chipArray.toning_one\"\n          :win=\"winArray.includes('toning_one')\"\n        ></chipView>\n        <div class=\"round-box\">\n          <span class=\"span\"></span>\n          <span class=\"span\"></span>\n          <span class=\"span\"></span>\n          <span class=\"span red\">1</span>\n        </div>\n        <div class=\"proportion\">\n          <span>1:2.6</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_one }}</div>\n      </div>\n      <!-- 小 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_small,\n            show: touch == 'toning_small'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_small')\"\n          :list=\"chipArray.toning_small\"\n          :win=\"winArray.includes('toning_small')\"\n        ></chipView>\n        <div class=\"text palyer\">\n          <span class=\"big\">{{ Lang[Type].small }}</span>\n          <span>1:0.96</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_small }}</div>\n      </div>\n      <!-- 大 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_big,\n            show: touch == 'toning_big'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_big')\"\n          :list=\"chipArray.toning_big\"\n          :win=\"winArray.includes('toning_big')\"\n        ></chipView>\n        <div class=\"text banker\">\n          <span class=\"big\">{{ Lang[Type].big }}</span>\n          <span>1:0.96</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_big }}</div>\n      </div>\n      <!-- 3 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.toning_three,\n            show: touch == 'toning_three'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'toning_three')\"\n          :list=\"chipArray.toning_three\"\n          :win=\"winArray.includes('toning_three')\"\n        ></chipView>\n        <div class=\"round-box\">\n          <span class=\"span red\"></span>\n          <span class=\"span red\"></span>\n          <span class=\"span red\"></span>\n          <span class=\"span\">3</span>\n        </div>\n        <div class=\"proportion\">\n          <span>1:2.6</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.toning_three }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nimport confirmBet from \"@/components/confirmBet.vue\"\nimport chipView from \"@/components/chipView.vue\"\nimport { toningData } from \"@/utils/common\"\nexport default {\n  name: \"TableToning\",\n  components: { confirmBet, chipView },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...toningData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...toningData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({ ...toningData.array })\n    }\n  },\n  setup(prop, context) {\n    const store = useStore()\n    const Type = computed(() => store.state.config.$Type)\n    const Lang = computed(() => store.state.config.$lang)\n    const downBet = (e, type) => {\n      context.emit(\"downBet\", e, type)\n    }\n    const confirmChip = () => {\n      context.emit(\"confirmChip\")\n    }\n    const cancelChip = () => {\n      context.emit(\"cancelChip\")\n    }\n    return { Type, Lang, downBet, confirmChip, cancelChip }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.toning {\n  .list {\n    height: 50%;\n    width: 100%;\n    display: flex;\n    box-sizing: border-box;\n    &:first-child {\n      border-bottom: 1px solid #898a91;\n      .item:nth-of-type(1) {\n        .chip-view {\n          border-top-left-radius: 10px;\n        }\n      }\n      .item:nth-of-type(4) {\n        .chip-view {\n          border-top-right-radius: 10px;\n        }\n      }\n    }\n    &:last-child {\n      .item:nth-of-type(1) {\n        .chip-view {\n          border-bottom-left-radius: 10px;\n        }\n      }\n      .item:nth-of-type(4) {\n        .chip-view {\n          border-bottom-right-radius: 10px;\n        }\n      }\n    }\n    .item {\n      flex: 1;\n      max-width: 25%;\n      position: relative;\n      border-right: 1px solid #898a91;\n      font-size: 0.45rem;\n      &:last-child {\n        border: none;\n      }\n      &.unclick {\n        &:after {\n          content: \"\";\n          position: absolute;\n          width: 102%;\n          border-bottom: 1px solid #898a91;\n          top: 50%;\n          transform: rotate(14deg);\n          z-index: 6;\n          left: -2px;\n        }\n        &.max:after {\n          width: 104%;\n          transform: rotate(21deg);\n        }\n        &.min:after {\n          width: 104%;\n          transform: rotate(21deg);\n        }\n        .chip-view {\n          background: rgb(98 74 4 / 40%);\n        }\n      }\n\n      .chip-box {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        left: 0;\n        top: 0;\n        &:active {\n          background: rgba(255, 255, 255, 0.3);\n        }\n      }\n      .text {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        line-height: 1;\n        z-index: 2;\n        pointer-events: none;\n        font-size: 0.5rem;\n        text-shadow: 1px 1px #050505;\n        .big {\n          font-weight: bold;\n          padding-right: 0.24rem;\n          padding-left: 0.2rem;\n          font-size: 0.58rem;\n        }\n      }\n      .money {\n        position: absolute;\n        left: 0px;\n        bottom: -2px;\n        font-size: 0.24rem;\n        font-weight: normal;\n        transform: scale(0.7);\n        color: #ddd;\n        vertical-align: bottom;\n        pointer-events: none;\n        &::before {\n          display: inline-block;\n          content: \"总\";\n          background: rgba(255, 255, 255, 0.4);\n          font-size: 10px;\n          border-radius: 0.615rem;\n          width: 0.615rem;\n          height: 0.615rem;\n          text-align: center;\n          line-height: 0.615rem;\n          font-weight: normal;\n          margin-right: 0.06rem;\n          transform: scale(0.7);\n        }\n      }\n      .round-box,\n      .proportion {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.4rem;\n        color: #ddd;\n        .span {\n          width: 0.65rem;\n          height: 0.65rem;\n          border-radius: 0.7rem;\n          background: #ddd;\n          margin: 0.1rem;\n          text-align: center;\n          line-height: 0.7rem;\n          font-size: 0.48rem;\n          font-weight: 600;\n          color: #222;\n          &.red {\n            background: #fe8365;\n          }\n        }\n      }\n    }\n  }\n}\n.banker {\n  color: #fe8365;\n}\n.palyer {\n  color: #12a2e6;\n}\n.bpair {\n  color: #fe8365;\n}\n.ppair {\n  color: #12a2e6;\n}\n.tie {\n  color: #75e7af;\n}\n.min {\n  border-top-left-radius: 10px;\n  color: #f3c866;\n}\n.max {\n  border-top-right-radius: 10px;\n  color: #f3c866;\n}\n</style>\n"],"mappings":"AAsMA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,UAAS,QAAS,gBAAe;AAC1C,eAAe;EACbC,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE;IAAEJ,UAAU;IAAEC;EAAS,CAAC;EACpCI,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACdH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,UAAU,CAACU;MAChB,CAAC;IACH,CAAC;IACDC,QAAQ,EAAE;MACRN,IAAI,EAAEO,KAAK;MACXL,OAAO,EAAEA,CAAA,KAAM;IACjB,CAAC;IACDM,QAAQ,EAAE;MACRR,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,UAAU,CAACU;MAChB,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,UAAU,CAACe;MAAM,CAAC;IACzC;EACF,CAAC;EACDC,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAItB,QAAQ,EAAC;IACvB,MAAMuB,IAAG,GAAIxB,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAI5B,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAEtB,IAAI,KAAK;MAC3Ba,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAEtB,IAAI;IACjC;IACA,MAAMwB,WAAU,GAAIA,CAAA,KAAM;MACxBX,OAAO,CAACU,IAAI,CAAC,aAAa;IAC5B;IACA,MAAME,UAAS,GAAIA,CAAA,KAAM;MACvBZ,OAAO,CAACU,IAAI,CAAC,YAAY;IAC3B;IACA,OAAO;MAAER,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC;IAAW;EACxD;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}