shineout 3.6.0-beta.12 → 3.6.0-beta.13

package/cjs/index.js

@@ -514,5 +514,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.6.0-beta.12'
+  version: '3.6.0-beta.13'
 };

package/dist/shineout.js

@@ -12130,7 +12130,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.6.0-beta.12');
+/* harmony default export */ var version = ('3.6.0-beta.13');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13220,6 +13220,8 @@ var carouselTokens = {
   carouselIndicatorLineWidth: 'Size-6',
   carouselIndicatorLineHeight: 'Size-2',
   carouselIndicatorLineGap: 'Spacing-4',
+  carouselIndicatorBarWidth: 'Size-12',
+  carouselIndicatorBarHeight: 'Size-2',
   carouselIndicatorArrowSize: 'Size-8',
   carouselIndicatorArrowColor: 'Neutral-fill-4',
   carouselIndicatorArrowHoverColor: 'Neutral-fill-1',
@@ -13827,6 +13829,7 @@ var inputTokens = {
   inputInnerPaddingY: 'Spacing-1',
   inputInnerFontSize: 'Font-14',
   inputInnerFontColor: 'Neutral-text-4',
+  inputInnerPlaceFontColor: 'Neutral-text-4',
   inputInnerSmallPaddingX: 'Spacing-8',
   inputInnerSmallPaddingY: 'Spacing-1',
   inputInnerSmallFontSize: 'Font-12',
@@ -14521,7 +14524,7 @@ var tableTokens = {
   tableTfootFontColor: 'Neutral-text-5',
   tableTfootFontWeight: 'Weight-regular',
   tableExpandIconSize: 'Size-7',
-  tableExpandIconColor: 'Neutral-text-3',
+  tableExpandIconColor: 'Neutral-text-2',
   tableExpandIconHoverBackgroundColor: 'Neutral-fill-3',
   tableExpandBackgroundColor: 'Neutral-fill-2',
   tableSorterColor: 'Neutral-text-3',
@@ -14565,12 +14568,12 @@ var tabsTokens = {
   tabsLineFontColor: 'Neutral-text-5',
   tabsLineFontWeight: 'Weight-regular',
   tabsLineFontSize: 'Font-14',
-  tabsLineBackgroundColor: 'Neutral-fill-1',
+  tabsLineBackgroundColor: 'transparent',
   tabsLineActiveBackgroundColor: 'Neutral-fill-3',
   tabsLineCheckedFontColor: 'Brand-6',
   tabsLineCheckedFontSize: 'Font-14',
   tabsLineCheckedFontWeight: 'Weight-medium',
-  tabsLineCheckedBackgroundColor: 'Neutral-fill-1',
+  tabsLineCheckedBackgroundColor: 'transparent',
   tabsLineHoverFontSize: 'Font-14',
   tabsLineHoverBackgroundColor: 'Neutral-fill-2',
   tabsLineDisabledFontColor: 'Neutral-text-2',
@@ -16772,7 +16775,48 @@ var carouselStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   },
-  indicatorTypeSlider: {},
+  indicatorTypeBar: {
+    '& $indicator': {
+      position: 'relative',
+      borderRadius: '100px',
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 0 0 100px'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 100px 100px 0'
+        }
+      },
+      width: src.carouselIndicatorBarWidth,
+      height: src.carouselIndicatorBarHeight
+    },
+    '& $indicator:before': {
+      content: '""',
+      position: 'absolute',
+      zIndex: -1,
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: src.carouselIndicatorBackgroundColor
+    },
+    '$indicatorLeft& $indicator, $indicatorRight& $indicator': {
+      width: src.carouselIndicatorBarHeight,
+      height: src.carouselIndicatorBarWidth,
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 100px 0 0'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 0 100px 100px'
+        }
+      }
+    }
+  },
   indicatorArrow: {
     width: src.carouselIndicatorArrowSize,
     height: src.carouselIndicatorArrowSize,
@@ -18617,6 +18661,7 @@ var descriptionsStyle = {
   valueInline: {
     paddingRight: src.descriptionsLabelPaddingRight,
     textAlign: 'left',
+    wordBreak: 'break-all',
     boxSizing: 'border-box',
     color: src.descriptionsValueColor
   },
@@ -18632,11 +18677,10 @@ var descriptionsStyle = {
   },
   inlineHorizontal: {
     '& $item': {
-      display: 'flex',
-      alignItems: 'center'
+      display: 'flex'
     },
     '& $cell': {
-      verticalAlign: 'middle'
+      verticalAlign: 'top'
     },
     '& $row': {
       '&>td': {
@@ -19970,7 +20014,8 @@ var innerTitle = objectSpread2_default()(objectSpread2_default()({
     pointerEvents: 'none',
     '& $title': {
       position: 'relative',
-      top: 0
+      top: 0,
+      color: src.inputInnerPlaceFontColor
     },
     '$animation$wrapperOpen & $title': {
       animation: "$movein ".concat(moveTime, " ease-in")
@@ -23333,12 +23378,17 @@ var sliderStyle = {
     cursor: 'pointer',
     borderRadius: '100px',
     height: src.sliderTrackSize,
-    boxSizing: 'border-box',
+    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%'
+      height: '100%',
+      borderLeft: "".concat(src.sliderScaleMarginY, " solid transparent"),
+      borderRight: "".concat(src.sliderScaleMarginY, " solid transparent")
     },
     '$disabled &': {
       cursor: 'not-allowed'
@@ -23558,7 +23608,7 @@ var sliderStyle = {
       backgroundColor: src.sliderScaleLineBackgroundColor
     },
     '$wrapper:not($vertical) &': {
-      marginTop: src.sliderScaleMarginY,
+      // marginTop: token.sliderScaleMarginY,
       width: 0,
       '&::before': {
         width: '1px',
@@ -23572,7 +23622,7 @@ var sliderStyle = {
       // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
     },
     '$vertical &': {
-      marginLeft: src.sliderScaleMarginY,
+      // marginLeft: token.sliderScaleMarginY,
       height: 0,
       '&::before': {
         height: '1px',
@@ -25363,6 +25413,7 @@ var resizeIndex = 8;
 var fixedFixedIndex = 10;
 var headerIndex = 12;
 var loadingIndex = 16;
+var shadowWidth = 12;
 var globalStyle = {
   '@global': {
     'body[data-soui-table-selection] *::selection': {
@@ -25404,7 +25455,6 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
             zIndex: cellBaseIndex,
             top: 0,
             bottom: 0,
-            background: src.tableCellBorderColor,
             borderLeft: "1px solid ".concat(src.tableCellBorderColor)
           },
           '[dir=ltr]&::after': {
@@ -25626,16 +25676,16 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         position: 'absolute',
         top: 0,
         bottom: -1,
-        width: '5px',
-        pointerEvents: 'none'
+        width: "".concat(shadowWidth, "px"),
+        pointerEvents: 'none',
+        boxShadow: 'inset 8px 0 10px -6px rgba(2,11,24,.1)'
+        // border: 'none',
       },
       '&[dir=ltr]::after': {
-        right: '-5px',
-        background: "linear-gradient(90deg, ".concat(src.tableFixedShadow, ", transparent)")
+        right: "-".concat(shadowWidth, "px")
       },
       '&[dir=rtl]::after': {
-        left: '-5px',
-        background: "linear-gradient(270deg, ".concat(src.tableFixedShadow, ",transparent)")
+        left: "-".concat(shadowWidth, "px")
       }
     },
     '& table': {
@@ -25659,16 +25709,15 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         position: 'absolute',
         top: 0,
         bottom: 0,
-        width: '5px',
-        pointerEvents: 'none'
+        width: "".concat(shadowWidth, "px"),
+        pointerEvents: 'none',
+        boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=rtl]::before': {
-        right: '-5px',
-        background: "linear-gradient(90deg, ".concat(src.tableFixedShadow, ", transparent)")
+        right: "-".concat(shadowWidth, "px")
       },
       '&[dir=ltr]::before': {
-        left: '-5px',
-        background: "linear-gradient(270deg, ".concat(src.tableFixedShadow, ",transparent)")
+        left: "-".concat(shadowWidth, "px")
       }
     },
     '& table': {
@@ -28367,7 +28416,6 @@ var uploadStyle = {
   },
   result: {
     display: 'flex',
-    alignItems: 'center',
     gap: '8px',
     borderRadius: src.uploadResultBorderRadius,
     padding: "".concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX),
@@ -28380,7 +28428,7 @@ var uploadStyle = {
   },
   icon: {
     width: src.uploadResultIconSize,
-    height: src.uploadResultIconSize,
+    height: src.lineHeightDynamic,
     color: src.uploadResultIconColor,
     display: 'flex',
     alignItems: 'center',
@@ -28409,16 +28457,14 @@ var uploadStyle = {
   },
   resultTextFooter: {
     display: 'flex',
-    alignItems: 'center',
     gap: src.uploadResultGap,
     color: src.uploadResultUploadingIconColor
   },
   resultText: {
     display: 'flex',
-    alignItems: 'center',
-    minWidth: '0',
-    wordBreak: 'break-all',
     flex: 1,
+    minWidth: 0,
+    wordBreak: 'break-all',
     gap: src.uploadResultGap,
     fontSize: src.uploadResultFontSize,
     color: src.uploadResultFontColor,
@@ -35365,6 +35411,7 @@ var useInputCommon = function useInputCommon(props0) {
     inputAbleProps.forceDelayChange();
   });
   return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
+    formName: undefined,
     value: inputAbleProps.value,
     className: classnames_default()(props.className, innerTitle && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperInnerTitle)),
     onChange: inputAbleProps.onChange,
@@ -35404,9 +35451,7 @@ var input_Input = function Input(props) {
     digits: commonProps.digits,
     integerLimit: commonProps.integerLimit,
     numType: commonProps.numType,
-    trim: (_ref = (_commonProps$trim = commonProps.trim) !== null && _commonProps$trim !== void 0 ? _commonProps$trim : config.trim) !== null && _ref !== void 0 ? _ref : false,
-    // 移除 formName，避免渲染到原生 input 上
-    formName: undefined
+    trim: (_ref = (_commonProps$trim = commonProps.trim) !== null && _commonProps$trim !== void 0 ? _commonProps$trim : config.trim) !== null && _ref !== void 0 ? _ref : false
   };
   var inputFormatProps = use_input_format(objectSpread2_default()({
     value: commonProps.value,
@@ -35841,7 +35886,7 @@ var Carousel = function Carousel(props) {
       });
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorWrapper, indicatorPosition === 'center' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorCenter), indicatorPosition === 'left' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorLeft), indicatorPosition === 'right' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorRight), indicatorPosition === 'outer' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorOuter), indicatorType === 'circle' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeCircle), indicatorType === 'number' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeNumber), indicatorType === 'line' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeLine), indicatorType === 'slider' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeSlider)),
+      className: classnames_default()(carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorWrapper, indicatorPosition === 'center' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorCenter), indicatorPosition === 'left' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorLeft), indicatorPosition === 'right' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorRight), indicatorPosition === 'outer' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorOuter), indicatorType === 'circle' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeCircle), indicatorType === 'number' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeNumber), indicatorType === 'line' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeLine), indicatorType === 'bar' && (carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorTypeBar)),
       children: content
     });
   };
