删除多余样式。

src/editor/sidebar/MaterialPanel.js

@@ -26,7 +26,7 @@ function MaterialPanel(app) {
     var copiedMaterial;
     var managerRow = new UI.Row();
 
-    managerRow.add(new UI.Label({ text: '', style: 'width: 90px;' }));
+    managerRow.add(new UI.Label({ text: '' }));
     managerRow.add(new UI.Button({
         text: '新建',
         onClick: function () {
@@ -81,8 +81,7 @@ function MaterialPanel(app) {
     });
 
     materialClassRow.add(new UI.Label({
-        text: '类型',
-        style: 'width: 90px'
+        text: '类型'
     }));
 
     materialClassRow.add(materialClass);
@@ -107,8 +106,7 @@ function MaterialPanel(app) {
     });
 
     materialUUIDRow.add(new UI.Label({
-        text: 'UUID',
-        style: 'width: 90px'
+        text: 'UUID'
     }));
     materialUUIDRow.add(materialUUID);
     materialUUIDRow.add(materialUUIDRenew);
@@ -126,8 +124,7 @@ function MaterialPanel(app) {
     });
 
     materialNameRow.add(new UI.Label({
-        text: '名称',
-        style: 'width: 90px'
+        text: '名称'
     }));
     materialNameRow.add(materialName);
 
@@ -137,8 +134,7 @@ function MaterialPanel(app) {
 
     var materialProgramRow = new UI.Row();
     materialProgramRow.add(new UI.Label({
-        text: '着色器程序',
-        style: 'width: 90px'
+        text: '着色器程序'
     }));
 
     var materialProgramInfo = new UI.Button({
@@ -182,8 +178,7 @@ function MaterialPanel(app) {
     });
 
     materialColorRow.add(new UI.Label({
-        text: '颜色',
-        style: 'width: 90px'
+        text: '颜色'
     }));
 
     materialColorRow.add(materialColor);
@@ -202,8 +197,7 @@ function MaterialPanel(app) {
     });
 
     materialRoughnessRow.add(new UI.Label({
-        text: '粗糙度',
-        style: 'width: 90px'
+        text: '粗糙度'
     }));
 
     materialRoughnessRow.add(materialRoughness);
@@ -222,8 +216,7 @@ function MaterialPanel(app) {
     });
 
     materialMetalnessRow.add(new UI.Label({
-        text: '金属度',
-        style: 'width: 90px;'
+        text: '金属度'
     }));
     materialMetalnessRow.add(materialMetalness);
 
@@ -238,8 +231,7 @@ function MaterialPanel(app) {
     });
 
     materialEmissiveRow.add(new UI.Label({
-        text: '发光',
-        style: 'width: 90px;'
+        text: '发光'
     }));
 
     materialEmissiveRow.add(materialEmissive);
@@ -255,8 +247,7 @@ function MaterialPanel(app) {
     });
 
     materialSpecularRow.add(new UI.Label({
-        text: '镜面度',
-        style: 'width: 90px;'
+        text: '镜面度'
     }));
 
     materialSpecularRow.add(materialSpecular);
@@ -273,8 +264,7 @@ function MaterialPanel(app) {
     });
 
     materialShininessRow.add(new UI.Label({
-        text: '光亮度',
-        style: 'width: 90px;'
+        text: '光亮度'
     }));
 
     materialShininessRow.add(materialShininess);
@@ -293,8 +283,7 @@ function MaterialPanel(app) {
     });
 
     materialClearCoatRow.add(new UI.Label({
-        text: '透明度',
-        style: 'width: 90px;'
+        text: '透明度'
     }));
     materialClearCoatRow.add(materialClearCoat);
 
@@ -312,8 +301,7 @@ function MaterialPanel(app) {
     });
 
     materialClearCoatRoughnessRow.add(new UI.Label({
-        text: '透明粗糙度',
-        style: 'width: 90px;'
+        text: '透明粗糙度'
     }));
 
     materialClearCoatRoughnessRow.add(materialClearCoatRoughness);
@@ -334,8 +322,7 @@ function MaterialPanel(app) {
     });
 
     materialVertexColorsRow.add(new UI.Label({
-        text: '顶点颜色',
-        style: 'width: 90px'
+        text: '顶点颜色'
     }));
 
     materialVertexColorsRow.add(materialVertexColors);
