123456789101112131415161718192021222324252627282930 |
- import { formInputViewProps } from '../../form-input-props'
- import { useFormView, useInputProps } from '@cip/components/hooks/form-input'
- import CipTable from '@cip/components/cip-table'
- import { computed } from 'vue'
- import { useMultiple } from './use-multiple'
- export default {
- props: formInputViewProps,
- setup (props) {
- const { securityConfig, width } = useFormView(props)
- const inputProps = useInputProps(props, [
- ['tableColumns', 'columns'],
- 'optionProps'
- ])
- const multiple = useMultiple(securityConfig)
- const viewValue = computed(() => {
- if (multiple.value !== false) return props.modelValue || []
- if (!props.modelValue) return []
- return [props.modelValue]
- })
- return () => <CipTable
- {...inputProps.value}
- style={{ width: width.value }}
- data={viewValue.value}
- columns={securityConfig.value.tableColumns}
- />
- }
- }
|