upper to timi-ts
This commit is contained in:
@@ -5,8 +5,18 @@
|
||||
<t-tab-panel :value="Tab.REGISTER" label="注册" />
|
||||
</t-tabs>
|
||||
<div class="content">
|
||||
<login v-if="tabValue == Tab.LOGIN" @login-success="onLoginSuccess" />
|
||||
<register v-if="tabValue == Tab.REGISTER" @register-success="onRegisterSuccess" />
|
||||
<login
|
||||
v-if="tabValue == Tab.LOGIN"
|
||||
:captcha="props.captcha"
|
||||
:login="props.login"
|
||||
@login-success="onLoginSuccess"
|
||||
/>
|
||||
<register
|
||||
v-if="tabValue == Tab.REGISTER"
|
||||
:captcha="props.captcha"
|
||||
:register="props.register"
|
||||
@register-success="onRegisterSuccess"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -15,6 +25,7 @@
|
||||
import Login from "./login.vue";
|
||||
import Register from "./register.vue";
|
||||
import { Emits, useHandler } from "~/components/authorize-form/emits";
|
||||
import type { CaptchaRequest, LoginHandler, RegisterHandler } from "./types";
|
||||
import { ref } from "vue";
|
||||
|
||||
defineOptions({
|
||||
@@ -29,6 +40,12 @@ enum Tab {
|
||||
const emits = defineEmits<Emits>();
|
||||
const { onLoginSuccess, onRegisterSuccess } = useHandler(emits);
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
captcha?: CaptchaRequest;
|
||||
login?: LoginHandler;
|
||||
register?: RegisterHandler;
|
||||
}>(), {});
|
||||
|
||||
const tabValue = ref(Tab.LOGIN);
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user