样式优化。

Author: wangliang181230

ui/src/locales/lang/en-US/workflow.ts

@@ -505,7 +505,7 @@ You are a master of problem optimization, adept at accurately inferring user int
       expression: {
         label: 'Expression',
         placeholder: 'Please enter expression',
-        tooltip: 'Please use JSON Path expressions to split variables, e.g.: $.store.book . For details, see https://pypi.org/project/jsonpath-ng/1.8.0/',
+        tooltip: 'Please use JSON Path expressions to split variables, e.g.: $.store.book <a href="https://pypi.org/project/jsonpath-ng/1.8.0/" target="_blank" class="expression_tip">Click for details ➜ pypi.org</a>',
       },
     },
     parameterExtractionNode: {

ui/src/locales/lang/zh-CN/workflow.ts

@@ -496,7 +496,7 @@ export default {
       expression: {
         label: '表达式',
         placeholder: '请输入表达式',
-        tooltip: '请使用 JSON Path 表达式拆分变量，例如：$.store.book 。详情见 https://pypi.org/project/jsonpath-ng/1.8.0/',
+        tooltip: '请使用 JSON Path 表达式拆分变量，例如：$.store.book <a href="https://pypi.org/project/jsonpath-ng/1.8.0/" target="_blank" class="expression_tip">点击查看详情 ➜ pypi.org</a>',
       },
     },
     parameterExtractionNode: {

ui/src/locales/lang/zh-Hant/workflow.ts

@@ -490,7 +490,7 @@ export default {
       expression: {
         label: '表達式',
         placeholder: '請輸入表達式',
-        tooltip: '請使用 JSON Path 表達式拆分變量，例如：$.store.book 。詳情見 https://pypi.org/project/jsonpath-ng/1.8.0/',
+        tooltip: '請使用 JSON Path 表達式拆分變量，例如：$.store.book <a href="https://pypi.org/project/jsonpath-ng/1.8.0/" target="_blank" class="expression_tip">點擊查看詳情 ➜ pypi.org</a>',
       },
     },
     parameterExtractionNode: {

ui/src/workflow/nodes/variable-splitting/component/VariableFieldDialog.vue

@@ -57,11 +57,11 @@
             >
             <el-tooltip
               effect="dark"
-              :content="
-                $t('workflow.nodes.variableSplittingNode.expression.tooltip')
-              "
               placement="right"
             >
+              <template #content>
+                <span v-html="$t('workflow.nodes.variableSplittingNode.expression.tooltip')"></span>
+              </template>
               <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
             </el-tooltip>
           </div>
@@ -161,4 +161,12 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open, close })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss">
+.expression_tip {
+  color: var(--el-color-primary-light-5);
+
+  &:hover {
+    color: var(--el-color-primary-light-3);
+  }
+}
+</style>