mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-06-17 02:19:25 +08:00
32 lines
717 B
Vue
32 lines
717 B
Vue
<template>
|
|
<component :is="uiComponent.component" v-bind="uiProps" @change="changeHandler" @update:modelValue="updateModelValue">
|
|
</component>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
|
|
import { getConfig } from './config';
|
|
|
|
const props = defineProps<{
|
|
modelValue?: any;
|
|
disabled?: boolean;
|
|
placeholder?: string;
|
|
size?: 'mini' | 'small' | 'medium';
|
|
}>();
|
|
|
|
const uiComponent = getConfig('components').timePicker;
|
|
|
|
const uiProps = computed(() => uiComponent.props(props));
|
|
|
|
const emit = defineEmits(['change', 'update:modelValue']);
|
|
|
|
const changeHandler = (v: any) => {
|
|
emit('change', v);
|
|
};
|
|
|
|
const updateModelValue = (v: any) => {
|
|
emit('update:modelValue', v);
|
|
};
|
|
</script>
|