shineout 3.9.9-beta.4 → 3.9.9-beta.6

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.9.9-beta.4'
+  version: '3.9.9-beta.6'
 };

package/dist/shineout.js

@@ -12402,7 +12402,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.9.9-beta.4');
+/* harmony default export */ var version = ('3.9.9-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13155,8 +13155,8 @@ var buttonTokens = {
   buttonSecondaryHoverBackgroundColor: 'Neutral-fill-3',
   buttonSecondaryHoverBorderColor: 'Neutral-fill-3',
   buttonSecondaryActiveFontColor: 'Neutral-text-5',
-  buttonSecondaryActiveBackgroundColor: 'Neutral-fill-5',
-  buttonSecondaryActiveBorderColor: 'Neutral-fill-5',
+  buttonSecondaryActiveBackgroundColor: 'Neutral-fill-4',
+  buttonSecondaryActiveBorderColor: 'Neutral-fill-4',
   buttonSecondaryFocusFontColor: 'Neutral-text-5',
   buttonSecondaryFocusBackgroundColor: 'Neutral-fill-4',
   buttonSecondaryFocusBorderColor: 'Neutral-fill-4',
@@ -14808,7 +14808,7 @@ var switchTokens = {
   switchCircleFill: 'Neutral-text-1',
   switchCircleShadow: 'Shadow-3',
   switchWidth: 'Size-21',
-  switchTextPaddingLeft: 'Spacing-8',
+  switchTextPaddingLeft: 'Spacing-6',
   switchTextPaddingRight: 'Spacing-4',
   switchSmallFontSize: 'Font-12',
   switchSmallPaddingX: 'Spacing-2',
@@ -15639,8 +15639,8 @@ var uploadTokens = {
   uploadImageHandlerBorderColor: 'Neutral-border-2',
   uploadImageHandlerBackgroundColor: 'Neutral-fill-1',
   uploadImageHandlerFontColor: 'Neutral-text-4',
-  uploadImageHandlerHoverBorderColor: 'Brand-6',
-  uploadImageHandlerHoverFontColor: 'Brand-6',
+  uploadImageHandlerHoverBorderColor: 'Brand-5',
+  uploadImageHandlerHoverFontColor: 'Brand-5',
   uploadImageHandlerActiveBorderColor: 'Brand-7',
   uploadImageHandlerActiveFontColor: 'Brand-7',
   uploadImageHandlerErrorBorderColor: 'Danger-6',
@@ -16323,7 +16323,37 @@ var beforeLine = function beforeLine() {
     '&[dir=rtl]::before': {
       right: -1
     },
-    '&:not($disabled):hover': {
+    '&$dashed:hover': {
+      '&::before': {
+        height: '100%',
+        top: 0,
+        bottom: 0,
+        borderLeft: '1px dashed currentColor',
+        background: 'none'
+      },
+      // 使用 ::after 在右侧创建分割线，颜色使用当前按钮的 currentColor
+      '&:not(:last-child)::after': {
+        content: '" "',
+        position: 'absolute',
+        height: '100%',
+        top: 0,
+        width: 1,
+        borderLeft: '1px dashed currentColor',
+        background: 'none',
+        zIndex: 1
+      },
+      '&:not(:last-child)[dir=ltr]::after': {
+        right: -1
+      },
+      '&:not(:last-child)[dir=rtl]::after': {
+        left: -1
+      },
+      // 隐藏相邻按钮的左侧分割线，因为已经被 ::after 覆盖了
+      '& + $button::before': {
+        opacity: 0
+      }
+    },
+    '&:not($disabled):not($dashed):hover': {
       '&::before': {
         background: 'transparent'
       },
@@ -16676,7 +16706,7 @@ var ButtonStyle = {
       borderRight: 'none'
     },
     // 填充型 button
-    '& $button:not($outline):not($dashed):not($text)': {
+    '& $button:not($outline):not($text)': {
       position: 'relative',
       '&::before': {
         transition: 'all 0.3s'
@@ -16689,7 +16719,8 @@ var ButtonStyle = {
           height: 'calc(50% - 2px)',
           top: 'calc(25% + 1px)',
           width: 1,
-          background: src.buttonSplitlineOutlineBackgroundColor
+          background: src.buttonSplitlineOutlineBackgroundColor,
+          transition: 'none'
         },
         '&[dir=ltr]::before': {
           left: -1
@@ -18133,7 +18164,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     cursor: 'pointer',
     boxSizing: 'border-box',
     marginRight: src.checkboxGap,
@@ -18156,6 +18187,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
     boxSizing: 'border-box',
     width: src.checkboxIconSize,
     height: src.checkboxIconSize,
+    marginTop: 4,
     flexShrink: 0,
     '$wrapperSmall &': {
       width: src.checkboxSmallIconSize,
@@ -18191,7 +18223,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
     }
   },
   darkIndicatorWrapper: {
-    '$wrapper:not($wrapperChecked):not($wrapperIndeterminate):not($wrapperDisabled) &:hover': {
+    '$wrapper:not($wrapperChecked):not($wrapperIndeterminate):not($wrapperDisabled):hover &&': {
       '&::before': {
         background: src.checkboxIconCircleDark
       }
@@ -18364,14 +18396,13 @@ var collapseItemStyle = {
       '&:after': {
         content: '""',
         position: 'absolute',
-        top: -4,
-        right: 0,
-        bottom: 0,
-        left: -4,
-        width: 22,
-        height: 22,
+        top: '50%',
+        left: '50%',
+        width: src.lineHeightDynamic,
+        height: src.lineHeightDynamic,
         borderRadius: '50%',
-        background: src.collapseIconHoverBackgroundColor
+        background: src.collapseIconHoverBackgroundColor,
+        transform: 'translate(-50%, -50%)'
       }
     },
     '&:active:hover': {
@@ -22918,6 +22949,7 @@ var tooltipAnimation = {
     }
   }
 };
+var arrowClipPath = 'M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z';
 var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {}
 }, tooltipAnimation), {}, {
@@ -23147,7 +23179,7 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
       width: '100%',
       height: '100%',
       backgroundColor: 'var(--tooltip-background-color)',
-      clipPath: "path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')"
+      clipPath: "path('".concat(arrowClipPath, "')")
     }
   },
   content: {
@@ -23161,6 +23193,8 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
 
 
 
+var popover_arrowGap = 12;
+var popover_arrowHeight = 8;
 var popover_cssvar = '--popover-arrow-gap';
 var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
 var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
@@ -23178,32 +23212,30 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     border: "1px solid ".concat(src.popoverBorderColor),
     wordWrap: 'break-word',
     '& > $arrow': {
-      'z-index': 1,
+      zIndex: 1,
       position: 'absolute',
-      content: '" "',
-      display: 'block',
-      border: "inherit",
-      width: '8.4px',
-      height: '8.4px',
-      boxSizing: 'content-box',
-      background: 'inherit',
-      borderBottom: 'none',
-      '&[dir=ltr]': {
-        borderLeftColor: 'transparent'
-      },
-      '&[dir=rtl]': {
-        borderRight: 'transparent'
+      overflow: 'visible',
+      width: popover_arrowHeight * 2,
+      height: popover_arrowHeight,
+      pointerEvents: 'none',
+      transformOrigin: 'center center',
+      filter: "drop-shadow(0 1px 0 ".concat(src.popoverBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverBorderColor, ")"),
+      '&::before': {
+        display: 'block',
+        content: '""',
+        bottom: 0,
+        width: '100%',
+        height: '100%',
+        backgroundColor: src.popoverBackgroundColor,
+        clipPath: "path('".concat(arrowClipPath, "')")
       }
     },
     '&$hideArrow': defineProperty_default()({}, popover_cssvar, '4px'),
     '&[data-soui-position^="bottom"]': {
-      marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
+      marginTop: popover_arrowGap - 2,
       '& > $arrow': {
-        top: '0',
-        transform: 'translate(0, -50%) rotate(-45deg)',
-        left: '0',
-        right: '0',
-        margin: 'auto'
+        left: '50%',
+        transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
       },
       '&::after': {
         top: poyfillPos,
@@ -23216,40 +23248,34 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
       }
     },
     '&[data-soui-position^="top"]': {
-      // marginTop: (arrowGap - 2) * -1,
-      marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
+      marginTop: (popover_arrowGap - 2) * -1,
       '& > $arrow': {
-        bottom: '0',
-        transform: 'translate(0, 50%) rotate(135deg)',
-        left: '0',
-        right: '0',
-        margin: 'auto'
+        top: '100%',
+        left: '50%',
+        transform: 'translate(-50%, -1px) rotate(-180deg)'
       },
       '&::after': {
-        // bottom: arrowGap * -1,
         bottom: poyfillPos,
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        // height: arrowGap,
         height: poyfillHeight,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="left"]': {
       '&[dir=ltr]': {
-        marginRight: "calc((".concat(hideArrowGap, " - 2px))")
+        marginRight: popover_arrowGap - 2
       },
       '&[dir=rtl]': {
-        marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
+        marginLeft: popover_arrowGap - 2
       },
       '& > $arrow': {
-        right: src.popoverBorderWidth,
-        transform: 'translate(50%, 0) rotate(45deg)',
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
+        right: 0,
+        top: '50%',
+        transform: 'translate(11px, -50%) rotate(90deg)',
+        transformOrigin: 'center center'
       },
       '&::after': {
         right: poyfillPos,
@@ -23263,67 +23289,113 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&[data-soui-position^="right"]': {
       '&[dir=ltr]': {
-        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
+        marginLeft: popover_arrowGap - 2
       },
       '&[dir=rtl]': {
-        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
+        marginRight: popover_arrowGap - 2
       },
       '& > $arrow': {
-        left: '0',
-        transform: 'translate(-50%, 0) rotate(-135deg)',
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
+        top: '50%',
+        left: 0,
+        transform: 'translate(-11px, -50%) rotate(-90deg)'
       },
       '&::after': {
-        // left: arrowGap * -1,
         left: poyfillPos,
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        // width: arrowGap,
         width: poyfillHeight,
         position: 'absolute'
       }
     },
-    '&&[data-soui-position$="-left"] > $arrow': {
-      left: arrowMargin,
-      right: 'auto'
+    '&&[data-soui-position="bottom-left"] > $arrow': {
+      left: 8,
+      transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
     },
-    '&&[data-soui-position$="-right"] > $arrow': {
-      right: arrowMargin,
-      left: 'auto'
+    '&&[data-soui-position="bottom-right"] > $arrow': {
+      right: 8,
+      left: 'auto',
+      transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
+    },
+    '&&[data-soui-position="top-left"] > $arrow': {
+      left: 8,
+      transform: 'translate(0, -1px) rotate(-180deg)'
     },
-    '&&[data-soui-position$="-top"] > $arrow': {
-      top: arrowMargin,
-      bottom: 'auto'
+    '&&[data-soui-position="top-right"] > $arrow': {
+      right: 8,
+      left: 'auto',
+      transform: 'translate(0, -1px) rotate(-180deg)'
     },
-    '&&[data-soui-position$="-bottom"] > $arrow': {
-      bottom: arrowMargin,
-      top: 'auto'
+    '&&[data-soui-position="left-top"] > $arrow': {
+      top: 8,
+      transform: 'translate(11px, 0) rotate(90deg)'
+    },
+    '&&[data-soui-position="left-bottom"] > $arrow': {
+      bottom: 8,
+      top: 'auto',
+      transform: 'translate(11px, 0) rotate(90deg)'
+    },
+    '&&[data-soui-position="right-top"] > $arrow': {
+      top: 8,
+      transform: 'translate(-11px, 0) rotate(-90deg)'
+    },
+    '&&[data-soui-position="right-bottom"] > $arrow': {
+      bottom: 8,
+      top: 'auto',
+      transform: 'translate(-11px, 0) rotate(-90deg)'
     },
     '&[data-soui-type="danger"]': {
       borderColor: src.popoverDangerBorderColor,
-      backgroundColor: src.popoverDangerBackgroundColor
+      backgroundColor: src.popoverDangerBackgroundColor,
+      '& > $arrow': {
+        filter: "drop-shadow(0 1px 0 ".concat(src.popoverDangerBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverDangerBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverDangerBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverDangerBorderColor, ")")
+      },
+      '& > $arrow::before': {
+        backgroundColor: src.popoverDangerBackgroundColor
+      }
     },
     '&[data-soui-type="info"]': {
       borderColor: src.popoverInfoBorderColor,
-      backgroundColor: src.popoverInfoBackgroundColor
+      backgroundColor: src.popoverInfoBackgroundColor,
+      '& > $arrow': {
+        filter: "drop-shadow(0 1px 0 ".concat(src.popoverInfoBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverInfoBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverInfoBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverInfoBorderColor, ")")
+      },
+      '& > $arrow::before': {
+        backgroundColor: src.popoverInfoBackgroundColor
+      }
     },
     '&[data-soui-type="warning"]': {
       borderColor: src.popoverWarningBorderColor,
-      backgroundColor: src.popoverWarningBackgroundColor
+      backgroundColor: src.popoverWarningBackgroundColor,
+      '& > $arrow': {
+        filter: "drop-shadow(0 1px 0 ".concat(src.popoverWarningBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverWarningBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverWarningBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverWarningBorderColor, ")")
+      },
+      '& > $arrow::before': {
+        backgroundColor: src.popoverWarningBackgroundColor
+      }
     },
     '&[data-soui-type="success"]': {
       borderColor: src.popoverSuccessBorderColor,
-      backgroundColor: src.popoverSuccessBackgroundColor
+      backgroundColor: src.popoverSuccessBackgroundColor,
+      '& > $arrow': {
+        filter: "drop-shadow(0 1px 0 ".concat(src.popoverSuccessBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverSuccessBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverSuccessBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverSuccessBorderColor, ")")
+      },
+      '& > $arrow::before': {
+        backgroundColor: src.popoverSuccessBackgroundColor
+      }
     },
     '&[data-soui-type="error"]': {
       borderColor: src.popoverErrorBorderColor,
       backgroundColor: src.popoverErrorBackgroundColor,
       '& $content': {
         color: src.popoverErrorFontColor
+      },
+      '& > $arrow': {
+        filter: "drop-shadow(0 1px 0 ".concat(src.popoverErrorBorderColor, ") drop-shadow(0 -1px 0 ").concat(src.popoverErrorBorderColor, ") drop-shadow(1px 0 0 ").concat(src.popoverErrorBorderColor, ") drop-shadow(-1px 0 0 ").concat(src.popoverErrorBorderColor, ")")
+      },
+      '& > $arrow::before': {
+        backgroundColor: src.popoverErrorBackgroundColor
       }
     }
   },
@@ -23668,7 +23740,7 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     cursor: 'pointer',
     boxSizing: 'border-box',
     marginRight: src.radioGap,
@@ -23706,6 +23778,7 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     width: src.radioIconWidth,
     minWidth: src.radioIconWidth,
     height: src.radioIconWidth,
+    marginTop: 4,
     '$wrapperSmall &': {
       width: src.radioSmallIconWidth,
       minWidth: src.radioSmallIconWidth,
@@ -24502,6 +24575,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectHeaderPaddingX),
     borderBottom: "1px solid ".concat(src.selectHeaderBorderColor),
     '& $columnsCheckbox': {
+      padding: 0,
       marginRight: 0,
       marginLeft: 4,
       width: 'auto'
@@ -24524,8 +24598,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   columnsOption: {
-    paddingLeft: src.selectColumnPadding,
-    paddingRight: src.selectColumnPadding,
     lineHeight: 1,
     boxSizing: 'border-box',
     overflow: 'hidden',
@@ -24546,6 +24618,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   columnsRadio: {
     width: '100%',
+    height: '100%',
+    paddingLeft: src.selectColumnPadding,
+    paddingRight: src.selectColumnPadding,
     marginLeft: src.selectColumnOptionMargin,
     '& :last-child': {
       flex: 1,
@@ -24556,6 +24631,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   columnsCheckbox: {
     width: '100%',
+    height: '100%',
+    paddingLeft: src.selectColumnPadding,
+    paddingRight: src.selectColumnPadding,
     // marginLeft: token.selectColumnOptionMargin,
     marginLeft: 0,
     '& :last-child': {
@@ -24707,14 +24785,11 @@ var sliderStyle = {
   },
   track: {
     cursor: 'pointer',
-    borderRadius: '100px',
     height: src.sliderTrackSize,
     borderTop: "".concat(src.sliderScaleMarginY, " solid transparent"),
     borderBottom: "".concat(src.sliderScaleMarginY, " solid transparent"),
     boxSizing: 'content-box',
-    backgroundColor: src.sliderTrackBackgroundColor,
     position: 'relative',
-    backgroundClip: 'content-box',
     '$vertical &': {
       width: src.sliderTrackSize,
       height: '100%',
@@ -24725,9 +24800,14 @@ var sliderStyle = {
       cursor: 'not-allowed'
     }
   },
+  trackBackground: {
+    borderRadius: "calc(".concat(src.sliderTrackSize, " / 2)"),
+    height: '100%',
+    backgroundColor: src.sliderTrackBackgroundColor
+  },
   trackInner: {
     position: 'absolute',
-    borderRadius: 'inherit',
+    borderRadius: "calc(".concat(src.sliderTrackSize, " / 2)"),
     top: '0',
     left: '0',
     right: '100%',
@@ -28652,6 +28732,10 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     cursor: 'pointer',
     padding: 4,
     color: src.textareaClearColor,
+    opacity: 0,
+    '$wrapperWithClear:hover &': {
+      opacity: 1
+    },
     '$wrapperSmall &': {
       top: src.textareaSmallPaddingY
     },
@@ -30028,7 +30112,6 @@ var uploadStyle = {
   },
   iconHover: {
     '&:hover': {
-      color: src.uploadResultIconHoverColor,
       borderRadius: '50%',
       backgroundColor: src.uploadResultIconHoverBackgroundColor
     }
@@ -30194,11 +30277,9 @@ var uploadStyle = {
     boxSizing: 'border-box',
     width: src.uploadImageResultMaskIconSize,
     height: src.uploadImageResultMaskIconSize,
-    borderColor: src.uploadImageResultMaskIconColor,
-    borderTopColor: 'transparent',
+    borderColor: "transparent ".concat(src.uploadImageResultMaskIconColor, " ").concat(src.uploadImageResultMaskIconColor, " ").concat(src.uploadImageResultMaskIconColor),
     '$resultText &': {
-      borderColor: src.uploadResultUploadingIconColor,
-      borderTopColor: 'transparent'
+      borderColor: "transparent ".concat(src.uploadResultUploadingIconColor, " ").concat(src.uploadResultUploadingIconColor, " ").concat(src.uploadResultUploadingIconColor)
     }
   },
   imageResultMaskInfo: {
@@ -34902,7 +34983,7 @@ var Group = function Group(props) {
       return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Child, {
         size: size,
         mode: modeSetted || Child.props.mode,
-        shape: shapeSetted,
+        shape: shapeSetted || Child.props.shape,
         type: Child.props.type || type,
         className: classnames_default()(Child.props.className)
       });
@@ -42026,7 +42107,8 @@ var CascaderNode = function CascaderNode(props) {
     shouldFinal = props.shouldFinal,
     onChange = props.onChange,
     onPathChange = props.onPathChange,
-    mode = props.mode;
+    mode = props.mode,
+    size = props.size;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = slicedToArray_default()(_useState, 2),
     loading = _useState2[0],
@@ -42141,6 +42223,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
+        size: size,
         onChange: hasHandleSelectRef.current ? undefined : handleChange
       }), renderContent(), renderIcon()]
     })
@@ -42231,7 +42314,8 @@ var CascaderList = function CascaderList(props) {
       childrenKey: childrenKey,
       shouldFinal: shouldFinal,
       parentId: parentId,
-      path: path
+      path: path,
+      size: size
     }, id);
   };
   var renderSimpleList = function renderSimpleList() {
@@ -43136,14 +43220,14 @@ var More = function More(props) {
   var after = [];
   var afterLength = 0;
   if (!shouldShowMore) {
-    var validShowNum = showNum || 0;
-    before = new Array(validShowNum).fill(undefined).map(function (_item, index) {
+    var _validShowNum = showNum || 0;
+    before = new Array(_validShowNum).fill(undefined).map(function (_item, index) {
       return data[index];
     });
-    var afterCount = Math.max(0, data.length - validShowNum);
+    var afterCount = Math.max(0, data.length - _validShowNum);
     try {
       after = new Array(afterCount).fill(undefined).map(function (_item, index) {
-        return data[validShowNum + index];
+        return data[_validShowNum + index];
       });
       afterLength = after.length;
     } catch (error) {
@@ -43199,13 +43283,17 @@ var More = function More(props) {
       })]
     });
   };
+
+  // 当 compressed === 'no-repeat' 时，只传递未显示的数据
+  var validShowNum = showNum || 0;
+  var compressedData = compressed === 'no-repeat' ? (datas || []).slice(validShowNum) : datas;
   return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
     children: [shouldShowMore ? data : before, /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       style: {
         display: 'inline-flex'
       },
       children: renderCompressed ? renderCompressed({
-        data: datas,
+        data: compressedData,
         onRemove: onRemove
       }) : renderCompressedTag()
     })]
@@ -44133,7 +44221,8 @@ var Cascader = function Cascader(props0) {
       parentId: "",
       virtual: virtual,
       path: [],
-      mode: mode
+      mode: mode,
+      size: size
     }, 'root')];
     var childs = path.map(function (p, i) {
       tempData = tempData && tempData instanceof Array && tempData.find(function (d) {
@@ -63727,16 +63816,18 @@ var Slider = function Slider(props0) {
     id: fieldId,
     className: classnames_default()(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), isWholeDisabled() && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
     style: objectSpread2_default()(objectSpread2_default()({}, verticalStyle), props.style),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.track,
       ref: trackRef,
       onClick: shouldDisableTrackClick() ? undefined : func.handleTrackClick,
-      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackBackground
+      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackInner,
         style: innerStyle,
         dir: config.direction,
         children: [renderIndicator(0), renderIndicator(1)]
-      })
+      })]
     }), props.formatScale === false ? null : /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.scaleWrapper,
       children: scale === null || scale === void 0 ? void 0 : scale.map(function (item, index) {
@@ -75329,7 +75420,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.9-beta.4'
+  version: '3.9.9-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;