style: code style

pull/90/MERGE
xingyu4j 2025-05-06 14:47:02 +08:00
parent eb5710b880
commit e5f33cd12b
3 changed files with 18 additions and 18 deletions

View File

@ -6,7 +6,7 @@ import type { CSSProperties, PropType } from 'vue';
import { computed, ref, unref, watch, watchEffect } from 'vue';
import { useVbenModal } from '@vben/common-ui';
import { $t as t } from '@vben/locales';
import { $t } from '@vben/locales';
import { Button, message } from 'ant-design-vue';
@ -73,7 +73,7 @@ watch(
function handleUploadSuccess({ data, source }: any) {
sourceValue.value = source;
emit('change', { data, source });
message.success(t('ui.cropper.uploadSuccess'));
message.success($t('ui.cropper.uploadSuccess'));
}
const closeModal = () => modalApi.close();
@ -111,7 +111,7 @@ defineExpose({
@click="openModal"
v-bind="btnProps"
>
{{ btnText ? btnText : t('ui.cropper.selectImage') }}
{{ btnText ? btnText : $t('ui.cropper.selectImage') }}
</Button>
<CropperModal

View File

@ -6,7 +6,7 @@ import type { CropendResult, Cropper } from './typing';
import { ref } from 'vue';
import { useVbenModal } from '@vben/common-ui';
import { $t as t } from '@vben/locales';
import { $t } from '@vben/locales';
import { dataURLtoBlob, isFunction } from '@vben/utils';
import {
@ -65,7 +65,7 @@ function modalLoading(loading: boolean) {
// Block upload
function handleBeforeUpload(file: File) {
if (props.size > 0 && file.size > 1024 * 1024 * props.size) {
emit('uploadError', { msg: t('ui.cropper.imageTooBig') });
emit('uploadError', { msg: $t('ui.cropper.imageTooBig') });
return false;
}
const reader = new FileReader();
@ -122,9 +122,9 @@ async function handleOk() {
<template>
<Modal
v-bind="$attrs"
:confirm-text="t('ui.cropper.okText')"
:confirm-text="$t('ui.cropper.okText')"
:fullscreen-button="false"
:title="t('ui.cropper.modalTitle')"
:title="$t('ui.cropper.modalTitle')"
class="w-[800px]"
>
<div :class="prefixCls">
@ -146,7 +146,7 @@ async function handleOk() {
:file-list="[]"
accept="image/*"
>
<Tooltip :title="t('ui.cropper.selectImage')" placement="bottom">
<Tooltip :title="$t('ui.cropper.selectImage')" placement="bottom">
<Button size="small" type="primary">
<template #icon>
<div class="flex items-center justify-center">
@ -157,7 +157,7 @@ async function handleOk() {
</Tooltip>
</Upload>
<Space>
<Tooltip :title="t('ui.cropper.btn_reset')" placement="bottom">
<Tooltip :title="$t('ui.cropper.btn_reset')" placement="bottom">
<Button
:disabled="!src"
size="small"
@ -172,7 +172,7 @@ async function handleOk() {
</Button>
</Tooltip>
<Tooltip
:title="t('ui.cropper.btn_rotate_left')"
:title="$t('ui.cropper.btn_rotate_left')"
placement="bottom"
>
<Button
@ -191,7 +191,7 @@ async function handleOk() {
</Button>
</Tooltip>
<Tooltip
:title="t('ui.cropper.btn_rotate_right')"
:title="$t('ui.cropper.btn_rotate_right')"
placement="bottom"
>
<Button
@ -210,7 +210,7 @@ async function handleOk() {
</template>
</Button>
</Tooltip>
<Tooltip :title="t('ui.cropper.btn_scale_x')" placement="bottom">
<Tooltip :title="$t('ui.cropper.btn_scale_x')" placement="bottom">
<Button
:disabled="!src"
size="small"
@ -224,7 +224,7 @@ async function handleOk() {
</template>
</Button>
</Tooltip>
<Tooltip :title="t('ui.cropper.btn_scale_y')" placement="bottom">
<Tooltip :title="$t('ui.cropper.btn_scale_y')" placement="bottom">
<Button
:disabled="!src"
size="small"
@ -238,7 +238,7 @@ async function handleOk() {
</template>
</Button>
</Tooltip>
<Tooltip :title="t('ui.cropper.btn_zoom_in')" placement="bottom">
<Tooltip :title="$t('ui.cropper.btn_zoom_in')" placement="bottom">
<Button
:disabled="!src"
size="small"
@ -252,7 +252,7 @@ async function handleOk() {
</template>
</Button>
</Tooltip>
<Tooltip :title="t('ui.cropper.btn_zoom_out')" placement="bottom">
<Tooltip :title="$t('ui.cropper.btn_zoom_out')" placement="bottom">
<Button
:disabled="!src"
size="small"
@ -273,7 +273,7 @@ async function handleOk() {
<div :class="`${prefixCls}-preview`">
<img
v-if="previewSource"
:alt="t('ui.cropper.preview')"
:alt="$t('ui.cropper.preview')"
:src="previewSource"
/>
</div>

View File

@ -27,7 +27,7 @@ const [Form, formApi] = useVbenForm({
class: 'w-full',
},
formItemClass: 'col-span-2',
labelWidth: 80,
labelWidth: 120,
},
layout: 'horizontal',
schema: useFormSchema(),
@ -79,7 +79,7 @@ const [Modal, modalApi] = useVbenModal({
</script>
<template>
<Modal :title="getTitle">
<Modal :title="getTitle" class="w-[40%]">
<Form class="mx-4" />
</Modal>
</template>