refactor: upgrade ant design vue v3 to v4

This commit is contained in:
0xJacky 2023-11-26 00:23:29 +08:00
parent c578f26054
commit d84dbffb54
No known key found for this signature in database
GPG key ID: B6E4A6E4A561BAF0
142 changed files with 7883 additions and 13745 deletions

View file

@ -17,13 +17,13 @@ const visible = ref(false)
const selectedRowKeys = ref([])
function showModal(c: any, rowKeys: any) {
visible.value = true
selectedRowKeys.value = rowKeys
batchColumns.value = c
visible.value = true
selectedRowKeys.value = rowKeys
batchColumns.value = c
}
defineExpose({
showModal
showModal
})
const data = reactive({})
@ -31,44 +31,44 @@ const error = reactive({})
const loading = ref(false)
async function ok() {
loading.value = true
loading.value = true
await props.beforeSave?.()
await props.beforeSave?.()
await props.api(selectedRowKeys.value, data).then(async () => {
message.success($gettext('Save successfully'))
emit('onSave')
}).catch((e: any) => {
message.error($gettext(e?.message) ?? $gettext('Server error'))
}).finally(() => {
loading.value = false
})
await props.api(selectedRowKeys.value, data).then(async () => {
message.success($gettext('Save successfully'))
emit('onSave')
}).catch((e: any) => {
message.error($gettext(e?.message) ?? $gettext('Server error'))
}).finally(() => {
loading.value = false
})
}
</script>
<template>
<a-modal
class="std-curd-edit-modal"
:mask="false"
:title="$gettext('Batch Modify')"
v-model:visible="visible"
:cancel-text="$gettext('Cancel')"
:ok-text="$gettext('OK')"
@ok="ok"
:confirm-loading="loading"
:width="600"
destroyOnClose
>
<a-modal
class="std-curd-edit-modal"
:mask="false"
:title="$gettext('Batch Modify')"
v-model:open="visible"
:cancel-text="$gettext('Cancel')"
:ok-text="$gettext('OK')"
@ok="ok"
:confirm-loading="loading"
:width="600"
destroyOnClose
>
<std-data-entry
ref="std_data_entry"
:data-list="batchColumns"
:data-source="data"
:error="error"
/>
<std-data-entry
ref="std_data_entry"
:data-list="batchColumns"
:data-source="data"
:error="error"
/>
<slot name="extra"/>
</a-modal>
<slot name="extra"/>
</a-modal>
</template>
<style scoped>