<template>
  <div>
    <form
      v-show="show"
      id="unityPayForm"
      ref="myFormRef"
      method="post"
      :action="url"
    >
      <textarea v-model="formData" name="context" style="width: 100%;height: 400px;" />
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script setup>
import { nextTick, ref } from 'vue'

const props = defineProps({
  show: {
    type: Boolean,
    default: false
  },
  action: {
    type: String,
    default: ''
  }
})

const url = ref(import.meta.env.VITE_APP_MSPAY_URL)
const formData = ref()
const myFormRef = ref(null)

function handleSubmit(row) {
  formData.value = row
  if (props.action) url.value = props.action
  nextTick(() => {
    if (myFormRef.value) myFormRef.value.submit()
  })
}

defineExpose({
  handleSubmit
})
</script>

<style scoped lang="scss">

</style>