easy3wui 1.5.88 → 1.5.89-beta10

package/assets/index.css

@@ -172,7 +172,7 @@
 }
 .e3wGlobalHeaderRight .e3wGlobalHeaderAccount .e3wGlobalHeaderAvatar {
   margin: 20px 8px 20px 0;
-  color: #1890ff;
+  color: var(--primary-color);
   background: rgba(255, 255, 255, 0.85);
   vertical-align: middle;
 }
@@ -342,7 +342,7 @@
 }
 .e3wLoginLayoutRight .e3wLoginLayoutAccount .e3wLoginLayoutAvatar {
   margin: 20px 8px 20px 0;
-  color: #1890ff;
+  color: var(--primary-color);
   background: rgba(255, 255, 255, 0.85);
   vertical-align: middle;
 }
@@ -2321,6 +2321,33 @@
 .scrollY .ant-table-thead > tr > th {
   text-align: center;
 }
+.scrollY .ant-table-tbody > tr:nth-child(even) > td {
+  background: var(--table-header-bg);
+}
+.scrollY .ant-table-tbody > tr:nth-child(odd) > td {
+  background: #fff;
+}
+.scrollY .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: var(--table-header-bg);
+}
+.scrollY .ant-table-tbody > tr:hover:not(.antd-table-expanded-row):not(.antd-table-row-selected) > td {
+  background: var(--table-row-hover-bg);
+}
+.scrollY .ant-table-bordered .ant-table-thead > tr > th,
+.scrollY .ant-table-bordered .ant-table-tbody > tr > td {
+  border-right: 0;
+}
+.scrollY .ant-table-thead > tr > th,
+.scrollY .ant-table-tbody > tr > td {
+  border-bottom: 0;
+}
 .scrollX .ant-table-thead > tr > th {
   word-break: keep-all;
   white-space: nowrap;
@@ -2353,6 +2380,33 @@
   white-space: nowrap;
   overflow: hidden;
 }
+.scrollX .ant-table-tbody > tr:nth-child(even) > td {
+  background: var(--table-header-bg);
+}
+.scrollX .ant-table-tbody > tr:nth-child(odd) > td {
+  background: #fff;
+}
+.scrollX .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: var(--table-header-bg);
+}
+.scrollX .ant-table-tbody > tr:hover:not(.antd-table-expanded-row):not(.antd-table-row-selected) > td {
+  background: var(--table-row-hover-bg);
+}
+.scrollX .ant-table-bordered .ant-table-thead > tr > th,
+.scrollX .ant-table-bordered .ant-table-tbody > tr > td {
+  border-right: 0;
+}
+.scrollX .ant-table-thead > tr > th,
+.scrollX .ant-table-tbody > tr > td {
+  border-bottom: 0;
+}
 .scrollPrint .ant-table-thead > tr > th {
   text-align: center;
 }
@@ -2375,8 +2429,35 @@
   max-width: 240px;
   text-align: left;
 }
+.scrollPrint .ant-table-tbody > tr:nth-child(even) > td {
+  background: var(--table-header-bg);
+}
+.scrollPrint .ant-table-tbody > tr:nth-child(odd) > td {
+  background: #fff;
+}
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: var(--table-header-bg);
+}
+.scrollPrint .ant-table-tbody > tr:hover:not(.antd-table-expanded-row):not(.antd-table-row-selected) > td {
+  background: var(--table-row-hover-bg);
+}
+.scrollPrint .ant-table-bordered .ant-table-thead > tr > th,
+.scrollPrint .ant-table-bordered .ant-table-tbody > tr > td {
+  border-right: 0;
+}
+.scrollPrint .ant-table-thead > tr > th,
+.scrollPrint .ant-table-tbody > tr > td {
+  border-bottom: 0;
+}
 .butt {
-  background-color: #1890ff;
+  background-color: var(--primary-color);
   color: #fff;
   font-size: 14px;
 }
