{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport confirmBet from \"@/components/confirmBet.vue\";\nimport chipView from \"@/components/chipView.vue\";\nimport { baccaratData } from \"@/utils/common\";\nexport default {\n  name: \"TableLonghu\",\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        ...baccaratData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...baccaratData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({\n        ...baccaratData.array\n      })\n    },\n    tableData: {\n      type: [Object],\n      default: () => {}\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","baccaratData","name","components","props","touch","type","String","default","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","tableData","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/TableLonghu.vue"],"sourcesContent":["<template>\n  <div class=\"view longhu\">\n    <div class=\"list\">\n      <!-- 龙 -->\n      <div class=\"item banker\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.banker_amount,\n            show: touch == 'banker_amount'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'banker_amount')\"\n          :list=\"chipArray.banker_amount\"\n          :win=\"winArray.includes('banker')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">{{ Lang[Type].dragon }}</span>\n          <span>1:{{ tableData.price_dragon }}</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.banker_amount }}</div>\n      </div>\n      <!-- 和 -->\n      <div class=\"item tie\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{ money: downChip.tie_amount, show: touch == 'tie_amount' }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'tie_amount')\"\n          :list=\"chipArray.tie_amount\"\n          :win=\"winArray.includes('tie')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">{{ Lang[Type].tie }}</span>\n          <span>1:{{ tableData.price_tie_dt }}</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.tie_amount }}</div>\n      </div>\n      <!-- 虎 -->\n      <div class=\"item palyer\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.player_amount,\n            show: touch == 'player_amount'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'player_amount')\"\n          :list=\"chipArray.player_amount\"\n          :win=\"winArray.includes('player')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">{{ Lang[Type].tiger }}</span>\n          <span>1:{{ tableData.price_tiger }}</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.player_amount }}</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 { baccaratData } from \"@/utils/common\"\nexport default {\n  name: \"TableLonghu\",\n  components: { confirmBet, chipView },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...baccaratData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...baccaratData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({ ...baccaratData.array })\n    },\n    tableData: {\n      type: [Object],\n      default: () => {}\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.longhu {\n  .list {\n    height: 100%;\n    width: 100%;\n    border: none;\n    display: flex;\n    box-sizing: border-box;\n    .item {\n      position: relative;\n      border-right: 1px solid #898a91;\n      font-size: 0.45rem;\n      flex: 1;\n      &:first-child {\n        .chip-view {\n          border-top-left-radius: 10px;\n        }\n      }\n      &:last-child {\n        border: none;\n        .chip-view {\n          border-top-right-radius: 10px;\n        }\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.65rem;\n        text-shadow: 1px 1px #050505;\n        .big {\n          font-weight: bold;\n          padding-right: 0.24rem;\n          padding-left: 0.2rem;\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    }\n  }\n  .banker .chip-view {\n    border-bottom-left-radius: 10px;\n  }\n  .palyer .chip-view {\n    border-bottom-right-radius: 10px;\n  }\n}\n</style>\n"],"mappings":"AAoEA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,YAAW,QAAS,gBAAe;AAC5C,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,YAAY,CAACU;MAClB,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,YAAY,CAACU;MAClB,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,YAAY,CAACe;MAAM,CAAC;IAC3C,CAAC;IACDC,SAAS,EAAE;MACTX,IAAI,EAAE,CAACI,MAAM,CAAC;MACdF,OAAO,EAAEA,CAAA,KAAM,CAAC;IAClB;EACF,CAAC;EACDU,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAIvB,QAAQ,EAAC;IACvB,MAAMwB,IAAG,GAAIzB,QAAQ,CAAC,MAAMwB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAI7B,QAAQ,CAAC,MAAMwB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAEvB,IAAI,KAAK;MAC3Bc,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAEvB,IAAI;IACjC;IACA,MAAMyB,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":[]}