Workflow experience optimization (#2681)

* perf: workflow handle connect

* feat: pan drag mode

* perf: workflow keyboard and touchTable adapt

* perf: teaxtarea no wheel

* remove render error

packages/web/components/common/Icon/constants.ts

@@ -2,10 +2,8 @@
 
 export const iconPaths = {
   book: () => import('./icons/book.svg'),
-  visible: () => import('./icons/visible.svg'),
   change: () => import('./icons/change.svg'),
   chatSend: () => import('./icons/chatSend.svg'),
-  configmap: () => import('./icons/configmap.svg'),
   closeSolid: () => import('./icons/closeSolid.svg'),
   collectionLight: () => import('./icons/collectionLight.svg'),
   collectionSolid: () => import('./icons/collectionSolid.svg'),
@@ -80,6 +78,7 @@ export const iconPaths = {
   'common/voiceLight': () => import('./icons/common/voiceLight.svg'),
   'common/warn': () => import('./icons/common/warn.svg'),
   'common/wechatFill': () => import('./icons/common/wechatFill.svg'),
+  configmap: () => import('./icons/configmap.svg'),
   copy: () => import('./icons/copy.svg'),
   'core/app/aiFill': () => import('./icons/core/app/aiFill.svg'),
   'core/app/aiLight': () => import('./icons/core/app/aiLight.svg'),
@@ -199,6 +198,7 @@ export const iconPaths = {
     import('./icons/core/workflow/inputType/selectLLM.svg'),
   'core/workflow/inputType/switch': () => import('./icons/core/workflow/inputType/switch.svg'),
   'core/workflow/inputType/textarea': () => import('./icons/core/workflow/inputType/textarea.svg'),
+  'core/workflow/mouse': () => import('./icons/core/workflow/mouse.svg'),
   'core/workflow/publish': () => import('./icons/core/workflow/publish.svg'),
   'core/workflow/redo': () => import('./icons/core/workflow/redo.svg'),
   'core/workflow/revertVersion': () => import('./icons/core/workflow/revertVersion.svg'),
@@ -249,6 +249,7 @@ export const iconPaths = {
     import('./icons/core/workflow/template/variableUpdate.svg'),
   'core/workflow/template/workflowStart': () =>
     import('./icons/core/workflow/template/workflowStart.svg'),
+  'core/workflow/touchTable': () => import('./icons/core/workflow/touchTable.svg'),
   'core/workflow/undo': () => import('./icons/core/workflow/undo.svg'),
   'core/workflow/upload': () => import('./icons/core/workflow/upload.svg'),
   'core/workflow/versionHistories': () => import('./icons/core/workflow/versionHistories.svg'),
@@ -332,5 +333,6 @@ export const iconPaths = {
   text: () => import('./icons/text.svg'),
   union: () => import('./icons/union.svg'),
   user: () => import('./icons/user.svg'),
+  visible: () => import('./icons/visible.svg'),
   wx: () => import('./icons/wx.svg')
 };

packages/web/components/common/Icon/icons/core/workflow/mouse.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16" >
+  <path d="M7.00001 4.02376C6.50295 4.02376 6.10001 4.4267 6.10001 4.92376V6.63711C6.10001 7.13417 6.50295 7.53711 7.00001 7.53711C7.49706 7.53711 7.90001 7.13417 7.90001 6.63711V4.92376C7.90001 4.4267 7.49706 4.02376 7.00001 4.02376Z" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.982849 6.14213C0.982849 5.42966 0.982849 5.07342 1.01738 4.77382C1.29671 2.35052 3.20837 0.438866 5.63167 0.159535C5.93127 0.125 6.2875 0.125 6.99998 0.125C7.71246 0.125 8.0687 0.125 8.3683 0.159535C10.7916 0.438866 12.7032 2.35052 12.9826 4.77382C13.0171 5.07342 13.0171 5.42966 13.0171 6.14213V9.85787C13.0171 10.5703 13.0171 10.9266 12.9826 11.2262C12.7032 13.6495 10.7916 15.5611 8.3683 15.8405C8.0687 15.875 7.71246 15.875 6.99998 15.875C6.2875 15.875 5.93127 15.875 5.63167 15.8405C3.20837 15.5611 1.29671 13.6495 1.01738 11.2262C0.982849 10.9266 0.982849 10.5703 0.982849 9.85787V6.14213ZM11.5171 6.14213V9.85787C11.5171 10.6121 11.5146 10.862 11.4924 11.0544C11.2929 12.7853 9.92745 14.1508 8.19653 14.3503C8.00411 14.3725 7.75422 14.375 6.99998 14.375C6.24574 14.375 5.99586 14.3725 5.80343 14.3503C4.07251 14.1508 2.70704 12.7853 2.50752 11.0544C2.48534 10.862 2.48285 10.6121 2.48285 9.85787V6.14213C2.48285 5.3879 2.48534 5.13801 2.50752 4.94558C2.70704 3.21466 4.07251 1.84919 5.80343 1.64967C5.99586 1.62749 6.24574 1.625 6.99998 1.625C7.75422 1.625 8.00411 1.62749 8.19653 1.64967C9.92745 1.84919 11.2929 3.21466 11.4924 4.94558C11.5146 5.13801 11.5171 5.3879 11.5171 6.14213Z" />
+</svg>

packages/web/components/common/Icon/icons/core/workflow/touchTable.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 18 18" >
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.75C16.2426 15.75 17.25 14.7426 17.25 13.5V4.5C17.25 3.25736 16.2426 2.25 15 2.25H3C1.75736 2.25 0.75 3.25736 0.75 4.5V13.5C0.75 14.7426 1.75736 15.75 3 15.75H15ZM3 3.75H15C15.4142 3.75 15.75 4.08579 15.75 4.5V10.4111H2.25V4.5C2.25 4.08579 2.58579 3.75 3 3.75ZM2.25 11.9111V13.5C2.25 13.9142 2.58579 14.25 3 14.25H8.25002V11.9111H2.25ZM9.75002 14.25V11.9111H15.75V13.5C15.75 13.9142 15.4142 14.25 15 14.25H9.75002Z" />
+</svg>

packages/web/components/common/MySelect/MultipleRowSelect.tsx

@@ -35,6 +35,7 @@ const MultipleRowSelect = ({
       return (
         <>
           <Box
+            className="nowheel"
             flex={'1 0 auto'}
             // width={0}
             px={2}

packages/web/components/common/Textarea/PromptEditor/Editor.tsx

@@ -100,6 +100,7 @@ export default function Editor({
 
   return (
     <Box
+      className="nowheel"
       position={'relative'}
       width={'full'}
       h={`${height}px`}

packages/web/i18n/en/workflow.json

@@ -90,12 +90,14 @@
   "less_than_or_equal_to": "Less Than or Equal To",
   "max_dialog_rounds": "Maximum Number of Dialog Rounds",
   "max_tokens": "Maximum Tokens",
+  "mouse_priority": "Mouse first",
   "new_context": "New Context",
   "not_contains": "Does Not Contain",
   "only_the_reference_type_is_supported": "Only reference type is supported",
   "optional_value_type": "Optional Value Type",
   "optional_value_type_tip": "You can specify one or more data types. When dynamically adding fields, users can only select the configured types.",
   "other_questions": "Other Questions",
+  "pan_priority": "Touchpad first",
   "pass_returned_object_as_output_to_next_nodes": "Pass the object returned in the code as output to the next nodes. The variable name needs to correspond to the return key.",
   "plugin": {
     "Instruction_Tip": "You can configure an instruction to explain the purpose of the plugin. This instruction will be displayed each time the plugin is used. Supports standard Markdown syntax.",
@@ -151,4 +153,4 @@
     "Team cloud": "Team Cloud",
     "exit_tips": "Your changes have not been saved. 'Exit directly' will not save your edits."
   }
-}
+}

packages/web/i18n/zh/workflow.json

@@ -90,12 +90,14 @@
   "less_than_or_equal_to": "小于等于",
   "max_dialog_rounds": "最多携带多少轮对话记录",
   "max_tokens": "最大 Tokens",
+  "mouse_priority": "鼠标优先",
   "new_context": "新的上下文",
   "not_contains": "不包含",
   "only_the_reference_type_is_supported": "仅支持引用类型",
   "optional_value_type": "可选的数据类型",
   "optional_value_type_tip": "可以指定 1 个或多个数据类型，用户在动态添加字段时，仅可选择配置的类型",
   "other_questions": "其他问题",
+  "pan_priority": "触摸板优先",
   "pass_returned_object_as_output_to_next_nodes": "将代码中 return 的对象作为输出，传递给后续的节点。变量名需要对应 return 的 key",
   "plugin": {
     "Instruction_Tip": "可以配置一段说明，以解释该插件的用途。每次使用插件前，会显示该段说明。支持标准 Markdown 语法。",
@@ -151,4 +153,4 @@
     "Team cloud": "团队云端",
     "exit_tips": "您的更改尚未保存，「直接退出」将不会保存您的编辑记录。"
   }
-}
+}