fix(transfer): fix disabled value removed from target (#4147)

Tencent · Apr 25, 2024 · 1f7c55e · 1f7c55e
1 parent f49345e
commit 1f7c55e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/transfer/transfer.tsx b/src/transfer/transfer.tsx
@@ -119,8 +119,15 @@ export default defineComponent({
         newTargetValue = oldTargetValue.filter((v) => !selfCheckedValue.includes(v));
       } else if (props.targetSort === 'original') {
         // 按照原始顺序
+        const remainValue = transferData.value.reduce((acc, data) => {
+          if (oldTargetValue.includes(data.value) && data.disabled) {
+            return acc.concat(data.value);
+          }
+          return acc;
+        }, []);
         newTargetValue = getDataValues(transferData.value, oldTargetValue.concat(selfCheckedValue), {
           isTreeMode: isTreeMode.value,
+          remainValue,
         });
       } else if (props.targetSort === 'unshift') {
         newTargetValue = selfCheckedValue.concat(oldTargetValue);

diff --git a/src/transfer/utils.ts b/src/transfer/utils.ts
@@ -46,6 +46,7 @@ function getDataValues(
   {
     isTreeMode = false,
     include = true, // true=保留filterValues，false=删除filterValues中元素
+    remainValue = [] as Array<TransferValue>,
   } = {},
 ): Array<TransferValue> {
   // 用于处理 tree 组件这种数据结构是树形的
@@ -77,7 +78,9 @@ function getDataValues(
     .filter((item) => {
       if (!item) return false;
       const isInclude = filterValues.includes(item.value);
-      return ((include && isInclude) || (!include && !isInclude)) && !item.disabled;
+      return (
+        ((include && isInclude) || (!include && !isInclude)) && (!item.disabled || remainValue.includes(item.value))
+      );
     })
     .map((item) => item.value);
 }