|
@ -173,8 +173,15 @@ export default defineComponent({ |
|
|
// 如果是 Divider 组件,需要自己占用一行 |
|
|
// 如果是 Divider 组件,需要自己占用一行 |
|
|
const isDivider = item.component === 'Divider' |
|
|
const isDivider = item.component === 'Divider' |
|
|
const Com = componentMap['Divider'] as ReturnType<typeof defineComponent> |
|
|
const Com = componentMap['Divider'] as ReturnType<typeof defineComponent> |
|
|
|
|
|
let labelName = item?.label || '' |
|
|
|
|
|
if(item?.label){ |
|
|
|
|
|
labelName = t(`ts.${item?.label}`) |
|
|
|
|
|
if(labelName === 'ts.' + item?.label){ |
|
|
|
|
|
labelName = item?.label |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
return isDivider ? ( |
|
|
return isDivider ? ( |
|
|
<Com {...{ contentPosition: 'left', ...item.componentProps }}>{item?.label}</Com> |
|
|
<Com {...{ contentPosition: 'left', ...item.componentProps }}>{labelName}</Com> |
|
|
) : isCol ? ( |
|
|
) : isCol ? ( |
|
|
// 如果需要栅格,需要包裹 ElCol |
|
|
// 如果需要栅格,需要包裹 ElCol |
|
|
<ElCol {...setGridProp(item.colProps)}>{renderFormItem(item)}</ElCol> |
|
|
<ElCol {...setGridProp(item.colProps)}>{renderFormItem(item)}</ElCol> |
|
@ -218,13 +225,28 @@ export default defineComponent({ |
|
|
const formItemSlots: Recordable = setFormItemSlots(slots, item.field) |
|
|
const formItemSlots: Recordable = setFormItemSlots(slots, item.field) |
|
|
// 如果有 labelMessage,自动使用插槽渲染 |
|
|
// 如果有 labelMessage,自动使用插槽渲染 |
|
|
if (item?.labelMessage) { |
|
|
if (item?.labelMessage) { |
|
|
|
|
|
let labelName = item.label || '' |
|
|
|
|
|
if(item.label){ |
|
|
|
|
|
labelName = t(`ts.${item.label}`) |
|
|
|
|
|
if(labelName === 'ts.' + item.label){ |
|
|
|
|
|
labelName = item.label |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
let labelMessage = item.labelMessage || '' |
|
|
|
|
|
if(item.labelMessage){ |
|
|
|
|
|
labelMessage = t(`ts.${item.labelMessage}`) |
|
|
|
|
|
if(labelMessage === 'ts.' + item.labelMessage){ |
|
|
|
|
|
labelMessage = item.labelMessage |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
formItemSlots.label = () => { |
|
|
formItemSlots.label = () => { |
|
|
return ( |
|
|
return ( |
|
|
<> |
|
|
<> |
|
|
<span>{item.label}</span> |
|
|
<span>{labelName}</span> |
|
|
<ElTooltip placement="right" raw-content> |
|
|
<ElTooltip placement="right" raw-content> |
|
|
{{ |
|
|
{{ |
|
|
content: () => <span v-dompurify-html={item.labelMessage}></span>, |
|
|
content: () => <span v-dompurify-html={labelMessage}></span>, |
|
|
default: () => ( |
|
|
default: () => ( |
|
|
<Icon |
|
|
<Icon |
|
|
icon="ep:warning" |
|
|
icon="ep:warning" |
|
@ -244,12 +266,11 @@ export default defineComponent({ |
|
|
const formItemSlotsSearchList: Recordable = setFormItemSlots(slots, item.field) |
|
|
const formItemSlotsSearchList: Recordable = setFormItemSlots(slots, item.field) |
|
|
if (item?.componentProps?.isSearchList) { |
|
|
if (item?.componentProps?.isSearchList) { |
|
|
if(item?.componentProps?.multiple){ |
|
|
if(item?.componentProps?.multiple){ |
|
|
|
|
|
|
|
|
formItemSlotsSearchList[item.field] = () => { |
|
|
formItemSlotsSearchList[item.field] = () => { |
|
|
return ( |
|
|
return ( |
|
|
<> |
|
|
<> |
|
|
<ElTooltip placement="top" content={formModel.value[item.field]} > |
|
|
<ElTooltip placement="top" content={formModel.value[item.field]} > |
|
|
<ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} disabled={item?.componentProps?.enterSearch?false:true} onKeyup={(event)=>{ |
|
|
<ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={t(`ts.${item?.componentProps?.searchListPlaceholder}`).replace('ts.','') || ''} disabled={item?.componentProps?.enterSearch?false:true} onKeyup={(event)=>{ |
|
|
if(event.keyCode === 13){ |
|
|
if(event.keyCode === 13){ |
|
|
//回车 |
|
|
//回车 |
|
|
emit('onEnter',item.field,formModel.value[item.field],event) |
|
|
emit('onEnter',item.field,formModel.value[item.field],event) |
|
@ -293,7 +314,7 @@ export default defineComponent({ |
|
|
formItemSlotsSearchList[item.field] = () => { |
|
|
formItemSlotsSearchList[item.field] = () => { |
|
|
return ( |
|
|
return ( |
|
|
<> |
|
|
<> |
|
|
<ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={item?.componentProps?.searchListPlaceholder} onKeyup={(event)=>{ |
|
|
<ElInput class={'myInput'} v-model={formModel.value[item.field]} placeholder={t(`ts.${item?.componentProps?.searchListPlaceholder}`).replace('ts.','') || ''} onKeyup={(event)=>{ |
|
|
if(event.keyCode === 13){ |
|
|
if(event.keyCode === 13){ |
|
|
//回车 |
|
|
//回车 |
|
|
emit('onEnter',item.field,formModel.value[item.field],event) |
|
|
emit('onEnter',item.field,formModel.value[item.field],event) |
|
|