@@ -351,8 +338,7 @@ function MaterialPanel(app) {
     });
 
     materialSkinningRow.add(new UI.Label({
-        text: '皮肤',
-        style: 'width: 90px;'
+        text: '皮肤'
     }));
 
     materialSkinningRow.add(materialSkinning);
@@ -372,8 +358,7 @@ function MaterialPanel(app) {
     });
 
     materialMapRow.add(new UI.Label({
-        text: '纹理',
-        style: 'width: 90px;'
+        text: '纹理'
     }));
 
     materialMapRow.add(materialMapEnabled);
@@ -395,8 +380,7 @@ function MaterialPanel(app) {
     });
 
     materialAlphaMapRow.add(new UI.Label({
-        text: '透明纹理',
-        style: 'width: 90px;'
+        text: '透明纹理'
     }));
 
     materialAlphaMapRow.add(materialAlphaMapEnabled);
@@ -423,8 +407,7 @@ function MaterialPanel(app) {
     });
 
     materialBumpMapRow.add(new UI.Label({
-        text: '凹凸纹理',
-        style: 'width: 90px;'
+        text: '凹凸纹理'
     }));
 
     materialBumpMapRow.add(materialBumpMapEnabled);
@@ -446,8 +429,7 @@ function MaterialPanel(app) {
     });
 
     materialNormalMapRow.add(new UI.Label({
-        text: '法线纹理',
-        style: 'width: 90px'
+        text: '法线纹理'
     }));
 
     materialNormalMapRow.add(materialNormalMapEnabled);
@@ -474,8 +456,7 @@ function MaterialPanel(app) {
     });
 
     materialDisplacementMapRow.add(new UI.Label({
-        text: '位移纹理',
-        style: 'width: 90px;'
+        text: '位移纹理'
     }));
 
     materialDisplacementMapRow.add(materialDisplacementMapEnabled);
@@ -497,8 +478,7 @@ function MaterialPanel(app) {
     });
 
     materialRoughnessMapRow.add(new UI.Label({
-        text: '粗糙纹理',
-        style: 'width: 90px;'
+        text: '粗糙纹理'
     }));
 
     materialRoughnessMapRow.add(materialRoughnessMapEnabled);
@@ -519,8 +499,7 @@ function MaterialPanel(app) {
     });
 
     materialMetalnessMapRow.add(new UI.Label({
-        text: '金属纹理',
-        style: 'width: 90px;'
+        text: '金属纹理'
     }));
 
     materialMetalnessMapRow.add(materialMetalnessMapEnabled);
@@ -541,8 +520,7 @@ function MaterialPanel(app) {
     });
 
     materialSpecularMapRow.add(new UI.Label({
-        text: '镜面纹理',
-        style: 'width: 90px;'
+        text: '镜面纹理'
     }));
 
     materialSpecularMapRow.add(materialSpecularMapEnabled);
@@ -569,8 +547,7 @@ function MaterialPanel(app) {
     });
 
     materialEnvMapRow.add(new UI.Label({
-        text: '环境纹理',
-        style: 'width: 90px;'
+        text: '环境纹理'
     }));
 
     materialEnvMapRow.add(materialEnvMapEnabled);
@@ -592,8 +569,7 @@ function MaterialPanel(app) {
     });
 
     materialLightMapRow.add(new UI.Label({
-        text: '光照纹理',
-        style: 'width: 90px;'
+        text: '光照纹理'
     }));
 
     materialLightMapRow.add(materialLightMapEnabled);
@@ -621,8 +597,7 @@ function MaterialPanel(app) {
     });
 
     materialAOMapRow.add(new UI.Label({
-        text: '遮挡纹理',
-        style: 'width: 90px;'
+        text: '遮挡纹理'
     }));
 
     materialAOMapRow.add(materialAOMapEnabled);
@@ -643,8 +618,7 @@ function MaterialPanel(app) {
     });
 
     materialEmissiveMapRow.add(new UI.Label({
-        text: '放射纹理',
-        style: 'width: 90px;'
+        text: '放射纹理'
     }));
 
     materialEmissiveMapRow.add(materialEmissiveMapEnabled);
