chore(SelectCascader): majorization SelectCascader

uiwjs · Oct 11, 2021 · f7d3bf0 · f7d3bf0
1 parent b5ed8db
commit f7d3bf0
Showing 1 changed file with 29 additions and 4 deletions.
diff --git a/packages/core/src/SelectCascader/index.tsx b/packages/core/src/SelectCascader/index.tsx
@@ -35,6 +35,8 @@ export interface SelectCascaderProps {
 
 export interface Istate {
   value: SelectCascaderValue;
+  modalVisible: boolean;
+  controlVisible: 'state' | 'props';
 }
 
 export default class SelectCascader extends Component<SelectCascaderProps, Istate> {
@@ -46,14 +48,26 @@ export default class SelectCascader extends Component<SelectCascaderProps, Istat
     cols: 3,
     maskClosable: true,
   };
-  state = {
+  state: Istate = {
     value: new Array<SelectCascaderOneValue>(),
+    modalVisible: this.props.visible,
+    controlVisible: 'props',
   };
 
   static getDerivedStateFromProps(props: SelectCascaderProps, state: Istate) {
-    if (JSON.stringify(props.value) === JSON.stringify(state.value)) {
+    if (
+      JSON.stringify(props.value) === JSON.stringify(state.value) &&
+      state.controlVisible === 'props' &&
+      state.modalVisible === props.visible
+    ) {
       return null;
     }
+    if (JSON.stringify(props.value) === JSON.stringify(state.value)) {
+      return {
+        modalVisible: state.controlVisible === 'props' ? props.visible : state.modalVisible,
+        controlVisible: 'props',
+      };
+    }
     const getValue = (d: ICascaderDataItem[], val: SelectCascaderValue | undefined) => {
       let data = d || props.data;
       let value = val || props.value || props.defaultValue;
@@ -70,8 +84,19 @@ export default class SelectCascader extends Component<SelectCascaderProps, Istat
       }
       return value;
     };
+    if (
+      JSON.stringify(props.value) !== JSON.stringify(state.value) &&
+      state.controlVisible === 'props' &&
+      state.modalVisible === props.visible
+    ) {
+      return {
+        value: getValue(props.data, props.value),
+      };
+    }
     return {
       value: getValue(props.data, props.value),
+      modalVisible: state.controlVisible === 'props' ? props.visible : state.modalVisible,
+      controlVisible: 'props',
     };
   }
 
@@ -157,9 +182,9 @@ export default class SelectCascader extends Component<SelectCascaderProps, Istat
     const cols = this.getCols();
     return (
       <Modal
-        visible={visible}
+        visible={this.state.modalVisible}
         onClosed={() => {
-          maskClosable && this.props.onDismiss?.();
+          maskClosable && this.setState({ modalVisible: false, controlVisible: 'state' });
         }}
       >
         <>