feat: Cascader 新增 emptyAfterSelect 属性

package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "2.0.10-beta.2",
+  "version": "2.0.10-beta.3",
   "description": "Shein 前端组件库",
   "main": "./lib/index.js",
   "module": "./es/index.js",

site/pages/documentation/changelog/2.x.x.md

@@ -1,4 +1,7 @@
 # 更新日志
+`### 2.0.10-beta.3
+- Cascader 新增 emptyAfterSelect 属性用于控制多选模式下是否清空筛选输入值
+
 `### 2.0.10-beta.2
 - 修复 Datepicker Time 组件丢失时区属性的问题(< 2.0.10)
 

src/Cascader/Input.tsx

@@ -11,6 +11,8 @@ interface Props {
   trim: boolean
   focus: boolean
   filterText: string
+  emptyAfterSelect?: boolean
+  multiple: boolean
 }
 
 interface State {
@@ -48,7 +50,12 @@ class FilterInput extends Component<Props, State> {
   }
 
   reset() {
-    if (this.editElement) this.editElement.innerText = ''
+    const { emptyAfterSelect = true, multiple } = this.props
+    if (this.editElement) {
+      if (!(multiple && !emptyAfterSelect)) {
+        this.editElement.innerText = ''
+      }
+    }
     if (this.blurTimer) clearTimeout(this.blurTimer)
   }
 

src/Cascader/Props.ts

@@ -261,6 +261,12 @@ export interface OriginCascaderProps<DataItem, Value extends CascaderBaseValue>
    * @inner 内部属性
    */
   trim?: boolean
+  /**
+   * @en empty input after select value
+   * @cn 选中后是否清空输入框内容
+   * @default true
+   */
+  emptyAfterSelect?: boolean
 }
 
 /** ------ filterList ------ * */
@@ -343,6 +349,7 @@ export interface ResultProps<DataItem, Value extends CascaderBaseValue>
   multiple: boolean
   bindInput: (Input: any) => void
   selectId: string
+  emptyAfterSelect?: boolean
 }
 
 export interface ResultItemProps<DataItem> {

src/Cascader/Result.tsx

@@ -264,12 +264,14 @@ class Result<DataItem, Value extends CascaderBaseValue> extends PureComponent<
   }
 
   renderInput() {
-    const { onFilter, focus, trim, bindInput, filterText } = this.props
+    const { onFilter, focus, trim, bindInput, filterText, multiple, emptyAfterSelect } = this.props
     return (
       <Input
         filterText={filterText}
         ref={bindInput}
         trim={!!trim}
+        multiple={multiple}
+        emptyAfterSelect={emptyAfterSelect}
         key={`input.${focus ? 1 : 0}`}
         focus
         onFilter={onFilter!}

src/index.js

@@ -2,7 +2,7 @@
 
 import * as utils from './utils'
 
-export default { utils, version: '2.0.10-beta.2' }
+export default { utils, version: '2.0.10-beta.3' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'