fix: 表单样式更新

package.json

 {
   "name": "panda-xform",
-  "version": "6.9.15",
-  "description": "6.9.15 台账选择器映射数值对值进行形态解析",
+  "version": "6.9.16",
+  "description": "6.9.16 关联表单小数点处理",
   "keywords": [
     "panda-xform"
   ],

src/core/Account/components/TablePack/index.js

@@ -281,6 +281,9 @@ const TablePack = (props, ref) => {
           if (['DateTime'].includes(widget)) {
             return <DateView {...props} />
           }
+          if (['NumberInput'].includes(widget)) {
+            return <NumberView {...props} />
+          }
           return <Text text={value} />
         }
       },

src/core/widgets/Header/index.js

@@ -11,16 +11,19 @@ const Header = (props) => {
 
   return (
     <div className={styles.object}>
-      <div
-        className={styles.title}
-      >
-        {title ? <i className={styles.bg}></i> : null}
-        {title}
-      </div>
-      {title ? <Divider /> : ''}
+      {
+        title ? (
+          <div className={styles.title}>
+            <i className={styles.bg}></i>
+            <span style={{ fontWeight: 'bold', fontSize: '15px' }}>{title}</span>
+          </div>
+        ) : null
+      }
       {props.children}
+      {title && props.children ? <div className={styles.line}></div> : null}
     </div>
   )
+
 }
 
 export default Header
\ No newline at end of file

src/core/widgets/Header/index.less

 @import '~antd/es/style/themes/default.less';
-// @pandaXform: ~'@{ant-prefix}-pandaXform';
-// .@{pandaXform} {
-//   .@{pandaXform}-title {
-//     display: flex;
-//     align-items: center;
-//     justify-content: center;
-//     font-size: 16px;
-//   }
-//   .@{pandaXform}-bg {
-//     width: 3px;
-//     height: 16px;
-//     margin-right: 10px;
-//     background-color: #337ab7;
-//   }
-//   // .fr-label-object {
-//   //   .fr-label-title {
-//   //     padding: 10px 10px 0 0;
-//   //   }
-//   //   .fr-label-title::after {
-//   //     content: '';
-//   //   }
-//   // }
-//   // .b--black-20 {
-//   //   border-color: rgba(232, 240, 237, 1);
-//   // }
-// }
+
 .object {
   .title {
     display: flex;
     align-items: center;
     justify-content: left;
-    font-size: 16px;
+    font-size: 15px;
+    padding-bottom: 10px;
+    padding-top: 15px;
   }
+
   .bg {
+    border-radius: 3px;
     width: 3px;
-    height: 16px;
-    margin-right: 10px;
+    height: 13px;
+    margin-right: 7px;
     background-color: #337ab7;
   }
+
+  .line {
+    width: 100%;
+    height: 1px;
+    background: #E8EBEE;
+  }
 }
\ No newline at end of file

src/main.less

 @import '~antd/es/style/themes/default.less';
 @disabledBgColor: rgb(248, 250, 252);
 @disabledColor: rgba(0, 0, 0, 0.7);
+
 body #app {
   background: transparent;
   width: 100%;
   height: 100%;
+
   .pg-viewer-wrapper {
     overflow-y: auto;
   }
@@ -15,7 +17,8 @@ body #app {
     .fr-field.w-100.flex-column {
       padding-left: 10px;
     }
-    .fr-field.w-100.flex  {
+
+    .fr-field.w-100.flex {
       .fr-label {
         padding-left: 12px;
       }
@@ -28,105 +31,142 @@ body #app {
   width: 100%;
   padding: 10px;
   background: white;
+  padding-top: 0;
+
   .fr-generator-container .left-layout {
     padding: 10px 0 0 0;
+
     .left-item {
       justify-content: left;
       padding-left: 10px;
+
       &:hover {
         svg {
           fill: #409eff;
         }
       }
+
       .anticon {
         margin-right: 5px;
       }
     }
   }
+
   .@{ant-prefix}-spin-nested-loading {
     height: 100%;
+
     .@{ant-prefix}-spin-container {
       height: 100%;
     }
   }
+
   .@{ant-prefix}-spin-spinning {
     background: rgba(255, 255, 255, 0.7);
     max-height: none !important;
   }
+
   .@{ant-prefix}-tabs-content-holder {
     height: 664px;
     overflow: auto;
   }
+
   .fr-generator-container .right-layout {
     width: 21rem;
   }
+
   .fr-container .fr-label-required {
     margin: 0;
-  } //表单组横线样式
+  }
+
+  //表单组横线样式
   .@{ant-prefix}-divider-horizontal {
     margin: 15px 0;
-  } //提示语样式
+  }
+
+  //提示语样式
   input::-webkit-input-placeholder,
   textarea::-webkit-input-placeholder,
   .@{ant-prefix}-select-selection-placeholder {
     color: #8a8282;
-  } // 单行文本框
+  }
+
+  // 单行文本框
   input[disabled] {
     color: @disabledColor;
     cursor: default;
     background: @disabledBgColor;
     border: none;
-  } // 多行文本框
+  }
+
+  // 多行文本框
   .@{ant-prefix}-input[disabled] {
     color: @disabledColor;
     box-shadow: none;
     cursor: default;
     background: @disabledBgColor;
     border: none;
-  } //数值输入框样式修改
+  }
+
+  //数值输入框样式修改
   .@{ant-prefix}-input-number-handler-wrap {
     opacity: 1;
   }
