fix(Select): fix valueDisplay onclose callback

Tencent · Oct 22, 2024 · 1519e25 · 1519e25
1 parent 4c70727
commit 1519e25
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/select/_example/custom-selected.tsx b/src/select/_example/custom-selected.tsx
@@ -49,8 +49,19 @@ const CustomSelected = () => {
           { label: '选项八', value: '8' },
           { label: '选项九', value: '9' },
         ]}
-        valueDisplay={({ value }) =>
-          Array.isArray(value) && value.length > 0 ? value.map((v, idx) => <Tag key={idx}>{`${v}选项`}</Tag>) : null
+        valueDisplay={({ value, onClose }) =>
+          Array.isArray(value) && value.length > 0
+            ? value.map((v: string, idx: number) => (
+                <Tag
+                  key={idx}
+                  onClose={(context) => {
+                    context.e && context.e.stopPropagation();
+                    onClose(idx);
+                  }}
+                  closable
+                >{`${v}选项`}</Tag>
+              ))
+            : null
         }
       />
     </Space>

diff --git a/src/select/base/Select.tsx b/src/select/base/Select.tsx
@@ -169,7 +169,7 @@ const Select = forwardRefWithStatics(
       }
 
       if (trigger === 'tag-remove') {
-        e.stopPropagation();
+        e?.stopPropagation?.();
         const values = getSelectValueArr(value, value[index], true, valueType, keys);
         // 处理onChange回调中的selectedOptions参数
         const currentSelectedOptions = getSelectedOptions(values, multiple, valueType, keys, tmpPropOptions);