shineout 3.9.13-beta.2 → 3.9.13-beta.4

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.13-beta.2'
+  version: '3.9.13-beta.4'
 };

package/dist/shineout.js

@@ -12338,7 +12338,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.13-beta.2');
+/* harmony default export */ var version = ('3.9.13-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14878,6 +14878,7 @@ var tabsTokens = {
   tabsLinePaddingBottom: 'Spacing-6',
   tabsLineHrBackgroundColor: 'Neutral-border-1',
   tabsLineAfterBackgroundColor: 'Brand-6',
+  tabsLineAfterHeight: 'Border-2',
   tabsLineInnerPaddingX: 'Spacing-8',
   tabsLineInnerPaddingY: 'Spacing-4',
   tabsLineFontColor: 'Neutral-text-5',
@@ -14885,7 +14886,6 @@ var tabsTokens = {
   tabsLineFontSize: 'Font-14',
   tabsLineBackgroundColor: 'transparent',
   tabsLineActiveBackgroundColor: 'Neutral-fill-3',
-  tabsLineActiveHeight: 'Border-2',
   tabsLineCheckedFontColor: 'Brand-6',
   tabsLineCheckedFontSize: 'Font-14',
   tabsLineCheckedFontWeight: 'Weight-medium',
@@ -15727,7 +15727,7 @@ var alertStyle = {
   withTitle: {
     '& $icon': {
       fontSize: src.alertTitleFontSize,
-      width: "calc(".concat(src.alertTitleIconWidth, " + 2px)"),
+      width: "calc(".concat(src.alertTitleFontSize, " + 2px)"),
       height: src.lineHeightDynamic
     },
     '& $title': {
@@ -15837,7 +15837,7 @@ var alertStyle = {
     }
   },
   icon: {
-    width: src.alertIconSize,
+    width: "calc(".concat(src.alertFontSize, " + 2px)"),
     display: 'inline-flex',
     fontSize: src.alertFontSize,
     height: src.lineHeightDynamic,
@@ -15962,6 +15962,14 @@ var badgeStyle = {
       boxShadow: "0 0 0 1px #fff"
     }
   },
+  standalone: {
+    fontSize: 0,
+    '& $count,$custom,$dot': {
+      position: 'static',
+      transform: 'none',
+      boxShadow: 'none'
+    }
+  },
   textBadge: {
     display: 'block',
     lineHeight: 'inherit',
@@ -18022,12 +18030,12 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: src.cascaderOptionIconSize,
+      width: src.cascaderFontSize,
       '$wrapperLarge &': {
-        width: src.cascaderLargeOptionIconSize
+        width: src.cascaderLargeFontSize
       },
       '$wrapperSmall &': {
-        width: src.cascaderSmallOptionIconSize
+        width: src.cascaderSmallFontSize
       }
     }
   },
@@ -18099,17 +18107,17 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: src.checkboxIconSize,
-    height: src.checkboxIconSize,
+    width: src.checkboxLabelFontSize,
+    height: src.checkboxLabelFontSize,
     // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
-      width: src.checkboxSmallIconSize,
-      height: src.checkboxSmallIconSize
+      width: src.checkboxSmallLabelFontSize,
+      height: src.checkboxSmallLabelFontSize
     },
     '$wrapperLarge &': {
-      width: src.checkboxLargeIconSize,
-      height: src.checkboxLargeIconSize
+      width: src.checkboxLargeLabelFontSize,
+      height: src.checkboxLargeLabelFontSize
     },
     verticalAlign: 'middle',
     '&::before': {
@@ -18588,15 +18596,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     alignItems: 'center',
     color: src.datePickerIconColor,
     '& svg': {
-      width: src.datePickerIconSize,
-      height: src.datePickerIconSize,
+      width: src.datePickerFontSize,
+      height: src.datePickerFontSize,
       '$wrapperSmall &': {
-        width: src.datePickerSmallIconSize,
-        height: src.datePickerSmallIconSize
+        width: src.datePickerSmallFontSize,
+        height: src.datePickerSmallFontSize
       },
       '$wrapperLarge &': {
-        width: src.datePickerLargeIconSize,
-        height: src.datePickerLargeIconSize
+        width: src.datePickerLargeFontSize,
+        height: src.datePickerLargeFontSize
       }
     },
     // todo 暂时写死
@@ -19067,8 +19075,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: src.datePickerIconSize,
-        height: src.datePickerIconSize,
+        width: src.datePickerFontSize,
+        height: src.datePickerFontSize,
         color: src.datePickerIconColor
       }
     },
@@ -19682,8 +19690,8 @@ var editableAreaStyle = objectSpread2_default()(objectSpread2_default()({
   clear: {
     position: 'absolute',
     display: 'flex',
-    width: src.inputIconSize,
-    height: src.inputIconSize,
+    width: src.inputFontSize,
+    height: src.inputFontSize,
     top: 0,
     bottom: 0,
     margin: 'auto',
@@ -20838,7 +20846,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
   },
   clearWrapper: {
     position: 'relative',
-    flexBasis: "calc(".concat(src.inputIconSize, " + 8px)"),
+    flexBasis: "calc(".concat(src.inputFontSize, " + 8px)"),
     flexShrink: 0,
     display: 'none',
     '$wrapper:hover &, $wrapperFocus &': {
@@ -20847,7 +20855,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
   },
   password: {
     '& $clearWrapper': {
-      flexBasis: "calc(".concat(src.inputIconSize, " + 12px)")
+      flexBasis: "calc(".concat(src.inputFontSize, " + 12px)")
     },
     '& $clear': {
       marginRight: 8,
@@ -20862,8 +20870,8 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
     top: '0',
     bottom: '0',
     margin: 'auto',
-    width: src.inputIconSize,
-    height: src.inputIconSize,
+    width: src.inputFontSize,
+    height: src.inputFontSize,
     boxSizing: 'border-box',
     display: 'flex',
     cursor: 'pointer',
@@ -20878,12 +20886,12 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
       left: '0'
     },
     '$wrapperSmall &': {
-      width: src.inputSmallIconSize,
-      height: src.inputSmallIconSize
+      width: src.inputSmallFontSize,
+      height: src.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.inputLargeIconSize,
-      height: src.inputLargeIconSize
+      width: src.inputLargeFontSize,
+      height: src.inputLargeFontSize
     }
   },
   group: objectSpread2_default()(objectSpread2_default()({}, group), {}, {
@@ -20933,7 +20941,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
         borderBottom: "1px solid ".concat(src.inputBorderColor)
       },
       '& svg': {
-        width: src.inputIconSize,
+        width: src.inputFontSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -20949,20 +20957,20 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
     display: 'flex',
     alignItems: 'center',
     flexShrink: 0,
-    width: src.inputIconSize,
-    height: src.inputIconSize,
+    width: src.inputFontSize,
+    height: src.inputFontSize,
     color: src.inputToggleColor,
     cursor: 'pointer',
     '$wrapperDisabled &': {
       color: src.inputDisabledFontColor
     },
     '$wrapperSmall &': {
-      width: src.inputSmallIconSize,
-      height: src.inputSmallIconSize
+      width: src.inputSmallFontSize,
+      height: src.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.inputLargeIconSize,
-      height: src.inputLargeIconSize
+      width: src.inputLargeFontSize,
+      height: src.inputLargeFontSize
     },
     '& > svg': {
       cursor: 'pointer',
@@ -21643,13 +21651,13 @@ var menuStyle = {
     minWidth: 0,
     padding: "".concat(src.menuTitlePaddingY, " ").concat(src.menuTitlePaddingX),
     '$wrapperInline $childrenHasExpand  $item:not($itemHasChildren)  $itemContentBack > &': {
-      paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
+      paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuFontSize, ")")
     },
     '$wrapperInline $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
-      paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
+      paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuFontSize, ")")
     },
     '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: src.menuTitlePaddingX
@@ -21691,8 +21699,8 @@ var menuStyle = {
     },
     '& > $icon': {
       lineHeight: 1,
-      width: src.menuExpandSize,
-      height: src.menuExpandSize,
+      width: src.menuFontSize,
+      height: src.menuFontSize,
       alignSelf: 'flex-start',
       alignItems: 'center',
       display: 'flex',
@@ -23736,18 +23744,18 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: src.radioIconWidth,
-    minWidth: src.radioIconWidth,
-    height: src.radioIconWidth,
+    width: src.radioLabelFontSize,
+    minWidth: src.radioLabelFontSize,
+    height: src.radioLabelFontSize,
     '$wrapperSmall &': {
-      width: src.radioSmallIconWidth,
-      minWidth: src.radioSmallIconWidth,
-      height: src.radioSmallIconWidth
+      width: src.radioSmallLabelFontSize,
+      minWidth: src.radioSmallLabelFontSize,
+      height: src.radioSmallLabelFontSize
     },
     '$wrapperLarge &': {
-      width: src.radioLargeIconWidth,
-      minWidth: src.radioLargeIconWidth,
-      height: src.radioLargeIconWidth
+      width: src.radioLargeLabelFontSize,
+      minWidth: src.radioLargeLabelFontSize,
+      height: src.radioLargeLabelFontSize
     },
     marginRight: src.radioIconGap,
     verticalAlign: 'middle',
@@ -28063,10 +28071,10 @@ var tabsStyle = {
     background: src.tabsActiveFontColor,
     transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
     '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
-      height: src.tabsLineActiveHeight
+      height: src.tabsLineAfterHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: src.tabsLineActiveHeight
+      width: src.tabsLineAfterHeight
     }
   },
   header: {
@@ -28729,15 +28737,15 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     },
     '& > svg': {
       display: 'block',
-      width: src.textareaClearSize,
-      height: src.textareaClearSize,
+      width: src.textareaFontSize,
+      height: src.textareaFontSize,
       '$wrapperSmall &': {
-        width: src.textareaSmallClearSize,
-        height: src.textareaSmallClearSize
+        width: src.textareaSmallFontSize,
+        height: src.textareaSmallFontSize
       },
       '$wrapperLarge &': {
-        width: src.textareaLargeClearSize,
-        height: src.textareaLargeClearSize
+        width: src.textareaLargeFontSize,
+        height: src.textareaLargeFontSize
       }
     },
     '[dir="rtl"] &': {
@@ -28747,13 +28755,13 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(src.textareaPaddingX, " + ").concat(src.textareaClearSize, " + 12px)")
+      paddingRight: "calc(".concat(src.textareaPaddingX, " + ").concat(src.textareaFontSize, " + 12px)")
     },
     '&&$wrapperSmall > $textarea': {
-      paddingRight: "calc(".concat(src.textareaSmallPaddingX, " + ").concat(src.textareaSmallClearSize, " + 12px)")
+      paddingRight: "calc(".concat(src.textareaSmallPaddingX, " + ").concat(src.textareaSmallFontSize, " + 12px)")
     },
     '&&$wrapperLarge > $textarea': {
-      paddingRight: "calc(".concat(src.textareaLargePaddingX, " + ").concat(src.textareaLargeClearSize, " + 12px)")
+      paddingRight: "calc(".concat(src.textareaLargePaddingX, " + ").concat(src.textareaLargeFontSize, " + 12px)")
     }
   },
   wrapperShowClear: {
@@ -29399,9 +29407,9 @@ var treeStyle = {
       background: src.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: src.treeIconSize,
+      width: src.treeFontSize,
       '$sizeLarge &': {
-        width: "calc(".concat(src.treeIconSize, " + 2px)")
+        width: "calc(".concat(src.treeFontSize, " + 2px)")
       }
     }
   },
@@ -33912,7 +33920,8 @@ var Badge = function Badge(props) {
     text = props.text;
   var badgeStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$badge = jssStyle.badge) === null || _jssStyle$badge === void 0 ? void 0 : _jssStyle$badge.call(jssStyle)) || {};
   var isTextBadge = text !== undefined || dot && children === undefined;
-  var rootClass = classnames_default()(className, badgeStyle.rootClass, badgeStyle.badge, isTextBadge && badgeStyle.textBadge);
+  var isStandalone = !children && !isTextBadge;
+  var rootClass = classnames_default()(className, badgeStyle.rootClass, badgeStyle.badge, isTextBadge && badgeStyle.textBadge, isStandalone && badgeStyle.standalone);
   var isOverflowCount = overflowCount !== undefined && Number(count) > overflowCount;
   var renderCount = function renderCount() {
     if (isOverflowCount) {
@@ -75665,7 +75674,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.2'
+  version: '3.9.13-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;