{"version":3,"file":"index-BzhEDElI.js","sources":["../../src/components/first/AssetsHeader.vue","../../src/views/recharge/main/comp/AmountBtnList.vue","../../src/components/Image.vue","../../src/views/recharge/main/comp/ChannelItem.vue","../../src/views/recharge/main/comp/ChannelSelect.vue","../../src/components/AssetsOrderModal/index.vue","../../src/views/recharge/main/comp/Tab.vue","../../src/views/withdraw/comp/AssetsTab.vue","../../src/views/recharge/main/comp/TextTip.vue","../../src/views/recharge/main/comp/AmountInput.vue","../../src/views/recharge/main/comp/ActivitySwitch.vue","../../src/views/recharge/main/first/index.vue","../../src/components/HotPoint/ripplePoint.vue","../../src/views/tabbar/tabs/inicio/components/PartView/first/index.vue","../../src/views/tabbar/tabs/inicio/components/PopularView/first/index.vue","../../src/views/tabbar/tabs/inicio/components/SwiperView/first/index.vue","../../src/views/tabbar/tabs/inicio/components/SportView/first/index.vue","../../src/views/tabbar/tabs/inicio/components/RedPacket/first/RedPacketRain.vue","../../src/views/tabbar/tabs/inicio/components/RedPacket/first/RedPacketModel.vue","../../src/views/tabbar/tabs/inicio/components/RedPacket/first/index.vue","../../src/views/withdraw/main/comp/FormInfo.vue","../../src/views/withdraw/main/comp/BalanceArea.vue","../../src/views/withdraw/main/comp/AmountBtnList.vue","../../src/views/withdraw/main/comp/FeeTip.vue","../../src/views/withdraw/main/comp/ConfirmModal.vue","../../src/views/withdraw/main/comp/WithdrawHint.vue","../../src/views/withdraw/main/first/index.vue","../../src/components/first/selectlist/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { IonIcon } from '@ionic/vue'\nimport useNavigaterBack from '@/hooks/useNavigaterBack'\nimport { getTheme } from '@/theme/hooks'\nconst { theme } = getTheme()\ninterface TabItem {\n  name: string,\n  id: string | number\n  tagValue?: string | number\n  tags?: string\n}\nconst tabValue = defineModel('tabValue')\nconst router = useRouter()\n\nconst emit = defineEmits<{\n  (e: 'update:tabValue', i: number): void,\n  (e: 'tabChange', i: number): void,\n  (e: 'recordHandle'): void,\n}>()\nwithDefaults(defineProps<{\n  contentText: string\n  isShowCloseicon?: boolean\n  tabList?: TabItem[]\n}\n>(), {\n  isShowCloseicon: false\n});\nconst gotoClient = () => {\n  ///notification\n  router.push('/notification')\n}\nconst handleClick = (e: CustomEvent) => {\n\n\n  let i = e.detail.value\n  emit(\"update:tabValue\", i)\n  emit(\"tabChange\", i)\n}\nconst closePage = () => {\n  useNavigaterBack()\n}\nconst recordHandle = () => {\n  emit(\"recordHandle\")\n}\n\n\n</script>\n<template>\n\n  <div :class=\"['header-wrap', theme]\">\n    <p class=\"top flex-start\"> <span>{{ contentText }}</span>\n    <div class=\"icon-area flex-center\"><ion-icon slot=\"icon-only\" class=\"record\" @click=\"recordHandle\"\n        src=\"/first/svg/assets/record.svg\" /></div>\n    </p> <ion-icon slot=\"icon-only\" class=\"close\" src=\"/first/svg/login/close.svg\" v-if=\"isShowCloseicon\"\n      @click=\"closePage\" />\n    <p class=\"text\">{{ $t('viewsAssets.contactUs') }} <span class=\"client\" @click=\"gotoClient\">\n        <ion-icon slot=\"icon-only\" src=\"/first/svg/perfil/customer.svg\" />\n        {{ $t('viewsAssets.suporteOnline') }}</span> {{ $t('viewsAssets.Obrigado') }}!\n    </p>\n\n\n  </div>\n\n</template>\n\n<style scoped lang=\"less\">\n.header-wrap {\n  width: 24.375rem;\n  .bg-200();\n  padding: .625rem .75rem 0;\n  box-sizing: border-box;\n  position: relative;\n\n\n  .top {\n    line-height: 1.875rem;\n\n    span {\n      .dynamic-font(@fontSize: --font-size-20, @fontWeight: --font-weight-medium)\n    }\n\n    .icon-area {\n      border-radius: 50%;\n      width: 1.5rem;\n      height: 1.5rem;\n      .bg-link();\n      margin-left: .625rem;\n\n      ion-icon.record {\n        .font-size(--font-size-16);\n        .color-text-100();\n\n      }\n    }\n\n  }\n\n  ion-icon.close {\n    .font-size(--font-size-18);\n    .color-text-100();\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n\n  }\n\n  .text {\n    width: 18.75rem;\n    .dynamic-font(@color: --color-text-40);\n    padding: 1.25rem 0;\n    line-height: 1.125rem;\n\n    span {\n      .dynamic-font(@color: --color-primary-800, @fontWeight: --font-weight-bold);\n      white-space: nowrap;\n      cursor: pointer;\n\n      ion-icon {\n        .font-size(--font-size-18);\n        vertical-align: top;\n      }\n    }\n  }\n\n  .tab-list {\n    padding: 3px;\n    box-sizing: border-box;\n    width: 22.5rem;\n    height: 2.25rem;\n    overflow-x: auto;\n    .rounded-middle();\n    .bg-300();\n\n    li {\n      flex: 1;\n      text-align: center;\n      height: 1.875rem;\n      // max-width: 10.875rem;\n      .dynamic-font(@color: --color-text-40, @fontSize: --font-size-14);\n      line-height: 1.875rem;\n      .rounded-small();\n    }\n\n    li.active {\n      .dynamic-font(@color: --color-text-100, @fontWeight: --font-weight-bold, @fontSize: --font-size-14);\n      .bg-100()\n    }\n\n  }\n\n  .heard-bottom {\n    padding-bottom: 12px;\n\n    ion-segment {\n      --background: var(--color-bg-300);\n      width: 22.5rem;\n      height: 3rem;\n      border-radius: var(--rounded-button-tab) !important;\n\n    }\n\n    ion-segment-button.ios::part(native) {\n      color: var(--color-text-40);\n    }\n\n    .segment-button-checked.ios::part(native) {\n      color: var(--color-text-100);\n      font-weight: var(--font-weight-bold);\n    }\n\n    ion-segment-button::part(indicator-background) {\n      background: var(--color-bg-100)\n    }\n\n    ion-segment-button {\n      --border-radius: var(--rounded-button-tab);\n      height: 2.75rem;\n      --padding-start: 12px;\n      --padding-end: 12px;\n      min-width: 7.5rem;\n    }\n\n    .tag {\n      position: absolute;\n      min-width: 2.375rem;\n      height: .8125rem;\n      right: -0.625rem;\n      top: 0;\n      line-height: .875rem;\n      .bg-primary-800();\n      z-index: 100;\n      padding-left: .75rem;\n      border-radius: 0 var(--rounded-button-tab) 0 var(--rounded-button-tab);\n      .dynamic-font(@color: --color-text-tag, @fontSize: --font-size-10, @fontWeight: --font-weight-bold);\n\n    }\n\n  }\n\n\n\n}\n\n.header-wrap.purple-light {\n  background-color: var(--color-bg-500);\n\n  .top {\n\n    .icon-area {\n      background-color: var(--color-text-100);\n    }\n\n  }\n\n  .text {\n    .dynamic-font(@color: --color-text-80);\n  }\n}\n\n.header-wrap.amber-purple {\n  background-color: var(--color-bg-100);\n  .top {\n    line-height: 1.875rem;\n\n    span {\n      color:var(--text-color-light-purple-1-100);\n    }\n\n    .icon-area {\n      background: var(--theme-color-800);\n    }\n\n  }\n  .text{\n    color: var(--text-color-light-purple-1-100);\n  }\n\n  .client{\n    color: var(--color-currency)\n  }\n\n}\n</style>\n","\n<script setup lang=\"ts\">\nimport AmountBtn from './AmountBtn.vue'\nimport { getTheme } from '@/theme/hooks'\nconst { theme } = getTheme()\nexport interface AmountBtnItem {\n  amount: number\n  rate?: number\n}\nconst emit = defineEmits<{\n  (e: 'amountHandle', amount: number): void\n}>()\nlet props = defineProps<{\n  amountBtnList: AmountBtnItem[],\n  amountInput: number | string\n}\n>()\n\n\nconst amountHandle = (item: AmountBtnItem) => {\n  if (item.amount === props.amountInput) return\n  emit('amountHandle', item.amount)\n}\n\n</script>\n<template>\n  <div class=\"btn-list-wrap flex-between\":class=\"theme\">\n    <template v-for=\"item in amountBtnList\">\n      <AmountBtn v-bind=\"{ ...item, isActive: item.amount == amountInput }\" @click=\"() => amountHandle(item)\" />\n    </template>\n\n    <div class=\"w-[7.125rem]\"></div>\n\n  </div>\n\n</template>\n\n<style scoped lang=\"less\">\n.btn-list-wrap {\n  width: 24.375rem;\n  padding: .625rem .625rem .125rem .625rem;\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  align-content: space-between;\n  .bg-300();\n}\n</style>\n","<template>\n\n  <ion-img class=\"w-full h-full\" :class=\"loaded ? 'opacity-100' : 'opacity-0'\" :src=\"props.src\" @ionError=\"errorHandle\"\n    @ionImgWillLoad=\"loadHandle\" @ionImgDidLoad=\"loadedHandle\" />\n  <!-- <ion-skeleton-text v-if=\"!loaded\" :animated=\"true\"/> -->\n\n</template>\n\n<script setup lang=\"ts\">\nimport { IonImg, IonSkeletonText } from \"@ionic/vue\";\nimport { ref } from \"vue\";\n\nconst props = defineProps({\n  src: {\n    type: String,\n    required: true\n  }\n});\n\nconst loaded = ref(false);  // 是否加载完成\nconst error = ref(false);   // 是否加载失败\n\nfunction loadHandle() {\n  loaded.value = false;\n}\n\n/**\n * @description 图片加载完成\n */\nfunction loadedHandle() {\n  loaded.value = true;\n}\n\n/**\n * @description 图片加载失败\n */\nfunction errorHandle() {\n  error.value = true;\n}\n</script>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport Image from '@/components/Image.vue'\nimport { IonSpinner } from '@ionic/vue'\nimport { getTheme } from '@/theme/hooks'\nconst { theme } = getTheme()\ndefineProps<{\n  name?: string,\n  logo?: string,\n  loading?: boolean\n}\n>()\nconst attrs = useAttrs()\n\n\n</script>\n<template>\n  <div :class=\"['item-wrap', 'flex-between', theme]\" v-bind=\"attrs\">\n    <template v-if=\"!loading\">\n      <div class=\"name flex-between\">\n        <div v-if=\"logo\" class=\"img-area\">\n          <Image :src=\"logo\" />\n        </div>\n        <p>{{ name }}</p>\n      </div>\n      <slot name=\"suffix\">\n\n      </slot>\n\n\n    </template>\n\n\n\n    <div class=\"spinner-wrap\">\n      <ion-spinner class=\"spinner\" name=\"bubbles\" v-if=\"loading\" />\n    </div>\n  </div>\n\n\n</template>\n\n<style scoped lang=\"less\">\n.item-wrap {\n  width: 7.0625rem;\n  height: 3.25rem;\n  padding: 0 .1875rem;\n  height: 3.25rem;\n  box-sizing: border-box;\n  border: 1px solid var(--color-border);\n\n  .bg-400();\n\n\n  .name {\n\n    .img-area {\n      width: 1.5625rem;\n      height: 1.5625rem;\n      height: 100%;\n      .dynamic-font(@fontSize: --font-size-12, @fontWeight: --font-weight-medium);\n    }\n\n    p {\n      width: 4.0625rem;\n      margin-left: .1875rem;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      .dynamic-font(@fontSize: --font-size-12);\n    }\n\n\n  }\n\n  .spinner-wrap {\n    text-align: center;\n\n    .spinner {\n      margin: 0.8rem 2.5rem;\n      --color: var(--color-primary-800)\n    }\n\n  }\n\n}\n\n.item-wrap.purple-light {\n  .name {\n\n    .img-area {\n\n      .dynamic-font(@fontSize: --font-size-12, @fontWeight: --font-weight-medium);\n    }\n\n    p {\n\n      .dynamic-font(@fontSize: --font-size-12, @color: --color-text-100);\n    }\n\n\n  }\n\n\n}\n\n.item-wrap.amber-purple {\n\n  .name p {\n\n    color: var(--text-color-light-purple-1-100)\n  }\n\n}\n</style>\n","<script setup lang=\"ts\">\n\nimport ChannelItem from './ChannelItem.vue'\nimport { IonIcon, IonPopover, IonContent } from '@ionic/vue'\nimport { getTheme } from '@/theme/hooks'\nconst { theme } = getTheme()\nexport interface TypeSelectIem {\n  name: string,\n  logo?: string\n  id?: number\n}\nconst emit = defineEmits<{\n  (e: 'handleChannel', id: number): void\n  (e: 'update:channelId', id: number): void\n}>()\nlet props = withDefaults(defineProps<{\n  list: TypeSelectIem[],\n  loading: boolean\n}\n>(), {\n\n});\n\nconst channelId = defineModel<number | null | undefined>('channelId',)\n\nconst popoverOpen = ref(false)\nconst isGt1 = computed(() => props.list.length > 1)\n\n// const currentItem = reactive<TypeSelectIem>({\n//   name: '',\n//   logo: '',\n//   id: 0\n// })\n\n\nconst changeSelect = (activeId: number) => {\n  popoverOpen.value = false\n  if (activeId == channelId.value) return\n  emit('handleChannel', activeId)\n  emit('update:channelId', activeId)\n}\n\nconst openPopover = () => {\n  popoverOpen.value = isGt1.value\n}\n\n// const init = (current: TypeSelectIem) => {\n//   currentItem.logo = current.logo\n//   currentItem.name = current.name\n//   currentItem.id = current.id ?? 0\n// }\n\n\n// watch(() => props.list, () => {\n//   let current = props.list[0]\n//   init(current)\n\n// }, { immediate: true })\n\n\nconst currentItem = computed(() => {\n\n  if (channelId.value) {\n    return props.list.find(it => it.id == channelId.value) ?? props.list[0]\n  } else {\n    return props.list[0]\n  }\n\n})\n\n\n\n</script>\n<template>\n\n  <ChannelItem v-bind=\"{ ...currentItem }\" :loading=\"loading\" @click=\"openPopover\" id=\"auto-trigger\"\n    class=\"rounded-middle\">\n    <template #suffix v-if=\"isGt1\">\n      <ion-icon slot=\"icon-only\" :class=\"['arrow', { 'rotate-180': popoverOpen }, theme]\"\n        src=\"/first/svg/assets/arrow.svg\" />\n\n    </template>\n  </ChannelItem>\n\n  <ion-popover v-if=\"isGt1\" mode=\"md\" side=\"bottom\" alignment=\"start\" trigger=\"auto-trigger\"\n    @didDismiss=\"popoverOpen = false\" :dismiss-on-select=\"true\">\n    <ion-content class=\"select-list\">\n      <template v-for=\"it in list\" :key=\"it.name\">\n        <ChannelItem v-bind=\"{ name: it.name, logo: it.logo, id: it.id }\" @click=\"() => changeSelect(it.id!)\" />\n      </template>\n    </ion-content>\n  </ion-popover>\n\n\n\n</template>\n\n<style scoped lang=\"less\">\nion-popover {\n  --width: 7.0625rem;\n}\n\nion-icon.arrow {\n  .font-size(--font-size-14);\n  .color-text-100();\n\n\n}\n\nion-icon.arrow.amber-purple {\n\n  color: var(--text-color-light-purple-2-100)\n}\n\nion-icon.rotate-180 {\n  transform: rotateX(180deg)\n}\n\n\n\n\n\n:deep(.select-list) {\n  .item-wrap {\n    &:nth-child(2n) {\n      .bg-300();\n    }\n\n    &:first-child {\n      border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;\n    }\n\n    &:last-child {\n      border-radius: 0 0 var(--rounded-middle) var(--rounded-middle);\n    }\n  }\n\n\n}\n</style>\n","<!-- 资金订单弹窗 -->\n<template>\n  <ion-modal id=\"modal-assets-order\" :is-open=\"modelValue\" @didDismiss=\"closeHandle\">\n    <div class=\"modal-content w-[22.875rem] relative px-2.5 py-5\">\n      <div class=\"text-center\">\n        <ion-icon class=\"close absolute text-3xl top-5 right-5\" :icon=\"close\" @click=\"closeHandle\" />\n        <p class=\"text-lg mb-5 leading-[1.875rem]\">{{ type === 'recharge' ? $t('viewsAssets.RechargeDetails') :\n          $t('viewsAssets.withdrawalDetails') }}</p>\n        <!-- 订单状态 -->\n        <div class=\"h-[3.4375rem] w-[3.4375rem] rounded-full mx-auto\" :style=\"{ background: statusColor }\"\n          v-if=\"success.includes(`${status}`)\">\n          <ion-icon class=\"text-[2rem] mt-3\" src=\"/first/svg/assets/success.svg\" />\n        </div>\n        <div class=\"h-[3.4375rem] w-[3.4375rem] rounded-full mx-auto\" :style=\"{ background: statusColor }\"\n          v-else-if=\"fail.includes(`${status}`)\">\n          <ion-icon class=\"text-[1.4375rem] mt-4\" src=\"/first/svg/assets/fail.svg\" />\n        </div>\n        <div class=\"h-[3.4375rem] w-[3.4375rem] rounded-full mx-auto\" :style=\"{ background: statusColor }\" v-else>\n          <ion-icon class=\"text-[1.3125rem] mt-2.5 ml-3\" src=\"/first/svg/assets/applying.svg\" />\n        </div>\n        <p class=\"text-xs mt-2.5\" :style=\"{ color: statusColor }\">{{ statusText }}</p>\n        <!-- 倒计时 -->\n        <p class='mt-2 countdown-wrap' v-if=\"countdown\">{{ $t('viewsAssets.pleaseOn') }}<span class=\"countdown\">{{ countdown }}s</span>{{\n          cdText}}</p>\n        <p class=\"text-lg font-bold text-[--color-text-depositDetial-white]\">{{ merchantCy }} {{ convertMoneyToShow(amount) }}</p>\n      </div>\n      <!-- 订单详情 -->\n      <div class=\"detail text-xs border-t border-dashed leading-6 pt-2.5\">\n        <template v-for=\"item of data\" :key=\"item.name\">\n          <div class=\"flex justify-between items-center pb-2.5\" v-if=\"item.value\">\n            <p class=\"name flex-1 mr-[2rem]\">{{ item.name }}</p>\n            <p class=\"text-right\">{{ item.value }}</p>\n            <ion-icon class=\"copy text-sm ml-1\" src=\"/first/svg/copy.svg\" v-if=\"item.copy\" @click=\"copy(item.value)\" />\n          </div>\n        </template>\n\n      </div>\n      <!-- 订单操作 -->\n      <div class=\"flex justify-between\" v-if=\"cancelText && confirmText\">\n        <Button class=\"text-sm mr-[.3125rem]\" height=\"3.125rem\" background=\"var(--color-button-bg-gray)\"\n          :style=\"btnColor\" @click=\"cancelHandle\">{{ cancelText }}</Button>\n        <Button class=\"text-sm ml-[.3125rem]\" height=\"3.125rem\" @click=\"confirmHandle\">{{ confirmText }}</Button>\n      </div>\n    </div>\n  </ion-modal>\n</template>\n\n<script setup lang=\"ts\">\nimport { t } from '@/i18n';\nimport { copy } from '@/hooks/Copy';\nimport { close } from 'ionicons/icons';\nimport { IonModal, IonIcon } from '@ionic/vue';\nimport { success, fail } from '@/common/data';\nimport { convertMoneyToShow } from '@/utils/custom'\nimport { useTenantStore } from '@/store/tenant';\nimport Button from '@/components/first/Button/index.vue';\nimport useGetDarkBtnTextColor from '@/hooks/useGetDarkBtnTextColor'\n\nconst tenantStore = useTenantStore();\nconst emit = defineEmits(['update:modelValue', 'cancel', 'confirm'])\n\nconst btnColor = useGetDarkBtnTextColor()\n\ninterface Props {\n  modelValue?: boolean\n  type?: string\n  status?: string\n  amount: number\n  data: Record<string, any>[]\n  cancelText?: string\n  confirmText?: string\n  countdown?: string\n  countdownText?: string\n}\n\nconst props = defineProps<Props>()\n\nconst merchantCy = computed(() => tenantStore.tenantInfo?.merchantCy); // 商户币种\n// 倒计时文本\nconst cdText = computed(() => props.countdownText ?? `${t('viewsAssets.CompleteRecharge')}`)\nconst statusText = computed(() => {\n  if (props.type === 'recharge') {\n    if (success.includes(`${props.status}`)) {\n      return t(`status.${props.status}`)\n    } else if (fail.includes(`${props.status}`)) {\n      return t(`status.${props.status}`)\n    } else {\n      return t(`status.${props.status}`)\n    }\n  } else {\n    if (success.includes(`${props.status}`)) {\n      return t('status.success')\n    } else if (fail.includes(`${props.status}`)) {\n      return t(`status.${props.status}`)\n    } else {\n      return t('viewsAssets.inWithdrawal')\n    }\n  }\n})\n\nconst statusColor = computed(() => {\n  if (success.includes(`${props.status}`)) {\n    return 'var(--color-success)'\n  } else if (fail.includes(`${props.status}`)) {\n    return 'var(--color-danger)'\n  } else {\n    return 'var(--color-warning)'\n  }\n})\n\n/**\n * @description 关闭弹窗\n */\nfunction closeHandle() {\n  emit('update:modelValue', false)\n}\n\n/**\n * @description 取消按钮点击事件\n */\nfunction cancelHandle() {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\n/**\n * @description 确认按钮点击事件\n */\nfunction confirmHandle() {\n  emit('confirm')\n  emit('update:modelValue', false)\n}\n</script>\n\n<style scoped lang=\"less\">\nion-modal#modal-assets-order {\n  --min-width: 0;\n  --width: fit-content;\n  --height: fit-content;\n  --border-radius: 6px;\n  --box-shadow: none;\n  --background: var(--color-bg-300)\n}\n\nion-modal#modal-assets-order div.modal-content {\n  background: var(--color-bar-bg-300);\n  /* background-size: cover; */\n}\n.text-center{\n  color:var(--color-text-100)\n}\nion-icon.close {\n  color: var(--color-text-100);\n}\n\nion-icon.copy {\n  color: var(--color-text-depositDetial-copy);\n}\n\np.name {\n  color: var(--color-text-40);\n}\n\ndiv.detail {\n  border-color: var(--color-line);\n  color:var(--color-text-100)\n}\n\n.countdown {\n  color: var(--color-danger);\n  margin: 0 .1875rem;\n}\n.countdown-wrap{\n   font-size: var(--font-size-14);\n}\n\n</style>\n","<script setup lang=\"ts\">\n\nimport { getTheme } from '@/theme/hooks'\nimport {\n  IonSegment,\n  IonSegmentButton\n} from '@ionic/vue'\nimport { AssetsTabInfo } from '@/views/withdraw/type'\nconst { theme } = getTheme()\nconst emit = defineEmits<{\n  (e: 'tabChange', tabId: number): void\n  (e: 'update:tabId', tabId: number): void\n}>()\nconst props = defineProps<{\n  tabList: AssetsTabInfo[]\n\n\n  loading: boolean,\n  activeBgColor?: string\n}\n>()\nconst tabId = defineModel<number>('tabId', { required: true })\n\nconst tabChange = (e: CustomEvent) => {\n  const activeId = e.detail.value\n  if (activeId === tabId.value) return\n  emit('tabChange', activeId)\n  emit('update:tabId', activeId)\n\n}\n\n</script>\n<template>\n\n  <div :class=\"['pay-list', theme]\">\n    <ion-segment :value=\"tabId\" :scrollable=\"true\" mode='ios' @ionChange=\"tabChange\" :disabled=\"loading\">\n\n      <ion-segment-button v-for=\"(it) in tabList\" :value=\"it.id\">\n        {{ it.name }}\n        <div class=\"tag\" v-if=\"it.tagValue\"> {{ it.tagValue }}</div>\n      </ion-segment-button>\n\n    </ion-segment>\n  </div>\n</template>\n\n<style scoped lang=\"less\">\n.pay-list {\n  width: 24.375rem;\n  padding: .75rem;\n  .rounded-large-b();\n  .bg-200();\n  box-shadow: 0px 4px 28.4px 0px rgba(0, 0, 0, 0.10);\n\n  ion-segment {\n    --background: var(--color-bg-300);\n    width: 22.5rem;\n    height: 3rem;\n    border-radius: var(--rounded-button-tab) !important;\n\n  }\n\n  ion-segment-button.ios::part(native) {\n    color: var(--color-text-40);\n  }\n\n  .segment-button-checked.ios::part(native) {\n    color: var(--text-color-white-100);\n    font-weight: var(--font-weight-bold);\n\n  }\n\n  ion-segment-button::part(indicator-background) {\n    background: var(--color-bg-100)\n  }\n\n  ion-segment-button {\n    --border-radius: var(--rounded-button-tab);\n    height: 2.75rem;\n    --padding-start: 12px;\n    --padding-end: 12px;\n    min-width: 7.5rem;\n\n  }\n\n  .tag {\n    position: absolute;\n    min-width: 2.375rem;\n    height: .8125rem;\n    right: -0.625rem;\n    top: 0;\n    line-height: .875rem;\n    background-color: var(--theme-color-800);\n    z-index: 100;\n    padding: 0 .375rem;\n    text-align: center;\n    border-radius: 0 var(--rounded-button-tab) 0 var(--rounded-button-tab);\n    .dynamic-font(@color: --color-text-tag, @fontSize: --font-size-10, @fontWeight: --font-weight-bold);\n\n  }\n\n}\n\n.pay-list.purple-light {\n\n  background-color: var(--color-bg-500);\n\n\n  ion-segment {\n    --background: var(--color-bg-300);\n  }\n\n  ion-segment-button.ios::part(native) {\n\n    color: var(--color-text-80);\n\n  }\n\n  .segment-button-checked.ios::part(native) {\n    color: var(--color-text-secondary-1);\n    font-weight: var(--font-weight-bold);\n  }\n\n  ion-segment-button::part(indicator-background) {\n    background: var(--theme-color-800)\n  }\n\n\n  .tag {\n    background-color: var(--accent-color-red);\n  }\n\n}\n\n\n.pay-list.amber-purple {\n  background-color: var(--color-bg-100);\n  ion-segment-button.ios::part(native) {\n    color: var(--text-color-light-purple-2-100);\n  }\n  .segment-button-checked.ios::part(native) {\n    color: var(--text-color-light-purple-1-100);\n\n  }\n\n\n.tag {\n  background: var(--gradients-orange-purple);\n}\n\n}\n</style>\n","<script setup lang=\"ts\">\nimport { IonIcon } from '@ionic/vue'\nimport useDraggable from '@/hooks/useCustomDraggable'\nimport { AssetsTabInfo, TabTagInfo } from '../type'\nimport { getTheme } from '@/theme/hooks'\nimport { isEmpty } from 'lodash-es'\nconst { theme, skin } = getTheme()\nconst {\n  handleMouseDown,\n  handleMouseUp,\n  handleMouseLeave,\n  handleMouseMove\n} = useDraggable()\nconst attrs = useAttrs()\nconst emit = defineEmits<{\n  (e: 'tabChange', tabId: number): void\n  (e: 'update:tabId', tabId: number): void\n}>()\nconst props = defineProps<{\n  tabList: AssetsTabInfo[]\n  title: string\n\n  tagInfo?: TabTagInfo,\n  activeBgColor?: string\n}\n>()\nconst tabId = defineModel<number>('tabId', { required: true })\n\nconst tabChange = (activeId: number) => {\n  if (activeId === tabId.value) return\n  emit('tabChange', activeId)\n  emit('update:tabId', activeId)\n\n}\n\n\n\nconst hasTag = computed(() => props.tabList.some(it => it.tagValue) || !isEmpty(props.tagInfo))\nconst setaActiveBgColor = computed(() => props.activeBgColor ? `var(${props.activeBgColor})` : `var(--color-bg-200)`)\n</script>\n<template>\n  <div :class=\"['channel-wrap', theme]\" v-bind=\"attrs\">\n    <p class=\"title\">{{ title }}</p>\n\n    <ul :class=\"['channel-list', 'flex-start', { 'tag-list': hasTag }]\" @mousedown=\"handleMouseDown\"\n      @mouseup=\"handleMouseUp\" @mouseleave=\"handleMouseLeave\" @mousemove=\"handleMouseMove\">\n      <li v-for=\"it in tabList\" :key=\"it.id\" :class=\"{ active: tabId === it.id }\" @click=\"() => tabChange(it.id)\">\n\n        <div class=\"tag\" v-if=\"it.tagValue || (tagInfo?.name == it.name)\">\n          <ion-icon slot=\"icon-only\" class=\"rectangle\" :src=\"`/${skin}/svg/rectangle.svg`\" />\n          <i>{{ it.tagValue ??\n            tagInfo?.value }}</i>\n        </div>\n        {{ it.name }}\n      </li>\n    </ul>\n  </div>\n\n\n</template>\n\n<style scoped lang=\"less\">\n.px-12 {\n  padding: 0 .75rem;\n}\n\n.channel-wrap {\n  box-sizing: border-box;\n\n  .title {\n    .dynamic-font(@fontWeight: --font-weight-bold);\n    margin-bottom: .4375rem;\n  }\n\n  .channel-list {\n    text-align: center;\n    overflow-x: auto;\n    height: 1.875rem;\n    align-content: flex-end;\n    align-items: flex-end;\n    touch-action: pan-x;\n    // pointer-events: auto;\n\n    li {\n      height: 1.875rem;\n      flex-shrink: 0;\n      padding: 0 .75rem;\n      min-width: 4.3125rem;\n      line-height: 1.875rem;\n      .dynamic-font(@color: --color-text-40);\n      .rounded-small();\n      margin-right: .875rem;\n      border: 1px solid var(--color-border);\n      position: relative;\n      overflow-x: visible;\n      cursor: pointer;\n      .bg-400();\n\n      .tag {\n        position: absolute;\n        width: 2.375rem;\n        height: .875rem;\n        right: .3125rem;\n        top: -0.4375rem;\n        line-height: .875rem;\n        .dynamic-font(@color: --color-primary-800);\n        z-index: 10;\n\n\n        .rectangle {\n          width: 100%;\n          height: 100%;\n\n        }\n\n        i {\n          .dynamic-font(@fontSize: --font-size-8, @color: --color-text-tag, @fontWeight: --font-weight-bold);\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n\n\n\n        }\n\n\n      }\n    }\n\n    .active {\n      .dynamic-font(@color: --color-text-100, @fontWeight: --font-weight-bold);\n      background-color: v-bind('setaActiveBgColor');\n    }\n  }\n\n  .tag-list {\n    height: 2.5rem;\n  }\n\n  ::-webkit-scrollbar {\n    display: none !important;\n    width: 0px;\n    height: 0px;\n  }\n\n}\n\n.channel-wrap.purple-light {\n  .title{\n    color:var(--color-text-100)\n  }\n  .active {\n    .dynamic-font(@color: --color-text-secondary-1, @fontWeight: --font-weight-bold);\n    background-color: var(--theme-color-800);\n  }\n\n  li {\n    .dynamic-font(@color: --color-text-80);\n\n    .tag {\n      .dynamic-font(@color: --accent-color-red);\n    }\n\n  }\n\n\n}\n\n.channel-wrap.amber-purple {\n\n  .active {\n    .dynamic-font(@color: --color-text-secondary-1, @fontWeight: --font-weight-bold);\n    background-color: var(--theme-color-800);\n  }\n\n  li {\n    .dynamic-font(@color: --text-color-light-purple-1-100);\n\n    .tag {\n      color: linear-gradient(317deg, #7041F3 45%, #F5C84C 89%)\n    }\n\n  }\n\n\n}\n</style>\n","<script setup lang=\"ts\">\nimport Ellipsis from '@/components/Ellipsis.vue'\nimport { getTheme } from '@/theme/hooks'\nimport {\n  IonIcon,\n} from '@ionic/vue'\nconst { theme } = getTheme()\ndefineProps<{\n  isParticipate: boolean\n  description: string\n  limitPlatformList: string[]\n  withdrawFlowStr: string\n}\n>()\n</script>\n<template>\n\n\n  <div class=\"flex-start tip-wrap \" :class=\"theme\">\n    <ion-icon class=\"mr-0.5\" src=\"/first/svg/assets/warning.svg\"\n      v-if=\"!isParticipate ? (description || withdrawFlowStr) : (limitPlatformList?.length)\" />\n    <!-- 提现打码提示 -->\n    <div>\n      <p v-if=\"withdrawFlowStr\">\n        {{ withdrawFlowStr }}\n      </p>\n      <p v-if=\"!isParticipate\">{{ description }}</p>\n      <!-- 游戏平台限制提示 -->\n      <div v-if=\"isParticipate && limitPlatformList?.length\" class=\"platform\">\n\n        <Ellipsis :textContent=\"`${$t('viewsTabbar.restrictedPlatform')}:  ${limitPlatformList?.toString()}`\" />\n      </div>\n\n    </div>\n\n\n  </div>\n\n\n</template>\n\n<style scoped lang=\"less\">\n.tip-wrap {\n\n  .bg-300();\n  padding: 0 .75rem;\n  .dynamic-font(@color: --color-text-40, @fontSize: --font-size-12);\n  line-height: 1.125rem;\n  align-items: flex-start !important;\n  overflow: hidden;\n\n\n\n  ion-icon {\n    .dynamic-font(@color: --color-text-40, @fontSize: --font-size-14);\n\n  }\n\n  .platform {\n    width: 22.125rem;\n  }\n}\n\n.tip-wrap.purple-light {\n  .dynamic-font(@color: --color-text-80, @fontSize: --font-size-12);\n\n  ion-icon {\n    .dynamic-font(@color: --color-text-80, @fontSize: --font-size-14);\n  }\n}\n\n.tip-wrap.amber-purple {\n  .dynamic-font(@color: --text-color-light-purple-1-100, @fontSize: --font-size-12);\n\n  ion-icon {\n    .dynamic-font(@color: --text-color-light-purple-1-100, @fontSize: --font-size-14);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n\nimport { getTheme } from '@/theme/hooks'\nconst { theme } = getTheme()\n</script>\n<template>\n\n  <div class=\"amount-input-wrap flex-between\" :class=\"theme\">\n    <div class=\"text-area left-area\">\n      <p class=\"title\">{{ $t('viewsAssets.depositChannels') }}</p>\n      <slot name=\"channel\"></slot>\n    </div>\n    <div class=\"text-area input-area\">\n      <div class=\"flex-between label-area\">\n        <p class=\"title\">{{ $t('viewsAssets.amount') }}</p>\n      </div>\n      <div class=\"bg-400 right-area\">\n        <slot name=\"amount\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"less\">\n.amount-input-wrap {\n  width: 100%;\n  padding: 0 .75rem;\n  box-sizing: border-box;\n  margin: .5rem 0 .75rem;\n  align-items: flex-end;\n\n  .input-area {\n    padding-left: 12px;\n\n    .right-area {\n      width: 15rem;\n    }\n\n  }\n\n  .text-area {\n    margin-bottom: 6px;\n\n    .title {\n      .dynamic-font(@fontWeight: --font-weight-bold);\n      line-height: 1.125rem;\n\n      margin: .375rem 0;\n      margin-right: .1875rem;\n      margin: .375rem 0;\n    }\n\n    // .description {\n    //   line-height: 1.125rem;\n    //   .dynamic-font(@color: --color-text-80, @fontSize: --font-size-10);\n    // }\n\n  }\n\n}\n\n.amount-input-wrap.amber-purple {\n\n\n  .text-area .title {\n    color: var(--text-color-light-purple-1-100)\n  }\n  .left-area .title {\n    max-width: 7.0625rem;\n    white-space: nowrap; /* 防止换行 */\n  }\n\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  IonCheckbox,\n} from '@ionic/vue'\nimport { getTheme } from '@/theme/hooks'\nconst { theme } = getTheme()\nconst emit = defineEmits<{\n  (e: 'handleSwitch', event: CustomEvent): void\n  (e: 'update:isParticipate', bool: boolean): void\n}>()\nconst isParticipate = defineModel<boolean>('isParticipate', { required: true })\nconst checked = ref(isParticipate.value)\n\nconst ionChange = (e: CustomEvent) => {\n  let checked = e.detail.checked\n  emit('handleSwitch', e)\n  emit('update:isParticipate', checked)\n}\n</script>\n<template>\n\n  <div :class=\"[theme, 'checkbox-area']\">\n    <ion-checkbox class=\"\" justify=\"start\" label-placement=\"end\" v-model=\"checked\" @ionChange=\"ionChange\" mode=\"md\">\n      {{ $t('viewsTabbar.rechargeBonus') }}\n    </ion-checkbox>\n\n  </div>\n\n\n</template>\n\n<style scoped lang=\"less\">\n.checkbox-area {\n  padding-left: 13px;\n  line-height: 1.125rem;\n  .dynamic-font(@color: --color-text-80);\n\n  ion-checkbox {\n    --border-color: var(--color-primary-800);\n    --border-color-checked: var(--color-primary-800);\n    --checkbox-background-checked: var(--color-primary-800);\n    --size: 16px;\n  }\n\n  ion-checkbox::part(container) {\n    .rounded-small();\n    border: .0625rem solid var(--color-primary-800);\n  }\n\n}\n\n.checkbox-area.amber-purple {\n  color: var(--text-color-light-purple-1-100)\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  IonPage,\n  IonIcon,\n  IonSpinner,\n  IonButton,\n  IonContent,\n  IonHeader,\n} from '@ionic/vue'\nimport AssetsHeader from '@/components/first/AssetsHeader.vue'\nimport AssetsFooter from '@/components/first/AssetsFooter.vue'\nimport useRecharge from '../hooks/useNewRecharge'\nimport AmountBtnList from '../comp/AmountBtnList.vue'\nimport ChannelSelect from '../comp/ChannelSelect.vue'\nimport Input from '@/components/first/Input/index.vue'\nimport { formatMoneyToShow } from '@/utils/custom'\nimport NavigationBar from '@/components/NavigationBar/index.vue'\nimport AssetsOrderModal from '@/components/AssetsOrderModal/index.vue'\nimport RechargeTab from '../comp/Tab.vue'\nimport AssetsTab from '@/views/withdraw/comp/AssetsTab.vue'\nimport BannerArea from '../comp/BannerArea.vue'\nimport TextTip from '../comp/TextTip.vue'\nimport AmountInput from '../comp/AmountInput.vue'\nimport ActivitySwitch from '../comp/ActivitySwitch.vue'\nconst footEl = ref(null)\nconst elementStore = useElementStore()\n\nconst {\n  isShowThirdParty,\n  isHasBottomTab,\n  channelLoading,\n  isParticipate,\n  thirdUrl,\n  tabId,\n  tabList,\n  description,\n  subTabList,\n  subTabId,\n  amountInput,\n  placeholder,\n  maxAmount,\n  minAmount,\n  readOnly,\n  channelList,\n  channelId,\n  amountList,\n  isHasBonus,\n  activityIsOpen,\n  amountOfGift,\n  rateOfGift,\n  bannerUrl,\n  merchantCy,\n  withdrawFlowStr,\n  limitPlatformList,\n  btnDisabled,\n  btnLoading,\n  iframeLoaded,\n  payStatus,\n  rechargeInfo,\n  orderList,\n  countdown,\n  modalVisible,\n  theme,\n  subTabChange,\n  iframeCloseHandle,\n  recordHandle,\n  mainTabChange,\n  amountInputChange,\n  amountHandle,\n  handleRechargeActivity,\n  bannerHandle,\n  iframeLoadHandle,\n  submitForm,\n  cancelHandle,\n  finishHandle,\n  t,\n  isDefaultBanner,\n} = useRecharge()\n\nconst tabBarHeight = computed(() => elementStore.tabBarHeight)\nconst { height }\n  = useElementBounding(footEl)\n\n\nconst distance = computed(() => `${((height.value) * (isHasBottomTab.value ? 1.1 : 3)) / 16}rem`)\n//  第三分充值用, 没有充值按钮 \nconst distance2 = computed(() => `${((tabBarHeight.value + (isHasBottomTab.value ? 18 : 0)) / 16)}rem`)\n\n\n\n\n</script>\n<template>\n  <IonPage>\n    <!-- 链接第三方显示的头部 -->\n    <NavigationBar :title=\"`${t('main.entrar')}`\" v-if=\"isShowThirdParty\">\n      <template #start>\n        <ion-button class=\"finish\" @click=\"iframeCloseHandle\" fill=\"clear\">{{ $t('main.finish')\n          }}</ion-button>\n      </template>\n      <template #end>\n        <div class=\"icon-area flex-center\" :class=\"[theme]\"><ion-icon slot=\"icon-only\" class=\"record\"\n            @click=\"recordHandle\" src=\"/first/svg/assets/record.svg\" /></div>\n      </template>\n    </NavigationBar>\n\n    <IonHeader mode=\"ios\" v-else>\n\n      <AssetsHeader :contentText=\"`${t('main.entrar')}`\" :isShowCloseicon=\"!isHasBottomTab\"\n        @recordHandle=\"recordHandle\" />\n\n\n    </IonHeader>\n\n    <!-- 充值页面 -->\n    <IonContent v-if=\"!isShowThirdParty\" :class=\"['first-content']\">\n\n      <RechargeTab :tab-id=\"tabId\" :loading=\"channelLoading\" :tabList=\"tabList\" @tabChange=\"mainTabChange\" />\n\n      <AssetsTab :title=\"$t('viewsAssets.payment')\" :tabList=\"subTabList\" v-model:tab-id=\"subTabId\"\n        @tabChange=\"subTabChange\" class=\"px-12 pay-channe\" />\n      <AmountInput>\n        <template #channel>\n          <ChannelSelect :list=\"channelList\" v-model:channel-id=\"channelId\" :loading=\"channelLoading\" />\n        </template>\n        <template #amount>\n          <Input v-model=\"amountInput\" type='recharge' :placeholder=\"placeholder\" mode=\"ios\" :noBonus=\"!isHasBonus\"\n            :isInteger=\"true\" :readOnly=\"readOnly\" @input=\"amountInputChange\" :maxAmount=\"maxAmount\" :minAmount=\"minAmount\"\n            :extra=\"`${formatMoneyToShow(amountOfGift)}`\" />\n        </template>\n\n      </AmountInput>\n\n\n\n      <TextTip :isParticipate=\"isParticipate\" :limitPlatformList=\"limitPlatformList\" :withdrawFlowStr=\"withdrawFlowStr\"\n        :description=\"description\" />\n      <AmountBtnList :amountBtnList=\"amountList\" :amountInput=\"amountInput\" @amountHandle=\"amountHandle\" />\n\n      <BannerArea :merchantCy=\"merchantCy\" :bannerUrl=\"bannerUrl\" :amountOfGift=\"amountOfGift\" :rateOfGift=\"rateOfGift\"\n        @clickHandle=\"bannerHandle\" :isDefaultBanner=\"isDefaultBanner\" v-show=\"isParticipate\" />\n\n      <ActivitySwitch v-if=\"activityIsOpen\" v-model:isParticipate=\"isParticipate\"\n        @handleSwitch=\"handleRechargeActivity\" />\n\n\n    </IonContent>\n\n    <AssetsFooter v-if='!isShowThirdParty' :merchantCy=\"merchantCy\" :amount=\"amountInput\" :disabled=\"btnDisabled\"\n      ref=\"footEl\" :textContent=\"$t('viewsAssets.TDR')\" :isHasBottomTab=\"isHasBottomTab\"\n      :btnText=\"t('label.depositNow')\" @submitForm=\"submitForm\" />\n\n    <!-- 第三方iframe页面 -->\n    <ion-content id=\"iframe\" :class=\"['third-content', { hidden: !isShowThirdParty }]\">\n      <iframe class=\"w-full h-full\" id=\"iframe-content\" v-if=\"thirdUrl\" v-show=\"iframeLoaded\" :src=\"thirdUrl\"\n        @load=\"iframeLoadHandle\" @error=\"btnLoading = false\" frameborder=\"0\" />\n      <div class=\"flex items-center justify-center h-full\" v-if=\"!iframeLoaded\">\n        <ion-spinner class=\"w-20 h-20\" name=\"dots\" color=\"light\" />\n      </div>\n    </ion-content>\n\n    <!-- 弹框 -->\n    <AssetsOrderModal type=\"recharge\" :status=\"payStatus\" :amount=\"Number(rechargeInfo?.amount) * 100\" :data=\"orderList\"\n      :countdown=\"countdown\" :cancelText=\"payStatus == 'BE_PAID' ? $t('label.cancelOrder') : ''\"\n      :confirmText=\"payStatus == 'BE_PAID' ? $t('status.CONFIRM-TRANSFER') : ''\" @cancel=\"cancelHandle\"\n      @confirm=\"finishHandle\" v-model=\"modalVisible\" />\n\n\n\n\n  </IonPage>\n</template>\n\n<style scoped lang=\"less\">\nion-content.first-content {\n  --background: var(--color-bg-300);\n  --padding-bottom: v-bind('distance');\n}\n\nion-content.third-content {\n  --background: var(--color-bg-300);\n  --padding-bottom: v-bind('distance2');\n}\n\n\nion-button.finish {\n  --color: var(--text-color-white-100)\n}\n\n.icon-area {\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  .bg-link();\n\n\n  ion-icon.record {\n    .font-size(--font-size-16);\n    .color-text-100();\n\n  }\n}\n\n\n\n\n\n.pay-channe {\n  margin-top: .75rem;\n\n}\n\n\n\n\n\n::-webkit-scrollbar {\n  display: none !important;\n  width: 0px;\n  height: 0px;\n}\n\n.icon-area.purple-light {\n  background-color: var(--text-color-black-100);\n}\n.icon-area.amber-purple {\n  background-color: var(--theme-color-800);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { IonIcon } from '@ionic/vue'\nconst props = withDefaults(defineProps<{\n    size: string,\n}\n>(), {\n    size: '0.4375rem'\n});\n\nconst fontSize = computed(() => {\n    // 圆点为svg的r * 2 / 100\n    const size = props.size;\n    const str = size.match(/\\d+(\\.\\d+)?/g)?.[0];\n    const num = Number(str);\n    if (isNaN(num)) {\n        return size\n    }\n    const unit = size.slice(str!.length)\n    return (num / 0.3) + unit\n})\n</script>\n<template>\n    <ion-icon class=\"point-cp\" v-bind=\"$attrs\" mode=\"ios\"\n        src=\"/first/svg/ripple-point.svg\" />\n</template>\n\n<style scoped lang=\"less\">\n.point-cp {\n    position: absolute;\n    z-index: 100;\n    /* color也可以通过class或classNames传入 */\n    color: var(--color-danger, red);\n    font-size: v-bind(\"fontSize\");\n}\n</style>\n","<!-- 三方合作栏 -->\n<template>\n  <div class=\"flex flex-col items-center\">\n    <!-- 社交媒体 -->\n    <div v-if=\"mediaList.length && socialMedia\" class=\"text-center w-full px-[.46875rem]\">\n      <p class=\"title text-xl font-bold mb-2.5\">{{ $t('title.socialNetworks') }}</p>\n      <p class=\"sub text-xs mb-6\">{{ $t('subtitle.contactUs') }}</p>\n      <ion-row class=\"justify-evenly w-full\">\n        <img class=\"contain w-10 mb-4\" :src=\"item.icon\" v-for=\"item of mediaList\" :key=\"item.id\" @click=\"linkHandle(item.link, item.type)\"/>\n      </ion-row>\n    </div>\n    <div v-if=\"paymentPlatform\" class=\"w-full px-[.9375rem] overflow-hidden\">\n      <div class=\"line h-[0.0625rem]\" />\n      <img class=\"w-full object-contain\" :class=\"mediaList.length? '' : '-mt-0.5'\" :src=\"gamePartnerPic\"/>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { IonRow } from '@ionic/vue'\nimport usePartViewLogic from '../logic';\n\nwithDefaults(defineProps<{\n  gamePlatform?: boolean,\n  socialMedia?: boolean,\n  paymentPlatform?: boolean\n}>(), {\n  gamePlatform: true,\n  socialMedia: true,\n  paymentPlatform: true\n})\n\nconst { mediaList, gamePartnerPic, linkHandle } = usePartViewLogic()\n</script>\n\n<style scoped>\n.box{\n  width: 4rem;\n}\n\np.title{\n  color: var(--trilateral-cooperation-color);\n}\n\np.sub{\n  color: var(--color-text-40);\n}\ndiv.line {\n  background: var(--line-color);\n}\n\n.purple-light p.sub{\n  color: var(--text-color-black-80);\n}\n</style>","<!-- 热门游戏列表视图 -->\n<template>\n  <div class=\"px-[.5625rem]\">\n    <div class=\"pt-[1.625rem] flex items-center px-1.5\" v-if=\"popularList.length\">\n      <ion-icon v-if=\"skin === 'first'\" src=\"/first/svg/sort/POPULAR_on.svg\" class=\"popular mr-2 text-[2rem]\" />\n      <div v-else class=\"logo border-gradient items-center justify-center\">\n        <ion-icon src=\"/first/svg/sort/POPULAR_on.svg\"/>\n      </div>\n      <ion-label class=\"label flex-1 text-xl font-bold\">{{ $t(\"sort.POPULAR\") }}</ion-label>\n      <ion-label class=\"bar text-sm px-3 py-[.1875rem] rounded-[.1875rem] text-[#FBA531]\" @click=\"router.push({ path: '/game/search' })\">\n        <span class=\"bar-label mr-1\">{{ $t(`sort.ALL`) }}</span>\n        <span class=\"bar-total\">{{ popularList.length }}</span>\n      </ion-label>\n      <ion-icon\n        class=\"arrow text-sm px-2 py-1.5 rounded-[.1875rem] mx-[.3125rem]\"\n        :class=\"swiperIndex === 0 ? 'invalid' : 'active'\"\n        :icon=\"chevronBack\"\n        @click=\"swiperToSlide('prev')\"\n      />\n      <ion-icon\n        class=\"arrow text-sm px-2 py-1.5 rounded-[.1875rem]\"\n        :icon=\"chevronForward\"\n        :class=\"swiperIndex === Math.ceil(popularList.length / 9) - 1 ? 'invalid' : 'active'\"\n        @click=\"swiperToSlide()\"\n      />\n    </div>\n    <swiper class=\"mt-1\" @swiper=\"onSwiper\" @slideChange=\"onSlideChange\" :modules=\"modules\" virtual>\n      <swiper-slide v-for=\"i in Math.ceil(popularList.length / 9)\" :key=\"i - 1\" :virtualIndex=\"i - 1\">\n        <ion-row>\n          <ion-col size=\"4\" v-for=\"item in popularList.slice((i - 1) * 9, i * 9)\" :key=\"Number(item.id)\">\n            <GameCard\n              @click=\"popularHandle(item)\"\n              @favoriteHandle=\"() => favoriteHandle(item)\"\n              v-bind=\"{\n                isOwnGame: !!item.externalGameId,\n                cardBgStyle: gameCardStyle(item),\n                platformLogo: platformList[item.platformId],\n                isFavorite: item?.isFavorite || false,\n                status: item.status,\n                gameName: item.gameName,\n              }\"\n            />\n          </ion-col>\n        </ion-row>\n      </swiper-slide>\n    </swiper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Virtual } from \"swiper/modules\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport { chevronBack, chevronForward } from \"ionicons/icons\";\nimport { IonLabel, IonIcon, IonRow, IonCol } from \"@ionic/vue\";\nimport GameCard from \"@/components/GameCard.vue\";\nimport usePopularViewLogic from \"../logic\";\nimport router from \"@/router\";\nimport { getTheme } from '@/theme/hooks';\n\nconst { skin } = getTheme();\nconst modules = [Virtual]; // 轮播图模块\n\nconst { \n  popularList,\n  platformList,\n  swiperIndex,\n  swiperToSlide,\n  onSwiper,\n  onSlideChange,\n  gameCardStyle,\n  favoriteHandle,\n  popularHandle\n} = usePopularViewLogic();\n</script>\n\n<style scoped lang=\"less\">\n@import '@/views/tabbar/tabs/inicio/components/SortView/second/index.less';\n\nion-icon.popular {\n  color: var(--color-svg-popular);\n}\n\nion-col {\n  --ion-grid-column-padding: 0.375rem;\n}\n</style>\n","<template>\n <div class=\"h-[11.5rem]\" v-if=\"!carouselList.length\"></div>\n  <div class=\"swiper-poster\" v-else>\n    <swiper ref=\"swiperRef\" @swiper=\"onSwiper\" class=\"mt-3\" :modules=\"modules\" :pagination=\"{ clickable: false }\" :autoplay=\"{ delay: 2500, disableOnInteraction: false }\" :slidesPerView=\"1\" :slidesPerGroup=\"1\" :initialSlide=\"0\" :loop=\"isLoopEnabled\">\n      <swiper-slide v-for=\"item in carouselList\" :key=\"item.name\">\n        <img class=\"h-40 object-cover object-center\" :src=\"item.content\" @click=\"swiperHandle(item)\"/>\n      </swiper-slide>\n    </swiper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport useSwiperViewLogic from '../logic';\n\nconst emit = defineEmits(['loaded']);\n\nconst {\n  carouselList,\n  isLoopEnabled,\n  swiperRef,\n  modules,\n  swiperHandle,\n  onSwiper \n} = useSwiperViewLogic(emit);\n</script>\n\n<style scoped lang=\"less\">\n.swiper {\n  border-radius: .375rem;\n  overflow: hidden;\n}\n\n:global(div.swiper-poster .swiper .swiper-pagination ) {\n  position: relative;\n  bottom: 0;\n}\n\n:global(div.swiper-poster .swiper .swiper-pagination .swiper-pagination-bullet) {\n  width: .5rem;\n  height: .25rem;\n  border-radius: .125rem;\n  background: var(--color-swiper-pagination);\n}\n\n:global(div.swiper-poster .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active) {\n  width: 1.25rem;\n  background: var(--color-primary-btn-active) !important;\n}\n\n.swiper-box {\n  margin-top: .75rem;\n}\n\n.amber-purple {\n  .swiper-box {\n    margin-top: 1rem;\n  }\n  :global(div.swiper-poster .swiper .swiper-pagination) {\n    display: none;\n  }\n}\n</style>\n","<!-- 体育游戏列表视图 -->\n<template>\n  <div class=\"px-3\" v-if=\"gameList.length\">\n    <div class=\"pt-3 flex items-center px-1.5\">\n      <ion-icon v-if=\"skin === 'first'\" class=\"sort text-[2rem] mr-1.5\" src=\"/first/svg/sort/SPORTS_on.svg\"/>\n      <div v-else class=\"logo border-gradient items-center justify-center\">\n        <ion-icon src=\"/first/svg/sort/SPORTS_on.svg\"/>\n      </div>\n      <ion-label class=\"label flex-1 text-[1.25rem] font-bold\">{{ $t('sort.SPORTS') }}</ion-label>\n      <ion-label class=\"bar text-sm px-3 py-[.1875rem] rounded-[.1875rem]\" @click=\"router.push('/game/category/sport')\">\n        <span class=\"bar-label mr-1\">{{ $t(`sort.ALL`) }}</span>\n        <span class=\"bar-total\">{{ gameList.length}}</span>\n      </ion-label>\n    </div>\n    <HorizontalGameCard class=\"w-full h-[7.5rem] rounded-md mt-3 overflow-hidden\"\n    v-for=\"item of gameList\"\n     :key=\"item.id\"\n     :game=\"item\"\n     :platform=\"{gameType: 'SPORTS'}\"\n     @click=\"() =>useStartSportGame({...item, gameType: 'SPORTS', platformId: item.id})\"\n     />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { IonIcon, IonLabel } from '@ionic/vue';\nimport HorizontalGameCard from '@/components/HorizontalGameCard.vue';\nimport useSportViewLogic from '../logic';\nimport router from '@/router';\nimport { getTheme } from '@/theme/hooks';\n\nconst { skin } = getTheme();\nconst { gameList, useStartSportGame} = useSportViewLogic();\n</script>\n\n<style lang=\"less\" scoped>\n@import '@/views/tabbar/tabs/inicio/components/SortView/second/index.less';\nion-icon.sort {\n  color: var(--sports-icon-color);\n}\n\n</style>\n","<template>\n  <!-- 首页红包雨内容 -->\n  <div v-if=\"ifDefaultImg\" class=\"fixed w-[7.75rem] z-40 right-[0] h-[7.75rem]\" :style=\"`bottom: calc(${tabBarHeight}px + 5.25rem)`\" v-show=\"showRedPacket\">\n    <div class=\"w-full h-full flex justify-center items-center\" :class=\"{ 'redPacketGet': showAnimation }\">\n      <!-- 红包雨图片 -->\n      <ion-img class=\"w-[7.75rem] h-[7.75rem]\" :src=\"bgUrl\" @click=\"clickPacket\" />\n      <!-- 红包雨活动倒计时 -->\n      <div class=\"text-[#FFF268] absolute font-black\" :class=\"['timeNum'+ifDefaultIndex]\"\n        @click=\"clickPacket\">{{ countdownTime }}</div>\n    </div>\n  </div>\n  <div v-else class=\"fixed w-[6.25rem] z-40 right-[1rem] h-[6.5rem]\" :style=\"`bottom: calc(${tabBarHeight}px + 5.25rem)`\" v-show=\"showRedPacket\">\n    <div class=\"w-full h-[6.25rem] flex justify-center items-center\" :class=\"{ 'redPacketGet': showAnimation }\">\n      <!-- 红包雨图片 -->\n      <ion-img class=\" w-full h-[5.25rem]\" :src=\"bgUrl\" @click=\"clickPacket\" />\n      <!-- 红包雨活动名称 -->\n      <div v-if=\"bgUrl == '/icons/minecart.png'\" class=\"minecart-text absolute font-bold top-[1.0625rem] right-0 text-[0.75rem] w-[5.0625rem] text-center leading-[0.75rem]\"\n         @click=\"clickPacket\">{{ activityName }}</div>\n      <!-- 红包雨活动倒计时 -->\n      <div class=\"minecart-time absolute font-bold bottom-[0.9375rem] left-[1.375rem] text-[0.75rem]\"\n        @click=\"clickPacket\">{{ countdownTime }}</div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { IonImg } from '@ionic/vue';\nimport useRedPacketRainLogic from '../redPacketRainLogic';\nconst props = defineProps({\n  activityId: {\n    type: [String, Number],\n    required: true\n  },\n})\n\nconst emit = defineEmits(['close', 'openModel']);\n\nconst {\n  activityName,\n  showRedPacket,\n  countdownTime,\n  showAnimation,\n  clickPacket,\n  tabBarHeight,\n  bgUrl,\n  ifDefaultImg,\n  ifDefaultIndex\n} = useRedPacketRainLogic({props, emit});\n</script>\n\n<style scoped>\n.packet-model {\n  transform: translate(-50%, -50%);\n}\n\n.mining-btn {\n  background: linear-gradient(to bottom, #E89B00, #FF9141);\n  line-height: 2.1875rem;\n  border-radius: 0.3rem;\n}\n\n.dis-color {\n  background: #4A4A4A;\n  color: #A1A1A1;\n}\n\n.mine-time {\n  border: 1px solid #FF9141;\n  border-radius: 0.625rem;\n  flex-wrap: wrap;\n  font-size: .75rem;\n}\n\n.mine-item {\n  width: 33%;\n  text-align: center;\n}\n\n.shiny {\n  position: relative;\n  overflow: hidden;\n}\n\n.shiny::before {\n  content: '';\n  animation: shiny 5s ease-in-out infinite;\n  background: white;\n  display: inline-block;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: -180px;\n  width: 30px\n}\n\n@keyframes shiny {\n  0% {\n    opacity: 0;\n    transform: scale(0) rotate(45deg);\n  }\n\n  80% {\n    opacity: 0.5;\n    transform: scale(0) rotate(45deg);\n  }\n\n  81% {\n    opacity: 1;\n    transform: scale(4) rotate(45deg);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(50) rotate(45deg);\n  }\n}\n\n.minecart-text,\n.minecart-time {\n  text-shadow: 1px 1px #7a5f1b;\n  color: #fff;\n}\n.timeNum1 {\n  font-size: 1.5rem;\n  left:50%;\n  transform: translateX(-50%) scale(0.62);\n  bottom: 2.8125rem;\n}\n.timeNum2 {\n  font-size: 1.3425rem;\n  left:50%;\n  transform: translateX(-47%) scale(0.62);\n  bottom: 3.5625rem;\n}\n.timeNum3 {\n  font-size: 1.4906rem;\n  left:50%;\n  transform: translateX(-50%) scale(0.62);\n  bottom: 1.25rem;\n}\n.timeNum4 {\n  font-size: 1.5rem;\n  left:50%;\n  transform: translateX(-50%) scale(0.62);\n  bottom: 2.3125rem;\n}\n.timeNum5 {\n  font-size: 0.9406rem;\n  left:50%;\n  transform: translateX(-50%) scale(0.62);\n  bottom: 1.25rem;\n}\n.timeNum6 {\n  font-size: 1.5rem;\n  left:50%;\n  transform: translateX(-42%) scale(0.62);\n  bottom: 2.3125rem;\n}\n.timeNum7 {\n  font-size: 0.97rem;\n  left:50%;\n  transform: translateX(-54%) scale(0.62);\n  bottom: 2.5rem;\n}\n.timeNum8 {\n  font-size: 1.0944rem;\n  left:50%;\n  transform: translateX(-50%) scale(0.62);\n  bottom: 1.375rem;\n}\n.timeNum9 {\n  font-size: 0.98rem;\n  left: 50%;\n  bottom: 1.875rem;\n  transform: translateX(-60%) rotate(-1.12deg) scale(0.62);\n}\n.timeNum10 {\n  font-size: 1.4969rem;\n  left:50%;\n  transform: translateX(-50%) scale(0.62);\n  bottom: 1.75rem;\n}\n.minecart-text {\n  transform: rotate(22deg);\n}\n\n.activity-name {\n  text-shadow: 2px 2px #7a5f1b;\n}\n\n.minecart-content {\n  transform: translate(-50%, -50%);\n}\n\n/* 红包抖动效果 */\n.redPacketGet {\n  animation-name: redPacketShake;\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n}\n\n@keyframes redPacketShake {\n  0% {}\n\n  30% {\n    scale: 1.1;\n    transform: rotate(0deg);\n  }\n\n  40% {\n    transform: rotate(-15deg);\n  }\n\n  50% {\n    transform: rotate(0deg);\n  }\n\n  60% {\n    transform: rotate(-15deg);\n  }\n\n  70% {\n    transform: rotate(0deg);\n    scale: 1.1;\n  }\n\n  100% {\n    scale: 1;\n  }\n}\n</style>\n","<template>\n<div>\n    <ion-modal ref=\"modal\" :is-open=\"visible\" :backdrop-dismiss=\"false\">\n    <!-- 开采页面 -->\n        <div \n            class=\"bg-[#1b0e0f] z-50 w-[20rem] overflow-hidden rounded-[.625rem] absolute top-[50%] left-[50%] packet-model flex flex-col items-center\"\n        >   \n            <ion-img class=\"w-full h-[14.5rem]\" src=\"/images/packet-bg.jpg\" />\n            <!-- 开采按钮 -->\n            <div v-if=\"showEnd\" class=\"mining-btn text-[#fff] text-[0.875rem] w-[17.5rem] h-[2.1875rem] mt-[-1.25rem] text-center\" :class=\"received ? 'shiny' : 'dis-color'\"  @click=\"rewardModalHandle\">\n                {{  received ? $t('activity.redPacket3') : $t('viewsActivity.mined') }}\n            </div>\n            <!-- 开启倒计时按钮内容 -->\n            <div v-else class=\"mining-btn w-[17.5rem] text-[#fff] h-[2.1875rem] text-[0.875rem] mt-[-1.25rem] text-center dis-color\">{{ $t('activity.redPacket4', { time: countdownTime}) }}</div>\n            <!-- 活动提示 -->\n            <div class=\"w-[17.5rem] leading-[1rem] text-[0.875rem] text-[#FBA531] my-[0.625rem]\">{{ $t('viewsTabbar.mineText1', { times: rule?.variablesValue?.times, money: formatMoneyToShow(maxAmount) }) }}</div>\n            <!-- 活动开启时间 -->\n            <div ref=\"scrollEl\" class=\"w-[17.5rem] h-[3.1875rem] mine-time py-[.0625rem] text-[#FBA531] flex mb-[.625rem] overflow-y-auto\">\n                <div class=\"h-[1.0625rem] w-[33%] text-center\" v-for=\"(item,index) in mineTime\" :key=\"index\" :class=\"{ 'text-[#5D4547]': item.isDis }\">{{ item.text }}</div>\n            </div>\n            <!-- 底部活动规则 -->\n            <div \n                class=\"text-[.625rem] text-[#5D4547] text-left w-[17.5rem] mb-[1.2rem]\"\n                :class=\"isIpad ? 'footer-rule' : ''\"\n            >\n                <div v-for=\"(item,index) in activityRule\" :key=\"index\">{{ item.text }}</div>\n            </div>\n            <!-- 底部png图片 -->\n            <ion-img class=\"w-full h-[2.5rem] absolute bottom-0 left-0\" src=\"/images/packet-bpttom.png\" />\n            <!-- 活动名称 -->\n            <div class=\"absolute top-[0.3125rem] text-[#fff] w-full text-center text-[1.25rem] font-bold activity-name\">{{ activityName }}</div>\n            <!-- 右上角退出按钮 -->\n            <ion-icon class=\"absolute right-[0.25rem] text-[#fff] top-[0.3125rem] text-[1.875rem]\" :icon=\"close\" @click=\"closeModelClick\" />\n        </div>\n    </ion-modal>\n</div>\n</template>\n\n\n<script setup lang=\"ts\">\nimport { close } from 'ionicons/icons';\nimport { IonModal, IonImg, IonIcon } from '@ionic/vue';\nimport { formatMoneyToShow } from '@/utils/custom'\n\nimport useRedPacketRainModelLogic from '../redPacketModelLogic';\n\nconst props = defineProps({\n  activityId: {\n      type: [ String,Number],\n      required: true\n  },\n  openRedModel: {\n      type: Boolean,\n      default: false\n  }\n})\n\nconst emit = defineEmits(['closeModel']);\n\nconst {\n  visible,\n  scrollEl,\n  showEnd,\n  received,\n  countdownTime,\n  rule,\n  maxAmount,\n  mineTime,\n  activityRule,\n  activityName,\n  isIpad,\n  closeModelClick,\n  rewardModalHandle,\n} = useRedPacketRainModelLogic({props, emit});\n</script>\n\n<style scoped>\n.packet-model {\n    transform: translate(-50%,-50%);\n}\n\n.mining-btn {\n    background: var(--color-primary-btn-active);\n    line-height: 2.1875rem;\n    border-radius: var(--rounded-small);\n    font-weight: var(--font-weight-bold);\n}\n\n.dis-color {\n    background: var(--color-primary-btn-disable);\n    color: var(--color-primary-btn-text-disable);\n}\n\n.mine-time {\n    border: 1px solid #FF9141;\n    border-radius: 0.625rem;\n    flex-wrap: wrap;\n    font-size: .75rem;\n    align-content: start;\n}\n\n.mine-item {\n    width: 33%;\n    text-align: center;\n}\n\n.shiny {\n    position: relative;\n    overflow: hidden;\n}\n.shiny {\n    position: relative;\n    overflow: hidden;\n}\n\n.shiny::before {\n  content: '';\n  animation: shiny 4s ease-in-out infinite;\n  background: var(--color-text-100);;\n  display: inline-block;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: -180px;\n  width: 30px\n}\n\n@keyframes shiny {\n  0% {\n    opacity: 0;\n    transform: scale(0) rotate(45deg);\n  }\n  80% {\n    opacity: 0.5;\n    transform: scale(0) rotate(45deg);\n  }\n  81% {\n    opacity: 1;\n    transform: scale(4) rotate(45deg);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(50) rotate(45deg);\n  }\n}\n\n.activity-name {\n    text-shadow: 2px 2px #7a5f1b;\n}\n\n.alert-main {\n    position: fixed; \n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;    \n}\n\n.alert-mask {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background: #000;\n    opacity: 0.5;\n}\n\n.footer-rule {\n    height: 3.125rem;\n    margin-bottom: 1.6rem;\n    overflow-y: auto;\n}\n</style>\n","<!-- 首页红包雨活动弹窗 -->\n<template>\n  <!-- 红包雨图标 -->\n  <RedPacketRain \n    @close=\"closeRedPacketRain\"\n    @openModel=\"openRedPacketModel\" \n    :activityId=\"activityId\"\n    v-if=\"showRedPacketRain\"\n  />\n  <!-- 红包雨详情弹窗 -->\n  <RedPacketModel :activityId=\"activityId\" :openRedModel=\"openRedModel\"  @closeModel=\"closeModel\" />\n</template>\n\n<script setup lang=\"ts\">\nimport RedPacketRain from './RedPacketRain.vue'\nimport RedPacketModel from './RedPacketModel.vue'\nimport useLogic from '../logic'\n\nconst { \n  showRedPacketRain,\n  activityId,\n  openRedModel,\n  closeRedPacketRain,\n  openRedPacketModel,\n  closeModel\n} = useLogic()\n</script>\n","<script setup lang=\"ts\">\nimport Input from '@/components/first/Input/index.vue'\nimport { IonIcon } from '@ionic/vue'\nimport { validateEmail, validatePhone, validateCpf, validateCnpj, validateEvp } from '@/utils/custom'\nimport { onBeforeRouteLeave } from 'vue-router';\nimport { nextTick, reactive } from 'vue';\nimport useAddThemeClassName from '@/hooks/useAddThemeClassName'\nimport useSpecialChar from '../../hooks/useSpecialChar'\nimport { REAL_NAME_LEN } from '../../constant'\nimport { getTheme } from '@/theme/hooks'\nconst emit = defineEmits([])\nlet props = defineProps<{\n    dynamicType: string\n    typeId: number\n}\n>()\nconst tenantStore = useTenantStore()\n\nconst withdrawalAccountEL = ref(null)\nconst realName = ref<null | string>('')\nconst realNameEl = ref<null | HTMLElement>(null)\nconst cpf = ref<null | number>(null)\nconst cpfEl = ref(null)\nconst formEl = ref<null | HTMLElement>(null)\nconst country = computed(() => tenantStore.tenantInfo?.code) // 国家代码\nconst withdrawStore = useWithdrawStore() // 提现信息\nconst statusInfo = reactive({\n    cpfReadonly: false,\n    nameReadonly: false,\n    accountReadonly: false,\n})\n// removeValid\nconst { accountItems } = toRefs(withdrawStore)\nconst inputInfo: Record<string, any> = {\n    PHONE: { label: 'phone', placeholder: 'tipPhone', errorText: 'invalidPhone', type: 'phone', rule: { }, validate: validatePhone },\n    EMAIL: { label: 'email', placeholder: 'tipEmail', errorText: 'invalidEmail', type: 'email', rule: { maxlength: 36 }, validate: validateEmail },\n    CNPJ: { label: 'cnpj', placeholder: 'tipCNPJ', errorText: 'invalidCNPJ', type: 'cnpj', rule: { minlength: 14, maxlength: 14, hideCurrency: true }, validate: validateCnpj },\n    EVP: { label: 'evp', placeholder: 'tipEVP', errorText: 'invalidEVP', type: 'evp', rule: { minlength: 36, maxlength: 36 }, validate: validateEvp },\n}\n\nconst accountInfo = reactive<Record<string, any>>({\n    PHONE: null,\n    EMAIL: null,\n    CNPJ: null,\n    EVP: null\n})\n\nconst current = computed(() => {\n    if (props.dynamicType in inputInfo) {\n        return inputInfo[props.dynamicType]\n    }\n\n    return null\n\n})\nconst onlyText = computed(() => {\n    if (props.dynamicType in inputInfo) {\n        return Object.values(statusInfo).every(Boolean)\n    } else {\n        return statusInfo.cpfReadonly && statusInfo.nameReadonly\n    }\n})\nconst getValue = (type: string) => (\n    accountItems.value.find((it: any) => it.tenantWithdrawTypeId === props.typeId && it.code === type)?.value ?? \"\"\n\n)\n\nconst nameInit = () => {\n    realName.value = ''\n    statusInfo.nameReadonly = false\n}\nconst cpyInit = () => {\n    statusInfo.cpfReadonly = false\n    cpf.value = null\n}\nconst accountInit = () => {\n    for (let key in accountInfo) {\n        accountInfo[key] = null\n    }\n    statusInfo.accountReadonly = false\n\n}\nconst init = () => {\n    nameInit()\n    accountInit()\n    cpyInit()\n\n}\n\nonBeforeRouteLeave(() => {\n    withdrawStore.accountItems = []\n    init()\n})\n\nconst valiDateAccount = (currentValue: string, type: string) => {\n    if (currentValue) {\n        let bool = type === 'PHONE' ? validatePhone(currentValue, country.value) : inputInfo[type].validate(currentValue)\n        console.log(bool, 'type && type in inputInfo && !list.length');\n        if (!bool) {\n            // v-if创建的 要加 nextTick\n            nextTick(() => {\n                withdrawalAccountEL.value?.addErrTip()\n            })\n\n        }\n\n\n    } else {\n        withdrawalAccountEL.value?.removeStatus()\n    }\n\n}\nwatch([() => props.dynamicType, () => props.typeId, () => accountItems.value], (newVale) => {\n\n    let [type, typeId, list] = newVale\n\n\n    if (!type) return\n    //  用户没有提过款的业务逻辑\n\n    if (type && type in inputInfo && !list.length) {\n\n        if (typeof type === 'string' && type in accountInfo) {\n            let currentValue = accountInfo[type]\n            valiDateAccount(currentValue, type)\n        }\n        return\n    }\n\n    //   用户有提款成功的业务逻辑\n    let realNameValue = getValue(\"REALNAME\")\n    if (realNameValue) {\n        statusInfo.nameReadonly = true\n        if (realName.value !== realNameValue) {\n            realName.value = realNameValue\n        }\n    }\n    let currentValue = getValue(type)\n    let cpfValue = null\n\n    if (type in inputInfo) {\n        if (currentValue) {\n            accountInfo[type] = currentValue\n            statusInfo.accountReadonly = true\n        } else {\n            let val = accountInfo[type]\n            valiDateAccount(val, type)\n            statusInfo.accountReadonly = false\n\n        }\n\n        cpfValue = getValue(\"CPF\")\n\n\n    } else {\n        cpfValue = currentValue\n    }\n\n    if (cpfValue) {\n        if (cpf.value !== cpfValue) {\n            statusInfo.cpfReadonly = true\n            cpf.value = cpfValue\n        }\n\n    }\n\n}, { immediate: true })\n\n\n\n\n\n\nconst validate = () => {\n    if (onlyText.value) return true\n    let nodeList = formEl.value?.querySelectorAll(\".ion-invalid\")\n    if (nodeList && nodeList.length) return false\n\n    if (!realName.value) {\n        realNameEl.value?.addErrTip()\n        return false\n    }\n\n    if (current.value) {\n        if (!accountInfo[props.dynamicType]) {\n            withdrawalAccountEL.value?.addErrTip()\n            return false\n        } else {\n\n        }\n\n\n\n\n    }\n\n    if (!cpf.value) {\n\n        cpfEl.value?.addErrTip()\n        return false\n    }\n\n    return true\n\n}\n\n\n\nconst getFormValue = () => {\n\n    return {\n        withdrawalAccount: accountInfo[props.dynamicType],\n        realName: realName.value,\n        cpf: cpf.value\n    }\n\n}\n\ndefineExpose({\n    validate,\n    getFormValue\n})\n\nconst handleInput = (event: CustomEvent) => {\n    setTimeout(() => {\n        realName.value = useSpecialChar(event)\n    }, 0)\n\n\n}\n</script>\n<template>\n    <div :class=\"['form-wrap', useAddThemeClassName()]\" ref=\"formEl\">\n        <template v-if=\"onlyText\">\n            <div class=\"flex-between\">\n                <div class=\"text-item\">\n                    <p class=\"label\">{{ $t('label.name') }}</p>\n                    <p class=\"only-text real-name\">{{ realName }}</p>\n                </div>\n                <div class=\"text-item\">\n                    <p class=\"label\">{{ $t('label.cpf') }}</p>\n                    <p class=\"only-text\">{{ cpf }}</p>\n                </div>\n\n            </div>\n            <div class=\"item\" v-if=\"current\">\n                <p class=\"label\">{{ $t(`label.${current.label}`) }}</p>\n                <p class=\"only-text\">{{ accountInfo[dynamicType] }}</p>\n\n\n            </div>\n\n            <div class=\"tip-text flex-start\">\n                <ion-icon class=\"balance-fee\" src=\"/first/svg/assets/warning.svg\" />\n                <span>{{ $t('viewsAssets.withdrawalInfo') }}</span>\n            </div>\n\n        </template>\n        <template v-else>\n            <div>\n                <p class=\"label\">{{ $t('label.name') }}</p>\n                <div class=\"input-area\">\n                    <Input type=\"text\" :placeholder=\"$t('hint.tipName')\" ref='realNameEl' :maxlength=\"REAL_NAME_LEN\"\n                        :error-text=\"$t('hint.invalidName')\" v-model=\"realName\" @input=\"handleInput\"\n                        :readonly=\"statusInfo.nameReadonly\" v-if=\"!statusInfo.nameReadonly\" />\n                    <div class=\"real-name leading-[2.875rem]\" v-else>{{ realName }}</div>\n                    \n                </div>\n            </div>\n            <div class=\"item\" v-if=\"current\">\n                <p class=\"label\">{{ $t(`label.${current.label}`) }}</p>\n                <div class=\"input-area\">\n                    <Input :type=\"current.type\" :placeholder=\"$t(`hint.${current.placeholder}`)\"\n                        ref=\"withdrawalAccountEL\" v-model=\"accountInfo[dynamicType]\"\n                        :error-text=\"$t(`hint.${current.errorText}`)\" v-bind=\"current.rule\" />\n                </div>\n            </div>\n            <div class=\"item\">\n                <p class=\"label\">{{ $t('label.cpf') }}</p>\n                <div class=\"input-area\">\n                    <Input type=\"cpf\" :minlength=\"11\" :maxlength=\"11\" ref='cpfEl' :placeholder=\"$t('hint.tipCPF')\"\n                        :error-text=\"$t('hint.invalidCPF')\" v-model=\"cpf\" :readonly=\"statusInfo.cpfReadonly\"\n                        :hideCurrency=\"true\" />\n                </div>\n            </div>\n        </template>\n\n    </div>\n</template>\n\n<style scoped lang=\"less\">\n.real-name {\n    padding-right: .75rem;\n    overflow-x: scroll;\n    white-space: nowrap;\n}\n\n.real-name::-webkit-scrollbar {\n    width: 0 !important;\n    height: 0 !important;\n}\n\n.form-wrap {\n    .bg-300();\n    width: 24.375rem;\n    padding: .75rem .75rem 1.875rem;\n    box-sizing: border-box;\n    text-align: left;\n    .dynamic-font(@color: --color-text-40);\n\n    .item {\n        margin-top: 1.5rem;\n    }\n\n    .text-item {\n        width: 50%;\n    }\n\n    .label {\n        line-height: 18px;\n    }\n\n    .input-area {\n        width: 22.875rem;\n\n        .bg-400();\n    }\n\n    .only-text {\n        text-indent: 1em;\n        .dynamic-font(@color: --color-text-100, @fontWeight: --font-weight-bold);\n    }\n\n    .tip-text {\n        .dynamic-font(@color: --color-link, @fontWeight: --font-weight-medium);\n        line-height: 1.125rem;\n        margin-top: 1.3125rem;\n        align-items: flex-start;\n\n        ion-icon {\n            .dynamic-font(@color: --color-link, @fontWeight: --font-weight-medium);\n            font-size: 32px;\n        }\n\n        span {\n            margin-left: .1875rem;\n        }\n    }\n}\n\n.form-wrap.scheme-light {\n    .label {\n        .dynamic-font(@color: --text-color-black-80);\n    }\n\n}\n\n.form-wrap.amber-purple {\n    .label {\n        .dynamic-font(@color: --color-text-first);\n    }\n\n    .only-text {\n        margin-top: 0.75rem;\n        font-size: 0.875rem;\n    }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { formatMoneyToShow } from '@/utils/custom'\nimport { getTheme } from '@/theme/hooks';\nconst { theme } = getTheme();\nconst emit = defineEmits<{\n  (e: 'recordHandle'): void\n}>()\ndefineProps<{\n  merchantCy: string\n  isDemo: boolean\n  betAmount: number\n  prompt: string\n  balance: number\n}\n>()\nconst recordHandle = () => {\n  emit('recordHandle')\n  //recordHandle(WithdrawPageType.WITHDRAW_AUDIT)\n}\n</script>\n<template>\n\n\n  <div :class=\"['balance-area', theme]\">\n    <p class=\"balance-wrap\">\n      <span class=\"text\">{{ $t('label.account') }}{{ $t('label.balance') }}</span>\n      <span class=\"balance-w\">{{ merchantCy }}<span class=\"amount\">{{\n        formatMoneyToShow(balance) }}</span></span>\n    </p>\n    <p v-if=\"isDemo\" class=\"withdraw-tip\">{{ prompt }}</p>\n    <p v-if=\"!isDemo && betAmount > 0\" class=\"withdraw-tip\">\n      {{ $t('splice.withdrawCondition1') }}\n      <span class=\"balance-w\">{{ `${merchantCy} ` + formatMoneyToShow(betAmount) }}</span>\n      {{ $t('splice.withdrawCondition2') }}\n      <span class=\"link-text\" @click=\"recordHandle\">{{\n        $t('viewsAssets.viewDetail') }}</span>\n    </p>\n  </div>\n\n</template>\n\n<style scoped lang=\"less\">\n.balance-area {\n  margin: .5rem 0;\n\n  .withdraw-tip {\n    .dynamic-font(@color: --color-text-40);\n    line-height: 18px;\n\n    .balance-w {\n      .dynamic-font(@color: --color-text-100);\n\n    }\n\n    .link-text {\n      .dynamic-font(@color: --color-link);\n      cursor: pointer;\n    }\n  }\n\n  .balance-wrap {\n    .text {\n      .dynamic-font(@color: --color-text-100, @fontWeight: --font-weight-bold);\n    }\n\n    .balance-w {\n      .dynamic-font(@color: --color-currency, @fontWeight: --font-weight-bold);\n      margin-left: .5rem;\n\n      .amount {\n        margin-left: .1875rem;\n      }\n    }\n  }\n}\n\n.balance-area.purple-light {\n  .withdraw-tip {\n    .dynamic-font(@color: --color-text-80);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { getTheme } from '@/theme/hooks';\nconst { theme } = getTheme();\nconst emit = defineEmits<{\n  (e: 'amountHandle', amount: number): void\n}>()\ndefineProps<{\n  amountList: number[]\n  amount: string\n}\n>()\n\nconst amountHandle = (amount: number) => {\n  emit('amountHandle', amount)\n}\n</script>\n<template>\n  <ul class=\"amount-list flex-between\" :class=\"theme\">\n    <li v-for=\"it in amountList\" :key=\"it\" :class=\"['amount-item', { 'active': Number(amount) === it }]\"\n      @click=\"amountHandle(it)\"> <span class=\"amount\">{{ it }}</span></li>\n    <li></li>\n  </ul>\n</template>\n\n<style scoped lang=\"less\">\n.amount-list {\n  flex-wrap: wrap;\n  margin-top: .625rem;\n\n  li {\n    width: 7.125rem;\n  }\n\n  .amount-item {\n    height: 2.375rem;\n    text-align: center;\n    .bg-300();\n    .rounded-middle();\n    line-height: 2.625rem;\n    margin-bottom: .75rem;\n    cursor: pointer;\n    .dynamic-font(@color: --color-text-100, @fontWeight: --font-weight-medium);\n  }\n\n  .active {\n    border: 1px solid var(--color-primary-900);\n    background: var(--color-btn-bg-active-w);\n  }\n}\n\n.amount-list.purple-light {\n  .amount-item {\n    .bg-200();\n  }\n}\n\n.amount-list.amber-purple {\n  .amount-item {\n    background: var(--color-bg-200);\n    font-weight: var(--font-weight-semibold);\n    position: relative;\n  }\n\n  .active {\n    border: none;\n    background: var(--gradients-selectedBorder);\n    position: relative;\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 1px; // 调整为边框宽度的一半\n      left: 1px; // 调整为边框宽度的一半\n      right: 1px; // 调整为边框宽度的一半\n      bottom: 1px; // 调整为边框宽度的一半\n      background: var(--color-bg-200);\n      z-index: 1; // 使伪元素位于内容后面\n      border-radius: inherit; // 确保边框圆角继承父元素\n    }\n  }\n  .amount{\n     position:  relative;\n     z-index: 2;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { IonIcon } from '@ionic/vue'\nimport { getTheme } from '@/theme/hooks';\nimport { formatMoneyToShow } from '@/utils/custom'\n\nconst { theme } = getTheme();\nconst emit = defineEmits([])\nlet props = withDefaults(defineProps<{\n  amountInput: string\n  merchantCy: string\n  rateValue: number\n  remind: string\n}\n>(), {\n\n});\n</script>\n<template>\n  <p :class=\"['fee-wrap', theme]\" v-if=\"amountInput\">\n    <ion-icon class=\"balance-fee\" src=\"/first/svg/assets/warning.svg\" />\n    <span class=\"fee\">{{ $t('viewsAssets.handlingFee') }}: \n      <span class=\"handling-fee\">\n        {{ merchantCy }}{{ formatMoneyToShow(rateValue) }}\n      </span>\n    </span>\n  </p>\n  <p :class=\"['remind', { 'null-amount': !amountInput }, theme]\" v-html=\"remind\" v-if='remind'> </p>\n</template>\n\n<style scoped lang=\"less\">\n.fee-wrap {\n  padding-bottom: .75rem;\n  .dynamic-font(@color: --color-text-40);\n  line-height: 18px;\n\n  .fee {\n    .dynamic-font(@color: --color-text-40);\n\n  }\n\n  ion-icon.balance-fee {\n    .dynamic-font(@color: --color-text-40);\n    margin-right: .1875rem;\n\n  }\n\n\n  .handling-fee {\n    .dynamic-font(@color: --color-text-100);\n    margin-right: .1875rem;\n\n  }\n\n}\n\n.remind {\n  .dynamic-font(@color: --color-text-40);\n  line-height: 18px;\n  margin-left: .75rem;\n  padding-bottom: .75rem;\n}\n\n.null-amount {\n  margin-top: .5625rem;\n}\n\n\n\n.fee-wrap.purple-light {\n  .fee {\n    .dynamic-font(@color: --color-text-80);\n  }\n\n  ion-icon.balance-fee {\n    .dynamic-font(@color: --color-text-80);\n    margin-right: .1875rem;\n  }\n}\n\n.remind.purple-light {\n  .dynamic-font(@color: --color-text-80);\n}\n</style>\n","<script setup lang=\"ts\">\nimport PasswordInput from '@/components/PasswordInput.vue'\nimport Button from '@/components/first/Button/index.vue'\nimport { close } from 'ionicons/icons'\nimport { IonIcon, IonModal } from '@ionic/vue'\nimport { getTheme } from '@/theme/hooks';\nimport { formatMoneyToShow } from '@/utils/custom'\nconst { theme } = getTheme();\nconst passwordRef = ref() // 密码element\nconst emit = defineEmits<{\n  (e: 'passwordHandle', pwd: string): void\n  (e: 'onWithdrawCreate'): void\n  (e: 'update:visible', bool: boolean): void\n}>()\nconst visible = defineModel<boolean>('visible', { required: true })\nconst props = defineProps<{\n  amountInput: string\n  rateValue: number\n  merchantCy: string\n  rateType: string\n  receiveAmount: number\n  passwordSwitch?: string\n}\n>()\n\nconst modalDismiss = () => {\n  props?.passwordSwitch === 'ON' && passwordRef.value?.clear()\n  emit('update:visible', false)\n}\nconst onWithdrawCreate = () => {\n  emit('onWithdrawCreate')\n}\n\nconst passwordHandle = (pwd: string) => {\n  emit('passwordHandle', pwd)\n}\n</script>\n<template>\n  <ion-modal id=\"confirmModalWithdraw\" :is-open=\"visible\" @didDismiss=\"modalDismiss\">\n    <div :class=\"[theme, 'pop-wrap']\">\n      <p class=\"title\">{{ $t('viewsAssets.enterWithdrawalPassword') }}</p>\n      <ion-icon class=\"absolute close\" :icon=\"close\" @click=\"modalDismiss\" />\n      <p class=\"withdraw\">{{ $t('viewsAssets.withdraw') }}</p>\n      <p class=\"amuont\" v-if=\"rateType == 'fixed'\">{{ merchantCy }}\n        <span class=\"sum\">\n          {{ formatMoneyToShow(Number(amountInput) > 0 ? Math.max((Number(amountInput) - rateValue), 0) : 0) }}\n        </span>\n      </p>\n      <p class=\"amuont\" v-else>{{ merchantCy }}\n        <span class=\"sum\">\n          {{ formatMoneyToShow(receiveAmount > 0 ? Math.max((Number(amountInput) - rateValue), 0) : 0) }}\n        </span>\n      </p>\n      <p class=\"line h-[1px] w-full mb-4\" />\n      <div class=\"rate-type-text\">\n        <p>{{ $t('viewsAssets.serviceFee') }}</p>\n        <p>{{ merchantCy }}{{ formatMoneyToShow(rateValue) }}</p>\n      </div>\n\n      <PasswordInput v-if=\"(passwordSwitch === 'ON')\" class=\"password-input\" ref=\"passwordRef\" @input=\"passwordHandle\"\n        focus />\n\n      <div v-else class=\"submit submit-btn\">\n        <Button @click=\"onWithdrawCreate\">{{ $t('activity.redPacket10') }}</Button>\n      </div>\n    </div>\n  </ion-modal>\n</template>\n\n<style scoped lang=\"less\">\n.pop-wrap {\n  width: 22.875rem;\n  .bg-300();\n  .rounded-large();\n  padding: 16px;\n  box-sizing: border-box;\n  margin: 8.375rem auto;\n  position: relative;\n  text-align: center;\n  .dynamic-font(@fontSize: --font-size-16, @color: --color-text-80);\n\n\n  .title {\n    line-height: 1.5rem;\n    margin-top: 1.1875rem;\n    .dynamic-font(@fontSize: --font-size-16, @color: --color-text-80, @fontWeight: --font-weight-bold);\n  }\n\n  .withdraw {\n    margin: 1.125rem 0 .375rem;\n    line-height: 1.125rem;\n  }\n\n  .password-input {\n    margin: .75rem 0 1.3125rem;\n  }\n\n  .close {\n    .dynamic-font(@fontSize: --font-size-20, @color: --color-text-40);\n    top: .875rem;\n    right: .4375rem;\n\n  }\n\n  .line {\n    background: var(--color-border);\n  }\n\n  .amuont {\n    .dynamic-font(@fontSize: --font-size-20, @color: --color-currency, @fontWeight: --font-weight-bold);\n    line-height: 1.125rem;\n    margin: .75rem 0 1.25rem;\n\n    .sum {\n      margin-left: .1875rem;\n    }\n  }\n\n  .submit-btn {\n    width: 60%;\n    margin: .75rem auto 1.3125rem;\n  }\n\n  .rate-type-text {\n    .dynamic-font(@fontSize: --font-size-12, @color: --color-text-60);\n    .flex-between()\n  }\n\n}\n\n.pop-wrap.amber-purple {\n  .bg-100();\n\n  .title {\n    color: var(--color-text-100)\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport Button from '@/components/first/Button/index.vue'\n\nimport {\n  IonModal,\n} from '@ionic/vue'\nimport { getTheme } from '@/theme/hooks';\nconst { theme } = getTheme();\nconst emit = defineEmits<{\n  (e: 'update:visible', bool: boolean): void\n}>()\nconst visible = defineModel<boolean>('visible', { required: true })\ndefineProps<{\n  hintIndex: string\n}\n>()\nconst modalDismiss = () => {\n  emit('update:visible', false)\n}\n</script>\n<template>\n  <ion-modal  :class=\"[theme, 'withdrawHint']\" :is-open=\"visible\" @didDismiss=\"modalDismiss\">\n    <div class=\"text-center mt-3\">\n      <p class=\"text-base\">{{ $t('main.tips') }}</p>\n    </div>\n    <div class=\"text-[0.8125rem] text-center\">\n      <p v-if=\"hintIndex === '1'\" class=\"text-center\">{{ $t('viewsAssets.demoUnWithdraw') }}</p>\n      <p v-if=\"hintIndex === '2'\" class=\"text-center\">{{ $t('viewsAssets.singleDepositWithdrawal') }}</p>\n    </div>\n    <div class=\"btn-c\">\n      <Button @click=\"modalDismiss\">{{ $t('activity.redPacket10') }}</Button>\n    </div>\n  </ion-modal>\n</template>\n\n<style scoped lang=\"less\">\n/* 提现提示弹窗 */\nion-modal.withdrawHint {\n  --width: 19.375rem;\n  --height: 10rem;\n  --background: var(--color-bg-300);\n  --border-radius: .5rem;\n  color: var(--color-text-100)\n}\nion-modal.withdrawHint.amber-purple {\n  --background: var(--color-bg-100);\n}\n\n\n.btn-c {\n  margin: 0.5rem auto;\n  width: 100px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  IonPage,\n  IonIcon,\n  IonModal,\n  IonContent,\n  IonHeader,\n} from '@ionic/vue'\nimport AssetsHeader from '@/components/first/AssetsHeader.vue'\nimport AssetsFooter from '@/components/first/AssetsFooter.vue'\nimport useWLogic from '../hooks/useLogic'\nimport { useElementBounding } from '@vueuse/core'\nimport AssetsTab from '../../comp/AssetsTab.vue'\nimport Input from '@/components/first/Input/index.vue'\nimport { formatMoneyToShow, convertMoneyToShow } from '@/utils/custom'\nimport { close } from 'ionicons/icons'\nimport { WithdrawPageType } from '@/hooks/useWithdraw'\nimport FormInfo from '../comp/FormInfo.vue'\nimport PasswordInput from '@/components/PasswordInput.vue'\nimport Button from '@/components/first/Button/index.vue'\nimport BindAccount from '../comp/BindAccount.vue'\nimport BalanceArea from '../comp/BalanceArea.vue'\nimport AmountBtnList from '../comp/AmountBtnList.vue'\nimport FeeTip from '../comp/FeeTip.vue'\nimport ConfirmModal from '../comp/ConfirmModal.vue'\nimport WithdrawHint from '../comp/WithdrawHint.vue'\nimport { getTheme } from '@/theme/hooks';\nconst { theme } = getTheme();\nconst { t } = useI18n() // 国际化\nconst formEl = ref(null)\nconst footEl = ref(null)\n\nconst {\n  amountInput,\n  rateValue,\n  isHasBottomTab,\n  tabList,\n  tabId,\n  merchantCy,\n  balance,\n  isDemo,\n  prompt,\n  betAmount,\n  readonly,\n  placeholder,\n  amountList,\n  withdrawalConfig,\n  remind,\n  assets,\n  subTabCode,\n  rateType,\n  passwordRef,\n  hintIndex,\n  demoWithdraw,\n  confirmModalVisible,\n  subTabList,\n  subTabId,\n  maxAmount,\n  minAmount,\n  withdrawCreateParams,\n  tabTagInfo,\n  accountList,\n  receiveAmount,\n  accountEl,\n  recordHandle,\n  mainTabChange,\n  amountInputChange,\n  amountHandle,\n  subTabChange,\n  modalDismiss,\n  passwordHandle,\n  onWithdrawCreate,\n  submitHandle,\n  handleAccount,\n} = useWLogic()\n\nconst setMaxValue = () => {\n  amountInput.value = maxAmount.value > balance.value ? `${balance.value}` : `${maxAmount.value}`\n}\nconst { height }\n  = useElementBounding(footEl)\nconst distance = computed(() => `${((height.value) * (isHasBottomTab.value ? 1.1 : 3)) / 16}rem`)\nconst btnDisabled = computed(() => {\n  // 试玩玩家绝对可以点击按钮\n\n  if (isDemo.value) return false\n  if (Number(amountInput.value) <= 0) return false\n  if (withdrawalConfig.value === 'BindFirst') {\n    return !accountList.value.length\n  }\n  // if(betAmount.value > 0) return true\n  return Number(amountInput.value) < Number(minAmount.value)\n\n})\n\n\nconst extraTdo = () => {\n  if (withdrawalConfig.value === 'BindFirst') {\n    return handleAccount()\n\n  } else {\n    let bool = formEl.value?.validate()\n    if (!bool) return true\n\n    let values = formEl.value?.getFormValue()\n\n    if (subTabCode.value === 'CPF') {\n      withdrawCreateParams.withdrawalAccount = values.cpf\n    } else {\n      withdrawCreateParams.withdrawalAccount = values.withdrawalAccount\n    }\n\n    withdrawCreateParams.realName = values.realName\n    withdrawCreateParams.cpf = values.cpf\n    return false\n\n  }\n\n}\n\nconst submitForm = () => {\n  submitHandle(extraTdo)\n\n}\n\n</script>\n<template>\n  <IonPage>\n    <IonHeader mode=\"ios\">\n      <AssetsHeader :contentText=\"`${t('main.withdraw')}`\" :isShowCloseicon=\"!isHasBottomTab\"\n        @recordHandle=\"() => recordHandle(WithdrawPageType.WITHDRAW_RECORD)\" />\n    </IonHeader>\n\n    <ion-content :class=\"['first-content', theme]\">\n      <div class=\"header-bottom-area\">\n        <div class=\"line\"></div>\n        <AssetsTab :tabList=\"tabList\" v-model:tab-id=\"tabId\" :title=\"$t('viewsAssets.WithdrawalChannels')\"\n          activeBgColor=\"--color-bg-100\" @tabChange=\"mainTabChange\" />\n        <BalanceArea :merchantCy=\"merchantCy\" :betAmount=\"betAmount\" :balance=\"balance\" :isDemo=\"isDemo\"\n          :prompt=\"prompt\" @recordHandle=\"recordHandle(WithdrawPageType.WITHDRAW_AUDIT)\" />\n        <div class=\"input-wrap\">\n          <Input type=\"withdraw\" v-model=\"amountInput\" :readonly=\"readonly\" :placeholder=\"placeholder\"\n            @setMaxValue=\"setMaxValue\" @input=\"amountInputChange\" />\n        </div>\n        <AmountBtnList :amountList=\"amountList\" :amount=\"amountInput\" @amountHandle=\"amountHandle\" />\n        <FeeTip :amountInput=\"amountInput\" :merchantCy=\"merchantCy\" :rateValue=\"rateValue\" :remind=\"remind\" />\n      </div>\n\n\n      <template v-if=\"withdrawalConfig === 'BindFirst'\">\n\n        <BindAccount :accountList=\"accountList\" ref=\"accountEl\" />\n      </template>\n      <template v-else>\n        <div class=\"m-b\">\n          <AssetsTab :title=\"$t('label.withdrawSubType')\" :tabList=\"subTabList\" v-model:tab-id=\"subTabId\"\n            :tagInfo=\"tabTagInfo\" @tabChange=\"subTabChange\" />\n        </div>\n        <FormInfo :dynamicType=\"subTabCode\" ref=\"formEl\" :typeId=\"tabId\" />\n\n      </template>\n\n\n\n    </ion-content>\n    <AssetsFooter :merchantCy=\"merchantCy\" :disabled=\"btnDisabled\" ref=\"footEl\" :textContent=\"$t('viewsAssets.receive')\"\n      :isHasBottomTab=\"isHasBottomTab\" :btnText=\"t('label.withdrawNow')\" @submitForm=\"submitForm\" />\n    <!-- 确认提现弹窗 -->\n    <ConfirmModal v-model:visible=\"confirmModalVisible\" :merchantCy=\"merchantCy\" :amountInput=\"amountInput\"\n      :rateValue=\"rateValue\" :rateType=\"rateType\" :receiveAmount=\"receiveAmount\" :passwordSwitch=\"assets?.passwordSwitch\"\n       @passwordHandle=\"passwordHandle\" @onWithdrawCreate=\"onWithdrawCreate\"/>\n      \n\n\n    <!-- 体验金无法提现弹窗  -->\n    <WithdrawHint v-model:visible=\"demoWithdraw\" :hintIndex=\"hintIndex\" />\n\n  </IonPage>\n</template>\n\n<style scoped lang=\"less\">\n.header-bottom-area {\n  width: 100%;\n  .bg-200();\n  padding: 0 .75rem;\n  .rounded-large-b();\n\n  .line {\n    width: 100%;\n    height: 1px;\n    margin-bottom: 12px;\n    background-color: var(--color-border);\n  }\n\n  .input-wrap {\n    height: 2.875rem;\n    width: 22.875rem;\n    .bg-400();\n    .rounded-small();\n\n  }\n\n}\n\nion-content.first-content {\n  --background: var(--color-bg-300);\n  --padding-bottom: v-bind('distance');\n}\n\n.m-b {\n  margin-top: 1rem;\n  margin-bottom: .75rem;\n  padding-left: .75rem;\n}\n\n\n.purple-light {\n  .header-bottom-area {\n    background-color: var(--color-bg-500);\n  }\n}\n\n.amber-purple {\n  .header-bottom-area {\n    background-color: var(--color-bg-100);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { IonIcon, IonPopover, IonContent } from '@ionic/vue'\nimport useAddThemeClassName from '@/hooks/useAddThemeClassName'\nimport { getTheme } from '@/theme/hooks'\nconst { theme, skin } = getTheme()\nexport interface TypeSelectIem {\n  name: string,\n  id: number,\n\n}\nconst emit = defineEmits<{\n  (e: 'handleChange', id: number): void\n  (e: 'update:modelValue', id: number): void\n}>()\nlet props = withDefaults(defineProps<{\n  selectList: TypeSelectIem[]\n\n}\n>(), {\n\n});\n\nconst currentId = defineModel({ type: Number })\n\n\nconst popoverOpen = ref(false)\n\nconst currentName = computed(() => {\n  return props.selectList.find(it => it.id === currentId.value)?.name\n})\n\n\n\n\n\n\nconst itemClick = (item: TypeSelectIem) => {\n  popoverOpen.value = false\n  if (currentId.value === item.id) return\n  emit('update:modelValue', item.id)\n  emit('handleChange', item.id)\n}\n\nconst openPopover = () => {\n  popoverOpen.value = true\n}\n\n\n</script>\n<template>\n\n\n  <div class=\"select-box flex-between\" :class=\"theme\" @click=\"openPopover\" id=\"click-trigger\">\n\n\n\n    <div class=\"box\">\n      <p>{{ currentName }}</p>\n    </div>\n    <ion-icon :class=\"['arrow', { 'rotate-180': popoverOpen }]\" src=\"/first/svg/assets/arrow.svg\"\n      v-if=\"selectList.length\" />\n\n  </div>\n  <ion-popover v-if=\"selectList.length\" mode=\"md\" side=\"bottom\" alignment=\"start\" trigger=\"click-trigger\"\n    :is-open=\"popoverOpen\" @didDismiss=\"popoverOpen = false\">\n    <ion-content>\n      <ul :class=\"['select-list', theme]\">\n        <li v-for=\"(it) in selectList\" :key=\"it.name\" :class=\"{ active: it.id == currentId }\"\n          @click=\"() => itemClick(it)\">\n          <p> {{ it.name }}</p>\n\n        </li>\n\n      </ul>\n    </ion-content>\n  </ion-popover>\n\n\n\n</template>\n\n<style scoped lang=\"less\">\nion-popover {\n  --width: 9.375rem;\n  z-index: 100;\n}\n\n.inner {\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1\n}\n\n\n.select-item {\n  width: 9.375rem;\n\n  line-height: 2.25rem;\n\n  .bg-400();\n  .rounded-small();\n}\n\n.select-box {\n  padding: .4375rem;\n  .select-item();\n  height: 2.25rem;\n  box-sizing: border-box;\n  // border: 1px solid var(--color-border);\n  .bg-200();\n\n  ion-icon.arrow {\n    .font-size(--font-size-16);\n    .color-text-100();\n  }\n\n  .box {\n    height: 2.25rem;\n    line-height: 2.25rem;\n\n    .dynamic-font(@color: --color-text-SelectList-active, @fontWeight: --font-weight-bold);\n\n    p {\n      .inner()\n    }\n  }\n\n}\n\n\n.select-list {\n  .select-item();\n  .bg-200();\n  background-color: var(--color-bg-li-unActive);\n\n  li {\n    height: 2.25rem;\n    line-height: 2.25rem;\n    box-sizing: border-box;\n    text-align: center;\n    .dynamic-font();\n    color: var(--color-text-SelectList-unActive);\n    cursor: pointer;\n\n    // &:nth-child(2n) {\n    //   .bg-300();\n    // }\n    p {\n      .inner()\n    }\n\n  }\n\n  .active {\n    .dynamic-font(@color: --color-text-SelectList-active, @fontWeight: --font-weight-bold);\n    .bg-100();\n    background-color: var(--color-bg-li-active);\n  }\n\n\n}\n\n.select-box.purple-light .box p {\n  color: var(--theme-color-800)\n}\n\n\n.select-list> :not(:last-child) {\n  border-bottom: 1px solid var(--color-border-SelectList-popover);\n}\n\n.select-list.purple-light {\n  background-color: var(--color-bg-500);\n\n  li {\n    color: var(--color-text-secondary-1);\n  }\n\n  .active {\n    .bg-400()\n  }\n\n\n}\n</style>\n"],"names":["theme","getTheme","_useModel","__props","router","useRouter","emit","__emit","gotoClient","closePage","useNavigaterBack","recordHandle","props","amountHandle","item","loaded","ref","error","loadHandle","loadedHandle","errorHandle","attrs","useAttrs","channelId","popoverOpen","isGt1","computed","changeSelect","activeId","openPopover","currentItem","_a","it","tenantStore","useTenantStore","btnColor","useGetDarkBtnTextColor","merchantCy","cdText","t","statusText","success","fail","statusColor","closeHandle","cancelHandle","confirmHandle","tabId","tabChange","e","skin","handleMouseDown","handleMouseUp","handleMouseLeave","handleMouseMove","useDraggable","hasTag","isEmpty","setaActiveBgColor","isParticipate","checked","ionChange","footEl","elementStore","useElementStore","isShowThirdParty","isHasBottomTab","channelLoading","thirdUrl","tabList","description","subTabList","subTabId","amountInput","placeholder","maxAmount","minAmount","readOnly","channelList","amountList","isHasBonus","activityIsOpen","amountOfGift","rateOfGift","bannerUrl","withdrawFlowStr","limitPlatformList","btnDisabled","btnLoading","iframeLoaded","payStatus","rechargeInfo","orderList","countdown","modalVisible","subTabChange","iframeCloseHandle","mainTabChange","amountInputChange","handleRechargeActivity","bannerHandle","iframeLoadHandle","submitForm","finishHandle","isDefaultBanner","useRecharge","tabBarHeight","height","useElementBounding","distance","distance2","fontSize","size","str","num","unit","mediaList","gamePartnerPic","linkHandle","usePartViewLogic","modules","Virtual","popularList","platformList","swiperIndex","swiperToSlide","onSwiper","onSlideChange","gameCardStyle","favoriteHandle","popularHandle","usePopularViewLogic","carouselList","isLoopEnabled","swiperRef","swiperHandle","useSwiperViewLogic","gameList","useStartSportGame","useSportViewLogic","activityName","showRedPacket","countdownTime","showAnimation","clickPacket","bgUrl","ifDefaultImg","ifDefaultIndex","useRedPacketRainLogic","visible","scrollEl","showEnd","received","rule","mineTime","activityRule","isIpad","closeModelClick","rewardModalHandle","useRedPacketRainModelLogic","showRedPacketRain","activityId","openRedModel","closeRedPacketRain","openRedPacketModel","closeModel","useLogic","withdrawalAccountEL","realName","realNameEl","cpf","cpfEl","formEl","country","withdrawStore","useWithdrawStore","statusInfo","reactive","accountItems","toRefs","inputInfo","validatePhone","validateEmail","validateCnpj","validateEvp","accountInfo","current","onlyText","getValue","type","_b","nameInit","cpyInit","accountInit","key","init","onBeforeRouteLeave","valiDateAccount","currentValue","bool","nextTick","watch","newVale","typeId","list","realNameValue","cpfValue","val","__expose","nodeList","_c","_d","handleInput","event","useSpecialChar","amount","passwordRef","modalDismiss","onWithdrawCreate","passwordHandle","pwd","useI18n","rateValue","balance","isDemo","prompt","betAmount","readonly","withdrawalConfig","remind","assets","subTabCode","rateType","hintIndex","demoWithdraw","confirmModalVisible","withdrawCreateParams","tabTagInfo","accountList","receiveAmount","accountEl","submitHandle","handleAccount","useWLogic","setMaxValue","extraTdo","values","currentId","currentName","itemClick"],"mappings":"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"}