shineout 3.9.2 → 3.9.3-beta.10

package/dist/shineout.js

@@ -4548,15 +4548,14 @@ const figma = [
   {
     name: 'Shadow-4',
     value: '0px -2px 10px rgba(232, 235, 240, 0.8)',
-    describe: '详情页底部按钮模块阴影',
+    describe: '详情页底部按钮模块阴影（向上）',
     token: 'Shadow-4',
     locked: true,
   },
   {
     name: 'Shadow-5',
-    value:
-      'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
-    describe: 'Switch圆圈阴影',
+    value: '0px 2px 10px rgba(232, 235, 240, 0.8)',
+    describe: '详情页底部按钮模块阴影（向下）',
     token: 'Shadow-5',
     locked: true,
   },
@@ -7447,7 +7446,7 @@ var devUseWarning = {
 
 
 
-var _excluded = ["jssStyle", "type", "className", "children", "icon", "title", "titleStyle", "iconSize", "closable", "hideClose", "bordered", "closeItem", "onClose"];
+var _excluded = ["jssStyle", "type", "className", "children", "icon", "iconClassName", "title", "titleStyle", "iconSize", "closable", "hideClose", "bordered", "closeItem", "onClose"];
 
 
 
@@ -7467,6 +7466,7 @@ var Alert = function Alert(props) {
     className = props.className,
     children = props.children,
     icon = props.icon,
+    iconClassName = props.iconClassName,
     title = props.title,
     titleStyle = props.titleStyle,
     iconSize = props.iconSize,
@@ -7523,7 +7523,8 @@ var Alert = function Alert(props) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(alert_icon, {
         jssStyle: props.jssStyle,
         style: style,
-        type: props.type
+        type: props.type,
+        className: iconClassName
       });
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -7534,7 +7535,7 @@ var Alert = function Alert(props) {
   };
   var renderTitle = function renderTitle() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: alertStyle.title,
+      className: classnames_default()(alertStyle.title, props.titleClassName),
       style: titleStyle,
       children: title
     });
@@ -12400,17 +12401,21 @@ 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.2');
+/* harmony default export */ var version = ('3.9.3-beta.10');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
 
 
+
 var jss_style_prefix = 'soui';
 var jss_style_config = {};
 var setJssConfig = function setJssConfig(newConfig) {
   Object.assign(jss_style_config, newConfig);
 };
+var getJssConfig = function getJssConfig() {
+  return jss_style_config;
+};
 var stringToHash = function stringToHash(str) {
   var hash = 0;
   if (str.length === 0) return '';
@@ -12444,12 +12449,27 @@ var createClassname = function createClassname(rule, sheet) {
 // };
 
 var styled = function styled(style, ns) {
+  var styleElement = typeof window !== 'undefined' ? document.createElement('style') : undefined;
   var hoc = createUseStyles(jss_style_handleStyle(style), {
     name: ns,
-    generateId: createClassname
+    generateId: createClassname,
+    element: styleElement
   });
   var styledCacheMap = {};
+  var attributesApplied = false;
   var getClassName = function getClassName() {
+    if (!attributesApplied && styleElement) {
+      var jssConfig = getJssConfig();
+      if (jssConfig.styleAttributes) {
+        Object.entries(jssConfig.styleAttributes).forEach(function (_ref) {
+          var _ref2 = slicedToArray_default()(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
+          styleElement.setAttribute(key, value);
+        });
+      }
+      attributesApplied = true;
+    }
     var classes = hoc();
     if (styledCacheMap[ns]) {
       return styledCacheMap[ns];
@@ -12791,7 +12811,7 @@ var Token = {
   'Shadow-2': '0px 4px 10px rgba(2, 11, 24, 0.1)',
   'Shadow-3': '0px 8px 20px rgba(2, 11, 24, 0.1)',
   'Shadow-4': '0px -2px 10px rgba(232, 235, 240, 0.8)',
-  'Shadow-5': 'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
+  'Shadow-5': '0px 2px 10px rgba(232, 235, 240, 0.8)',
   'Line-height-dynamic': 'calc( 1em + 8px )',
   'Line-height-dynamic-min': 'calc( max(1em, 14px) + 8px )',
   Transparent: 'transparent',
@@ -12956,7 +12976,7 @@ var alertTokens = {
   alertDangerBackgroundColor: 'Danger-1',
   alertDangerBorderColor: 'Danger-2',
   alertDangerFontColor: 'Danger-6',
-  alertIconSize: 'Size-8',
+  alertIconSize: 'Font-16',
   alertFontSize: 'Font-14',
   alertFontWeight: 'Weight-regular',
   alertFontColor: 'Neutral-text-5',
@@ -12966,8 +12986,8 @@ var alertTokens = {
   alertNearlyMargin: 'Spacing-8',
   alertTitleFontSize: 'Font-16',
   alertTitleFontWeight: 'Weight-medium',
-  alertTitleMarginY: 'Spacing-8',
-  alertTitleIconWidth: 'Size-8',
+  alertTitleMarginY: 'Spacing-4',
+  alertTitleIconWidth: 'Font-16',
   alertTitleIconHeight: 'Size-12',
   alertCloseFontColor: 'Neutral-text-4',
   alertCloseHoverColor: 'Neutral-text-5',
@@ -13063,7 +13083,8 @@ var breadcrumbTokens = {
   breadcrumbListItemHoverFontColor: 'Neutral-text-3',
   breadcrumbPrevFontWeight: 'Weight-regular',
   breadcrumbSeparatorMarginX: 'Spacing-8',
-  breadcrumbIconBackgroundColor: 'Neutral-text-4'
+  breadcrumbIconBackgroundColor: 'Neutral-text-4',
+  breadcrumbDownIconSize: 'Font-14'
 };
 /* harmony default export */ var breadcrumb = (breadcrumbTokens);
 ;// CONCATENATED MODULE: ../theme/src/breadcrumb/index.ts
@@ -13536,7 +13557,7 @@ var cascaderTokens = {
   cascaderBorderColor: 'Neutral-border-2',
   cascaderPaddingX: 'Spacing-8',
   cascaderPaddingY: 'Spacing-2',
-  cascaderIconSize: 'Size-7',
+  cascaderIconSize: 'Font-14',
   cascaderIconColor: 'Neutral-text-4',
   cascaderTagMarginY: 'Spacing-2',
   cascaderTagMarginRight: 'Spacing-4',
@@ -13595,6 +13616,7 @@ var cascaderTokens = {
   cascaderOptionInnerPaddingRight: 'Size-15',
   cascaderOptionInnerBorderRadius: 'Radius-lesser',
   cascaderOptionIconColor: 'Neutral-text-4',
+  cascaderOptionIconSize: 'Font-14',
   cascaderOptionHoverBackgroundColor: 'Neutral-fill-2',
   cascaderOptionHoverFontColor: 'Neutral-text-5',
   cascaderOptionFocusBackgroundColor: 'Neutral-fill-3',
@@ -13624,7 +13646,7 @@ var cascaderTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var checkboxTokens = {
-  checkboxIconSize: 'Size-7',
+  checkboxIconSize: 'Font-14',
   checkboxIconBorderColor: 'Neutral-border-2',
   checkboxIconBorderRadius: 'Radius-lesser',
   checkboxIconBorderWidth: 'Border-1',
@@ -13650,9 +13672,9 @@ var checkboxTokens = {
   checkboxLabelDisabledFontColor: 'Neutral-text-2',
   checkboxGap: 'Spacing-24',
   checkboxBlockGap: 'Spacing-12',
-  checkboxSmallIconSize: 'Size-6',
+  checkboxSmallIconSize: 'Font-12',
   checkboxSmallLabelFontSize: 'Font-12',
-  checkboxLargeIconSize: 'Size-8',
+  checkboxLargeIconSize: 'Font-16',
   checkboxLargeLabelFontSize: 'Font-16'
 };
 /* harmony default export */ var checkbox_checkbox = (checkboxTokens);
@@ -13728,13 +13750,15 @@ var datePickerTokens = {
   datePickerBorderColor: 'Neutral-border-2',
   datePickerPaddingX: 'Spacing-8',
   datePickerPaddingY: 'Spacing-4',
-  datePickerIconSize: 'Size-7',
+  datePickerIconSize: 'Font-14',
   datePickerIconColor: 'Neutral-text-4',
+  datePickerSmallIconSize: 'Font-12',
   datePickerSmallPanelFooterNowPaddingX: 'Spacing-16',
   datePickerSmallPanelFooterNowPaddingY: 'Spacing-11',
   datePickerSmallFontSize: 'Font-12',
   datePickerSmallPaddingX: 'Spacing-8',
   datePickerSmallPaddingY: 'Spacing-1',
+  datePickerLargeIconSize: 'Font-16',
   datePickerLargeFontSize: 'Font-16',
   datePickerLargePaddingX: 'Spacing-12',
   datePickerLargePaddingY: 'Spacing-7',
@@ -13772,7 +13796,7 @@ var datePickerTokens = {
   datePickerPanelHeaderPaddingY: 'Spacing-8',
   datePickerPanelHeaderBorderColor: 'Neutral-border-1',
   datePickerPanelHeaderIconColor: 'Neutral-text-4',
-  datePickerPanelHeaderIconWidth: 'Size-7',
+  datePickerPanelHeaderIconWidth: 'Font-14',
   datePickerPanelHeaderIconHotWidth: 'Size-13',
   datePickerPanelHeaderIconHoverBackgroundColor: 'Neutral-fill-3',
   datePickerPanelHeaderTitlePaddingX: 'Spacing-4',
@@ -13890,12 +13914,14 @@ var dividerTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var dropdownTokens = {
-  dropdownCaretMarginLeft: 'Spacing-4',
   dropdownListBorderRadius: 'Radius-default',
+  dropdownListBorderColor: 'Neutral-border-1',
+  dropdownListBorderWidth: 'Border-1',
   dropdownListPaddingX: 'Spacing-4',
   dropdownListPaddingY: 'Spacing-4',
   dropdownListFontSize: 'Font-14',
   dropdownListFontWeight: 'Weight-regular',
+  dropdownListFontColor: 'Neutral-text-5',
   dropdownListSmallBorderRadius: 'Radius-default',
   dropdownListSmallPaddingX: 'Spacing-4',
   dropdownListSmallPaddingY: 'Spacing-4',
@@ -13905,10 +13931,7 @@ var dropdownTokens = {
   dropdownListLargePaddingY: 'Spacing-4',
   dropdownListLargeFontSize: 'Font-16',
   dropdownListBackgroundColor: 'Neutral-fill-1',
-  dropdownListBorderColor: 'Neutral-border-1',
-  dropdownListFontColor: 'Neutral-text-5',
   dropdownListBoxShadow: 'Shadow-2',
-  dropdownListBorderWidth: 'Border-1',
   dropdownOptionPaddingX: 'Spacing-8',
   dropdownOptionPaddingY: 'Spacing-5',
   dropdownOptionSmallPaddingX: 'Spacing-8',
@@ -13917,6 +13940,7 @@ var dropdownTokens = {
   dropdownOptionLargePaddingY: 'Spacing-8',
   dropdownOptionBackgroundColor: 'Neutral-fill-1',
   dropdownOptionFontColor: 'Neutral-text-5',
+  dropdownOptionFontWeight: 'Weight-regular',
   dropdownOptionHoverBackgroundColor: 'Neutral-fill-2',
   dropdownOptionHoverFontColor: 'Neutral-text-5',
   dropdownOptionActiveBackgroundColor: 'Neutral-fill-3',
@@ -13926,11 +13950,8 @@ var dropdownTokens = {
   dropdownOptionDisabledBackgroundColor: 'Neutral-fill-1',
   dropdownOptionDisabledFontColor: 'Neutral-text-2',
   dropdownOptionBorderRadius: 'Radius-2',
-  dropdownOptionFontWeight: 'Weight-regular',
-  dropdownColumnPaddingX: 'Spacing-4',
-  dropdownColumnPaddingY: 'Spacing-4',
   dropdownOptionGroupPaddingX: 'Spacing-8',
-  dropdownOptionGroupPaddingTop: 'Spacing-10',
+  dropdownOptionGroupPaddingTop: 'Font-14',
   dropdownOptionGroupPaddingBottom: 'Spacing-2',
   dropdownOptionGroupFontSize: 'Font-12',
   dropdownOptionGroupFontColor: 'Neutral-text-3',
@@ -13938,12 +13959,16 @@ var dropdownTokens = {
   dropdownOptionGroupSmallX: 'Spacing-8',
   dropdownOptionGroupSmallTop: 'Spacing-4',
   dropdownOptionGroupLargeX: 'Spacing-12',
-  dropdownOptionGroupLargeTop: 'Spacing-14',
+  dropdownOptionGroupLargeTop: 'Font-16',
   dropdownOptionGroupLargeBottom: 'Spacing-4',
+  dropdownOptionGroupLargeFontSize: 'Font-14',
   dropdownOptionDividerBackgroundColor: 'Neutral-border-1',
   dropdownOptionDividerPaddingX: 'Spacing-8',
   dropdownOptionDividerPaddingY: 'Spacing-2',
-  dropdownOptionDividerHeight: 'Border-1'
+  dropdownOptionDividerHeight: 'Border-1',
+  dropdownColumnPaddingX: 'Spacing-4',
+  dropdownColumnPaddingY: 'Spacing-4',
+  dropdownCaretMarginLeft: 'Spacing-4'
 };
 /* harmony default export */ var dropdown = (dropdownTokens);
 ;// CONCATENATED MODULE: ../theme/src/dropdown/index.ts
@@ -14075,14 +14100,16 @@ var inputTokens = {
   inputBorderWidth: 'Border-1',
   inputPaddingX: 'Spacing-8',
   inputPaddingY: 'Spacing-4',
-  inputIconSize: 'Size-7',
+  inputIconSize: 'Font-14',
   inputIconColor: 'Neutral-text-4',
   inputSmallFontSize: 'Font-12',
   inputSmallPaddingX: 'Spacing-8',
   inputSmallPaddingY: 'Spacing-1',
+  inputSmallIconSize: 'Font-12',
   inputLargeFontSize: 'Font-16',
   inputLargePaddingX: 'Spacing-12',
   inputLargePaddingY: 'Spacing-7',
+  inputLargeIconSize: 'Font-16',
   inputPlaceholderColor: 'Neutral-text-2',
   inputPlaceholderFontWeight: 'Weight-regular',
   inputBackgroundColor: 'Neutral-fill-1',
@@ -14141,9 +14168,9 @@ var inputTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var linkTokens = {
-  linkDefaultFontSize: 'Size-7',
-  linkSmallFontSize: 'Size-6',
-  linkLargeFontSize: 'Size-8',
+  linkDefaultFontSize: 'Font-14',
+  linkSmallFontSize: 'Font-12',
+  linkLargeFontSize: 'Font-16',
   linkPrimaryFontColor: 'Brand-6',
   linkPrimaryDisabledFontColor: 'Brand-3',
   linkPrimaryHoverFontColor: 'Brand-5',
@@ -14227,7 +14254,7 @@ var menuTokens = {
   menuTitlePaddingX: 'Spacing-16',
   menuTitlePaddingY: 'Spacing-9',
   menuExpandWidth: 'Spacing-46',
-  menuExpandSize: 'Spacing-14',
+  menuExpandSize: 'Font-14',
   menuExpandHoverBackgroundColor: 'Neutral-fill-3',
   menuChildrenBoxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
   menuHeaderBorderColor: 'Neutral-border-1',
@@ -14367,14 +14394,14 @@ var paginationTokens = {
 var popoverTokens = {
   popoverFontSize: 'Font-14',
   popoverFontWeight: 'Weight-regular',
+  popoverFontColor: 'Neutral-text-5',
   popoverPaddingX: 'Spacing-8',
   popoverPaddingY: 'Spacing-8',
   popoverRadius: 'Radius-default',
   popoverBorderWidth: 'Border-1',
-  popoverFontColor: 'Neutral-text-5',
+  popoverBorderColor: 'Neutral-border-1',
   popoverBackgroundColor: 'Neutral-fill-1',
   popoverShadow: 'Shadow-2',
-  popoverBorderColor: 'Neutral-border-1',
   popoverSuccessBackgroundColor: 'Success-1',
   popoverSuccessBorderColor: 'Success-2',
   popoverWarningBackgroundColor: 'Warning-1',
@@ -14389,7 +14416,8 @@ var popoverTokens = {
   popoverConfirmPaddingX: 'Spacing-16',
   popoverConfirmPaddingY: 'Spacing-16',
   popoverConfirmMarginY: 'Spacing-16',
-  popoverConfirmBackgroundColor: 'transparent'
+  popoverConfirmBackgroundColor: 'transparent',
+  popoverConfirmTitleFontSize: 'Font-14'
 };
 /* harmony default export */ var popover = (popoverTokens);
 ;// CONCATENATED MODULE: ../theme/src/popover/index.ts
@@ -14448,7 +14476,7 @@ var progressTokens = {
 var radioTokens = {
   radioGap: 'Spacing-24',
   radioBlockGap: 'Spacing-12',
-  radioIconWidth: 'Size-7',
+  radioIconWidth: 'Font-14',
   radioIconGap: 'Spacing-8',
   radioIconBorderWidth: 'Border-2',
   radioIconInnerSize: 'Size-3',
@@ -14465,12 +14493,12 @@ var radioTokens = {
   radioIconWrapperFill: 'Neutral-fill-2',
   radioIconWrapperDark: 'Neutral-fill-3',
   radioPaddingY: 'Spacing-4',
-  radioSmallIconWidth: 'Size-6',
+  radioSmallIconWidth: 'Font-12',
   radioSmallIconBorderWidth: 'Border-1',
   radioSmallIconInnerSize: 'Size-3',
   radioSmallLabelFontSize: 'Font-12',
   radioSmallPaddingY: 'Spacing-1',
-  radioLargeIconWidth: 'Size-8',
+  radioLargeIconWidth: 'Font-16',
   radioLargeIconBorderWidth: 'Border-2',
   radioLargeLabelFontSize: 'Font-16',
   radioLargePaddingY: 'Spacing-7',
@@ -14764,7 +14792,7 @@ var switchTokens = {
   switchPaddingY: 'Spacing-2',
   switchCircleSize: 'Size-9',
   switchCircleFill: 'Neutral-text-1',
-  switchCircleShadow: 'Shadow-5',
+  switchCircleShadow: 'Shadow-3',
   switchWidth: 'Size-21',
   switchTextPaddingLeft: 'Spacing-8',
   switchTextPaddingRight: 'Spacing-4',
@@ -14855,7 +14883,7 @@ var tableTokens = {
   tableFilterFooterPaddingY: 'Spacing-8',
   tableFilterFooterBorderColor: 'Neutral-border-1',
   tableFilterInputMarginBottom: 'Spacing-8',
-  tableFilterInputIconSize: 'Size-7',
+  tableFilterInputIconSize: 'Font-14',
   tableFilterInputIconColor: 'Neutral-text-4',
   tableFilterInputIconMarginRight: 'Spacing-8',
   tableFilterIconColor: 'Neutral-text-3',
@@ -14863,7 +14891,7 @@ var tableTokens = {
   tableFilterIconHoverBackgroundColor: 'Neutral-fill-3',
   tableFilterIconActiveColor: 'Brand-6',
   tableFilterIconPadding: 'Spacing-4',
-  tableFilterIconSize: 'Size-7',
+  tableFilterIconSize: 'Font-14',
   tableResizeColor: 'Brand-7',
   tableSelectionBorderColor: 'Brand-6',
   tablePaginationMarginY: 'Spacing-12'
@@ -14957,6 +14985,7 @@ var tabsTokens = {
   tabsActionHorizontalPaddingY: 'Spacing-8',
   tabsExtraFillHoverBackgroundColor: 'Neutral-fill-3',
   tabsArrowFontColor: 'Neutral-text-4',
+  tabsArrowFontSize: 'Font-14',
   tabsBadgeMargin: 'Spacing-0'
 };
 /* harmony default export */ var tabs = (tabsTokens);
@@ -14996,6 +15025,7 @@ var tagTokens = {
   tagInfoIconDisabledFontColor: 'Brand-3',
   tagInfoIconHoverBackgroundColor: 'Brand-2',
   tagDefaultLineHeight: 'Line-height-dynamic',
+  tagDefaultLineBase: 'Font-14',
   tagDefaultFontColor: 'Neutral-text-5',
   tagDefaultBackgroundColor: 'Neutral-fill-2',
   tagDefaultBorderColor: 'Neutral-fill-2',
@@ -15436,6 +15466,7 @@ var treeTokens = {
   treeTextPaddingY: 'Spacing-2',
   treeTextPaddingX: 'Spacing-4',
   treeCheckboxMarginX: 'Spacing-8',
+  treeIconSize: 'Font-14',
   treeFontSize: 'Font-14',
   treeLineHeight: 'Size-18',
   treeSmallFontSize: 'Font-12',
@@ -15765,8 +15796,8 @@ var alertStyle = {
     cursor: 'pointer',
     color: src.alertCloseFontColor,
     fontSize: src.alertFontSize,
-    height: src.alertCloseSize,
-    width: src.alertCloseSize,
+    height: "calc(".concat(src.alertFontSize, " + 2px)"),
+    width: "calc(".concat(src.alertFontSize, " + 2px)"),
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
@@ -16173,8 +16204,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: 14,
-    height: 14,
+    width: src.breadcrumbDownIconSize,
+    height: src.breadcrumbDownIconSize,
     lineHeight: '1',
     marginLeft: 4
   },
@@ -18029,7 +18060,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: 14
+      width: src.cascaderOptionIconSize
     }
   },
   optionSpin: {
@@ -18252,7 +18283,7 @@ var collapseItemStyle = {
   },
   header: {
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
@@ -18293,7 +18324,7 @@ var collapseItemStyle = {
     cursor: 'pointer',
     position: 'relative',
     color: src.collapseIconColor,
-    lineHeight: src.lineHeightDynamic,
+    height: src.lineHeightDynamic,
     zIndex: 0,
     marginRight: src.collapseHeaderGap,
     '& svg': {
@@ -18579,7 +18610,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     color: src.datePickerIconColor,
     '& svg': {
       width: src.datePickerIconSize,
-      height: src.datePickerIconSize
+      height: src.datePickerIconSize,
+      '$wrapperSmall &': {
+        width: src.datePickerSmallIconSize,
+        height: src.datePickerSmallIconSize
+      },
+      '$wrapperLarge &': {
+        width: src.datePickerLargeIconSize,
+        height: src.datePickerLargeIconSize
+      }
     },
     // todo 暂时写死
     marginLeft: '8px'
@@ -18744,6 +18783,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       padding: "".concat(src.datePickerSmallPanelFooterNowPaddingY, " ").concat(src.datePickerSmallPanelFooterNowPaddingX)
     }
   },
+  wrapperLarge: {},
   pickerFooterNow: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX),
     '&:only-child': {
@@ -19550,10 +19590,11 @@ var dropdown_dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "".concat(src.dropdownOptionGroupPaddingTop, " ").concat(src.dropdownOptionGroupPaddingX, " ").concat(src.dropdownOptionGroupPaddingBottom, " ").concat(src.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(src.dropdownOptionGroupPaddingTop, " - 4px) ").concat(src.dropdownOptionGroupPaddingX, " ").concat(src.dropdownOptionGroupPaddingBottom, " ").concat(src.dropdownOptionGroupPaddingX),
     fontSize: src.dropdownOptionGroupFontSize,
     fontWeight: src.dropdownOptionGroupFontWeight,
     color: src.dropdownOptionGroupFontColor,
+    lineHeight: src.lineHeightDynamic,
     '$listSmall &': {
       padding: "".concat(src.dropdownOptionGroupSmallTop, " ").concat(src.dropdownOptionGroupSmallX, " 0 ").concat(src.dropdownOptionGroupSmallX)
     },
@@ -20837,6 +20878,14 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
     },
     '&[dir=rtl]': {
       left: '0'
+    },
+    '$wrapperSmall &': {
+      width: src.inputSmallIconSize,
+      height: src.inputSmallIconSize
+    },
+    '$wrapperLarge &': {
+      width: src.inputLargeIconSize,
+      height: src.inputLargeIconSize
     }
   },
   group: objectSpread2_default()(objectSpread2_default()({}, group), {}, {
@@ -20886,7 +20935,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
         borderBottom: "1px solid ".concat(src.inputBorderColor)
       },
       '& svg': {
-        width: 14,
+        width: src.inputIconSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -20901,13 +20950,20 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
   passwordToggle: {
     display: 'flex',
     alignItems: 'center',
+    flexShrink: 0,
     width: src.inputIconSize,
     height: src.inputIconSize,
     color: src.inputToggleColor,
     cursor: 'pointer',
+    '$wrapperSmall &': {
+      width: src.inputSmallIconSize,
+      height: src.inputSmallIconSize
+    },
+    '$wrapperLarge &': {
+      width: src.inputLargeIconSize,
+      height: src.inputLargeIconSize
+    },
     '& > svg': {
-      width: src.inputIconSize,
-      height: src.inputIconSize,
       cursor: 'pointer',
       pointerEvents: 'none'
     },
@@ -23266,6 +23322,14 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
       marginBottom: src.popoverConfirmMarginY
     }
   },
+  mentionTitle: {
+    fontSize: src.popoverConfirmTitleFontSize
+  },
+  mentionIcon: {
+    '&&': {
+      fontSize: src.popoverConfirmTitleFontSize
+    }
+  },
   footer: {
     textAlign: 'right'
   }
@@ -24068,7 +24132,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       fontSize: src.selectSmallFontSize
     },
     '& $optionGroupTitle': {
-      padding: "".concat(src.selectGroupTitleSmallTop, " ").concat(src.selectGroupTitlePaddingX, " 0 ").concat(src.selectGroupTitlePaddingX)
+      padding: "calc(".concat(src.selectFontSize, " - 10px) ").concat(src.selectGroupTitlePaddingX, " 0 ").concat(src.selectGroupTitlePaddingX)
     }
   },
   pickerLarge: {
@@ -24080,7 +24144,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       fontSize: src.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "".concat(src.selectGroupTitleLargeTop, " ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitleLargeBottom, " ").concat(src.selectGroupTitlePaddingX)
+      padding: "calc(".concat(src.selectFontSize, " + 2px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitleLargeBottom, " ").concat(src.selectGroupTitlePaddingX)
     }
   },
   iconWrapper: {
@@ -24297,7 +24361,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   optionGroupTitle: {
     fontSize: src.selectGroupTitleFontSize,
     lineHeight: src.lineHeightDynamic,
-    padding: "".concat(src.selectGroupTitlePaddingTop, " ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
+    padding: "calc(".concat(src.selectFontSize, " - 4px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
     color: src.selectGroupTitleFontColor,
     fontWeight: src.selectGroupTitleFontWeight
   },
@@ -26495,12 +26559,13 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
       backgroundColor: src.switchDisabledCircleCheckedFill
     },
     '$wrapperDisabled &': {
+      boxShadow: 'none',
       backgroundColor: src.switchCheckedDisabledCircleFill
     },
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: src.switchCircleFill,
-    // boxShadow: token.switchCircleShadow,
+    boxShadow: src.switchCircleShadow,
     transition: "left ".concat(switch_transition, ", right ").concat(switch_transition)
   },
   content: {
@@ -27705,6 +27770,9 @@ var tabsStyle = {
         alignItems: 'flex-start'
       }
     },
+    '&:not([data-soui-shape="card"]) $prev, &:not([data-soui-shape="card"]) $next': {
+      border: '1px solid transparent'
+    },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
       background: '#FFFFFF',
       alignSelf: 'stretch',
@@ -27783,7 +27851,7 @@ var tabsStyle = {
         }
       },
       '& svg': {
-        width: 14
+        width: src.tabsArrowFontSize
       }
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
@@ -28001,7 +28069,7 @@ var tabsStyle = {
     position: 'relative',
     color: src.tabsArrowFontColor,
     '& svg': {
-      width: 14,
+      width: src.tabsArrowFontSize,
       textAlign: 'center',
       transform: 'rotate(-90deg)',
       transition: 'transform .2s'
@@ -28044,6 +28112,7 @@ var useTabsStyle = styled(tabs_tabs, 'tabs');
 
 
 
+var tagDefaultLineHeight = "calc(".concat(src.tagDefaultLineBase, " + 6px)");
 var brightTag = function brightTag(name, type) {
   return {
     color: src["tag".concat(type, "FontColor")],
@@ -28185,7 +28254,7 @@ var TagStyle = {
   wrapper: {
     flex: 1,
     minWidth: 0,
-    lineHeight: src.tagDefaultLineHeight
+    lineHeight: tagDefaultLineHeight
   },
   inline: {
     display: 'inline-block',
@@ -28246,7 +28315,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: src.tagDefaultLineHeight,
+    height: tagDefaultLineHeight,
     maxHeight: '100%'
   },
   closeIconWrapper: {
@@ -29071,9 +29140,9 @@ var treeStyle = {
       background: src.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: 14,
+      width: src.treeIconSize,
       '$sizeLarge &': {
-        width: 16
+        width: "calc(".concat(src.treeIconSize, " + 2px)")
       }
     }
   },
@@ -31141,9 +31210,28 @@ function cssSupport(attr, value) {
   }
   return false;
 }
+function getCssVarValue(varName) {
+  if (is_isBrowser()) {
+    var style = getComputedStyle(document.documentElement);
+    return style.getPropertyValue(varName).trim();
+  }
+  return '';
+}
 var parsePxToNumber = function parsePxToNumber(str) {
   return Number(str.replace(/\s+|px/gi, ''));
 };
+var _baseFontSizeDiff = 0;
+var BASE_FONT_SIZE = 14;
+function getBaseFontSizeDiff() {
+  if (_baseFontSizeDiff) return _baseFontSizeDiff;
+  var currentBaseFontSizeStr = getCssVarValue('--soui-font-14');
+  if (currentBaseFontSizeStr) {
+    var currentBaseFontSize = parsePxToNumber(currentBaseFontSizeStr);
+    _baseFontSizeDiff = BASE_FONT_SIZE - currentBaseFontSize;
+    return _baseFontSizeDiff;
+  }
+  return 0;
+}
 var getFieldId = function getFieldId(name, formName) {
   if (!name) return undefined;
   return "".concat(formName ? "".concat(formName, "_") : '').concat(name);
@@ -40929,13 +41017,32 @@ var useTree = function useTree(props) {
       }
     });
   };
+  var getChildrenFromTiledData = function getChildrenFromTiledData(id) {
+    if (!props.tiledData) return undefined;
+    var findById = function findById(data, targetId) {
+      for (var i = 0; i < data.length; i++) {
+        var current = data[i];
+        var currentId = getKey(current, '', i);
+        if (currentId === targetId) return current;
+        if (current[childrenKey]) {
+          var found = findById(current[childrenKey], targetId);
+          if (found) return found;
+        }
+      }
+      return undefined;
+    };
+    var item = findById(props.tiledData, id);
+    return item === null || item === void 0 ? void 0 : item[childrenKey];
+  };
   var insertFlat = function insertFlat(id) {
     var item = getDataById(id);
     if (isUnMatchedData(item)) return;
     if (!item) return;
     var status = context.dataFlatStatusMap.get(id);
     if (!status) return;
-    var childrenData = item[childrenKey];
+
+    // 优先从 tiledData 中获取子节点数据,如果不存在则使用原始数据
+    var childrenData = props.tiledData ? getChildrenFromTiledData(id) || [] : item[childrenKey];
     var insertStartNode = dataFlat.find(function (item) {
       return item.id === id;
     });
@@ -41053,6 +41160,7 @@ var useTree = function useTree(props) {
     if (!props.tiledData) return;
     var tiledFlatData = initFlatData(props.tiledData, [], 1);
     setDataFlat(tiledFlatData);
+    // context.dataFlatStatusMap = new Map();
   }, [props.tiledData]);
   var datum = use_latest_obj({
     get: get,
@@ -41836,14 +41944,16 @@ var CascaderList = function CascaderList(props) {
     getCurrentIndex: undefined,
     getHoverIndex: undefined
   });
-  var getLineHeight = function getLineHeight() {
+  var lineHeight = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     // if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
-    if (size === 'small') return 26;
-    if (size === 'default') return 34;
-    if (size === 'large') return 42;
-    return 34;
-  };
-  var lineHeight = getLineHeight();
+    var diff = getBaseFontSizeDiff();
+    var sizeMap = {
+      small: 26,
+      default: 34,
+      large: 42
+    };
+    return (sizeMap[size] || 34) - diff;
+  }, [size]);
   var getHeight = function getHeight() {
     if (props.height) return props.height;
     return lineHeight * 7;
@@ -42036,14 +42146,16 @@ var FilterList = function FilterList(props) {
     getCurrentIndex: undefined,
     getHoverIndex: undefined
   });
-  var getLineHeight = function getLineHeight() {
+  var lineHeight = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     // if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
-    if (size === 'small') return 26;
-    if (size === 'default') return 34;
-    if (size === 'large') return 42;
-    return 34;
-  };
-  var lineHeight = getLineHeight();
+    var diff = getBaseFontSizeDiff();
+    var sizeMap = {
+      small: 26,
+      default: 34,
+      large: 42
+    };
+    return (sizeMap[size] || 34) - diff;
+  }, [size]);
   var getKey = function getKey(path) {
     return path.map(function (d) {
       return datum.getKey(d);
@@ -52067,6 +52179,7 @@ function use_previous_usePrevious(value) {
 
 
 
+
 var form_schema_builder_excluded = ["required"],
   form_schema_builder_excluded2 = ["required"];
 var SchemaBuilder = /*#__PURE__*/function () {
@@ -52108,7 +52221,6 @@ var SchemaBuilder = /*#__PURE__*/function () {
   }, {
     key: "buildSchemaFromComponent",
     value: function buildSchemaFromComponent(params) {
-      var _componentElement$pro;
       var componentElement = params.componentElement,
         rules = params.rules,
         label = params.label,
@@ -52207,65 +52319,69 @@ var SchemaBuilder = /*#__PURE__*/function () {
               if (componentElement.props.data.length > 0) {
                 fieldSchemaInfo.description += "enumData: ".concat(JSON.stringify(componentElement.props.data), ";");
               }
+              fieldSchemaInfo.props = objectSpread2_default()({}, componentElement.props);
               break;
             }
           case 'ShineoutDatePicker':
-            if (componentElement.props.range) {
-              if (finalFieldId !== null && finalFieldId !== void 0 && finalFieldId.includes(separator || '')) {
+            {
+              var _componentElement$pro;
+              if (componentElement.props.range) {
+                if (finalFieldId !== null && finalFieldId !== void 0 && finalFieldId.includes(separator || '')) {
+                  fieldSchemaInfo.type = 'string';
+                  fieldSchemaInfo.format = 'date';
+                } else {
+                  fieldSchemaInfo.type = 'array';
+                  fieldSchemaInfo.items = {
+                    type: 'string',
+                    format: 'date'
+                  };
+                }
+              } else {
                 fieldSchemaInfo.type = 'string';
                 fieldSchemaInfo.format = 'date';
-              } else {
-                fieldSchemaInfo.type = 'array';
-                fieldSchemaInfo.items = {
-                  type: 'string',
-                  format: 'date'
-                };
               }
-            } else {
-              fieldSchemaInfo.type = 'string';
-              fieldSchemaInfo.format = 'date';
-            }
-            var defaultTime = ((_componentElement$pro = componentElement.props.defaultTime) === null || _componentElement$pro === void 0 ? void 0 : _componentElement$pro.toString()) || '';
-            if (defaultTime) {
-              fieldSchemaInfo.description += "\u9ED8\u8BA4\u65F6\u95F4\uFF1A".concat(defaultTime, " ");
-            }
-            var dateformat = componentElement.props.format || '';
-            if (!dateformat) {
-              switch (componentElement.props.type) {
-                case 'date':
-                  dateformat = 'YYYY-MM-DD';
-                  break;
-                case 'time':
-                  dateformat = 'HH:mm:ss';
-                  break;
-                case 'datetime':
-                  dateformat = 'YYYY-MM-DD HH:mm:ss';
-                  break;
-                case 'week':
-                  dateformat = 'GGGG WW';
-                  break;
-                case 'month':
-                  dateformat = 'YYYY-MM';
-                  break;
-                case 'quarter':
-                  dateformat = 'YYYY-\[Q]Q';
-                  break;
-                case 'year':
-                  dateformat = 'YYYY';
-                  break;
-                default:
-                  dateformat = 'YYYY-MM-DD';
-                  break;
+              var defaultTime = ((_componentElement$pro = componentElement.props.defaultTime) === null || _componentElement$pro === void 0 ? void 0 : _componentElement$pro.toString()) || '';
+              if (defaultTime) {
+                fieldSchemaInfo.description += "\u9ED8\u8BA4\u65F6\u95F4\uFF1A".concat(defaultTime, " ");
               }
+              var dateformat = componentElement.props.format || '';
+              if (!dateformat) {
+                switch (componentElement.props.type) {
+                  case 'date':
+                    dateformat = 'YYYY-MM-DD';
+                    break;
+                  case 'time':
+                    dateformat = 'HH:mm:ss';
+                    break;
+                  case 'datetime':
+                    dateformat = 'YYYY-MM-DD HH:mm:ss';
+                    break;
+                  case 'week':
+                    dateformat = 'GGGG WW';
+                    break;
+                  case 'month':
+                    dateformat = 'YYYY-MM';
+                    break;
+                  case 'quarter':
+                    dateformat = 'YYYY-[Q]Q';
+                    break;
+                  case 'year':
+                    dateformat = 'YYYY';
+                    break;
+                  default:
+                    dateformat = 'YYYY-MM-DD';
+                    break;
+                }
+              }
+              fieldSchemaInfo.description += "\u683C\u5F0F\uFF1A".concat(dateformat, " ");
+              if (componentElement.props.max) {
+                fieldSchemaInfo.description += "\u6700\u5927\u65F6\u95F4\uFF1A".concat(componentElement.props.max, " ");
+              }
+              if (componentElement.props.min) {
+                fieldSchemaInfo.description += "\u6700\u5C0F\u65F6\u95F4\uFF1A".concat(componentElement.props.min, " ");
+              }
+              break;
             }
-            fieldSchemaInfo.description += "\u683C\u5F0F\uFF1A".concat(dateformat, " ");
-            if (componentElement.props.max) {
-              fieldSchemaInfo.description += "\u6700\u5927\u65F6\u95F4\uFF1A".concat(componentElement.props.max, " ");
-            }
-            if (componentElement.props.min) {
-              fieldSchemaInfo.description += "\u6700\u5C0F\u65F6\u95F4\uFF1A".concat(componentElement.props.min, " ");
-            }
-            break;
           case 'ShineoutCheckbox':
           case 'ShineoutCheckboxGroup':
             {
@@ -52431,7 +52547,7 @@ var SchemaBuilder = /*#__PURE__*/function () {
       }
 
       // 过滤掉 required 属性，items 对象不应该包含 required
-      var required = meta.required,
+      var _required = meta.required,
         itemsMeta = objectWithoutProperties_default()(meta, form_schema_builder_excluded);
       this.mergeSchema(currentSchema.items, remainingSegments, itemsMeta);
     }
@@ -56357,14 +56473,16 @@ var list_List = function List(props) {
   var getHoverIndex = usePersistFn(function () {
     return hoverIndex;
   });
-  var getLineHeight = function getLineHeight() {
+  var lineHeight = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
-    if (size === 'small') return 26;
-    if (size === 'default') return 34;
-    if (size === 'large') return 42;
-    return 34;
-  };
-  var lineHeight = getLineHeight();
+    var diff = getBaseFontSizeDiff();
+    var sizeMap = {
+      small: 26,
+      default: 34,
+      large: 42
+    };
+    return (sizeMap[size] || 34) - diff;
+  }, [lineHeightProp, size]);
   var getHeight = function getHeight() {
     if (props.height) return props.height;
     return lineHeight * 7;
@@ -57792,7 +57910,8 @@ var Tree = function Tree(props) {
       keygen: keygen,
       virtual: virtual,
       onExpand: onExpandProp,
-      datum: propsDatum
+      datum: propsDatum,
+      tiledData: props.filteredData
     }),
     datum = _useTree.datum,
     expanded = _useTree.expanded,
@@ -57920,7 +58039,7 @@ var Tree = function Tree(props) {
       rootStyle: rootStyle,
       isControlled: 'expanded' in props,
       jssStyle: jssStyle,
-      data: data,
+      data: props.filteredData || data,
       mode: mode,
       line: line,
       keygen: keygen,
@@ -61651,10 +61770,9 @@ var confirm_Confirm = function Confirm(props) {
           jssStyle: jssStyle,
           type: type,
           title: title,
-          titleStyle: {
-            fontSize: 14
-          },
+          titleClassName: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.mentionTitle,
           icon: icon,
+          iconClassName: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.mentionIcon,
           children: _children
         }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           className: popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.footer,
@@ -64355,6 +64473,10 @@ var scroll_table_Scroll = function Scroll(props) {
   });
 };
 /* harmony default export */ var scroll_table = (scroll_table_Scroll);
+;// CONCATENATED MODULE: ../hooks/src/components/use-table/table-nested-context.tsx
+
+var TableContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext)({});
+/* harmony default export */ var table_nested_context = (TableContext);
 ;// CONCATENATED MODULE: ../hooks/src/common/use-scrollbar-width/index.ts
 
 
@@ -64567,6 +64689,7 @@ var useColumns = function useColumns(props) {
     columnInfo: {
       handleScroll: handleScroll
     },
+    currentColIndex: startIndex,
     expandHideCol: context.expandHideCol
   };
 };
@@ -66680,7 +66803,6 @@ function useComponentMemo(getValue, condition, shouldUpdate) {
 ;// CONCATENATED MODULE: ../base/src/table/td.tsx
 
 
-
 function Td(props) {
   var col = props.col,
     colSpan = props.colSpan,
@@ -66688,12 +66810,11 @@ function Td(props) {
     className = props.className,
     direction = props.direction,
     role = props.role,
-    data = props.data,
     onClick = props.onClick,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     renderContent = props.renderContent;
-  var $td = /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
     colSpan: colSpan,
     rowSpan: rowSpan,
     onMouseEnter: onMouseEnter,
@@ -66705,20 +66826,6 @@ function Td(props) {
     onClick: onClick,
     children: renderContent(props.col, props.data)
   }, col.key);
-  if (props.virtual === 'lazy') {
-    var _props$style, _props$style2;
-    return useComponentMemo(function () {
-      return $td;
-    }, [data, className, (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.left, (_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.right, col.type, col.treeColumnsName], function (prev, next) {
-      if (col.type || col.treeColumnsName) {
-        return true;
-      }
-      return prev.some(function (_, index) {
-        return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
-      }) || !props.scrolling;
-    });
-  }
-  return $td;
 }
 ;// CONCATENATED MODULE: ../base/src/table/tr.tsx
 
@@ -67027,6 +67134,7 @@ var Tr = function Tr(props) {
     if (expandCol && typeof expandCol.render === 'function') {
       var renderFunc = expandCol.render(props.rawData, props.rowIndex);
       if (typeof renderFunc === 'function') {
+        var _props$scrollRef;
         return /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
           className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowExpand,
           ref: expandRef,
@@ -67037,7 +67145,12 @@ var Tr = function Tr(props) {
             style: {
               padding: 0
             },
-            children: renderFunc()
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(table_nested_context.Provider, {
+              value: {
+                parentTableWidth: (_props$scrollRef = props.scrollRef) === null || _props$scrollRef === void 0 || (_props$scrollRef = _props$scrollRef.current) === null || _props$scrollRef === void 0 ? void 0 : _props$scrollRef.clientWidth
+              },
+              children: renderFunc()
+            })
           })
         });
       }
@@ -67114,8 +67227,9 @@ var Tr = function Tr(props) {
 /* harmony default export */ var tbody = (function (props) {
   var _props$columns = props.columns,
     columns = _props$columns === void 0 ? [] : _props$columns,
-    _props$currentIndex = props.currentIndex,
-    currentIndex = _props$currentIndex === void 0 ? 0 : _props$currentIndex,
+    _props$currentRowInde = props.currentRowIndex,
+    currentRowIndex = _props$currentRowInde === void 0 ? 0 : _props$currentRowInde,
+    currentColIndex = props.currentColIndex,
     _props$hover = props.hover,
     hover = _props$hover === void 0 ? true : _props$hover;
   var _useTableExpand = use_table_expand({
@@ -67128,7 +67242,7 @@ var Tr = function Tr(props) {
   var _useTableRow = use_table_row({
       columns: props.columns,
       data: props.data,
-      currentIndex: currentIndex,
+      currentIndex: currentRowIndex,
       hover: hover
     }),
     rowData = _useTableRow.rowData,
@@ -67140,7 +67254,7 @@ var Tr = function Tr(props) {
   });
   var renderRow = function renderRow(item, index) {
     var _props$rowEvents;
-    var rowIndex = index + currentIndex;
+    var rowIndex = index + currentRowIndex;
     var originKey = getKey(props.keygen, item, rowIndex);
     var trRenderKey = props.loader || (_props$rowEvents = props.rowEvents) !== null && _props$rowEvents !== void 0 && _props$rowEvents.draggable ? originKey : "".concat(originKey, "-").concat(rowIndex);
 
@@ -67192,6 +67306,7 @@ var Tr = function Tr(props) {
       rowEvents: props.rowEvents,
       disabled: props.datum.disabledCheck(item),
       bodyScrollWidth: props.bodyScrollWidth,
+      scrollRef: props.scrollRef,
       resizeFlag: props.resizeFlag,
       treeCheckAll: props.treeCheckAll,
       onCellClick: props.onCellClick,
@@ -67208,7 +67323,7 @@ var Tr = function Tr(props) {
   if (props.virtual === 'lazy') {
     return useComponentMemo(function () {
       return $tbody;
-    }, [props.data, currentIndex], function (prev, next) {
+    }, [currentRowIndex, currentColIndex, props.data], function (prev, next) {
       return prev.some(function (_, index) {
         return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
       }) || !props.scrolling;
@@ -67368,6 +67483,7 @@ function Table(props) {
     _props$pagination = props.pagination,
     pagination = _props$pagination === void 0 ? {} : _props$pagination;
   var config = useConfig();
+  var nestedContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(table_nested_context);
   var isRtl = config.direction === 'rtl';
   var tableClasses = props === null || props === void 0 || (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
   var tbodyRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -67454,7 +67570,8 @@ function Table(props) {
     }),
     columns = _useTableColumns.columns,
     expandHideCol = _useTableColumns.expandHideCol,
-    columnInfo = _useTableColumns.columnInfo;
+    columnInfo = _useTableColumns.columnInfo,
+    currentColIndex = _useTableColumns.currentColIndex;
   var _useTableLayout = use_table_layout({
       theadRef: theadRef,
       tbodyRef: tbodyRef,
@@ -67728,7 +67845,8 @@ function Table(props) {
       resizeFlag: resizeFlag,
       treeCheckAll: props.treeCheckAll,
       onCellClick: props.onCellClick,
-      strictRowHeight: props.strictRowHeight
+      strictRowHeight: props.strictRowHeight,
+      scrollRef: scrollRef
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -67899,7 +68017,8 @@ function Table(props) {
             }),
             ref: tbodyRef,
             children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
-              currentIndex: virtualInfo.startIndex,
+              currentRowIndex: virtualInfo.startIndex,
+              currentColIndex: currentColIndex,
               data: virtualInfo.data,
               setRowHeight: virtualInfo.setRowHeight,
               scrolling: scrolling,
@@ -68010,6 +68129,19 @@ function Table(props) {
       scrollElRef: scrollRef
     };
   }, [scrollRef]);
+  var tableWrapperStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (nestedContext.parentTableWidth && props.width) {
+      return objectSpread2_default()({
+        width: nestedContext.parentTableWidth,
+        position: 'sticky',
+        left: 0,
+        height: defaultHeight
+      }, props.style);
+    }
+    return objectSpread2_default()({
+      height: defaultHeight
+    }, props.style);
+  }, [nestedContext.parentTableWidth, defaultHeight, props.style, props.width]);
   var tableWrapperClass = classnames_default()(props.className, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rootClass, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.wrapper, props.bordered && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bordered), verticalAlign === 'top' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.verticalAlignTop), verticalAlign === 'middle' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.verticalAlignMiddle), size === 'small' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.small), size === 'large' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.large), size === 'default' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.default));
   if (!props.columns || columns.length === 0) return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(tableWrapperClass, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.simple, props.striped && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.striped)),
@@ -68025,9 +68157,7 @@ function Table(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(tableWrapperClass, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tableClasses.sticky, props.sticky), tableClasses.floatLeft, floatLeft), tableClasses.floatRight, floatRight)),
-      style: objectSpread2_default()({
-        height: defaultHeight
-      }, props.style)
+      style: tableWrapperStyle
     }, selection.getTableProps()), {}, {
       ref: tableRef,
       dir: config.direction,
@@ -74560,7 +74690,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.2'
+  version: '3.9.3-beta.10'
 });
 }();
 /******/ 	return __webpack_exports__;