style: tooltip style

wangdan-fit2cloud · wangdan-fit2cloud · commit 1e95dec8e291 · 2026-01-07T18:17:29.000+08:00
diff --git a/ui/src/components/dynamics-form/constructor/items/MultiRowConstructor.vue b/ui/src/components/dynamics-form/constructor/items/MultiRowConstructor.vue
@@ -242,11 +242,5 @@ onMounted(() => {
     top: -35px;
   }
 }
-:deep(.el-form-item__label) {
-  display: block;
-}
 
-:deep(.el-select-dropdown) {
-  max-width: 400px;
-}
 </style>
diff --git a/ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue b/ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue
@@ -133,7 +133,7 @@
       :reserve-keyword="false"
       v-model="formValue.default_value"
       :teleported="false"
-      popper-class="default-select"
+      popper-class="max-w-350"
     >
       <el-option
         v-for="(option, index) in formValue.option_list"
@@ -191,9 +191,7 @@ const default_ref_variables_value_rule = {
   validator: (rule: any, value: any, callback: any) => {
     console.log(value.length)
     if (!(Array.isArray(value) && value.length > 1)) {
-      callback(
-        t('workflow.variable.Referencing') + t('common.required'),
-      )
+      callback(t('workflow.variable.Referencing') + t('common.required'))
     }
 
     return true
@@ -250,11 +248,5 @@ onMounted(() => {
     top: -35px;
   }
 }
-:deep(.el-form-item__label) {
-  display: block;
-}
 
-:deep(.el-select-dropdown) {
-  max-width: 400px;
-}
 </style>
diff --git a/ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue b/ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue
@@ -242,11 +242,5 @@ onMounted(() => {
     top: -35px;
   }
 }
-:deep(.el-form-item__label) {
-  display: block;
-}
 
-:deep(.el-select-dropdown) {
-  max-width: 400px;
-}
 </style>
diff --git a/ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue b/ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue
@@ -242,11 +242,4 @@ onMounted(() => {
     top: -35px;
   }
 }
-:deep(.el-form-item__label) {
-  display: block;
-}
-
-:deep(.el-select-dropdown) {
-  max-width: 400px;
-}
 </style>
diff --git a/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue b/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
@@ -124,7 +124,11 @@
       />
     </div>
 
-    <el-select v-model="formValue.default_value" :teleported="false" popper-class="default-select">
+    <el-select
+      v-model="formValue.default_value"
+      :teleported="false"
+      popper-class="max-w-350"
+    >
       <el-option
         v-for="(option, index) in formValue.option_list"
         :key="index"
@@ -181,9 +185,7 @@ const default_ref_variables_value_rule = {
   validator: (rule: any, value: any, callback: any) => {
     console.log(value.length)
     if (!(Array.isArray(value) && value.length > 1)) {
-      callback(
-        t('workflow.variable.Referencing') + t('common.required'),
-      )
+      callback(t('workflow.variable.Referencing') + t('common.required'))
     }
 
     return true
@@ -241,11 +243,5 @@ onMounted(() => {
     top: -35px;
   }
 }
-:deep(.el-form-item__label) {
-  display: block;
-}
 
-:deep(.el-select-dropdown) {
-  max-width: 400px;
-}
 </style>
diff --git a/ui/src/components/resource_mapping/index.vue b/ui/src/components/resource_mapping/index.vue
@@ -94,6 +94,9 @@
       :maxTableHeight="200"
       :row-key="(row: any) => row.id"
       v-loading="loading"
+      :tooltip-options="{
+        popperClass: 'max-w-350',
+      }"
     >
       <el-table-column prop="name" :label="$t('common.name')" min-width="130" show-overflow-tooltip>
         <template #default="{ row }">
diff --git a/ui/src/locales/lang/en-US/dynamics-form.ts b/ui/src/locales/lang/en-US/dynamics-form.ts
@@ -115,9 +115,6 @@ export default {
   },
   AssignmentMethod: {
     label: 'Assignment Method',
-    custom: {
-      label: 'Custom',
-    },
     ref_variables: {
       label: 'Reference Variables',
       popover: 'Variable values must comply with',
diff --git a/ui/src/locales/lang/en-US/theme.ts b/ui/src/locales/lang/en-US/theme.ts
@@ -11,7 +11,6 @@ export default {
   green: 'Green',
   purple: 'Purple',
   red: 'Red',
-  custom: 'Custom',
   loginBackground: 'Login Background Image',
   loginLogo: 'Login Logo',
   websiteLogo: 'Website Logo',
diff --git a/ui/src/locales/lang/zh-CN/dynamics-form.ts b/ui/src/locales/lang/zh-CN/dynamics-form.ts
@@ -115,10 +115,6 @@ export default {
   },
   AssignmentMethod: {
     label: '赋值方式',
-
-    custom: {
-      label: '自定义',
-    },
     ref_variables: {
       popover: '变量的值必须符合',
       json_format: 'JSON 格式',
diff --git a/ui/src/locales/lang/zh-CN/theme.ts b/ui/src/locales/lang/zh-CN/theme.ts
@@ -11,7 +11,6 @@ export default {
   green: '松石绿',
   purple: '神秘紫',
   red: '胭脂红',
-  custom: '自定义',
   loginBackground: '登录背景图',
   loginLogo: '登录 Logo',
   websiteLogo: '网站 Logo',
diff --git a/ui/src/locales/lang/zh-Hant/dynamics-form.ts b/ui/src/locales/lang/zh-Hant/dynamics-form.ts
@@ -115,9 +115,6 @@ export default {
   },
   AssignmentMethod: {
     label: '賦值方式',
-    custom: {
-      label: '自定義',
-    },
     ref_variables: {
       label: '參考變量',
       popover: '變量的值必須符合',
diff --git a/ui/src/locales/lang/zh-Hant/theme.ts b/ui/src/locales/lang/zh-Hant/theme.ts
@@ -11,7 +11,6 @@ export default {
   green: '松石綠',
   purple: '神秘紫',
   red: '胭脂紅',
-  custom: '自定義',
   loginBackground: '登錄背景圖',
   loginLogo: '登錄 Logo',
   websiteLogo: '網站 Logo',
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
@@ -220,9 +220,6 @@
   tr.highlight {
     background: var(--el-table-current-row-bg-color);
   }
-  .cell.el-tooltip {
-    max-width: 500px;
-  }
 }
 
 // dialog
@@ -264,6 +261,7 @@
   }
 }
 .el-form-item__label {
+  display: block;
   font-weight: 400;
   width: 100% !important;
   color: var(--el-text-color-primary);
diff --git a/ui/src/views/application/ApplicationSetting.vue b/ui/src/views/application/ApplicationSetting.vue
@@ -1330,7 +1330,4 @@ onMounted(() => {
   height: 150px;
 }
 
-:deep(.el-form-item__label) {
-  display: block;
-}
 </style>
diff --git a/ui/src/views/system-setting/theme/index.vue b/ui/src/views/system-setting/theme/index.vue
@@ -17,7 +17,7 @@
           <template v-for="(item, index) in themeList" :key="index">
             <el-radio-button :label="item.label" :value="item.value" />
           </template>
-          <el-radio-button :label="$t('theme.custom')" value="custom" />
+          <el-radio-button :label="$t('common.custom')" value="custom" />
         </el-radio-group>
         <div v-if="themeRadio === 'custom'">
           <h5 class="mt-16 mb-8">{{ $t('theme.customTheme') }}</h5>
diff --git a/ui/src/workflow/nodes/base-node/index.vue b/ui/src/workflow/nodes/base-node/index.vue
@@ -368,7 +368,4 @@ onMounted(() => {
 })
 </script>
 <style lang="scss" scoped>
-:deep(.el-form-item__label) {
-  display: block;
-}
 </style>
diff --git a/ui/src/workflow/nodes/knowledge-base-node/index.vue b/ui/src/workflow/nodes/knowledge-base-node/index.vue
@@ -65,7 +65,4 @@ const resource = getResourceDetail()
 onMounted(() => {})
 </script>
 <style lang="scss" scoped>
-:deep(.el-form-item__label) {
-  display: block;
-}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -242,11 +242,5 @@ onMounted(() => {`
`242`	`242`	`top: -35px;`
`243`	`243`	`}`
`244`	`244`	`}`
`245`		`-:deep(.el-form-item__label) {`
`246`		`- display: block;`
`247`		`-}`
`248`	`245`
`249`		`-:deep(.el-select-dropdown) {`
`250`		`- max-width: 400px;`
`251`		`-}`
`252`	`246`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -242,11 +242,4 @@ onMounted(() => {`
`242`	`242`	`top: -35px;`
`243`	`243`	`}`
`244`	`244`	`}`
`245`		`-:deep(.el-form-item__label) {`
`246`		`- display: block;`
`247`		`-}`
`248`		`-`
`249`		`-:deep(.el-select-dropdown) {`
`250`		`- max-width: 400px;`
`251`		`-}`
`252`	`245`	`</style>`