{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\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    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 {\n      Type,\n      Lang,\n      list,\n      showOnLine,\n      closeOnLine\n    };\n  }\n};","map":{"version":3,"names":["computed","useStore","name","props","setup","store","showOnLine","state","config","Type","$Type","Lang","$lang","list","getRndInteger","min","max","Math","floor","random","genUid","length","soupLength","soup_","id","i","charAt","join","time","money","drop","item","head","frame","win","parseInt","toFixed","push","compare","key","desc","a","b","value1","value2","sort","closeOnLine","commit"],"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":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}