{"ast":null,"code":"import { createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nconst _withScopeId = n => (_pushScopeId(\"data-v-663e3498\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n  class: \"village\"\n};\nconst _hoisted_2 = {\n  key: 0,\n  class: \"rob-box bounceIn animated\"\n};\nconst _hoisted_3 = {\n  class: \"countDown\"\n};\nconst _hoisted_4 = [\"innerHTML\"];\nconst _hoisted_5 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", {\n  class: \"bg\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_6 = {\n  class: \"name\"\n};\nconst _hoisted_7 = {\n  key: 2,\n  class: \"mask\"\n};\nconst _hoisted_8 = {\n  key: 3,\n  class: \"rob-result\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createCommentVNode(\" 抢庄 \"), $data.countDown && $data.countDown > 0 && $props.thisData.rob_time - 3 >= $data.countDown ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [_createElementVNode(\"div\", _hoisted_3, [_createElementVNode(\"span\", {\n    class: \"time\",\n    innerHTML: $data.countDown\n  }, null, 8 /* PROPS */, _hoisted_4), _hoisted_5]), $props.thisData.rob_banker_id == 0 ? (_openBlock(), _createElementBlock(\"div\", {\n    key: 0,\n    class: \"btn\",\n    onClick: _cache[0] || (_cache[0] = $event => $options.sendRob(true)),\n    style: _normalizeStyle(`background-image:url(${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].rob_button)})`)\n  }, null, 4 /* STYLE */)) : _createCommentVNode(\"v-if\", true), $props.thisData.rob_banker_id != 0 ? (_openBlock(), _createElementBlock(\"div\", {\n    key: 1,\n    class: \"btn unclick\",\n    onClick: _cache[1] || (_cache[1] = $event => $options.sendRob(false)),\n    style: _normalizeStyle(`background-image:url(${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].unrob_button)})`)\n  }, null, 4 /* STYLE */)) : _createCommentVNode(\"v-if\", true)])) : _createCommentVNode(\"v-if\", true), _createCommentVNode(\" 抢庄成功 \"), $data.successRob ? (_openBlock(), _createElementBlock(\"div\", {\n    key: 1,\n    class: \"success-rob fadeInDown animated\",\n    style: _normalizeStyle(`background-image:url( ${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].rob_result)})`)\n  }, [_createElementVNode(\"div\", _hoisted_6, _toDisplayString($props.thisData.rob_banker_username), 1 /* TEXT */)], 4 /* STYLE */)) : _createCommentVNode(\"v-if\", true), $data.countDown && $data.countDown > 0 && $props.thisData.rob_time - 3 >= $data.countDown ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7)) : _createCommentVNode(\"v-if\", true), $data.countDown == 0 && $data.rob_banker_username != '' && $props.thisData.rob_status == 2 ? (_openBlock(), _createElementBlock(\"div\", _hoisted_8, [_createElementVNode(\"i\", {\n    style: _normalizeStyle(`background-image:url(${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].rob_banker)})`)\n  }, null, 4 /* STYLE */), _createTextVNode(\" \" + _toDisplayString($data.rob_banker_username), 1 /* TEXT */)])) : _createCommentVNode(\"v-if\", true)]);\n}","map":{"version":3,"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_createCommentVNode","$data","countDown","$props","thisData","rob_time","_hoisted_2","_hoisted_3","innerHTML","_hoisted_5","rob_banker_id","onClick","_cache","$event","$options","sendRob","style","_normalizeStyle","require","_ctx","$lang","$Type","rob_button","unrob_button","successRob","rob_result","_hoisted_6","_toDisplayString","rob_banker_username","_hoisted_7","rob_status","_hoisted_8","rob_banker"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/RushVillage.vue"],"sourcesContent":["<template>\n  <div class=\"village\">\n    <!-- 抢庄 -->\n    <div\n      class=\"rob-box bounceIn animated\"\n      v-if=\"countDown && countDown > 0 && thisData.rob_time - 3 >= countDown\"\n    >\n      <div class=\"countDown\">\n        <span class=\"time\" v-html=\"countDown\"></span>\n        <div class=\"bg\"></div>\n      </div>\n      <div\n        v-if=\"thisData.rob_banker_id == 0\"\n        class=\"btn\"\n        @click=\"sendRob(true)\"\n        :style=\"`background-image:url(${require('../assets/images/nn/' +\n          $lang[$Type].rob_button)})`\"\n      ></div>\n      <div\n        v-if=\"thisData.rob_banker_id != 0\"\n        class=\"btn unclick\"\n        @click=\"sendRob(false)\"\n        :style=\"`background-image:url(${require('../assets/images/nn/' +\n          $lang[$Type].unrob_button)})`\"\n      ></div>\n    </div>\n    <!-- 抢庄成功 -->\n    <div\n      v-if=\"successRob\"\n      class=\"success-rob fadeInDown animated\"\n      :style=\"`background-image:url( ${require('../assets/images/nn/' +\n        $lang[$Type].rob_result)})`\"\n    >\n      <div class=\"name\">{{ thisData.rob_banker_username }}</div>\n    </div>\n    <div\n      class=\"mask\"\n      v-if=\"countDown && countDown > 0 && thisData.rob_time - 3 >= countDown\"\n    ></div>\n    <div\n      class=\"rob-result\"\n      v-if=\"\n        countDown == 0 && rob_banker_username != '' && thisData.rob_status == 2\n      \"\n    >\n      <i\n        :style=\"`background-image:url(${require('../assets/images/nn/' +\n          $lang[$Type].rob_banker)})`\"\n      ></i>\n      {{ rob_banker_username }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nimport { showToast } from \"vant\"\n// showSuccessToast, showFailToast\nexport default {\n  data() {\n    return {\n      countDown: 0,\n      rob_banker_username: \"\",\n      successRob: false\n    }\n  },\n  methods: {\n    sendRob(state) {\n      if (state == true) {\n        var toRobData = {\n          connect: \"client\",\n          mode: \"toRob\",\n          table_id: this.thisData.id,\n          number_tab_id: this.thisData.number_tab_id\n        }\n        this.$store.dispatch(\"socket/sendMsg\", {\n          ...toRobData\n        })\n      } else {\n        if (this.$Type == \"cn\") {\n          showToast(\"庄已被 \" + this.thisData.rob_banker_username + \" 抢了！\")\n        } else if (this.$Type == \"tw\") {\n          showToast(\"莊已被 \" + this.thisData.rob_banker_username + \" 搶了！\")\n        } else if (this.$Type == \"en\") {\n          showToast(\n            \"Zhuang has been robbed by \" +\n              this.thisData.rob_banker_username +\n              \"！\"\n          )\n        }\n      }\n    }\n  },\n  computed: {\n    ...mapState({\n      $Type: (state) => state.config.$Type,\n      $lang: (state) => state.config.$lang,\n      userInfo: (state) => state.app.userInfo\n    })\n  },\n  watch: {\n    thisData: {\n      handler: function (newData) {\n        // console.log(newData)\n        if (newData.game_id) {\n          // 更新抢庄时间\n          if (newData.sendMode == \"startRobCountDown\") {\n            this.countDown = newData.rob_count_down\n          } else if (\n            newData.sendMode != \"toRobResult\" &&\n            newData.sendMode != \"toRob\"\n          ) {\n            this.countDown = 0\n          }\n\n          // 判断是否系统抢庄\n          if (this.countDown == 0) {\n            if (newData.rob_banker_username) {\n              this.rob_banker_username = newData.rob_banker_username\n            } else {\n              this.rob_banker_username = this.$lang[this.$Type].system\n            }\n          }\n          // 判断抢庄提示\n          if (\n            newData.rob_banker_id == this.userInfo.uid &&\n            newData.rob_status == 1\n          ) {\n            this.successRob = true\n            setTimeout(() => {\n              this.successRob = false\n              newData.rob_status = 2\n            }, 5000)\n          } else {\n            this.successRob = false\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  props: {\n    thisData: Object\n  }\n}\n</script>\n<style scoped>\n.village .mask {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 3;\n  pointer-events: none;\n  z-index: 90;\n}\n.village .rob-box {\n  width: 4.5rem;\n  height: 6.6rem;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-top: -3.3rem;\n  margin-left: -2.25rem;\n  z-index: 99;\n}\n.village .rob-box .countDown {\n  width: 4rem;\n  height: 4rem;\n  position: relative;\n  margin: 0 auto 0.6rem auto;\n}\n.village .rob-box .countDown .time {\n  font-size: 1.4rem;\n  display: block;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  line-height: 4rem;\n  font-weight: bold;\n  background-color: #96813b;\n  background-image: -webkit-gradient(\n    linear,\n    left top,\n    left bottom,\n    from(#96813b),\n    color-stop(50%, #f8eabc),\n    to(#98833d)\n  );\n  background-image: linear-gradient(\n    180deg,\n    #96813b 0%,\n    #f8eabc 50%,\n    #98833d 100%\n  );\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.village .rob-box .countDown .bg {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: url(\"~@/assets/images/nn/rob_rotate.png\") no-repeat;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  animation: rotate 12000ms linear infinite;\n}\n.village .rob-box .btn {\n  width: 4.2rem;\n  height: 1.2rem;\n  margin: 0 auto;\n  background: url(\"~@/assets/images/nn/rob_button.png\");\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  position: relative;\n}\n\n.village .rob-box .btn:after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: url(\"~@/assets/images/nn/rob_button.png\");\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  animation: cirZoom infinite linear 2s 0.5s;\n  z-index: -1;\n}\n\n.village .rob-box .btn.unclick {\n  background-image: url(\"~@/assets/images/nn/unrob_button.png\");\n}\n\n.village .rob-box .btn.unclick:after {\n  display: none;\n}\n\n.village .success-rob {\n  position: absolute;\n  width: 9rem;\n  height: 5rem;\n  left: 50%;\n  top: 50%;\n  margin-left: -4.5rem;\n  margin-top: -2rem;\n  z-index: 99;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n}\n.village .success-rob:after {\n  content: \"\";\n  width: 4.5rem;\n  height: 4.4rem;\n  position: absolute;\n  left: 50%;\n  margin-left: -2.25rem;\n  top: -1.9rem;\n  background: url(\"~@/assets/images/nn/rob_logo.gif\") center center no-repeat;\n  -webkit-background-size: 100%;\n  background-size: 100%;\n}\n.village .success-rob .name {\n  color: #fff;\n  position: absolute;\n  bottom: 0.5rem;\n  left: 50%;\n  width: 8rem;\n  margin-left: -4rem;\n  text-align: center;\n  line-height: 1rem;\n  background: url(\"~@/assets/images/nn/rob_name_bg.png\") center center no-repeat;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n}\n\n.village .rob-result {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  text-align: center;\n  min-width: 1.2rem;\n  color: #f8eabc;\n  font-size: 0.35rem;\n  font-weight: 500;\n  height: 0.8rem;\n  line-height: 0.8rem;\n  padding-left: 0.75rem;\n  padding-right: 0.35rem;\n  margin-top: -0.8rem;\n  margin-left: -1.2rem;\n  background: url(\"~@/assets/images/nn/rob_banker_bg.png\");\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  -webkit-animation-name: robZoom;\n  animation-name: robZoom;\n  -webkit-animation-duration: 4s;\n  animation-duration: 4s;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  z-index: 9999;\n}\n.village .rob-result i {\n  content: \"\";\n  position: absolute;\n  width: 0.9rem;\n  height: 0.9rem;\n  left: -0.3rem;\n  top: 50%;\n  margin-top: -0.48rem;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n}\n@keyframes robZoom {\n  0% {\n    transform: translate(0, 0) scale(0, 0);\n  }\n  50% {\n    transform: translate(-5.8rem, -1.8rem) scale(1.2, 1.2);\n  }\n  100% {\n    transform: translate(-2.8rem, -4.95rem) scale(1, 1);\n  }\n}\n</style>\n"],"mappings":";;;EACOA,KAAK,EAAC;AAAS;;;EAGhBA,KAAK,EAAC;;;EAGDA,KAAK,EAAC;AAAW;;gEAEpBC,mBAAA,CAAsB;EAAjBD,KAAK,EAAC;AAAI;;EAwBZA,KAAK,EAAC;AAAM;;;EAGjBA,KAAK,EAAC;;;;EAINA,KAAK,EAAC;;;uBAvCVE,mBAAA,CAkDM,OAlDNC,UAkDM,GAjDJC,mBAAA,QAAW,EAGHC,KAAA,CAAAC,SAAS,IAAID,KAAA,CAAAC,SAAS,QAAQC,MAAA,CAAAC,QAAQ,CAACC,QAAQ,QAAQJ,KAAA,CAAAC,SAAS,I,cAFxEJ,mBAAA,CAsBM,OAtBNQ,UAsBM,GAlBJT,mBAAA,CAGM,OAHNU,UAGM,GAFJV,mBAAA,CAA6C;IAAvCD,KAAK,EAAC,MAAM;IAACY,SAAkB,EAAVP,KAAA,CAAAC;uCAC3BO,UAAsB,C,GAGhBN,MAAA,CAAAC,QAAQ,CAACM,aAAa,S,cAD9BZ,mBAAA,CAMO;;IAJLF,KAAK,EAAC,KAAK;IACVe,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,QAAA,CAAAC,OAAO;IACdC,KAAK,EAAAC,eAAA,yBAA0BC,OAAO,0BAAoCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEC,UAAU;gEAI5FnB,MAAA,CAAAC,QAAQ,CAACM,aAAa,S,cAD9BZ,mBAAA,CAMO;;IAJLF,KAAK,EAAC,aAAa;IAClBe,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,QAAA,CAAAC,OAAO;IACdC,KAAK,EAAAC,eAAA,yBAA0BC,OAAO,0BAAoCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEE,YAAY;uGAIxGvB,mBAAA,UAAa,EAELC,KAAA,CAAAuB,UAAU,I,cADlB1B,mBAAA,CAOM;;IALJF,KAAK,EAAC,iCAAiC;IACtCoB,KAAK,EAAAC,eAAA,0BAA2BC,OAAO,0BAAkCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEI,UAAU;MAGjG5B,mBAAA,CAA0D,OAA1D6B,UAA0D,EAAAC,gBAAA,CAArCxB,MAAA,CAAAC,QAAQ,CAACwB,mBAAmB,iB,uDAI3C3B,KAAA,CAAAC,SAAS,IAAID,KAAA,CAAAC,SAAS,QAAQC,MAAA,CAAAC,QAAQ,CAACC,QAAQ,QAAQJ,KAAA,CAAAC,SAAS,I,cAFxEJ,mBAAA,CAGO,OAHP+B,UAGO,K,mCAGU5B,KAAA,CAAAC,SAAS,SAASD,KAAA,CAAA2B,mBAAmB,UAAUzB,MAAA,CAAAC,QAAQ,CAAC0B,UAAU,S,cAFnFhC,mBAAA,CAWM,OAXNiC,UAWM,GALJlC,mBAAA,CAGK;IAFFmB,KAAK,EAAAC,eAAA,yBAA0BC,OAAO,0BAAoCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEW,UAAU;4CAE/F,GACL,GAAAL,gBAAA,CAAG1B,KAAA,CAAA2B,mBAAmB,iB"},"metadata":{},"sourceType":"module","externalDependencies":[]}