From 6ad7199c3b83c33ad0d6189b1a0a31e18f0fac23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E5=BF=97=E5=8B=87?=
 <yanzhiyong@tiansuixiansheng.com>
Date: Fri, 16 Aug 2024 17:43:49 +0800
Subject: [PATCH] fix: Components slider and treeSelect drag

---
 web/components/flow/node-renderer/slider.tsx      | 4 ++--
 web/components/flow/node-renderer/tree-select.tsx | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/components/flow/node-renderer/slider.tsx b/web/components/flow/node-renderer/slider.tsx
index 1017e20bb..b23780379 100644
--- a/web/components/flow/node-renderer/slider.tsx
+++ b/web/components/flow/node-renderer/slider.tsx
@@ -25,14 +25,14 @@ export const RenderSlider = (params: TextAreaProps) => {
       {data?.ui?.show_input ? (
         <Row>
           <Col span={12}>
-            <Slider {...attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
+            <Slider className="w-full nodrag"  {...attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
           </Col>
           <Col span={4}>
             <InputNumber {...attr} style={{ margin: '0 16px' }} value={inputValue} onChange={onChangeSlider} />
           </Col>
         </Row>
       ) : (
-        <Slider {...attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
+        <Slider className="w-full nodrag"  {...attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
       )}
     </>
   );
diff --git a/web/components/flow/node-renderer/tree-select.tsx b/web/components/flow/node-renderer/tree-select.tsx
index 5db73438f..74ee226fd 100644
--- a/web/components/flow/node-renderer/tree-select.tsx
+++ b/web/components/flow/node-renderer/tree-select.tsx
@@ -15,6 +15,7 @@ export const RenderTreeSelect = (params: TextAreaProps) => {
   return (
     <div className="p-2 text-sm">
       <TreeSelect
+      className="w-full nodrag" 
         fieldNames={{ label: 'label', value: 'value', children: 'children' }}
         {...attr}
         style={{ width: '100%' }}