mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-12-19 00:52:51 +00:00
41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
<template>
|
|
<TMagicCol v-show="display && config.type !== 'hidden'" :span="span">
|
|
<Container
|
|
:model="model"
|
|
:config="config"
|
|
:prop="prop"
|
|
:label-width="config.labelWidth || labelWidth"
|
|
:expand-more="expandMore"
|
|
:size="size"
|
|
@change="changeHandler"
|
|
></Container>
|
|
</TMagicCol>
|
|
</template>
|
|
|
|
<script setup lang="ts" name="MFormCol">
|
|
import { computed, inject } from 'vue';
|
|
|
|
import { TMagicCol } from '@tmagic/design';
|
|
|
|
import { ChildConfig, FormState } from '../schema';
|
|
import { display as displayFunction } from '../utils/form';
|
|
|
|
import Container from './Container.vue';
|
|
|
|
const props = defineProps<{
|
|
model: any;
|
|
config: ChildConfig;
|
|
labelWidth?: string;
|
|
expandMore?: boolean;
|
|
span?: number;
|
|
size?: string;
|
|
prop?: string;
|
|
}>();
|
|
|
|
const emit = defineEmits(['change']);
|
|
|
|
const mForm = inject<FormState | undefined>('mForm');
|
|
const display = computed(() => displayFunction(mForm, props.config.display, props));
|
|
const changeHandler = () => emit('change', props.model);
|
|
</script>
|