@@ -667,8 +641,7 @@ function MaterialPanel(app) {
     });
 
     materialSideRow.add(new UI.Label({
-        text: '边',
-        style: 'width: 90px;'
+        text: '剔除'
     }));
 
     materialSideRow.add(materialSide);
@@ -689,8 +662,7 @@ function MaterialPanel(app) {
     });
 
     materialShadingRow.add(new UI.Label({
-        text: '着色',
-        style: 'width: 90px;'
+        text: '着色'
     }));
 
     materialShadingRow.add(materialShading);
@@ -714,8 +686,7 @@ function MaterialPanel(app) {
     });
 
     materialBlendingRow.add(new UI.Label({
-        text: '混合',
-        style: 'width: 90px;'
+        text: '混合'
     }));
     materialBlendingRow.add(materialBlending);
 
@@ -732,8 +703,7 @@ function MaterialPanel(app) {
     });
 
     materialOpacityRow.add(new UI.Label({
-        text: '不透明度',
-        style: 'width: 90px;'
+        text: '不透明度'
     }));
 
     materialOpacityRow.add(materialOpacity);
@@ -749,8 +719,7 @@ function MaterialPanel(app) {
     });
 
     materialTransparentRow.add(new UI.Label({
-        text: '透明',
-        style: 'width: 90px;'
+        text: '透明'
     }));
 
     materialTransparentRow.add(materialTransparent);
@@ -767,8 +736,7 @@ function MaterialPanel(app) {
     });
 
     materialAlphaTestRow.add(new UI.Label({
-        text: 'α测试',
-        style: 'width: 90px;'
+        text: 'α测试'
     }));
 
     materialAlphaTestRow.add(materialAlphaTest);
@@ -791,8 +759,7 @@ function MaterialPanel(app) {
     });
 
     materialWireframeRow.add(new UI.Label({
-        text: '线框',
-        style: 'width: 90px;'
+        text: '线框'
     }));
 
     materialWireframeRow.add(materialWireframe);

src/editor/sidebar/ObjectPanel.js

@@ -82,8 +82,7 @@ function ObjectPanel(app) {
     });
 
     objectUUIDRow.add(new UI.Label({
-        text: 'UUID',
-        style: 'width: 90px;'
+        text: 'UUID'
     }));
 
     objectUUIDRow.add(objectUUID);
@@ -103,8 +102,7 @@ function ObjectPanel(app) {
     });
 
     objectNameRow.add(new UI.Label({
-        text: '名称',
-        style: 'width: 90px;'
+        text: '名称'
     }));
 
     objectNameRow.add(objectName);
@@ -131,8 +129,7 @@ function ObjectPanel(app) {
     });
 
     objectPositionRow.add(new UI.Label({
-        text: '位置',
-        style: 'width: 90px;'
+        text: '位置'
     }));
 
     objectPositionRow.add(objectPositionX);
@@ -167,8 +164,7 @@ function ObjectPanel(app) {
     });
 
     objectRotationRow.add(new UI.Label({
-        text: '旋转',
-        style: 'width: 90px;'
+        text: '旋转'
     }));
 
     objectRotationRow.add(objectRotationX);
@@ -208,8 +204,7 @@ function ObjectPanel(app) {
     });
 
     objectScaleRow.add(new UI.Label({
-        text: '尺寸',
-        style: 'width: 90px;'
+        text: '尺寸'
     }));
 
     objectScaleRow.add(objectScaleLock);
@@ -227,8 +222,7 @@ function ObjectPanel(app) {
     });
 
     objectFovRow.add(new UI.Label({
-        text: '视场',
-        style: 'width: 90px;'
+        text: '视场'
     }));
 
     objectFovRow.add(objectFov);
@@ -243,8 +237,7 @@ function ObjectPanel(app) {
     });
 
     objectNearRow.add(new UI.Label({
-        text: '近点',
-        style: 'width: 90px;'
+        text: '近点'
     }));
 
     objectNearRow.add(objectNear);
@@ -259,8 +252,7 @@ function ObjectPanel(app) {
     });
 
     objectFarRow.add(new UI.Label({
-        text: '远点',
-        style: 'width: 90px;'
+        text: '远点'
     }));
 
     objectFarRow.add(objectFar);
