@gm-pc/react 1.28.0-beta.11 → 1.28.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gm-pc/react",
-  "version": "1.28.0-beta.11",
+  "version": "1.28.0-beta.13",
   "description": "观麦前端基础组件库",
   "author": "liyatang <liyatang@qq.com>",
   "homepage": "https://github.com/gmfe/gm-pc#readme",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@gm-common/hooks": "^2.10.0",
     "@gm-common/tool": "^2.10.0",
-    "@gm-pc/locales": "^1.28.0-beta.11",
+    "@gm-pc/locales": "^1.28.0-beta.13",
     "big.js": "^6.0.1",
     "classnames": "^2.2.5",
     "lodash": "^4.17.19",
@@ -48,5 +48,5 @@
     "react-router-dom": "^5.2.0",
     "react-window": "^1.8.5"
   },
-  "gitHead": "740fa35594c216a01956599921e3ed94038ffdb3"
+  "gitHead": "c8234f419681aca5321788b5e0cf39a36716e30d"
 }

package/src/component/more_select/base.tsx

@@ -402,46 +402,47 @@ class MoreSelectBase<V extends string | number = string> extends Component<
         listHeight,
       } = this.props
 
-      const selectedValues = new Set(selected.map((v) => v.value))
+      const selectedValues = new Set(selected?.map((v) => v.value))
 
       // 分离已勾选和未勾选的数据
-      const selectedGroups: MoreSelectGroupDataItem<V>[] = []
       const availableGroups: MoreSelectGroupDataItem<V>[] = []
+      // 已选中区域直接使用 selected 构建，不受筛选影响
+      const selectedGroups: MoreSelectGroupDataItem<V>[] = []
 
-      filterData.forEach((group) => {
-        const selectedChildren = group.children.filter((item) =>
-          selectedValues.has(item.value)
-        )
-        const availableChildren = group.children.filter(
-          (item) => !selectedValues.has(item.value)
-        )
+      if (multiple) {
+        filterData.forEach((group) => {
+          const availableChildren = group.children.filter(
+            (item) => !selectedValues.has(item.value)
+          )
+
+          if (availableChildren.length > 0) {
+            availableGroups.push({
+              ...group,
+              children: availableChildren,
+            })
+          }
+        })
 
-        if (selectedChildren.length > 0) {
+        if (selected.length > 0) {
           selectedGroups.push({
-            ...group,
-            children: selectedChildren,
-          })
-        }
-        if (availableChildren.length > 0) {
-          availableGroups.push({
-            ...group,
-            children: availableChildren,
+            label: '',
+            children: selected,
           })
         }
-      })
+      }
 
       return (
         <div style={{ height: listHeight, overflow: 'auto' }}>
-          {selectedGroups.length > 0 && (
+          {selected.length > 0 && multiple && (
             <>
               <div className='gm-more-select-section-title gm-padding-5 gm-text-desc gm-text-12'>
-                已勾选
+                已选中
               </div>
               <ListBase
                 selected={selected.map((v) => v.value)}
                 data={selectedGroups}
                 multiple={multiple}
-                isGroupList={isGroupList}
+                isGroupList={false}
                 className='gm-border-0'
                 renderItem={renderListItem}
                 onSelect={this._handleSelect}
@@ -450,24 +451,25 @@ class MoreSelectBase<V extends string | number = string> extends Component<
               />
             </>
           )}
-          {availableGroups.length > 0 && (
-            <>
+          <>
+            {multiple && (
               <div className='gm-more-select-section-title gm-padding-5 gm-text-desc gm-text-12'>
-                可选择的筛选项
+                未选中
               </div>
-              <ListBase
-                selected={selected.map((v) => v.value)}
-                data={availableGroups}
-                multiple={multiple}
-                isGroupList={isGroupList}
-                className='gm-border-0'
-                renderItem={renderListItem}
-                onSelect={this._handleSelect}
-                isScrollTo={false}
-                willActiveIndex={willActiveIndex!}
-              />
-            </>
-          )}
+            )}
+
+            <ListBase
+              selected={selected.map((v) => v.value)}
+              data={multiple ? availableGroups : filterData}
+              multiple={multiple}
+              isGroupList={isGroupList}
+              className='gm-border-0'
+              renderItem={renderListItem}
+              onSelect={this._handleSelect}
+              isScrollTo
+              willActiveIndex={willActiveIndex!}
+            />
+          </>
         </div>
       )
     }