@@ -46531,7 +46576,7 @@ var useDescriptions = function useDescriptions(props) {
 
 
 var Descriptions = function Descriptions(props) {
-  var _jssStyleProps$descri;
+  var _jssStyleProps$descri, _renderItem$;
   var className = props.className,
     jssStyleProps = props.jssStyle,
     style = props.style,
@@ -46650,15 +46695,23 @@ var Descriptions = function Descriptions(props) {
     style: style,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Header, {}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: bodyClassName,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("table", {
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
         className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.table,
         cellPadding: 0,
         cellSpacing: 0,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+        children: [layout === 'inlineHorizontal' && typeof column === 'number' && column > 1 && /*#__PURE__*/(0,jsx_runtime.jsx)("colgroup", {
+          children: (_renderItem$ = renderItem[0]) === null || _renderItem$ === void 0 ? void 0 : _renderItem$.map(function (_, index, arr) {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)("col", {
+              style: {
+                width: "".concat(1 / arr.length * 100, "%")
+              }
+            }, index);
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: renderItem.map(function (d, i) {
             return renderHandle(d, i);
           })
-        })
+        })]
       })
     })]
   });
@@ -63213,7 +63266,7 @@ var TabsHeader = function TabsHeader(props) {
     _useState4 = slicedToArray_default()(_useState3, 2),
     currentTabRect = _useState4[0],
     setCurrentTabRect = _useState4[1];
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     var _currentTab$getBoundi;
     if (shape !== 'line' && shape !== 'dash') return;
     var currentTab = tabRef.current[active];
@@ -68876,7 +68929,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.12'
+  version: '3.6.0-beta.13'
 });
 }();
 /******/ 	return __webpack_exports__;