+
   .@{ant-prefix}-input-number-disabled {
     border: none;
-  } // 时间选择器的disabled样式
+  }
+
+  // 时间选择器的disabled样式
   .@{ant-prefix}-picker-disabled {
     cursor: default;
     color: @disabledColor;
     background-color: rgb(250, 250, 250);
+
     &+span {
       cursor: default;
     }
-  } // radio的disabled样式
+  }
+
+  // radio的disabled样式
   .@{ant-prefix}-radio-disabled {
     cursor: default;
+
     &+span {
       cursor: default;
       color: @disabledColor;
     }
+
     .@{ant-prefix}-radio-inner {
       cursor: default;
+
       &:after {
         background: rgba(0, 0, 0, 0.5);
       }
     }
   }
+
   .@{ant-prefix}-checkbox-wrapper {
     margin-top: 10px;
     margin-left: 5px;
-  } //复选框disabled的样式
+  }
+
+  //复选框disabled的样式
   .@{ant-prefix}-checkbox-disabled {
     &+span {
       cursor: default;
       color: @disabledColor;
     }
+
     .@{ant-prefix}-checkbox-inner {
       cursor: default;
+
       &:after {
         border-color: rgba(0, 0, 0, 0.5);
       }
     }
-  } // 下拉选未选的disabled样式
+  }
+
+  // 下拉选未选的disabled样式
   .@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) {
     .@{ant-prefix}-select-selector {
       color: @disabledColor;
@@ -134,13 +174,17 @@ body #app {
       border: none;
       background: @disabledBgColor;
     }
-  } // 下拉选已选的disabled样式
+  }
+
+  // 下拉选已选的disabled样式
   .@{ant-prefix}-cascader-picker-disabled {
     color: @disabledColor;
     background-color: rgb(250, 250, 250);
     cursor: default;
     border: none;
-  } // 多选下的tag的disabled样式
+  }
+
+  // 多选下的tag的disabled样式
   .@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple {
     .@{ant-prefix}-select-selection-item {
       color: @disabledColor;
@@ -149,26 +193,33 @@ body #app {
       border: none;
     }
   }
+
   .@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) {
     .@{ant-prefix}-select-selector input {
       cursor: default;
     }
-  } // 时间选择框
+  }
+
+  // 时间选择框
   .@{ant-prefix}-picker-input>input[disabled] {
     color: @disabledColor;
   }
+
   .@{ant-prefix}-picker-disabled {
     border: none;
+
     .@{ant-prefix}-picker-suffix {
       display: none;
     }
   }
+
   &-operate-group {
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     padding: 10px 10px;
   }
+
   &-group {
     i {
       width: 3px;
@@ -176,33 +227,40 @@ body #app {
       margin-right: 10px;
       background-color: #337ab7;
     }
+
     .fr-label-object {
       .fr-label-title {
         padding: 10px 10px 0 0;
       }
+
       .fr-label-title::after {
         content: '';
       }
     }
+
     .b--black-20 {
       border-color: rgba(232, 240, 237, 1);
     }
   }
+
   .emphasis {
     input {
       font-weight: bold;
     }
   }
+
   .notEditable {
     input {
       cursor: default;
     }
   }
+
   /** @Tips: 在原有框架下，表单渲染后，使用的是flex自动布局，与calc来计算组件宽度，未设置固定宽度，导致页面布局错乱 */
   .fr-content,
   .fr-content .fr-item-wrapper>div {
     width: 100%;
   }
+
   .pdf-canvas {
     width: 100%;
     display: flex;