1234567891011121314151617181920212223242526272829303132333435 |
- import { computed, defineComponent } from 'vue'
- import { formInputViewProps, fromInputEmits } from '../../form-input-props'
- import { useFormView } from '@cip/components/hooks/form-input'
- import TextareaDirectives from '../../../directives/textarea'
- export default defineComponent({
- props: formInputViewProps,
- emits: [...fromInputEmits],
- directives: {
- [TextareaDirectives.name]: TextareaDirectives
- },
- setup (props) {
- const { securityConfig } = useFormView(props)
- const fontWeight = computed(() => {
- return securityConfig.value.fontWeight ?? 'normal'
- })
- const fontSize = computed(() => {
- return securityConfig.value.fontSize + 'px' ?? '14px'
- })
- const textAlign = computed(() => {
- return securityConfig.value.textAlign ?? 'left'
- })
- return () => (
- <div
- id={props.fieldKey}
- style={{
- ...(securityConfig.value.inputStyle || {}),
- fontWeight: fontWeight.value,
- fontSize: fontSize.value,
- textAlign: textAlign.value,
- width: '100%'
- }}
- v-textarea={securityConfig.value.staticInfo}/>
- )
- }
- })
|