@@ -276,8 +268,7 @@ function ObjectPanel(app) {
     });
 
     objectIntensityRow.add(new UI.Label({
-        text: '强度',
-        style: 'width: 90px;'
+        text: '强度'
     }));
 
     objectIntensityRow.add(objectIntensity);
@@ -293,8 +284,7 @@ function ObjectPanel(app) {
     });
 
     objectColorRow.add(new UI.Label({
-        text: '颜色',
-        style: 'width: 90px;'
+        text: '颜色'
     }));
 
     objectColorRow.add(objectColor);
@@ -309,8 +299,7 @@ function ObjectPanel(app) {
     });
 
     objectGroundColorRow.add(new UI.Label({
-        text: '地面颜色',
-        style: 'width: 90px;'
+        text: '地面颜色'
     }));
 
     objectGroundColorRow.add(objectGroundColor);
@@ -327,8 +316,7 @@ function ObjectPanel(app) {
     });
 
     objectDistanceRow.add(new UI.Label({
-        text: '距离',
-        style: 'width: 90px;'
+        text: '距离'
     }));
 
     objectDistanceRow.add(objectDistance);
@@ -346,8 +334,7 @@ function ObjectPanel(app) {
     });
 
     objectAngleRow.add(new UI.Label({
-        text: '角度',
-        style: 'width: 90px;'
+        text: '角度'
     }));
 
     objectAngleRow.add(objectAngle);
@@ -363,8 +350,7 @@ function ObjectPanel(app) {
     });
 
     objectPenumbraRow.add(new UI.Label({
-        text: '边缘',
-        style: 'width: 90px;'
+        text: '边缘'
     }));
 
     objectPenumbraRow.add(objectPenumbra);
@@ -381,8 +367,7 @@ function ObjectPanel(app) {
     });
 
     objectDecayRow.add(new UI.Label({
-        text: '衰变',
-        style: 'width: 90px;'
+        text: '衰变'
     }));
     objectDecayRow.add(objectDecay);
 
@@ -393,8 +378,7 @@ function ObjectPanel(app) {
     var objectShadowRow = new UI.Row();
 
     objectShadowRow.add(new UI.Label({
-        text: '阴影',
-        style: 'width: 90px;'
+        text: '阴影'
     }));
 
     var objectCastShadow = new UI.Boolean({
@@ -431,8 +415,7 @@ function ObjectPanel(app) {
     });
 
     objectVisibleRow.add(new UI.Label({
-        text: '可见性',
-        style: 'width: 90px;'
+        text: '可见性'
     }));
 
     objectVisibleRow.add(objectVisible);
@@ -467,8 +450,7 @@ function ObjectPanel(app) {
     });
 
     objectUserDataRow.add(new UI.Label({
-        text: '用户数据',
-        style: 'width: 90px'
+        text: '用户数据'
     }));
 
     objectUserDataRow.add(objectUserData);

src/editor/sidebar/SettingPanel.js

@@ -37,8 +37,7 @@ function SettingPanel(app) {
     });
 
     themeRow.add(new UI.Label({
-        text: '主题',
-        style: 'width: 90px'
+        text: '主题'
     }));
 
     themeRow.add(theme);

src/editor/sidebar/geometry/BoxGeometryPanel.js

@@ -19,9 +19,8 @@ function BoxGeometryPanel(editor, object) {
         onChange: update
     });
 
