shineout 3.9.2 → 3.9.3-beta.1

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.2'
+  version: '3.9.3-beta.1'
 };

package/dist/shineout.js

@@ -7447,7 +7447,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 +7467,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 +7524,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 +7536,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,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.2');
+/* harmony default export */ var version = ('3.9.3-beta.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12956,7 +12958,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 +12968,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 +13065,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 +13539,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 +13598,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 +13628,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 +13654,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 +13732,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 +13778,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 +13896,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 +13913,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 +13922,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 +13932,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 +13941,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 +14082,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 +14150,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 +14236,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 +14376,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 +14398,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 +14458,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 +14475,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',
@@ -14855,7 +14865,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 +14873,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 +14967,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 +15007,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 +15448,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 +15778,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 +16186,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: 14,
-    height: 14,
+    width: src.breadcrumbDownIconSize,
+    height: src.breadcrumbDownIconSize,
     lineHeight: '1',
     marginLeft: 4
   },
@@ -18029,7 +18042,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: 14
+      width: src.cascaderOptionIconSize
     }
   },
   optionSpin: {
@@ -18252,7 +18265,7 @@ var collapseItemStyle = {
   },
   header: {
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
@@ -18293,7 +18306,7 @@ var collapseItemStyle = {
     cursor: 'pointer',
     position: 'relative',
     color: src.collapseIconColor,
-    lineHeight: src.lineHeightDynamic,
+    height: src.lineHeightDynamic,
     zIndex: 0,
     marginRight: src.collapseHeaderGap,
     '& svg': {
@@ -18579,7 +18592,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 +18765,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 +19572,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 +20860,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 +20917,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 +20932,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 +23304,14 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
       marginBottom: src.popoverConfirmMarginY
     }
   },
+  mentionTitle: {
+    fontSize: src.popoverConfirmTitleFontSize
+  },
+  mentionIcon: {
+    '&&': {
+      fontSize: src.popoverConfirmTitleFontSize
+    }
+  },
   footer: {
     textAlign: 'right'
   }
@@ -24297,7 +24343,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.selectGroupTitleFontSize, " - 4px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
     color: src.selectGroupTitleFontColor,
     fontWeight: src.selectGroupTitleFontWeight
   },
@@ -27705,6 +27751,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 +27832,7 @@ var tabsStyle = {
         }
       },
       '& svg': {
-        width: 14
+        width: src.tabsArrowFontSize
       }
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
@@ -28001,7 +28050,7 @@ var tabsStyle = {
     position: 'relative',
     color: src.tabsArrowFontColor,
     '& svg': {
-      width: 14,
+      width: src.tabsArrowFontSize,
       textAlign: 'center',
       transform: 'rotate(-90deg)',
       transition: 'transform .2s'
@@ -28044,6 +28093,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 +28235,7 @@ var TagStyle = {
   wrapper: {
     flex: 1,
     minWidth: 0,
-    lineHeight: src.tagDefaultLineHeight
+    lineHeight: tagDefaultLineHeight
   },
   inline: {
     display: 'inline-block',
@@ -28246,7 +28296,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: src.tagDefaultLineHeight,
+    height: tagDefaultLineHeight,
     maxHeight: '100%'
   },
   closeIconWrapper: {
@@ -29071,9 +29121,9 @@ var treeStyle = {
       background: src.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: 14,
+      width: src.treeIconSize,
       '$sizeLarge &': {
-        width: 16
+        width: "calc(".concat(src.treeIconSize, " + 2px)")
       }
     }
   },
@@ -31141,9 +31191,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);
@@ -41836,14 +41905,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 +42107,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);
@@ -56357,14 +56430,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;
@@ -61651,10 +61726,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,
@@ -74560,7 +74634,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.2'
+  version: '3.9.3-beta.1'
 });
 }();
 /******/ 	return __webpack_exports__;