Browse Source

中英文

master_hella_20240701
yufei0306 5 months ago
parent
commit
ad74189540
  1. 33
      src/components/Form/src/Form.vue

33
src/components/Form/src/Form.vue

@ -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)

Loading…
Cancel
Save