-    widthRow.add(new UI.Text({
-        text: '宽度',
-        style: 'width: 90px'
+    widthRow.add(new UI.Label({
+        text: '宽度'
     }));
     widthRow.add(width);
 
@@ -35,9 +34,8 @@ function BoxGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightRow.add(new UI.Text({
-        text: '高度',
-        style: 'width: 90px'
+    heightRow.add(new UI.Label({
+        text: '高度'
     }));
     heightRow.add(height);
 
@@ -52,9 +50,8 @@ function BoxGeometryPanel(editor, object) {
         onChange: update
     });
 
-    depthRow.add(new UI.Text({
-        text: '深度',
-        style: 'width: 90px'
+    depthRow.add(new UI.Label({
+        text: '深度'
     }));
 
     depthRow.add(depth);
@@ -70,9 +67,8 @@ function BoxGeometryPanel(editor, object) {
         onChange: update
     });
 
-    widthSegmentsRow.add(new UI.Text({
-        text: '宽度段数',
-        style: 'width: 90px;'
+    widthSegmentsRow.add(new UI.Label({
+        text: '宽度段数'
     }));
 
     widthSegmentsRow.add(widthSegments);
@@ -88,9 +84,8 @@ function BoxGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightSegmentsRow.add(new UI.Text({
-        text: '高度段数',
-        style: 'width: 90px;'
+    heightSegmentsRow.add(new UI.Label({
+        text: '高度段数'
     }));
 
     heightSegmentsRow.add(heightSegments);
@@ -107,9 +102,8 @@ function BoxGeometryPanel(editor, object) {
         onChange: update
     });
 
-    depthSegmentsRow.add(new UI.Text({
-        text: '深度段数',
-        style: 'width: 90px;'
+    depthSegmentsRow.add(new UI.Label({
+        text: '深度段数'
     }));
 
     depthSegmentsRow.add(depthSegments);

src/editor/sidebar/geometry/BufferGeometryPanel.js

@@ -28,9 +28,8 @@ function BufferGeometryPanel(editor) {
             if (index !== null) {
                 var panel = new UI.Row();
 
-                panel.add(new UI.Text({
-                    text: '索引数',
-                    style: 'width: 90px;'
+                panel.add(new UI.Label({
+                    text: '索引数'
                 }));
 
                 panel.add(new UI.Text({
@@ -50,9 +49,8 @@ function BufferGeometryPanel(editor) {
                 var attribute = attributes[name];
 
                 var panel = new UI.Row();
-                panel.add(new UI.Text({
-                    text: name,
-                    style: 'width: 90px;'
+                panel.add(new UI.Label({
+                    text: name
                 }));
                 panel.add(new UI.Text({
                     text: (attribute.count).format() + ' (' + attribute.itemSize + ')',

src/editor/sidebar/geometry/CircleGeometryPanel.js

@@ -20,9 +20,8 @@ function CircleGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusRow.add(new UI.Text({
-        text: '半径',
-        style: 'width: 90px;'
+    radiusRow.add(new UI.Label({
+        text: '半径'
     }));
 
     radiusRow.add(radius);
@@ -39,9 +38,8 @@ function CircleGeometryPanel(editor, object) {
         onChange: update
     });
 
-    segmentsRow.add(new UI.Text({
-        text: '段数',
-        style: 'width: 90px;'
+    segmentsRow.add(new UI.Label({
+        text: '段数'
     }));
 
     segmentsRow.add(segments);
@@ -57,9 +55,8 @@ function CircleGeometryPanel(editor, object) {
         onChange: update
     });
 
-    thetaStartRow.add(new UI.Text({
-        text: '开始弧度',
-        style: 'width: 90px;'
+    thetaStartRow.add(new UI.Label({
+        text: '开始弧度'
     }));
 
     thetaStartRow.add(thetaStart);
@@ -75,9 +72,8 @@ function CircleGeometryPanel(editor, object) {
         value: Math.PI * 2
     });
 
-    thetaLengthRow.add(new UI.Text({
-        text: '结束弧度',
-        style: 'width: 90px;'
+    thetaLengthRow.add(new UI.Label({
+        text: '结束弧度'
     }));
 
     thetaLengthRow.add(thetaLength);

src/editor/sidebar/geometry/CylinderGeometryPanel.js

@@ -19,9 +19,8 @@ function CylinderGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusTopRow.add(new UI.Text({
-        text: '顶部半径',
-        style: 'width: 90px;'
+    radiusTopRow.add(new UI.Label({
+        text: '顶部半径'
     }));
 
     radiusTopRow.add(radiusTop);
@@ -37,9 +36,8 @@ function CylinderGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusBottomRow.add(new UI.Text({
-        text: '底部半径',
-        style: 'width: 90px;'
+    radiusBottomRow.add(new UI.Label({
+        text: '底部半径'
     }));
 
     radiusBottomRow.add(radiusBottom);
@@ -55,9 +53,8 @@ function CylinderGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightRow.add(new UI.Text({
-        text: '高度',
-        style: 'width: 90px;'
+    heightRow.add(new UI.Label({
+        text: '高度'
     }));
 
     heightRow.add(height);
@@ -74,9 +71,8 @@ function CylinderGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radialSegmentsRow.add(new UI.Text({
-        text: '两端段数',
-        style: 'width: 90px;'
+    radialSegmentsRow.add(new UI.Label({
+        text: '两端段数'
     }));
 
     radialSegmentsRow.add(radialSegments);
@@ -93,9 +89,8 @@ function CylinderGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightSegmentsRow.add(new UI.Text({
-        text: '高度段数',
-        style: 'width: 90px;'
+    heightSegmentsRow.add(new UI.Label({
+        text: '高度段数'
     }));
 
     heightSegmentsRow.add(heightSegments);
@@ -111,9 +106,8 @@ function CylinderGeometryPanel(editor, object) {
         onChange: update
     });
 
-    openEndedRow.add(new UI.Text({
-        text: '两端开口',
-        style: 'width: 90px;'
+    openEndedRow.add(new UI.Label({
+        text: '两端开口'
     }));
 
     openEndedRow.add(openEnded);

src/editor/sidebar/geometry/GeometryInfoPanel.js

@@ -13,9 +13,8 @@ function GeometryInfoPanel(editor) {
 
     var verticesRow = new UI.Row();
 
-    verticesRow.add(new UI.Text({
-        text: '顶点',
-        style: 'width: 90px;'
+    verticesRow.add(new UI.Label({
+        text: '顶点'
     }));
 
     var vertices = new UI.Text();
@@ -28,9 +27,8 @@ function GeometryInfoPanel(editor) {
 
     var facesRow = new UI.Row();
 
-    facesRow.add(new UI.Text({
-        text: '面',
-        style: 'width: 90px;'
+    facesRow.add(new UI.Label({
+        text: '面'
     }));
 
     var faces = new UI.Text();

src/editor/sidebar/geometry/GeometryPanel.js

@@ -54,9 +54,8 @@ function GeometryPanel(editor) {
 
     var geometryType = new UI.Text();
 
-    geometryTypeRow.add(new UI.Text({
-        text: '类型',
-        style: 'width: 90px;'
+    geometryTypeRow.add(new UI.Label({
+        text: '类型'
     }));
 
     geometryTypeRow.add(geometryType);
@@ -81,9 +80,8 @@ function GeometryPanel(editor) {
         }
     });
 
-    geometryUUIDRow.add(new UI.Text({
-        text: 'UUID',
-        style: 'width: 90px;'
+    geometryUUIDRow.add(new UI.Label({
+        text: 'UUID'
     }));
 
     geometryUUIDRow.add(geometryUUID);
@@ -103,9 +101,8 @@ function GeometryPanel(editor) {
         }
     });
 
-    geometryNameRow.add(new UI.Text({
-        text: '名称',
-        style: 'width: 90px;'
+    geometryNameRow.add(new UI.Label({
+        text: '名称'
     }));
 
     geometryNameRow.add(geometryName);

src/editor/sidebar/geometry/IcosahedronGeometryPanel.js

@@ -22,9 +22,8 @@ function IcosahedronGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusRow.add(new UI.Text({
-        text: '半径',
-        style: 'width: 90px;'
+    radiusRow.add(new UI.Label({
+        text: '半径'
     }));
 
     radiusRow.add(radius);
@@ -41,9 +40,8 @@ function IcosahedronGeometryPanel(editor, object) {
         onChange: update
     });
 
-    detailRow.add(new UI.Text({
-        text: '面片段数',
-        style: 'width: 90px;'
+    detailRow.add(new UI.Label({
+        text: '面片段数'
     }));
 
     detailRow.add(detail);

src/editor/sidebar/geometry/LatheGeometryPanel.js

@@ -20,9 +20,8 @@ function LatheGeometryPanel(editor, object) {
         onChange: update
     });
 
-    segmentsRow.add(new UI.Text({
-        text: '径向段数',
-        style: 'width: 90px;'
+    segmentsRow.add(new UI.Label({
+        text: '径向段数'
     }));
 
     segmentsRow.add(segments);
@@ -38,9 +37,8 @@ function LatheGeometryPanel(editor, object) {
         onChange: update
     });
 
-    phiStartRow.add(new UI.Text({
-        text: '开始角度',
-        style: 'width: 90px;'
+    phiStartRow.add(new UI.Label({
+        text: '开始角度'
     }));
 
     phiStartRow.add(phiStart);
@@ -56,9 +54,8 @@ function LatheGeometryPanel(editor, object) {
         onChange: update
     });
 
-    phiLengthRow.add(new UI.Text({
-        text: '结束角度',
-        style: 'width: 90px;'
+    phiLengthRow.add(new UI.Label({
+        text: '结束角度'
     }));
 
     phiLengthRow.add(phiLength);
@@ -72,9 +69,8 @@ function LatheGeometryPanel(editor, object) {
 
     var pointsRow = new UI.Row();
 
-    pointsRow.add(new UI.Text({
-        text: '点',
-        style: 'width: 90px;'
+    pointsRow.add(new UI.Label({
+        text: '点'
     }));
 
     var points = new UI.Span({

src/editor/sidebar/geometry/PlaneGeometryPanel.js

@@ -20,9 +20,8 @@ function PlaneGeometryPanel(editor, object) {
         onChange: update
     });
 
-    widthRow.add(new UI.Text({
-        text: '宽度',
-        style: 'width: 90px;'
+    widthRow.add(new UI.Label({
+        text: '宽度'
     }));
 
     widthRow.add(width);
@@ -38,9 +37,8 @@ function PlaneGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightRow.add(new UI.Text({
-        text: '高度',
-        style: 'width: 90px;'
+    heightRow.add(new UI.Label({
+        text: '高度'
     }));
 
     heightRow.add(height);
@@ -56,9 +54,8 @@ function PlaneGeometryPanel(editor, object) {
         onChange: update
     });
 
-    widthSegmentsRow.add(new UI.Text({
-        text: '宽度段数',
-        style: 'width: 90px;'
+    widthSegmentsRow.add(new UI.Label({
+        text: '宽度段数'
     }));
 
     widthSegmentsRow.add(widthSegments);
@@ -75,9 +72,8 @@ function PlaneGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightSegmentsRow.add(new UI.Text({
-        text: '高度段数',
-        style: 'width: 90px;'
+    heightSegmentsRow.add(new UI.Label({
+        text: '高度段数'
     }));
 
     heightSegmentsRow.add(heightSegments);

src/editor/sidebar/geometry/SphereGeometryPanel.js

@@ -20,9 +20,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusRow.add(new UI.Text({
-        text: '半径',
-        style: 'width: 90px;'
+    radiusRow.add(new UI.Label({
+        text: '半径'
     }));
 
     radiusRow.add(radius);
@@ -39,9 +38,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    widthSegmentsRow.add(new UI.Text({
-        text: '宽度段数',
-        style: 'width: 90px;'
+    widthSegmentsRow.add(new UI.Label({
+        text: '宽度段数'
     }));
 
     widthSegmentsRow.add(widthSegments);
@@ -57,9 +55,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    heightSegmentsRow.add(new UI.Text({
-        text: '高度段数',
-        style: 'width: 90px;'
+    heightSegmentsRow.add(new UI.Label({
+        text: '高度段数'
     }));
 
     heightSegmentsRow.add(heightSegments);
@@ -75,9 +72,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    phiStartRow.add(new UI.Text({
-        text: '开始经度',
-        style: 'width: 90px;'
+    phiStartRow.add(new UI.Label({
+        text: '开始经度'
     }));
 
     phiStartRow.add(phiStart);
@@ -92,9 +88,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    phiLengthRow.add(new UI.Text({
-        text: '结束经度',
-        style: 'width: 90px;'
+    phiLengthRow.add(new UI.Label({
+        text: '结束经度'
     }));
 
     phiLengthRow.add(phiLength);
@@ -110,9 +105,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    thetaStartRow.add(new UI.Text({
-        text: '开始纬度',
-        style: 'width: 90px;'
+    thetaStartRow.add(new UI.Label({
+        text: '开始纬度'
     }));
 
     thetaStartRow.add(thetaStart);
@@ -128,9 +122,8 @@ function SphereGeometryPanel(editor, object) {
         onChange: update
     });
 
-    thetaLengthRow.add(new UI.Text({
-        text: '结束纬度',
-        style: 'width: 90px;'
+    thetaLengthRow.add(new UI.Label({
+        text: '结束纬度'
     }));
 
     thetaLengthRow.add(thetaLength);

src/editor/sidebar/geometry/TorusGeometryPanel.js

@@ -19,9 +19,8 @@ function TorusGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusRow.add(new UI.Text({
-        text: '半径',
-        style: 'width: 90px;'
+    radiusRow.add(new UI.Label({
+        text: '半径'
     }));
 
     radiusRow.add(radius);
@@ -37,9 +36,8 @@ function TorusGeometryPanel(editor, object) {
         onChange: update
     });
 
-    tubeRow.add(new UI.Text({
-        text: '管粗',
-        style: 'width: 90px;'
+    tubeRow.add(new UI.Label({
+        text: '管粗'
     }));
 
     tubeRow.add(tube);
@@ -56,9 +54,8 @@ function TorusGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radialSegmentsRow.add(new UI.Text({
-        text: '管粗段数',
-        style: 'width: 90px;'
+    radialSegmentsRow.add(new UI.Label({
+        text: '管粗段数'
     }));
 
     radialSegmentsRow.add(radialSegments);
@@ -75,9 +72,8 @@ function TorusGeometryPanel(editor, object) {
         onChange: update
     });
 
-    tubularSegmentsRow.add(new UI.Text({
-        text: '半径段数',
-        style: 'width: 90px;'
+    tubularSegmentsRow.add(new UI.Label({
+        text: '半径段数'
     }));
 
     tubularSegmentsRow.add(tubularSegments);
@@ -92,9 +88,8 @@ function TorusGeometryPanel(editor, object) {
         onChange: update
     });
 
-    arcRow.add(new UI.Text({
-        text: '旋转弧度',
-        style: 'width: 90px;'
+    arcRow.add(new UI.Label({
+        text: '旋转弧度'
     }));
 
     arcRow.add(arc);

src/editor/sidebar/geometry/TorusKnotGeometryPanel.js

@@ -19,9 +19,8 @@ function TorusKnotGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radiusRow.add(new UI.Text({
-        text: '半径',
-        style: 'width: 90px;'
+    radiusRow.add(new UI.Label({
+        text: '半径'
     }));
 
     radiusRow.add(radius);
@@ -37,9 +36,8 @@ function TorusKnotGeometryPanel(editor, object) {
         onChange: update
     });
 
-    tubeRow.add(new UI.Text({
-        text: '管粗',
-        style: 'width: 90px;'
+    tubeRow.add(new UI.Label({
+        text: '管粗'
     }));
 
     tubeRow.add(tube);
@@ -56,9 +54,8 @@ function TorusKnotGeometryPanel(editor, object) {
         onChange: update
     });
 
-    tubularSegmentsRow.add(new UI.Text({
-        text: '管长段数',
-        style: 'width: 90px;'
+    tubularSegmentsRow.add(new UI.Label({
+        text: '管长段数'
     }));
 
     tubularSegmentsRow.add(tubularSegments);
@@ -75,9 +72,8 @@ function TorusKnotGeometryPanel(editor, object) {
         onChange: update
     });
 
-    radialSegmentsRow.add(new UI.Text({
-        text: '管粗段数',
-        style: 'width: 90px;'
+    radialSegmentsRow.add(new UI.Label({
+        text: '管粗段数'
     }));
 
     radialSegmentsRow.add(radialSegments);
@@ -93,9 +89,8 @@ function TorusKnotGeometryPanel(editor, object) {
         onChange: update
     });
 
-    pRow.add(new UI.Text({
-        text: '管长弧度',
-        style: 'width: 90px;'
+    pRow.add(new UI.Label({
+        text: '管长弧度'
     }));
 
     pRow.add(p);
@@ -111,9 +106,8 @@ function TorusKnotGeometryPanel(editor, object) {
         onChange: update
     });
 
-    qRow.add(new UI.Text({
-        text: '扭曲弧度',
-        style: 'width: 90px;'
+    qRow.add(new UI.Label({
+        text: '扭曲弧度'
     }));
 
     qRow.add(q);