fmui-base 2.3.3 → 2.3.4

package/README.md

@@ -3,6 +3,7 @@
 ---npm publish
 
 ## 更新日志 
+- 2.3.4：移动端表单下拉单选和按钮按钮组件样式更换
 - 2.3.3：移动端表单下拉单选和按钮按钮组件样式更换
 - 2.3.2：流程设置支持配置流程转交是否填写批示意见
 - 2.3.1：传阅节点设置的参与人默认全部选中

package/lib/form/form.js

@@ -3797,6 +3797,14 @@ var PageHome = function (_React$Component) {
         className: "dd-ques-title",
         iconPosition: 'left'
       };
+      var radioFieldPopupProps = {
+        groupListArgument: {
+          lineIndent: 15,
+          itemIndent: 15
+        },
+        groupListFlag: true,
+        iconPosition: 'right'
+      };
       var CheckboxFieldProps = {
         // onChange(value) {
         //   var keyNo = t.props.keyNo;
@@ -4019,7 +4027,7 @@ var PageHome = function (_React$Component) {
               _react2.default.createElement(
                 'div',
                 { className: 't-W100 form-radio-field-host' },
-                _react2.default.createElement(_RadioField2.default, {
+                _react2.default.createElement(_RadioField2.default, _extends({
                   className: 'form-radio-field-wrap',
                   layout: subFormFieldLayout,
                   required: t.state.itemParam.required,
@@ -4030,12 +4038,8 @@ var PageHome = function (_React$Component) {
                   multiLine: true,
                   formatter: t.formatRadioFieldDisplay,
                   data: t.buildRadioFieldData(t.state.itemParam.selectOptions, t.state.itemParam.value),
-                  onChange: t.radioSelectChange.bind(t, t.state.itemParam.key),
-                  groupListArgument: {
-                    lineIndent: 15,
-                    itemIndent: 15
-                  }
-                })
+                  onChange: t.radioSelectChange.bind(t, t.state.itemParam.key)
+                }, radioFieldPopupProps))
               ),
               t.state.itemParam.isVerifySing == "1" ? _react2.default.createElement('i', { className: 'iconfont icon-checked t-PT10', style: { color: 'green' } }) : t.state.itemParam.isVerifySing == "2" ? _react2.default.createElement('i', { className: 'iconfont icon-close t-PT10', style: { color: 'red' } }) : ""
             )
@@ -4105,7 +4109,7 @@ var PageHome = function (_React$Component) {
               _react2.default.createElement(
                 'div',
                 { className: isSubFormMultiCol ? 'form-radio-field-host' : 't-W100 form-radio-field-host' },
-                _react2.default.createElement(_RadioField2.default, {
+                _react2.default.createElement(_RadioField2.default, _extends({
                   className: 'form-radio-field-wrap',
                   layout: subFormFieldLayout,
                   required: t.state.itemParam.required,
@@ -4116,12 +4120,8 @@ var PageHome = function (_React$Component) {
                   multiLine: true,
                   formatter: t.formatRadioFieldDisplay,
                   data: t.buildRadioFieldData(t.state.itemParam.selectOptions, t.state.itemParam.value),
-                  onChange: t.radioSelectChange.bind(t, t.state.itemParam.key),
-                  groupListArgument: {
-                    lineIndent: 15,
-                    itemIndent: 15
-                  }
-                })
+                  onChange: t.radioSelectChange.bind(t, t.state.itemParam.key)
+                }, radioFieldPopupProps))
               ),
               t.state.itemParam.isVerifySing == "1" ? _react2.default.createElement('i', { className: 'iconfont icon-checked t-PT10', style: { color: 'green' } }) : t.state.itemParam.isVerifySing == "2" ? _react2.default.createElement('i', { className: 'iconfont icon-close t-PT10', style: { color: 'red' } }) : ""
             )

package/lib/form/form.less

@@ -82,11 +82,27 @@
 }
 
 .form-radio-field-wrap {
+  // popup 弹层选项列表：对齐 CheckboxField SelectLayer 的行高、间距与字体
   &.t-radio-field.is-group {
     max-height: 60vh;
     overflow-y: auto;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
+
+    .t-radio-field-label {
+      height: 44px;
+      line-height: 44px;
+      padding: 0 15px;
+      text-align: center;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      background-color: #f7f7f7;
+      border-bottom: 1px solid #e5e5e5;
+    }
+
+    .t-group-list {
+      padding: 10px 20px 10px 15px;
+    }
   }
 
   .t-radio-field-content {
@@ -100,6 +116,19 @@
     line-height: 1.5;
   }
 
+  &.t-radio-field.is-group .t-radio-field-content {
+    padding-left: 12px;
+    font-size: 16px;
+    line-height: 1.5;
+    color: rgba(0, 0, 0, 0.85);
+    overflow: visible;
+    text-overflow: clip;
+    white-space: normal !important;
+    word-break: normal !important;
+    overflow-wrap: break-word !important;
+    word-wrap: break-word !important;
+  }
+
   .t-radio-field-row {
     align-items: flex-start;
     min-height: auto;
@@ -108,9 +137,30 @@
     width: 100%;
   }
 
+  &.t-radio-field.is-group .t-radio-field-row {
+    align-items: flex-start;
+    min-height: 44px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    box-sizing: border-box;
+  }
+
   .t-radio-field-icon-wrapper {
     align-items: flex-start;
     flex-shrink: 0;
     padding-top: 2px;
   }
+
+  &.t-radio-field.is-group .t-radio-field-icon-wrapper {
+    align-items: flex-start;
+    width: 24px;
+    min-width: 24px;
+    min-height: auto;
+    padding-top: 2px;
+
+    &.right {
+      margin-left: 12px;
+      margin-right: 16px;
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fmui-base",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "title": "fmui-base",
   "description": "fmui移动端组件",
   "main": "lib/index.js",