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
const isDivider = item.component === 'Divider'
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 ? (
<Com {...{ contentPosition: 'left', ...item.componentProps }}>{item?.label}</Com>
<Com {...{ contentPosition: 'left', ...item.componentProps }}>{labelName}</Com>
) : isCol ? (
// ElCol
<ElCol {...setGridProp(item.colProps)}>{renderFormItem(item)}</ElCol>
@ -218,13 +225,28 @@ export default defineComponent({
const formItemSlots: Recordable = setFormItemSlots(slots, item.field)
// 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 = () => {
return (
<>
<span>{item.label}</span>
<span>{labelName}</span>
<ElTooltip placement="right" raw-content>
{{
content: () => <span v-dompurify-html={item.labelMessage}></span>,
content: () => <span v-dompurify-html={labelMessage}></span>,
default: () => (
<Icon
icon="ep:warning"
@ -244,12 +266,11 @@ export default defineComponent({
const formItemSlotsSearchList: Recordable = setFormItemSlots(slots, item.field)
if (item?.componentProps?.isSearchList) {
if(item?.componentProps?.multiple){
formItemSlotsSearchList[item.field] = () => {
return (
<>
<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){
//
emit('onEnter',item.field,formModel.value[item.field],event)
@ -293,7 +314,7 @@ export default defineComponent({
formItemSlotsSearchList[item.field] = () => {
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){
//
emit('onEnter',item.field,formModel.value[item.field],event)

Loading…
Cancel
Save