Ver Fonte

add callOnChangeWhileSliding to Slider component

Alexander Rose há 6 anos atrás
pai
commit
b45a3cf768

+ 5 - 1
src/mol-app/ui/controls/slider.tsx

@@ -15,6 +15,7 @@ export class Slider extends React.Component<{
     value: number,
     step?: number,
     title?: string,
+    callOnChangeWhileSliding?: boolean,
     onChange: (v: number) => void
 }, { value: string }> {
 
@@ -57,7 +58,10 @@ export class Slider extends React.Component<{
                 <div>
                     <div>
                         <SliderBase min={this.props.min} max={this.props.max} step={step} value={+this.state.value}
-                            onChange={v => this.setState({ value: '' + v })}
+                            onChange={v => {
+                                this.setState({ value: '' + v });
+                                if (this.props.callOnChangeWhileSliding) this.fire();
+                            }}
                             onAfterChange={v => this.fire()} />
                     </div>
                 </div>

+ 1 - 0
src/mol-app/ui/transform/spacefill.tsx

@@ -169,6 +169,7 @@ export class Spacefill extends View<Controller<any>, SpacefillState, { transform
                                     min={0}
                                     max={1}
                                     step={0.01}
+                                    callOnChangeWhileSliding={true}
                                     onChange={value => this.update({ alpha: value })}
                                 />
                             </div>