@zat-design/sisyphus-react 3.4.0-beta.1 → 3.4.0-beta.3

package/dist/index.esm.css

@@ -682,7 +682,7 @@
   -webkit-align-items: center !important;
       -ms-flex-align: center !important;
           align-items: center !important;
-  padding: 12px var(--zaui-space-size-md, 16px) !important;
+  padding: 10px var(--zaui-space-size-md, 16px) !important;
   background: var(--zaui-area, #fafafa);
 }
 .pro-collapse .ant-collapse-header-text {
@@ -702,6 +702,7 @@
 }
 .pro-collapse .ant-collapse-content-box .pro-collapse-content {
   padding: var(--zaui-space-size-md, 16px);
+  padding-top: var(--zaui-space-size-sm, 8px);
   padding-bottom: 0;
   background: var(--zaui-base-bg, #ffffff);
 }
@@ -710,13 +711,12 @@
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse.pro-collapse-level2 .ant-collapse-header {
-  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
   padding: 0 !important;
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse.pro-collapse-level2 .ant-collapse-header .ant-collapse-header-text {
   position: relative;
-  padding-left: var(--zaui-space-size-sm, 8px);
+  padding-left: 12px;
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-collapse.pro-collapse-level2 .ant-collapse-header .ant-collapse-header-text::before {
@@ -734,6 +734,17 @@
 .pro-collapse.pro-collapse-level2 .ant-collapse-header .ant-collapse-extra .extra-info {
   margin-right: var(--zaui-space-size-sm, 8px);
 }
+.pro-collapse.pro-collapse-level2 .pro-collapse-content {
+  padding-top: var(--zaui-space-size-sm, 8px) !important;
+}
+.pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-header {
+  padding: 0 8px 6px !important;
+  border-bottom: 2px solid #dee0e3;
+  margin: 0 -8px;
+}
+.pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-header .ant-collapse-arrow {
+  right: 8px;
+}
 .pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-extra .extra-info {
   margin-right: var(--zaui-space-size-lg, 32px);
 }
@@ -759,7 +770,7 @@
 }
 .pro-collapse.pro-collapse-list .ant-descriptions-row > th,
 .pro-collapse.pro-collapse-list .ant-descriptions-row > td {
-  padding: var(--zaui-space-size-md, 16px) 0;
+  padding: var(--zaui-space-size-sm, 8px) 0;
   background: #fafafa;
 }
 .pro-collapse.pro-collapse-list .ant-descriptions-row > th.ant-descriptions-item,
@@ -787,9 +798,6 @@
   font-weight: 500 !important;
   font-size: var(--zaui-font-size, 14px);
 }
-.pro-collapse.pro-collapse-list .ant-descriptions {
-  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
-}
 .pro-footer {
   position: fixed;
   right: 0;
@@ -819,8 +827,8 @@
   background: var(--zaui-disabled-bg);
 }
 .pro-header {
-  background-color: var(--zaui-base-bg, #ffffff);
   padding: 16px 0 0 0 !important;
+  background-color: var(--zaui-base-bg, #ffffff);
 }
 .pro-header.pro-header-no-back.pro-header-has-describe .pro-header-top {
   padding-left: var(--zaui-space-size-md, 16px);
@@ -832,24 +840,22 @@
   margin-left: 0 !important;
 }
 .pro-header.pro-header-no-describe {
+  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
   -webkit-box-shadow: none;
           box-shadow: none;
-  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
 }
 .pro-header.pro-header-no-describe .pro-header-title,
 .pro-header.pro-header-no-describe .pro-header-top {
-  padding: 0;
   margin: 0;
+  padding: 0;
 }
 .pro-header.pro-header-fixed.pro-header-no-describe .pro-header-top {
   padding-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1) - var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
 }
 .pro-header .pro-header-describe a {
-  color: var(--zaui-link, #006AFF);
+  color: var(--zaui-link, #006aff);
 }
 .pro-header .pro-header-copy {
-  margin-bottom: 0;
-  width: 14px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -858,12 +864,14 @@
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  width: 16px;
+  margin-bottom: 0;
 }
 .pro-header .pro-header-copy .ant-typography-copy-success svg {
-  width: 14px;
-  height: 14px;
-  fill: var(--zaui-success, #00AE4D);
   display: inline-block;
+  width: 16px;
+  height: 16px;
+  fill: var(--zaui-success, #00ae4d);
 }
 .pro-header .pro-header-copy .drag-icon div {
   display: -webkit-box;
@@ -872,26 +880,26 @@
   display: flex;
 }
 .pro-header .pro-header-copy .drag-icon svg {
-  width: 14px;
-  height: 14px;
-  fill: #3F3F3F;
   display: inline-block;
+  width: 16px;
+  height: 16px;
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-header .pro-header-tag {
-  background: var(--ant-primary-1, #e6f4ff);
-  color: var(--zaui-brand, #006AFF);
+  display: inline-block;
   padding: 4px 8px;
-  border-radius: var(--zaui-border-radius-card, 2px);
-  font-size: var(--zaui-font-size-sm, 12px);
+  color: var(--zaui-brand, #006aff);
   font-weight: normal;
+  font-size: var(--zaui-font-size-sm, 12px);
   line-height: 16px;
-  display: inline-block;
   white-space: pre;
+  background: var(--ant-primary-1, #e6f4ff);
+  border-radius: var(--zaui-border-radius-card, 2px);
 }
 .pro-header .pro-header-title {
+  padding: 0 var(--zaui-space-size-md, 16px);
   font-weight: 500;
   font-size: var(--zaui-font-size-xl, 18px);
-  padding: 0 var(--zaui-space-size-md, 16px);
   line-height: 22px;
 }
 .pro-header.pro-header-fixed {
@@ -906,35 +914,35 @@
           box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
 }
 .pro-header .ant-breadcrumb li {
+  color: #1d2129;
   font-weight: 500;
-  color: #1D2129;
 }
 .pro-header .ant-breadcrumb .ant-breadcrumb-link {
-  font-size: var(--zaui-font-size-xl, 18px);
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: var(--zaui-font-size-xl, 18px);
 }
 .pro-header .ant-breadcrumb .ant-breadcrumb-separator {
+  margin: 0 var(--zaui-space-size-xs, 4px);
+  color: #1d2129;
   font-weight: 500;
-  color: #1D2129;
   font-size: var(--zaui-font-size-xl, 18px);
-  margin: 0 var(--zaui-space-size-xs, 4px);
 }
 .pro-header .pro-header-top {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
   padding: 0 var(--zaui-space-size-md, 16px);
 }
@@ -963,13 +971,13 @@
           align-items: center;
 }
 .pro-header .pro-header-top .pro-header-left ul li {
-  color: #1D2129;
-  font-size: var(--zaui-font-size-xl, 18px);
-  font-weight: 500;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  color: #1d2129;
+  font-weight: 500;
+  font-size: var(--zaui-font-size-xl, 18px);
 }
 .pro-header .pro-header-top .pro-header-left ul li .breadcrumb-value {
   display: inline-block;
@@ -996,14 +1004,14 @@
   margin-bottom: 0;
 }
 .pro-header .pro-header-top .pro-header-left ul li.version {
-  background: var(--ant-primary-1, #e6f4ff);
-  border-radius: var(--zaui-border-radius, 4px);
-  color: var(--zaui-brand, #006AFF);
-  font-style: initial;
+  height: 24px;
   padding: 0 var(--zaui-space-size-sm, 8px);
+  color: var(--zaui-brand, #006aff);
   font-size: var(--zaui-font-size-sm, 12px);
-  height: 24px;
+  font-style: initial;
   line-height: 24px;
+  background: var(--ant-primary-1, #e6f4ff);
+  border-radius: var(--zaui-border-radius, 4px);
 }
 .pro-header .pro-header-top .pro-header-left ul li.hidden {
   display: none;
@@ -1021,13 +1029,13 @@
   margin: 0;
 }
 .pro-header .pro-header-nav {
+  position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  background: #F7F9FC;
-  border-top: 1px solid #F2F2F2;
-  position: relative;
+  background: #f7f9fc;
+  border-top: 1px solid #f2f2f2;
 }
 .pro-header .pro-header-nav.pro-header-nav-open .pro-header-fold .pro-header-fold-bg {
   -webkit-transform: rotate(180deg);
@@ -1050,31 +1058,31 @@
   cursor: pointer;
 }
 .pro-header .pro-header-nav .pro-header-fold .pro-header-fold-bg {
-  background: #fff;
   position: relative;
   z-index: 2;
   height: 26px;
+  background: #fff;
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
   -webkit-transform-origin: center;
           transform-origin: center;
 }
 .pro-header .pro-header-nav .pro-header-fold::before {
-  content: '';
-  z-index: 1;
   position: absolute;
   bottom: 13px;
   left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
+  z-index: 1;
   width: 140px;
   height: 1px;
-  background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), color-stop(37%, var(--zaui-brand, #006AFF)), color-stop(57%, var(--zaui-brand, #006AFF)), to(rgba(216, 216, 216, 0)));
-  background: -webkit-linear-gradient(left, rgba(238, 238, 238, 0) 0%, var(--zaui-brand, #006AFF) 37%, var(--zaui-brand, #006AFF) 57%, rgba(216, 216, 216, 0) 100%);
-  background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, var(--zaui-brand, #006AFF) 37%, var(--zaui-brand, #006AFF) 57%, rgba(216, 216, 216, 0) 100%);
+  background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), color-stop(37%, var(--zaui-brand, #006aff)), color-stop(57%, var(--zaui-brand, #006aff)), to(rgba(216, 216, 216, 0)));
+  background: -webkit-linear-gradient(left, rgba(238, 238, 238, 0) 0%, var(--zaui-brand, #006aff) 37%, var(--zaui-brand, #006aff) 57%, rgba(216, 216, 216, 0) 100%);
+  background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, var(--zaui-brand, #006aff) 37%, var(--zaui-brand, #006aff) 57%, rgba(216, 216, 216, 0) 100%);
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  content: '';
 }
 .pro-header .pro-header-nav .pro-header-fold svg {
-  fill: var(--zaui-brand, #006AFF);
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-header .pro-header-nav ul {
   display: -webkit-box;
@@ -1084,15 +1092,15 @@
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
+  height: 60px;
   padding: 0 16px;
+  overflow: hidden;
   -webkit-transition: height 0.2s ease-in-out;
   transition: height 0.2s ease-in-out;
-  height: 60px;
-  overflow: hidden;
 }
 .pro-header .pro-header-nav ul li {
-  margin-right: 52px;
   margin-top: 4px;
+  margin-right: 52px;
   margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
 }
 .pro-header .pro-header-nav ul li:last-child {
@@ -1125,9 +1133,9 @@
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
-  font-size: var(--zaui-font-size, 14px);
   padding: 0 var(--zaui-space-size-md, 16px);
   padding-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1) - var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
+  font-size: var(--zaui-font-size, 14px);
 }
 .pro-header .pro-header-describe li {
   margin-left: var(--zaui-space-card, 32px);
@@ -1142,15 +1150,15 @@
   margin-left: 0;
 }
 .pro-header .pro-header-describe li span {
+  color: #0a0a0a;
   font-weight: 400;
-  color: #0A0A0A;
 }
 .pro-header .pro-header-describe li span:first-child {
   margin-right: 12px;
 }
 .pro-header .pro-header-describe li span:last-child {
-  font-weight: 600;
   display: inline-grid;
+  font-weight: 600;
 }
 .pro-header .pro-header-describe li span:last-child .pro-header-tag {
   margin-left: 4px;
@@ -1622,8 +1630,8 @@
 .pro-table .custom-column-btn:visited,
 .pro-table .custom-column-btn:focus {
   color: unset;
-  border: 1px solid #d9d9d9;
   background: unset;
+  border: 1px solid #d9d9d9;
 }
 .pro-table .custom-column-btn .anticon {
   height: 16px;
@@ -1641,15 +1649,14 @@
 }
 .pro-table .ant-table-body .ant-table-cell .varied-cell {
   margin-left: -8px;
-  background: var(--zaui-contract-bg, #fffaa1);
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+  background: var(--zaui-contract-bg, #fffaa1);
   border-radius: var(--zaui-border-radius, 4px);
 }
 .pro-table .ant-table-body .varied-cell.empty-cell {
   width: 24.5px;
 }
 .pro-table .copyable-table-cell .ant-typography {
-  margin-bottom: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1658,6 +1665,7 @@
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  margin-bottom: 0;
 }
 .pro-table .copyable-table-cell .drag-icon > div {
   display: -webkit-box;
@@ -1673,32 +1681,32 @@
   fill: var(--zaui-success, #00ae4d);
 }
 .pro-table .copyable-table-cell svg {
-  width: 14px;
-  height: 14px;
-  fill: #3f3f3f;
   display: inline-block;
+  width: 16px;
+  height: 16px;
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-table.pro-table-no-stripe .ant-table.ant-table-scroll-horizontal .ant-table-tbody .ant-table-row:nth-child(n) > td {
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-table .ant-table-thead .ant-dropdown-trigger.ant-dropdown-open .anticon-down {
+  -webkit-transform: rotateZ(180deg);
+          transform: rotateZ(180deg);
   -webkit-transition: -webkit-transform 0.3s;
   transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
   transition: transform 0.3s, -webkit-transform 0.3s;
-  -webkit-transform: rotateZ(180deg);
-          transform: rotateZ(180deg);
 }
 .pro-table .pro-table-container {
   position: relative;
 }
 .pro-table .pro-table-container .pro-table-resizable-line {
   position: absolute;
-  width: 0;
   top: 0;
-  border-left: 1px solid var(--zaui-brand, #006aff);
-  height: 100%;
   left: 100px;
+  width: 0;
+  height: 100%;
+  border-left: 1px solid var(--zaui-brand, #006aff);
 }
 .pro-table .ant-table-thead tr th:last-child .react-resizable-handle {
   display: none;
@@ -1737,8 +1745,8 @@
 .pro-table .column-config .right-actions > .ant-btn:visited,
 .pro-table .column-config .right-actions > .ant-btn:focus {
   color: unset;
-  border: 1px solid #d9d9d9;
   background: unset;
+  border: 1px solid #d9d9d9;
 }
 .pro-table .column-config .right-actions .custom-column-btn {
   margin-left: var(--zaui-space-size-sm, 8px);
@@ -1756,9 +1764,9 @@
   height: 100%;
 }
 .pro-table .ant-table .ant-table-thead > tr > th {
-  border-bottom: 0;
   white-space: nowrap;
   background: var(--zaui-table-header-bg, #f2f3f5);
+  border-bottom: 0;
 }
 .pro-table .ant-table .ant-table-thead > tr > th .pro-table-th-cell {
   width: 100%;
@@ -1787,9 +1795,9 @@
   height: 14px;
 }
 .pro-table .ant-table .ant-table-thead > tr > th .pro-table-tooltip .icon-tip div svg {
-  margin-left: 8px;
   width: 14px;
   height: 14px;
+  margin-left: 8px;
   fill: #909090;
 }
 .pro-table .ant-table.ant-table-bordered .ant-table-thead > tr > th {
@@ -1827,35 +1835,35 @@
   cursor: col-resize;
 }
 .pro-table .react-resizable-handle::before {
-  content: '';
   position: absolute;
-  left: 50%;
   top: 50%;
+  left: 50%;
   width: 1px;
   height: 18px;
-  background: #DCDCDC;
+  background: #dcdcdc;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
+  content: '';
 }
 .pro-table .react-resizable-handle.active::before,
 .pro-table .react-resizable-handle:hover::before {
-  content: '';
   position: absolute;
+  bottom: 0;
   left: 50%;
   height: 100%;
-  bottom: 0;
   border-left: 5px solid var(--zaui-brand, #006aff);
+  content: '';
 }
 .pro-table .ant-table-tbody tr td .ant-checkbox-wrapper-checked.checkbox-disabled {
-  pointer-events: none;
   cursor: not-allowed;
   opacity: 0.5;
+  pointer-events: none;
 }
 .pro-table .ant-pagination-options-quick-jumper input {
-  border: unset;
-  background: #FAFAFA;
   min-width: 32px;
   height: 32px;
+  background: #fafafa;
+  border: unset;
 }
 .pro-table .ant-pagination .ant-pagination-item-active a {
   color: #ffffff;
@@ -2072,11 +2080,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   margin-left: 2px;
 }
 .pro-number-range .range-split {
-  width: 40px !important;
-  border-left: 0px;
+  width: 32px !important;
+  text-align: center !important;
   border-right: 0px;
+  border-left: 0px;
   pointer-events: none;
-  text-align: center !important;
+}
+.pro-number-range .range-split.ant-input[disabled] {
+  background: #fff !important;
 }
 .pro-number-range .ant-input-status-error.range-split {
   border-color: var(--zaui-danger, #ff5050);
@@ -3457,11 +3468,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border: none;
   border-radius: var(--zaui-border-radius, 4px);
 }
-.pro-transfer-right .checked-item .ant-tag .drag-icon {
-  height: 20px;
-  margin-right: var(--zaui-space-size-xs, 4px);
-  cursor: move;
-}
 .pro-transfer-right .checked-item .ant-tag .pro-tooltip {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
@@ -4351,7 +4357,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   cursor: pointer;
 }
 .pro-icon.pro-icon-with-theme {
-  fill: var(--zaui-brand, #006Aff);
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-icon.pro-icon-spin {
   -webkit-animation: loadingCircle 1s infinite linear;
@@ -4364,8 +4370,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: auto;
   height: auto;
   padding: 0;
-  border: 0;
   vertical-align: 0;
+  border: 0;
 }
 .pro-theme-prd-tools-drawer .ant-drawer-header {
   border-bottom: none;
@@ -4886,6 +4892,10 @@ input[type='button'] {
   }
 }
 /*  IE兼容  */
+.pro-icon.drag-icon {
+  margin-right: var(--zaui-space-size-xs, 4px);
+  cursor: move;
+}
 /* 兼容IE11  默认会生成2个值，默认值，var值。IE11下读取默认值 */
 :root {
   --zaui-global-bg: #ffffff;

package/es/ProEditTable/components/DndWrapper/index.d.ts

@@ -4,7 +4,7 @@ interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     disabled?: boolean;
 }
 export declare const Row: FC<RowProps>;
-declare const DndWrapper: ({ draggable, value, onChange, disabled, children, }: {
+declare const DndWrapper: ({ draggable, value, onChange, disabled, children }: {
     draggable: any;
     value: any;
     onChange: any;

package/es/ProEditTable/components/DndWrapper/index.js

@@ -6,8 +6,7 @@ import React from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { ReactSVG } from 'react-svg';
-import DragSvg from '../../../assets/drag.svg';
+import ProIcon from '../../../ProIcon';
 export var Row = function Row(props) {
   var disabled = props.disabled,
     children = props.children,
@@ -44,13 +43,14 @@ export var Row = function Row(props) {
         return /*#__PURE__*/React.cloneElement(child, {
           children: _jsxs("span", {
             className: "drag-wrapper",
-            children: [_jsx(ReactSVG, _objectSpread({
+            children: [_jsx(ProIcon, _objectSpread({
+              className: "drag-icon",
               style: {
                 touchAction: 'none',
                 cursor: disabled ? 'no-drop' : 'move'
               },
-              className: "drag-handle",
-              src: DragSvg
+              type: "drag",
+              size: 20
             }, listeners)), render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
           })
         });

package/es/ProForm/components/base/InputNumber/index.js

@@ -68,12 +68,12 @@ var InputNumber = function InputNumber(props) {
               return value;
             }
             return num.toLocaleString('en-US', {
-              maximumFractionDigits: (props === null || props === void 0 ? void 0 : props.precision) || 0
+              maximumFractionDigits: (props === null || props === void 0 ? void 0 : props.precision) || 2
             });
           },
           parser: function parser(value) {
             var num = Number(value.replace(/[\s,]+/g, ''));
-            return Number.isNaN(num) ? value : num.toFixed((props === null || props === void 0 ? void 0 : props.precision) || 0);
+            return Number.isNaN(num) ? value : num.toFixed((props === null || props === void 0 ? void 0 : props.precision) || 2);
           }
         };
         break;

package/es/ProForm/components/combination/FormList/components/LineFields.js

@@ -55,6 +55,7 @@ var LineFields = function LineFields(props) {
       className: "pro-form-list-drag-handle",
       ref: setActivatorNodeRef,
       children: _jsx(ProIcon, {
+        className: "drag-icon",
         type: "drag"
       })
     })), _jsx(_Row, {

package/es/ProForm/components/combination/ProNumberRange/style/index.less

@@ -2,13 +2,16 @@
 @import (reference) '~antd/es/style/themes/index.less';
 
 .pro-number-range {
-
   .range-split {
-    width         : 40px !important;
-    border-left   : 0px;
-    border-right  : 0px;
+    width: 32px !important;
+    text-align: center !important;
+
+    border-right: 0px;
+    border-left: 0px;
     pointer-events: none;
-    text-align    : center !important;
+    &.ant-input[disabled] {
+      background: #fff !important;
+    }
   }
 
   .@{ant-prefix}-input-status-error {
@@ -17,8 +20,6 @@
     }
   }
 
-
-
   & .@{ant-prefix}-input-rtl.range-right {
     border-right-width: 0;
   }
@@ -34,7 +35,7 @@
 
   .range-left,
   .range-right {
-    width     : calc(50% - 20px);
+    width: calc(50% - 20px);
     text-align: center;
   }
 
@@ -50,32 +51,32 @@
     }
 
     .range-right {
-      width                    : 100%;
-      border-top-left-radius   : 0;
+      width: 100%;
+      border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
   }
 
-  &.@{ant-prefix}-input-group.@{ant-prefix}-input-group-compact>*:not(:last-child) {
+  &.@{ant-prefix}-input-group.@{ant-prefix}-input-group-compact > *:not(:last-child) {
     margin-right: 0;
   }
 
-  >*:first-child {
-    border-top-right-radius   : 0 !important;
+  > *:first-child {
+    border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
 
-    >.@{ant-prefix}-select-selector {
-      border-top-right-radius   : 0 !important;
+    > .@{ant-prefix}-select-selector {
+      border-top-right-radius: 0 !important;
       border-bottom-right-radius: 0 !important;
     }
   }
 
-  >*:last-child {
-    border-top-left-radius   : 0 !important;
+  > *:last-child {
+    border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
 
-    >.@{ant-prefix}-select-selector {
-      border-top-left-radius   : 0 !important;
+    > .@{ant-prefix}-select-selector {
+      border-top-left-radius: 0 !important;
       border-bottom-left-radius: 0 !important;
     }
   }