fix: typos
parent
3a7b5c2965
commit
91e769e53e
|
@ -175,10 +175,10 @@ function calcSliceIndex() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function debounce(fn: () => void, wait = 33.34) {
|
function debounce(fn: () => void, wait = 33.34) {
|
||||||
let timmer: ReturnType<typeof setTimeout> | null;
|
let timer: ReturnType<typeof setTimeout> | null;
|
||||||
return () => {
|
return () => {
|
||||||
timmer && clearTimeout(timmer);
|
timer && clearTimeout(timer);
|
||||||
timmer = setTimeout(() => {
|
timer = setTimeout(() => {
|
||||||
fn();
|
fn();
|
||||||
}, wait);
|
}, wait);
|
||||||
};
|
};
|
||||||
|
|
|
@ -42,7 +42,7 @@ const emailStatus = computed(() => {
|
||||||
return formState.submitted && !formState.email ? 'error' : 'default';
|
return formState.submitted && !formState.email ? 'error' : 'default';
|
||||||
});
|
});
|
||||||
|
|
||||||
function handleSubmut() {
|
function handleSubmit() {
|
||||||
formState.submitted = true;
|
formState.submitted = true;
|
||||||
if (emailStatus.value !== 'default') {
|
if (emailStatus.value !== 'default') {
|
||||||
return;
|
return;
|
||||||
|
@ -76,7 +76,7 @@ function goToLogin() {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<VbenButton class="mt-2 w-full" @click="handleSubmut">
|
<VbenButton class="mt-2 w-full" @click="handleSubmit">
|
||||||
{{ $t('authentication.sendResetLink') }}
|
{{ $t('authentication.sendResetLink') }}
|
||||||
</VbenButton>
|
</VbenButton>
|
||||||
<VbenButton class="mt-4 w-full" variant="outline" @click="goToLogin()">
|
<VbenButton class="mt-4 w-full" variant="outline" @click="goToLogin()">
|
||||||
|
|
|
@ -43,7 +43,7 @@ const router = useRouter();
|
||||||
|
|
||||||
const formState = reactive({
|
const formState = reactive({
|
||||||
agreePolicy: false,
|
agreePolicy: false,
|
||||||
comfirmPassword: '',
|
confirmPassword: '',
|
||||||
password: '',
|
password: '',
|
||||||
submitted: false,
|
submitted: false,
|
||||||
username: '',
|
username: '',
|
||||||
|
@ -57,8 +57,8 @@ const passwordStatus = computed(() => {
|
||||||
return formState.submitted && !formState.password ? 'error' : 'default';
|
return formState.submitted && !formState.password ? 'error' : 'default';
|
||||||
});
|
});
|
||||||
|
|
||||||
const comfirmPasswordStatus = computed(() => {
|
const confirmPasswordStatus = computed(() => {
|
||||||
return formState.submitted && formState.password !== formState.comfirmPassword
|
return formState.submitted && formState.password !== formState.confirmPassword
|
||||||
? 'error'
|
? 'error'
|
||||||
: 'default';
|
: 'default';
|
||||||
});
|
});
|
||||||
|
@ -116,12 +116,12 @@ function goToLogin() {
|
||||||
</VbenInputPassword>
|
</VbenInputPassword>
|
||||||
|
|
||||||
<VbenInputPassword
|
<VbenInputPassword
|
||||||
v-model="formState.comfirmPassword"
|
v-model="formState.confirmPassword"
|
||||||
:error-tip="$t('authentication.confirmPasswordTip')"
|
:error-tip="$t('authentication.confirmPasswordTip')"
|
||||||
:label="$t('authentication.confirmPassword')"
|
:label="$t('authentication.confirmPassword')"
|
||||||
:placeholder="$t('authentication.confirmPassword')"
|
:placeholder="$t('authentication.confirmPassword')"
|
||||||
:status="comfirmPasswordStatus"
|
:status="confirmPasswordStatus"
|
||||||
name="comfirmPassword"
|
name="confirmPassword"
|
||||||
required
|
required
|
||||||
type="password"
|
type="password"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -16,7 +16,7 @@ interface FallbackProps {
|
||||||
/**
|
/**
|
||||||
* @zh_CN 内置类型
|
* @zh_CN 内置类型
|
||||||
*/
|
*/
|
||||||
status?: '403' | '404' | '500' | 'comming-soon' | 'offline';
|
status?: '403' | '404' | '500' | 'coming-soon' | 'offline';
|
||||||
/**
|
/**
|
||||||
* @zh_CN 页面提示语
|
* @zh_CN 页面提示语
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -19,7 +19,7 @@ const props = withDefaults(defineProps<Props>(), {
|
||||||
homePath: '/',
|
homePath: '/',
|
||||||
image: '',
|
image: '',
|
||||||
showBack: true,
|
showBack: true,
|
||||||
status: 'comming-soon',
|
status: 'coming-soon',
|
||||||
title: '',
|
title: '',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -27,7 +27,7 @@ const Icon403 = defineAsyncComponent(() => import('./icons/icon-403.vue'));
|
||||||
const Icon404 = defineAsyncComponent(() => import('./icons/icon-404.vue'));
|
const Icon404 = defineAsyncComponent(() => import('./icons/icon-404.vue'));
|
||||||
const Icon500 = defineAsyncComponent(() => import('./icons/icon-500.vue'));
|
const Icon500 = defineAsyncComponent(() => import('./icons/icon-500.vue'));
|
||||||
const IconHello = defineAsyncComponent(
|
const IconHello = defineAsyncComponent(
|
||||||
() => import('./icons/icon-comming-soon.vue'),
|
() => import('./icons/icon-coming-soon.vue'),
|
||||||
);
|
);
|
||||||
const IconOffline = defineAsyncComponent(
|
const IconOffline = defineAsyncComponent(
|
||||||
() => import('./icons/icon-offline.vue'),
|
() => import('./icons/icon-offline.vue'),
|
||||||
|
@ -51,7 +51,7 @@ const titleText = computed(() => {
|
||||||
case 'offline': {
|
case 'offline': {
|
||||||
return $t('fallback.offlineError');
|
return $t('fallback.offlineError');
|
||||||
}
|
}
|
||||||
case 'comming-soon': {
|
case 'coming-soon': {
|
||||||
return $t('fallback.comingSoon');
|
return $t('fallback.comingSoon');
|
||||||
}
|
}
|
||||||
default: {
|
default: {
|
||||||
|
@ -97,7 +97,7 @@ const fallbackIcon = computed(() => {
|
||||||
case 'offline': {
|
case 'offline': {
|
||||||
return IconOffline;
|
return IconOffline;
|
||||||
}
|
}
|
||||||
case 'comming-soon': {
|
case 'coming-soon': {
|
||||||
return IconHello;
|
return IconHello;
|
||||||
}
|
}
|
||||||
default: {
|
default: {
|
||||||
|
|
|
@ -8,7 +8,7 @@ import { Menu, MenuProps } from '@vben-core/menu-ui';
|
||||||
import { useNavigation } from './use-navigation';
|
import { useNavigation } from './use-navigation';
|
||||||
|
|
||||||
interface Props extends MenuProps {
|
interface Props extends MenuProps {
|
||||||
collspae?: boolean;
|
collapse?: boolean;
|
||||||
menus: MenuRecordRaw[];
|
menus: MenuRecordRaw[];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue