!3001 优化:修改 Tooltip 的语义易于理解

src/Add-on/twoD2threeD/Modals/Curve2RecModal.tsx

@@ -82,7 +82,8 @@ export class Curve2RecModalStore extends Singleton implements IConfigStore
     }
 }
 @observer
-export class Curve2RecModal extends React.Component<{ store: Curve2RecModalStore; }, {}>{
+export class Curve2RecModal extends React.Component<{ store: Curve2RecModalStore; }, {}>
+{
     private removeFuncs: Function[] = []; //移除注入
     componentDidMount()
     {
@@ -133,27 +134,29 @@ export class Curve2RecModal extends React.Component<{ store: Curve2RecModalStore
                                 <div className="checkbox-input-group">
                                     <Checkbox checked={option.isSaveSmall} onChange={() => { this.props.store.option.isSaveSmall = !this.props.store.option.isSaveSmall; }}>
                                     </Checkbox>
-                                    <div>
+                                    <Tooltip content={<span>如果您只想保留板的轮廓,那么可以写20或40,<br />如果您想保留地脚线和收口条,可以写120(建议),<br />如果您的收口条地脚线大于120,也可以适当的修改这个值</span>}>
-                                        只保留宽度小于
+                                        <div>
-                                        <ToasterInput
+                                            只保留宽度小于
-                                            inputClassName={Classes.INPUT}
+                                            <ToasterInput
-                                            type={CheckObjectType.OnlyNumber}
+                                                inputClassName={Classes.INPUT}
-                                            option={option}
+                                                type={CheckObjectType.OnlyNumber}
-                                            uiOption={store.UIOption}
+                                                option={option}
-                                            optKey={"width"}
+                                                uiOption={store.UIOption}
-                                            onChange={(e) =>
+                                                optKey={"width"}
-                                            {
+                                                onChange={(e) =>
-                                                if (e.target.value === "")
                                                 {
-                                                    this.props.store.option.width = 0;
+                                                    if (e.target.value === "")
-                                                    return;
+                                                    {
-                                                }
+                                                        this.props.store.option.width = 0;
-                                                let num = safeEval(e.target.value.trim());
+                                                        return;
-                                                this.props.store.option.width = (!isNaN(num)) ? num : undefined;
+                                                    }
-                                            }}
+                                                    let num = safeEval(e.target.value.trim());
-                                        />
+                                                    this.props.store.option.width = (!isNaN(num)) ? num : undefined;
-                                        的轮廓
+                                                }}
-                                    </div>
+                                            />
+                                            的轮廓
+                                        </div>
+                                    </Tooltip>
                                 </div>
                                 <div className="checkbox-analy">
                                     <Checkbox

src/Add-on/twoD2threeD/Modals/Rec2Br.less

@@ -8,11 +8,24 @@
     }
 
     .undefined.br-set {
-        > span:first-child {
+        >span:first-child {
             width: 4.5rem;
         }
     }
 
+    .flexWrap.flexWrapWidth {
+        .br-set:nth-of-type(2) .bp3-input {
+            width: 3.9rem;
+            margin-left: 11px;
+        }
+    }
+
+    .bp3-input-group {
+        .bp3-input {
+            width: 4rem
+        }
+    }
+
     .select-drillType {
         width: 9rem;
     }
@@ -32,14 +45,14 @@
                 line-height: @noteInputHeight;
             }
 
-            > div {
+            >div {
                 display: flex;
 
                 input:hover {
                     background: #ccc;
                 }
 
-                > label {
+                >label {
                     height: @noteInputHeight;
                     line-height: @noteInputHeight;
                 }
@@ -56,44 +69,44 @@
         margin: 10px;
     }
 
-    .roomName{
+    .roomName {
         display: flex;
         justify-content: space-between;
 
-        .roomNameBody{
+        .roomNameBody {
             width: 196px;
         }
 
-        .inputGroup{
+        .inputGroup {
             width: 107px;
 
-            input{
+            input {
-                width        : 110px;
+                width: 110px;
-                margin-right : 10px;
+                margin-right: 10px;
             }
         }
 
-        button{
+        button {
-            width : 30px;
+            width: 30px;
             height: 47px;
         }
     }
 
-    .multiBackBr{
+    .multiBackBr {
-        .bp3-control.bp3-inline{
+        .bp3-control.bp3-inline {
             margin-right: 25px;
         }
     }
 }
 
 /* 备注信息 */
-#rec2Br .notes > div > label:first-child,
+#rec2Br .notes>div>label:first-child,
-#rec2Br .notes > div > input:first-child {
+#rec2Br .notes>div>input:first-child {
     width: 30%;
 }
 
-#rec2Br .notes > div > label:last-child,
+#rec2Br .notes>div>label:last-child,
-#rec2Br .notes > div > input:last-child {
+#rec2Br .notes>div>input:last-child {
     width: 70%;
 }
 
@@ -130,16 +143,16 @@
 }
 
 .rec2br {
-    > div:nth-child(1) {
+    >div:nth-child(1) {
         max-height: 660px;
 
-        > div:nth-child(1) {
+        >div:nth-child(1) {
             display: flex;
             flex-flow: column wrap;
             flex-grow: 1;
             padding: 0;
 
-            > .board-name {
+            >.board-name {
                 padding: 20px;
                 height: 100%;
             }

src/Add-on/twoD2threeD/ParseBoardNamePanel.tsx

@@ -229,7 +229,7 @@ export class ParseBoardName extends Component<IParseBoardProps>
                         </div>
                         <div className="multiBackBr">
                             <H5>根据背板区分柜体</H5>
-                            <Tooltip content="多背板=单个柜子(名称)  单背板=多个柜子">
+                            <Tooltip content={<span>多背板:生成一个柜子(不管有多少个背板)<br />单背板:有多少个背板轮廓,就生成多少个柜子</span>}>
                                 <RadioGroup
                                     inline
                                     selectedValue={store.m_Option.isMultiBackBr ? "1" : "0"}

src/Add-on/twoD2threeD/R2bConfigComponent.tsx

@@ -103,8 +103,8 @@ export class R2BConfigComponent extends React.Component<IR2BConfigComponentProps
                     />
                     <SetBoardDataBlock
                         type={CheckObjectType.R2B}
-                        className="flexWrap"
+                        className="flexWrap flexWrapWidth"
-                        pars={[["backBrBiggerThanHeight", "大于高"], ["backBrBiggerThanWidth", "大于宽"]]}
+                        pars={[["backBrBiggerThanHeight", "高大于"], ["backBrBiggerThanWidth", "且宽大于"]]}
                         option={store.m_Option}
                         uiOption={store.UIOption}
                     />

src/UI/Components/RightPanel/ModelingComponent.tsx

@@ -33,7 +33,7 @@ export class ModelingComponent extends React.Component<{ store?: RightPanelStore
                     <ul className={"modeling " + Classes.LIST_UNSTYLED}>
                         <li>
                             <Label>颜色</Label>
-                            <Label>高度</Label>
+                            <Label>槽深</Label>
                             <Label>正反面</Label>
                             <Label>刀半径</Label>
                             <Label>槽加长</Label>