@@ -2384,7 +2465,7 @@
 .butt:focus,
 .butt:hover,
 .butt:active {
-  background-color: #1890ff;
+  background-color: var(--primary-color);
   color: #fff;
 }
 .onRow tr:hover {
@@ -2443,6 +2524,82 @@
 .e3wFormPageWrap .bf-container {
   border: 1px solid #eee;
 }
+.e3wFormPageWrapPC .ant-form-item-label {
+  line-height: 24px;
+}
+.e3wFormPageWrapPC .ant-form-item-control {
+  line-height: 24px;
+}
+.e3wFormPageWrapPC .ant-form-item-required::before {
+  content: "";
+}
+.e3wFormPageWrapPC .ant-form-item-label > label::after {
+  content: "";
+  margin: 0px;
+}
+.e3wFormPageWrapPC .ant-form-item-label > label {
+  width: 100%;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-right: 20px;
+}
+.e3wFormPageWrapPC .ant-form-item-label > label.ant-form-item-required::after {
+  content: "*";
+  color: var(--label-required-color);
+}
+.e3wFormPageWrapPC .ant-form-item-label > label.ant-form-item-required {
+  position: relative;
+}
+.e3wFormPageWrapPC .ant-form-item-label > label.ant-form-item-required::after {
+  position: absolute;
+  right: 0;
+  width: 20px;
+  text-align: center;
+}
+.e3wFormPageWrapPC .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .e3wFootBtn:first-child {
+  margin-left: 0;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .bf-container {
+  border: 1px solid #eee;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper {
+  border-bottom: 1px solid var(--primary-color);
+  height: auto;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper textarea {
+  border: none;
+  padding: 0;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-container {
+  border: none;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-container .public-DraftEditor-content > div {
+  padding-bottom: 0;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-container .public-DraftEditor-content {
+  padding: 0;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-content {
+  padding-bottom: 0;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-fieldtype="e3wFormCol_strTemplate"] .e3wFormStrTemplate .ant-form-item > .ant-form-item-control-wrapper {
+  width: 100%;
+  height: auto;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-fieldtype="e3wFormCol_strTemplate"] .e3wFormStrTemplate .ant-form-item > .ant-form-item-control-wrapper .e3wFootBtn:first-child {
+  margin-left: 0;
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"][data-fieldtype="e3wFormCol_strTemplate"] .e3wFormStrTemplate .ant-form-item > .ant-form-item-control-wrapper {
+  border-bottom: 1px solid var(--primary-color);
+}
+.approval_flag_only[data-e3wpagetype="approval"] .e3wFormPageWrapPC .ant-row.ant-form-item {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
 input.ant-input-number-input {
   text-align: right;
   padding-right: 21px;
@@ -2713,3 +2870,6 @@ input.ant-input-number-input {
   background: #fff;
   padding: 0 24px;
 }
+.e3wQryGrid .ant-form-item-label > label::after {
+  content: "";
+}

package/assets/loginLayout.css

@@ -92,7 +92,7 @@
 }
 .e3wLoginLayoutRight .e3wLoginLayoutAccount .e3wLoginLayoutAvatar {
   margin: 20px 8px 20px 0;
-  color: #1890ff;
+  color: var(--primary-color);
   background: rgba(255, 255, 255, 0.85);
   vertical-align: middle;
 }

package/assets/qryGrid.css

@@ -0,0 +1,3 @@
+.e3wQryGrid .ant-form-item-label > label::after {
+  content: "";
+}

package/lib/Easy3wButton/index.js

@@ -64,6 +64,12 @@ var _icon2 = _interopRequireDefault(_icon);
 
 require('antd/lib/icon/style');
 
+var _popover = require('antd/lib/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+require('antd/lib/popover/style');
+
 var _notification = require('antd/lib/notification');
 
 var _notification2 = _interopRequireDefault(_notification);
@@ -106,7 +112,10 @@ var Easy3wButton = function (_Component) {
         func(e);
       }
     }, _this.getOneBtnObj = function (obj, index) {
-      var btnType = obj.btnType;
+      var btnType = obj.btnType,
+          strPopoverContent = obj.strPopoverContent,
+          _obj$objPopoverConten = obj.objPopoverContent,
+          objPopoverContent = _obj$objPopoverConten === undefined ? {} : _obj$objPopoverConten;
 
       var typeProps = {};
       if (btnType) {
@@ -121,7 +130,7 @@ var Easy3wButton = function (_Component) {
       } else {
         typeProps = { type: 'primary' };
       }
-      return _react2['default'].createElement(
+      var btnEle = _react2['default'].createElement(
         _button2['default'],
         (0, _extends3['default'])({
           onClick: function onClick(e) {
@@ -134,9 +143,17 @@ var Easy3wButton = function (_Component) {
         }),
         obj.cName
       );
+      return strPopoverContent ? _react2['default'].createElement(
+        _popover2['default'],
+        (0, _extends3['default'])({ placement: 'topRight', content: strPopoverContent }, objPopoverContent),
+        btnEle
+      ) : btnEle;
     }, _this.getOneBtnTypeObj = function (obj, index) {
       var props = obj.props,
-          btnType = obj.btnType;
+          btnType = obj.btnType,
+          strPopoverContent = obj.strPopoverContent,
+          _obj$objPopoverConten2 = obj.objPopoverContent,
+          objPopoverContent = _obj$objPopoverConten2 === undefined ? {} : _obj$objPopoverConten2;
 
       var typeProps = {};
       if (btnType) {
@@ -151,7 +168,7 @@ var Easy3wButton = function (_Component) {
       } else {
         typeProps = { type: 'primary' };
       }
-      return _react2['default'].createElement(
+      var btnEle = _react2['default'].createElement(
         _upload2['default'],
         props,
         _react2['default'].createElement(
@@ -168,11 +185,19 @@ var Easy3wButton = function (_Component) {
           obj.cName
         )
       );
+      return strPopoverContent ? _react2['default'].createElement(
+        _popover2['default'],
+        (0, _extends3['default'])({ placement: 'topRight', content: strPopoverContent }, objPopoverContent),
+        btnEle
+      ) : btnEle;
     }, _this.getOneBtnPopconfirmObj = function (obj, index) {
       var func = obj.func,
           cName = obj.cName,
           confirmContent = obj.confirmContent,
-          btnType = obj.btnType;
+          btnType = obj.btnType,
+          strPopoverContent = obj.strPopoverContent,
+          _obj$objPopoverConten3 = obj.objPopoverContent,
+          objPopoverContent = _obj$objPopoverConten3 === undefined ? {} : _obj$objPopoverConten3;
 
       var typeProps = {};
       if (btnType) {
@@ -187,7 +212,7 @@ var Easy3wButton = function (_Component) {
       } else {
         typeProps = { type: 'primary' };
       }
-      return _react2['default'].createElement(
+      var btnEle = _react2['default'].createElement(
         _popconfirm2['default'],
         { title: confirmContent, onConfirm: function onConfirm(e) {
             return _this.onClickFunc(e, func);
@@ -198,6 +223,11 @@ var Easy3wButton = function (_Component) {
           cName
         )
       );
+      return strPopoverContent ? _react2['default'].createElement(
+        _popover2['default'],
+        (0, _extends3['default'])({ placement: 'topRight', content: strPopoverContent }, objPopoverContent),
+        btnEle
+      ) : btnEle;
     }, _this.getDropdownArrObj = function (obj) {
       var cName = obj.cName,
           dropdownArr = obj.dropdownArr,
@@ -205,14 +235,22 @@ var Easy3wButton = function (_Component) {
           dropdownProps = _obj$dropdownProps === undefined ? {} : _obj$dropdownProps;
 
       var menuArr = dropdownArr.map(function (dropdown) {
-        var func = dropdown.func;
-
+        var func = dropdown.func,
+            strPopoverContent = dropdown.strPopoverContent,
+            _dropdown$objPopoverC = dropdown.objPopoverContent,
+            objPopoverContent = _dropdown$objPopoverC === undefined ? {} : _dropdown$objPopoverC;
+
+        var menuItemCName = strPopoverContent ? _react2['default'].createElement(
+          _popover2['default'],
+          (0, _extends3['default'])({ placement: 'topRight', content: strPopoverContent }, objPopoverContent),
+          dropdown.cName
+        ) : dropdown.cName;
         return _react2['default'].createElement(
           _menu2['default'].Item,
           { key: cName, onClick: function onClick(e) {
               return _this.onClickFunc(e, func);
             } },
-          dropdown.cName
+          menuItemCName
         );
       });
       var menuOverlay = _react2['default'].createElement(
@@ -240,12 +278,16 @@ var Easy3wButton = function (_Component) {
             dropdownArr = btn.dropdownArr;
 
         if (type) {
+          // 附件上传
           return _this.getOneBtnTypeObj(btn, index);
         } else if (dropdownArr) {
+          // 下拉按钮
           return _this.getDropdownArrObj(btn, index);
         } else if (confirmContent) {
+          // 二次确认
           return _this.getOneBtnPopconfirmObj(btn, index);
         } else {
+          // 单按钮
           return _this.getOneBtnObj(btn, index);
         }
       });

package/lib/Easy3wFormPage/indexM.js

@@ -2699,7 +2699,7 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
       { noStyle: true, spinLoading: spinLoading },
       _react2['default'].createElement(
         'div',
-        { className: (0, _classnames2['default'])(['e3wFormPageWrap']) },
+        { className: (0, _classnames2['default'])(['e3wFormPageWrap', 'e3wFormPageWrapM']) },
         this.getAllForms()
       )
     );

package/lib/Easy3wFormPage/indexPC.js

@@ -1390,15 +1390,20 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
     }, _this.getColItem = function (colObj, formItemLayout, disableCheckFlag) {
       var allReadFlag = _this.props.allReadFlag;
       var fieldType = colObj.fieldType,
-          readFlag = colObj.readFlag,
           disableFlag = colObj.disableFlag,
           cmptPros = colObj.cmptPros;
+      var readFlag = colObj.readFlag;
 
       var _ref6 = cmptPros || {},
           disabled = _ref6.disabled,
           templateArray = _ref6.templateArray,
           isRead = _ref6.isRead;
 
+      var isApprovalFlag = document.body.innerHTML.includes('data-e3wpagetype="approval"');
+      if (isApprovalFlag && disableFlag && (fieldType === 'input' || fieldType === 'textarea')) {
+        colObj.readFlag = true;
+        readFlag = true;
+      }
       var itemArea = _this.getItemArea(colObj);
       var itemValue = _this.getItemValue(colObj);
       var afterBtns = _this.getAfterBtn(colObj);
@@ -2640,7 +2645,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       { noStyle: true, spinLoading: spinLoading },
       _react2['default'].createElement(
         'div',
-        { className: (0, _classnames2['default'])(['e3wFormPageWrap']) },
+        { className: (0, _classnames2['default'])(['e3wFormPageWrap', 'e3wFormPageWrapPC']) },
         this.getAllForms()
       )
     );

package/lib/Easy3wQryGrid/index.js

@@ -704,13 +704,16 @@ var Easy3wQryGrid = function (_Component) {
   /** cascader end */
 
   Easy3wQryGrid.prototype.render = function render() {
-    return _react2['default'].createElement(
-      'div',
-      { className: 'ant-advanced-search-form' },
+    return (
+      // <div className="ant-advanced-search-form">
       _react2['default'].createElement(
-        _row2['default'],
-        { gutter: 24 },
-        this.getFields()
+        'div',
+        { className: (0, _classnames2['default'])(['e3wQryGrid']) },
+        _react2['default'].createElement(
+          _row2['default'],
+          { gutter: 24 },
+          this.getFields()
+        )
       )
     );
   };

package/lib/Easy3wTagSelect/index.less

@@ -1,120 +1,120 @@
-@import '~antd/lib/style/themes/default.less';
-
-.tagSelect {
-  user-select: none;
-  margin-left: -8px;
-  position: relative;
-  overflow: hidden;
-  max-height: 32px;
-  // line-height: 32px;
-  transition: all 0.3s;
-  :global {
-    .ant-tag {
-      padding: 0 8px;
-      margin-right: 24px;
-      font-size: @font-size-base;
-    }
-  }
-  &.expanded {
-    transition: all 0.3s;
-    max-height: 800px;
-  }
-  .trigger {
-    position: absolute;
-    top: 0;
-    right: 0;
-    i {
-      font-size: 12px;
-    }
-  }
-  &.hasExpandTag {
-    padding-right: 50px;
-  }
-}
-
-.standardFormRow {
-  border-bottom: 1px dashed @border-color-split;
-  // padding-bottom: 8px;
-  // margin-bottom: 8px;
-  display: flex;
-  :global {
-    .ant-form-item {
-      margin-right: 24px;
-    }
-    .ant-form-item-label label {
-      color: @text-color;
-      margin-right: 0;
-    }
-    .ant-form-item-label,
-    .ant-form-item-control {
-      padding: 0;
-      line-height: 32px;
-    }
-  }
-  .label {
-    // color: @heading-color;
-    // color: rgb(173,124,89);
-    font-size: @font-size-base;
-    padding-right: 12px;
-    margin-right: 12px;
-    // margin-right: 24px;
-    background:#F8F8FF;
-    // background: rgb(84, 104, 178);
-    // opacity: 0.5;
-    flex: 0 0 auto;
-    text-align: right;
-    & > span {
-      display: inline-block;
-      height: 32px;
-      line-height: 32px;
-      &:after {
-        content: '|';
-      }
-    }
-    // border-radius: 2px;
-    & > a {
-      color: @heading-color;
-      // color: rgb(255, 255, 255);
-      display: inline-block;
-      height: 32px;
-      line-height: 32px;
-      // width: 100%;
-      cursor: pointer;
-    }
-  }
-  .content {
-    flex: 1 1 0;
-    :global {
-      .ant-form-item:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-}
-
-.standardFormRowLast {
-  border: none;
-  padding-bottom: 0;
-  margin-bottom: 0;
-}
-
-.standardFormRowBlock {
-  :global {
-    .ant-form-item,
-    div.ant-form-item-control-wrapper {
-      display: block;
-    }
-  }
-}
-
-.standardFormRowGrid {
-  :global {
-    .ant-form-item,
-    div.ant-form-item-control-wrapper {
-      display: block;
-    }
-    .ant-form-item-label {
-      float: left;
-    }
-  }
-}
+@import '~antd/lib/style/themes/default.less';
+
+.tagSelect {
+  user-select: none;
+  margin-left: -8px;
+  position: relative;
+  overflow: hidden;
+  max-height: 32px;
+  // line-height: 32px;
+  transition: all 0.3s;
+  :global {
+    .ant-tag {
+      padding: 0 8px;
+      margin-right: 24px;
+      font-size: @font-size-base;
+    }
+  }
+  &.expanded {
+    transition: all 0.3s;
+    max-height: 800px;
+  }
+  .trigger {
+    position: absolute;
+    top: 0;
+    right: 0;
+    i {
+      font-size: 12px;
+    }
+  }
+  &.hasExpandTag {
+    padding-right: 50px;
+  }
+}
+
+.standardFormRow {
+  border-bottom: 1px dashed @border-color-split;
+  // padding-bottom: 8px;
+  // margin-bottom: 8px;
+  display: flex;
+  :global {
+    .ant-form-item {
+      margin-right: 24px;
+    }
+    .ant-form-item-label label {
+      color: @text-color;
+      margin-right: 0;
+    }
+    .ant-form-item-label,
+    .ant-form-item-control {
+      padding: 0;
+      line-height: 32px;
+    }
+  }
+  .label {
+    // color: @heading-color;
+    // color: rgb(173,124,89);
+    font-size: @font-size-base;
+    padding-right: 12px;
+    margin-right: 12px;
+    // margin-right: 24px;
+    background:#F8F8FF;
+    // background: rgb(84, 104, 178);
+    // opacity: 0.5;
+    flex: 0 0 auto;
+    text-align: right;
+    & > span {
+      display: inline-block;
+      height: 32px;
+      line-height: 32px;
+      &:after {
+        content: '|';
+      }
+    }
+    // border-radius: 2px;
+    & > a {
+      color: @heading-color;
+      // color: rgb(255, 255, 255);
+      display: inline-block;
+      height: 32px;
+      line-height: 32px;
+      // width: 100%;
+      cursor: pointer;
+    }
+  }
+  .content {
+    flex: 1 1 0;
+    :global {
+      .ant-form-item:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.standardFormRowLast {
+  border: none;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+.standardFormRowBlock {
+  :global {
+    .ant-form-item,
+    div.ant-form-item-control-wrapper {
+      display: block;
+    }
+  }
+}
+
+.standardFormRowGrid {
+  :global {
+    .ant-form-item,
+    div.ant-form-item-control-wrapper {
+      display: block;
+    }
+    .ant-form-item-label {
+      float: left;
+    }
+  }
+}