|
1 | 1 | import{ConfigProvider,Steps}from"antd"; |
2 | | -import{BoolCodeControl}from"comps/controls/codeControl"; |
| 2 | +import{BoolCodeControl,RadiusControl}from"comps/controls/codeControl"; |
3 | 3 | import{BoolControl}from"comps/controls/boolControl"; |
4 | 4 | import{stringExposingStateControl,numberExposingStateControl}from"comps/controls/codeStateControl"; |
5 | 5 | import{ChangeEventHandlerControl}from"comps/controls/eventHandlerControl"; |
@@ -96,10 +96,19 @@ const StepsChildrenMap = { |
96 | 96 | viewRef:RefControl<HTMLDivElement>, |
97 | 97 | animationStyle:styleControl(AnimationStyle,'animationStyle'), |
98 | 98 | showVerticalScrollbar:withDefault(BoolControl,false), |
| 99 | +minHorizontalWidth:withDefault(RadiusControl,''), |
99 | 100 | }; |
100 | 101 |
|
101 | 102 | letStepControlBasicComp=(function(){ |
102 | 103 | returnnewUICompBuilder(StepsChildrenMap,(props)=>{ |
| 104 | + |
| 105 | +constScrollWrapper=styled.div<{$showHorizontalScroll:boolean}>` |
| 106 | + overflow-x: scroll; |
| 107 | + ::-webkit-scrollbar { |
| 108 | + display:${props=>props.$showHorizontalScroll ?"block" :"none"}; |
| 109 | + } |
| 110 | + `; |
| 111 | + |
103 | 112 | constStyledWrapper=styled.div<{style:StepsStyleType,$animationStyle:AnimationStyleType}>` |
104 | 113 | ${props=>props.$animationStyle} |
105 | 114 | height: 100%; |
@@ -176,6 +185,7 @@ let StepControlBasicComp = (function () { |
176 | 185 | <ScrollBar |
177 | 186 | style={{ |
178 | 187 | height:props.autoHeight ?"auto" :"100%", |
| 188 | +minWidth:props.minHorizontalWidth, |
179 | 189 | margin:"0px", |
180 | 190 | padding:"0px", |
181 | 191 | }} |
@@ -232,6 +242,15 @@ let StepControlBasicComp = (function () { |
232 | 242 | {["layout","both"].includes(useContext(EditorContext).editorModeStatus)&&( |
233 | 243 | <Sectionname={sectionNames.layout}> |
234 | 244 | {children.autoHeight.getPropertyView()} |
| 245 | +{!children.autoHeight.getView()&&( |
| 246 | +children.showVerticalScrollbar.propertyView({ |
| 247 | +label:trans("prop.showVerticalScrollbar"), |
| 248 | +}) |
| 249 | +)} |
| 250 | +{children.minHorizontalWidth.propertyView({ |
| 251 | +label:trans("prop.minHorizontalWidth"), |
| 252 | +placeholder:'100px', |
| 253 | +})} |
235 | 254 | {children.size.propertyView({ |
236 | 255 | label:trans("step.size"), |
237 | 256 | radioButton:true, |
|