{"ast":null,"code":"import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nconst _withScopeId = n => (_pushScopeId(\"data-v-1f5d2044\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n  key: 0,\n  class: \"online-pop\"\n};\nconst _hoisted_2 = {\n  class: \"online-view\"\n};\nconst _hoisted_3 = {\n  class: \"title\"\n};\nconst _hoisted_4 = {\n  class: \"small\"\n};\nconst _hoisted_5 = {\n  class: \"view\"\n};\nconst _hoisted_6 = {\n  class: \"box\"\n};\nconst _hoisted_7 = {\n  class: \"name\"\n};\nconst _hoisted_8 = {\n  class: \"money\"\n};\nconst _hoisted_9 = {\n  class: \"box\"\n};\nconst _hoisted_10 = {\n  class: \"item down\"\n};\nconst _hoisted_11 = {\n  class: \"lab\"\n};\nconst _hoisted_12 = {\n  class: \"item time\"\n};\nconst _hoisted_13 = {\n  class: \"lab\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_van_icon = _resolveComponent(\"van-icon\");\n  return _openBlock(), _createBlock(_Transition, {\n    name: \"custom-classes\",\n    \"enter-active-class\": \"animate__animated animate__zoomIn\",\n    \"leave-active-class\": \"animate__animated animate__zoomOut\"\n  }, {\n    default: _withCtx(() => [$setup.showOnLine ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createElementVNode(\"div\", _hoisted_2, [_createElementVNode(\"div\", _hoisted_3, [_createElementVNode(\"small\", _hoisted_4, _toDisplayString($setup.Lang[$setup.Type].nearly_20), 1 /* TEXT */), _createTextVNode(\" \" + _toDisplayString($setup.Lang[$setup.Type].player_list) + \" \", 1 /* TEXT */), _createVNode(_component_van_icon, {\n      class: \"close\",\n      name: \"cross\",\n      onClick: $setup.closeOnLine\n    }, null, 8 /* PROPS */, [\"onClick\"])]), _createElementVNode(\"div\", _hoisted_5, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.list, (item, index) => {\n      return _openBlock(), _createElementBlock(\"div\", {\n        class: \"list\",\n        key: item\n      }, [_createElementVNode(\"div\", {\n        class: _normalizeClass([\"ranking\", [$setup.Type]])\n      }, _toDisplayString(index != 0 ? index + 1 : \"\"), 3 /* TEXT, CLASS */), _createElementVNode(\"div\", {\n        class: _normalizeClass([\"head\", [`head_${item.head}`]])\n      }, [_createElementVNode(\"span\", {\n        class: _normalizeClass([\"frame\", [`frame_${item.frame}`]])\n      }, null, 2 /* CLASS */)], 2 /* CLASS */), _createElementVNode(\"div\", _hoisted_6, [_createElementVNode(\"div\", _hoisted_7, _toDisplayString(item.name), 1 /* TEXT */), _createElementVNode(\"div\", _hoisted_8, _toDisplayString(item.money), 1 /* TEXT */)]), _createElementVNode(\"div\", _hoisted_9, [_createElementVNode(\"div\", _hoisted_10, [_createElementVNode(\"span\", _hoisted_11, _toDisplayString($setup.Lang[$setup.Type].place_bet), 1 /* TEXT */), _createElementVNode(\"span\", null, _toDisplayString(item.win), 1 /* TEXT */)]), _createElementVNode(\"div\", _hoisted_12, [_createElementVNode(\"span\", _hoisted_13, _toDisplayString($setup.Lang[$setup.Type].to_win), 1 /* TEXT */), _createElementVNode(\"span\", null, _toDisplayString(item.time) + _toDisplayString($setup.Lang[$setup.Type].games), 1 /* TEXT */)])])]);\n    }), 128 /* KEYED_FRAGMENT */))])])])) : _createCommentVNode(\"v-if\", true)]),\n    _: 1 /* STABLE */\n  });\n}","map":{"version":3,"names":["class","_createBlock","_Transition","name","$setup","showOnLine","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","Lang","Type","nearly_20","player_list","_createVNode","_component_van_icon","onClick","closeOnLine","_hoisted_5","_Fragment","_renderList","list","item","index","key","_normalizeClass","head","frame","_hoisted_6","_hoisted_7","_hoisted_8","money","_hoisted_9","_hoisted_10","_hoisted_11","place_bet","win","_hoisted_12","_hoisted_13","to_win","time","games"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/OnLinePop.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=\"online-pop\" v-if=\"showOnLine\">\n      <div class=\"online-view\">\n        <div class=\"title\">\n          <small class=\"small\">{{ Lang[Type].nearly_20 }}</small>\n          {{ Lang[Type].player_list }}\n          <van-icon class=\"close\" name=\"cross\" @click=\"closeOnLine\" />\n        </div>\n        <div class=\"view\">\n          <div class=\"list\" v-for=\"(item, index) in list\" :key=\"item\">\n            <div class=\"ranking\" :class=\"[Type]\">\n              {{ index != 0 ? index + 1 : \"\" }}\n            </div>\n            <div class=\"head\" :class=\"[`head_${item.head}`]\">\n              <span class=\"frame\" :class=\"[`frame_${item.frame}`]\"></span>\n            </div>\n            <div class=\"box\">\n              <div class=\"name\">{{ item.name }}</div>\n              <div class=\"money\">{{ item.money }}</div>\n            </div>\n            <div class=\"box\">\n              <div class=\"item down\">\n                <span class=\"lab\">{{ Lang[Type].place_bet }}</span>\n                <span>{{ item.win }}</span>\n              </div>\n              <div class=\"item time\">\n                <span class=\"lab\">{{ Lang[Type].to_win }}</span>\n                <span>{{ item.time }}{{ Lang[Type].games }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<script>\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nexport default {\n  name: \"OnLinePop\",\n  props: {},\n  setup() {\n    const store = useStore()\n    const showOnLine = computed(() => store.state.config.showOnLine)\n    const Type = computed(() => store.state.config.$Type)\n    const Lang = computed(() => store.state.config.$lang)\n    let list = []\n    const getRndInteger = (min, max) => {\n      return Math.floor(Math.random() * (max - min)) + min\n    }\n    const genUid = () => {\n      const length = 9\n      const soupLength = genUid.soup_.length\n      let id = []\n      for (let i = 0; i < length; i++) {\n        id[i] = genUid.soup_.charAt(Math.random() * soupLength)\n      }\n      return `EZ` + id.join(\"\")\n    }\n    genUid.soup_ = \"0123456789\"\n\n    for (let i = 0; i < 20; i++) {\n      const time = getRndInteger(5, 20)\n      const money = getRndInteger(4000, 99999)\n      const drop = getRndInteger(1, 99) / 100\n      const item = {\n        name: genUid(),\n        head: getRndInteger(1, 7),\n        frame: getRndInteger(1, 5),\n        time: time,\n        win: parseInt(time * 3.14 * 800) + drop,\n        money: (money + drop + parseInt(time * 3.14 * 800)).toFixed(2)\n      }\n      list.push(item)\n    }\n    const compare = (key, desc) => {\n      //key:  用于排序的数组的key值\n      //desc： 布尔值，为true是升序排序，false是降序排序\n      return function (a, b) {\n        let value1 = a[key]\n        let value2 = b[key]\n        if (desc == true) {\n          // 升序排列\n          return value1 - value2\n        } else {\n          // 降序排列\n          return value2 - value1\n        }\n      }\n    }\n    list = list.sort(compare(\"money\", false))\n    const closeOnLine = () => {\n      store.commit(\"config/showOnLine\")\n    }\n    return { Type, Lang, list, showOnLine, closeOnLine }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.online-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  .online-view {\n    width: 13.5rem;\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: -6.75rem;\n    padding-bottom: 0rem;\n    font-size: 0.35rem;\n    .title {\n      font-size: 0.5rem;\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      z-index: 2;\n      transform: rotateX(0deg);\n      .small {\n        position: absolute;\n        left: 0.4rem;\n        font-size: 0.36rem;\n        top: 0.1rem;\n      }\n      .close {\n        position: absolute;\n        right: 0.25rem;\n        top: -0.2rem;\n        font-size: 1rem;\n        color: #999;\n        z-index: 2;\n        &:active {\n          opacity: 0.6;\n        }\n      }\n    }\n    .view {\n      height: 7.3rem;\n      overflow-y: auto;\n    }\n    .list {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0.3rem 0.4rem;\n      border-bottom: 1px solid #eee;\n      &:first-child .ranking {\n        background-image: url(\"~@/assets/images/cn_no_1.png\");\n        &.en,\n        &.kr,\n        &.yn {\n          background-image: url(\"~@/assets/images/en_no_1.png\");\n          padding-left: 2rem;\n        }\n        &.tw {\n          background-image: url(\"~@/assets/images/tw_no_1.png\");\n        }\n      }\n      .ranking {\n        padding-left: 1.7rem;\n        background: url(\"~@/assets/images/cn_no_x.png\") left center no-repeat;\n        background-size: 2rem auto;\n        height: 1rem;\n        line-height: 1rem;\n        font-size: 0.65rem;\n        font-weight: bold;\n        color: #e2900a;\n        -webkit-text-stroke: 1px #000;\n        text-stroke: 1px #000;\n        min-width: 1.1rem;\n        &.en,\n        &.kr,\n        &.yn {\n          background-image: url(\"~@/assets/images/en_no_x.png\");\n          padding-left: 2rem;\n        }\n        &.tw {\n          background-image: url(\"~@/assets/images/tw_no_x.png\");\n        }\n      }\n      .head {\n        width: 1.1rem;\n        height: 1.1rem;\n        background: url(\"~@/assets/images/user.png\") no-repeat;\n        background-size: 1.1rem auto;\n        position: relative;\n        margin: 0.2rem;\n\n        @for $i from 1 through 7 {\n          &.head_#{$i} {\n            background-position: 0 -#{1.12 * $i}rem;\n          }\n        }\n        .frame {\n          width: 1.6rem;\n          height: 1.5rem;\n          position: absolute;\n          top: -0.21rem;\n          left: -0.25rem;\n          background: url(\"~@/assets/images/frame.png\") no-repeat;\n          background-size: 1.6rem auto;\n          @for $i from 1 through 5 {\n            &.frame_#{$i} {\n              background-position: 0 -#{1.6 * $i}rem;\n            }\n          }\n        }\n      }\n      .box {\n        min-width: 3.2rem;\n        .name {\n          font-size: 0.38rem;\n          font-weight: 600;\n          color: #333;\n          line-height: 1;\n        }\n        .money {\n          border: 1px solid #eeefef;\n          color: #c56718;\n          border-radius: 0.5rem;\n          margin-top: 0.2rem;\n          padding: 0.1rem 0.1rem 0.1rem 0.7rem;\n          line-height: 1;\n          background: url(\"~@/assets/images/icon/money.png\") no-repeat 0.13rem\n            center;\n          background-size: 0.4rem auto;\n        }\n      }\n      .down {\n        color: #c56718;\n        font-weight: bold;\n        .lab {\n          background: linear-gradient(#f0ab5b, #c56718);\n          color: #fff;\n          padding: 0.05rem 0.1rem;\n          line-height: 1;\n          border-radius: 0.05rem;\n          font-weight: normal;\n          margin-right: 0.1rem;\n        }\n      }\n      .time {\n        color: #338d5f;\n        font-weight: bold;\n        margin-top: 0.2rem;\n        .lab {\n          background: linear-gradient(#3caf81, #338d5f);\n          color: #fff;\n          padding: 0.05rem 0.1rem;\n          line-height: 1;\n          border-radius: 0.05rem;\n          font-weight: normal;\n          margin-right: 0.1rem;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;EAMSA,KAAK,EAAC;;;EACJA,KAAK,EAAC;AAAa;;EACjBA,KAAK,EAAC;AAAO;;EACTA,KAAK,EAAC;AAAO;;EAIjBA,KAAK,EAAC;AAAM;;EAQRA,KAAK,EAAC;AAAK;;EACTA,KAAK,EAAC;AAAM;;EACZA,KAAK,EAAC;AAAO;;EAEfA,KAAK,EAAC;AAAK;;EACTA,KAAK,EAAC;AAAW;;EACdA,KAAK,EAAC;AAAK;;EAGdA,KAAK,EAAC;AAAW;;EACdA,KAAK,EAAC;AAAK;;;uBA9B/BC,YAAA,CAsCaC,WAAA;IArCXC,IAAI,EAAC,gBAAgB;IACrB,oBAAkB,EAAC,mCAAmC;IACtD,oBAAkB,EAAC;;sBAEnB,MAgCM,CAhCwBC,MAAA,CAAAC,UAAU,I,cAAxCC,mBAAA,CAgCM,OAhCNC,UAgCM,GA/BJC,mBAAA,CA8BM,OA9BNC,UA8BM,GA7BJD,mBAAA,CAIM,OAJNE,UAIM,GAHJF,mBAAA,CAAuD,SAAvDG,UAAuD,EAAAC,gBAAA,CAA/BR,MAAA,CAAAS,IAAI,CAACT,MAAA,CAAAU,IAAI,EAAEC,SAAS,kB,iBAAW,GACvD,GAAAH,gBAAA,CAAGR,MAAA,CAAAS,IAAI,CAACT,MAAA,CAAAU,IAAI,EAAEE,WAAW,IAAG,GAC5B,iBAAAC,YAAA,CAA4DC,mBAAA;MAAlDlB,KAAK,EAAC,OAAO;MAACG,IAAI,EAAC,OAAO;MAAEgB,OAAK,EAAEf,MAAA,CAAAgB;4CAE/CZ,mBAAA,CAuBM,OAvBNa,UAuBM,I,kBAtBJf,mBAAA,CAqBMgB,SAAA,QAAAC,WAAA,CArBoCnB,MAAA,CAAAoB,IAAI,GAApBC,IAAI,EAAEC,KAAK;2BAArCpB,mBAAA,CAqBM;QArBDN,KAAK,EAAC,MAAM;QAAgC2B,GAAG,EAAEF;UACpDjB,mBAAA,CAEM;QAFDR,KAAK,EAAA4B,eAAA,EAAC,SAAS,GAAUxB,MAAA,CAAAU,IAAI;0BAC7BY,KAAK,QAAQA,KAAK,kCAEvBlB,mBAAA,CAEM;QAFDR,KAAK,EAAA4B,eAAA,EAAC,MAAM,WAAkBH,IAAI,CAACI,IAAI;UAC1CrB,mBAAA,CAA4D;QAAtDR,KAAK,EAAA4B,eAAA,EAAC,OAAO,YAAmBH,IAAI,CAACK,KAAK;gDAElDtB,mBAAA,CAGM,OAHNuB,UAGM,GAFJvB,mBAAA,CAAuC,OAAvCwB,UAAuC,EAAApB,gBAAA,CAAlBa,IAAI,CAACtB,IAAI,kBAC9BK,mBAAA,CAAyC,OAAzCyB,UAAyC,EAAArB,gBAAA,CAAnBa,IAAI,CAACS,KAAK,iB,GAElC1B,mBAAA,CASM,OATN2B,UASM,GARJ3B,mBAAA,CAGM,OAHN4B,WAGM,GAFJ5B,mBAAA,CAAmD,QAAnD6B,WAAmD,EAAAzB,gBAAA,CAA9BR,MAAA,CAAAS,IAAI,CAACT,MAAA,CAAAU,IAAI,EAAEwB,SAAS,kBACzC9B,mBAAA,CAA2B,cAAAI,gBAAA,CAAlBa,IAAI,CAACc,GAAG,iB,GAEnB/B,mBAAA,CAGM,OAHNgC,WAGM,GAFJhC,mBAAA,CAAgD,QAAhDiC,WAAgD,EAAA7B,gBAAA,CAA3BR,MAAA,CAAAS,IAAI,CAACT,MAAA,CAAAU,IAAI,EAAE4B,MAAM,kBACtClC,mBAAA,CAAkD,cAAAI,gBAAA,CAAzCa,IAAI,CAACkB,IAAI,IAAA/B,gBAAA,CAAMR,MAAA,CAAAS,IAAI,CAACT,MAAA,CAAAU,IAAI,EAAE8B,KAAK,iB"},"metadata":{},"sourceType":"module","externalDependencies":[]}