@nutui/nutui-react 3.0.0-beta.7 → 3.0.0-beta.8

package/dist/es/packages/backtop/style/style.css

@@ -4,27 +4,21 @@
 /* #endif */
 .nut-backtop {
   display: none;
-  position: fixed;
 }
 .nut-backtop-rn {
   position: absolute;
 }
 .nut-backtop-show {
-  width: 40px;
-  height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background: var(--nutui-color-background-overlay, #ffffff);
-  color: var(--nutui-color-title, #1a1a1a);
-  border: 1px solid var(--nutui-backtop-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  border-radius: 21px;
-  z-index: 100;
-}
-.nut-backtop-show:active, .nut-backtop-show-active {
-  background: var(--nutui-color-background, #f5f6fa);
-}
-.nut-backtop-main {
+  width: var(--nutui-hoverbutton-item-size, 40px);
+  height: var(--nutui-hoverbutton-item-size, 40px);
   transition: all 0.2s ease-in-out;
-  color: var(--nutui-color-title, #1a1a1a);
+}
+.nut-backtop-show .nut-hoverbutton-item-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }

package/dist/es/packages/badge/badge.d.ts

@@ -1,13 +1,3 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type BadgeFill = 'solid' | 'outline';
-export interface BadgeProps extends BasicComponent {
-    value: ReactNode;
-    dot: boolean;
-    max: number;
-    top: string | number;
-    right: string | number;
-    color: string;
-    fill: BadgeFill;
-}
+import { FunctionComponent } from 'react';
+import { BadgeProps } from './types';
 export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

package/dist/es/packages/badge/badge.js

@@ -10,10 +10,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     value: '',
     dot: false,
     max: 99,
-    top: '4',
-    right: '8',
-    color: '',
-    fill: 'solid'
+    top: 0,
+    right: 0,
+    fill: 'solid',
+    size: 'large'
 });
 export var Badge = function(props) {
     var content = function content() {
@@ -34,28 +34,16 @@ export var Badge = function(props) {
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, color = _$_object_spread.color, fill = _$_object_spread.fill;
+    var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
     var classPrefix = 'nut-badge';
-    var classes = classNames(classPrefix, className, _define_property({}, "".concat(classPrefix, "-").concat(fill), fill === 'outline'));
+    var classes = classNames(classPrefix, className);
     var _obj;
-    var contentClasses = classNames("".concat(classPrefix, "-content"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix, "-one"), typeof content() === 'string' && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix, "-dot"), dot), _define_property(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), _obj));
-    var getStyle = function() {
+    var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix, "-one"), typeof content() === 'string' && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix, "-dot"), dot), _define_property(_obj, "".concat(classPrefix, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), _define_property(_obj, "".concat(classPrefix, "-content"), children), _obj));
+    var getPositionStyle = function() {
         var style = {};
-        style.top = "".concat(Number(-top) || parseFloat(String(-top)) || 0, "px");
+        style.top = "".concat(Number(top) || 0, "px");
         var dir = rtl ? 'left' : 'right';
         style[dir] = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
-        if (color) {
-            if (fill === 'outline') {
-                style.color = color;
-                style.background = '#fff';
-                if (!(color === null || color === void 0 ? void 0 : color.includes('gradient'))) {
-                    style.border = "1px solid ".concat(color);
-                }
-            } else {
-                style.color = '#fff';
-                style.background = color;
-            }
-        }
         return style;
     };
     var _obj1;
@@ -63,10 +51,11 @@ export var Badge = function(props) {
         className: classes,
         style: style
     }, isIcon() && /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(classPrefix, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-icon"), true), _define_property(_obj1, "".concat(classPrefix, "-icon-rtl"), rtl), _obj1))
+        className: classNames("".concat(classPrefix, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-icon"), true), _define_property(_obj1, "".concat(classPrefix, "-icon-rtl"), rtl), _obj1)),
+        style: getPositionStyle()
     }, value), children, !isIcon() && /*#__PURE__*/ React.createElement("div", {
         className: contentClasses,
-        style: getStyle()
+        style: getPositionStyle()
     }, content()));
 };
 Badge.displayName = 'NutBadge';

package/dist/es/packages/badge/index.d.ts

@@ -1,3 +1,3 @@
 import { Badge } from './badge';
-export type { BadgeFill, BadgeProps } from './badge';
+export type { BadgeFill, BadgeDotSize, BadgeProps } from './types';
 export default Badge;

package/dist/es/packages/badge/style/badge.scss

@@ -2,22 +2,14 @@
   position: relative;
   display: inline-flex;
   width: auto;
-  /* #ifdef harmony */
-  min-width: 1px;
-  /* #endif */
-  /* #ifndef harmony */
-  min-width: auto;
-  /* #endif */
+
   &-icon {
-    position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     background: $badge-background-color;
     padding: $badge-icon-padding;
     text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
     z-index: $badge-z-index;
 
     .nut-icon {
@@ -27,53 +19,88 @@
     }
   }
 
+  &-sup,
+  &-icon {
+    border-radius: $badge-border-radius;
+    &::after {
+      content: '';
+      position: absolute;
+      top: -50%;
+      bottom: -50%;
+      left: -50%;
+      right: -50%;
+      transform: scale(0.5);
+      border: $badge-border;
+      border-radius: $badge-border-radius;
+    }
+  }
+
   &-sup {
-    height: $badge-height;
-    position: absolute;
-    display: flex;
+    display: inline-flex;
     justify-content: center;
-    align-items: center;
-    /* #ifdef harmony */
-    background: $color-primary;
-    /* #endif */
-    /* #ifndef harmony */
-    background: $badge-background-color;
-    /* #endif */
-    color: $badge-color;
+    height: $badge-height;
+    min-width: $badge-min-width;
     padding: $badge-padding;
+    box-sizing: border-box;
+    color: $badge-color;
     font-size: $badge-font-size;
-    font-weight: normal;
-    text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-    min-width: $badge-min-width;
+    line-height: 12px;
     white-space: nowrap;
+    font-weight: normal;
+    vertical-align: middle;
+    background: $badge-background-color;
     z-index: 1;
   }
 
+  &-number {
+    font-family: 'JD';
+    /* #ifdef harmony */
+    line-height: 12px;
+    /* #endif */
+    /* #ifndef harmony */
+    line-height: 13px;
+    /* #endif */
+  }
+
   &-one {
     height: $badge-height;
     width: $badge-height;
-    padding: 0;
   }
 
   &-content {
-    /* #ifndef rn */
+    position: absolute;
     transform: $badge-content-transform;
-    /* #endif */
   }
 
   &-dot {
-    width: $badge-dot-width;
-    height: $badge-dot-width;
-    border: $badge-dot-border;
-    border-radius: $badge-dot-width;
     padding: 0;
+    border-radius: 50%;
+    &::after {
+      border: $badge-dot-border;
+      border-radius: 50%;
+    }
+    &-normal {
+      min-width: $badge-dot-width;
+      width: $badge-dot-width;
+      height: $badge-dot-width;
+    }
+    &-small {
+      min-width: $badge-dot-small-width;
+      width: $badge-dot-small-width;
+      height: $badge-dot-small-width;
+    }
+    &-large {
+      min-width: $badge-dot-large-width;
+      width: $badge-dot-large-width;
+      height: $badge-dot-large-width;
+    }
   }
 
   &-outline {
     background: $color-primary-text;
-    border: 1px solid $color-primary;
-    color: $color-primary;
+    color: $badge-outline-color;
+    &::after {
+      border: $badge-outline-border;
+    }
   }
 }

package/dist/es/packages/badge/style/style.css

@@ -6,72 +6,95 @@
   position: relative;
   display: inline-flex;
   width: auto;
-  /* #ifdef harmony */
-  min-width: 1px;
-  /* #endif */
-  /* #ifndef harmony */
-  min-width: auto;
-  /* #endif */
 }
 .nut-badge-icon {
-  position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
-  background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
-  padding: var(--nutui-badge-icon-padding, 3px);
+  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
+  padding: var(--nutui-badge-icon-padding, 2px);
   text-align: center;
-  border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
-  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
   z-index: var(--nutui-badge-z-index, 1);
 }
 .nut-badge-icon .nut-icon {
-  width: var(--nutui-badge-icon-size, 12px);
-  height: var(--nutui-badge-icon-size, 12px);
-  font-size: var(--nutui-badge-icon-size, 12px);
+  width: var(--nutui-badge-icon-size, 10px);
+  height: var(--nutui-badge-icon-size, 10px);
+  font-size: var(--nutui-badge-icon-size, 10px);
 }
-.nut-badge-sup {
-  height: var(--nutui-badge-height, 14px);
+.nut-badge-sup, .nut-badge-icon {
+  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
+}
+.nut-badge-sup::after, .nut-badge-icon::after {
+  content: "";
   position: absolute;
-  display: flex;
+  top: -50%;
+  bottom: -50%;
+  left: -50%;
+  right: -50%;
+  transform: scale(0.5);
+  border: var(--nutui-badge-border, 1px solid var(--nutui-color-primary-text, #ffffff));
+  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
+}
+.nut-badge-sup {
+  display: inline-flex;
   justify-content: center;
-  align-items: center;
+  height: var(--nutui-badge-height, 14px);
+  min-width: var(--nutui-badge-min-width, 6px);
+  padding: var(--nutui-badge-padding, 1px 4px);
+  box-sizing: border-box;
+  color: var(--nutui-badge-color, var(--nutui-color-primary-text, #ffffff));
+  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxs, 10px));
+  line-height: 12px;
+  white-space: nowrap;
+  font-weight: normal;
+  vertical-align: middle;
+  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
+  z-index: 1;
+}
+.nut-badge-number {
+  font-family: "JD";
   /* #ifdef harmony */
-  background: var(--nutui-color-primary, #ff0f23);
+  line-height: 12px;
   /* #endif */
   /* #ifndef harmony */
-  background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
+  line-height: 13px;
   /* #endif */
-  color: var(--nutui-badge-color, #fff);
-  padding: var(--nutui-badge-padding, 0 4px);
-  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxs, 10px));
-  font-weight: normal;
-  text-align: center;
-  border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
-  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
-  min-width: var(--nutui-badge-min-width, 5px);
-  white-space: nowrap;
-  z-index: 1;
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);
   width: var(--nutui-badge-height, 14px);
-  padding: 0;
 }
 .nut-badge-content {
-  /* #ifndef rn */
-  transform: var(--nutui-badge-content-transform, translateX(100%));
-  /* #endif */
+  position: absolute;
+  transform: var(--nutui-badge-content-transform, translate(50%, -50%));
 }
 .nut-badge-dot {
-  width: var(--nutui-badge-dot-width, 7px);
-  height: var(--nutui-badge-dot-width, 7px);
-  border: var(--nutui-badge-dot-border, 0px solid var(--nutui-color-primary-text, #ffffff));
-  border-radius: var(--nutui-badge-dot-width, 7px);
   padding: 0;
+  border-radius: 50%;
+}
+.nut-badge-dot::after {
+  border: var(--nutui-badge-dot-border, 1px solid var(--nutui-color-primary-text, #ffffff));
+  border-radius: 50%;
+}
+.nut-badge-dot-normal {
+  min-width: var(--nutui-badge-dot-width, 6px);
+  width: var(--nutui-badge-dot-width, 6px);
+  height: var(--nutui-badge-dot-width, 6px);
+}
+.nut-badge-dot-small {
+  min-width: var(--nutui-badge-dot-width, 4px);
+  width: var(--nutui-badge-dot-width, 4px);
+  height: var(--nutui-badge-dot-width, 4px);
+}
+.nut-badge-dot-large {
+  min-width: var(--nutui-badge-dot-width, 8px);
+  width: var(--nutui-badge-dot-width, 8px);
+  height: var(--nutui-badge-dot-width, 8px);
 }
 .nut-badge-outline {
   background: var(--nutui-color-primary-text, #ffffff);
-  border: 1px solid var(--nutui-color-primary, #ff0f23);
-  color: var(--nutui-color-primary, #ff0f23);
+  color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
+}
+.nut-badge-outline::after {
+  border: var(--nutui-badge-outline-border, 1px solid var(--nutui-color-primary, #ff0f23));
 }

package/dist/es/packages/badge/types.d.ts

@@ -0,0 +1,12 @@
+import { BasicComponent } from "../../utils/typings";
+export type BadgeFill = 'solid' | 'outline';
+export type BadgeDotSize = 'small' | 'normal' | 'large';
+export interface BadgeProps extends BasicComponent {
+    value: React.ReactNode;
+    dot: boolean;
+    max: number;
+    top: string | number;
+    right: string | number;
+    fill: BadgeFill;
+    size: BadgeDotSize;
+}

package/dist/es/packages/badge/types.js

@@ -0,0 +1 @@
+export { };

package/dist/es/packages/configprovider/types.d.ts

@@ -1 +1 @@
-export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryDisabledSpecial' | 'nutuiColorPrimaryLightPressed' | 'nutuiRed6' | 'nutuiGray8' | 'nutuiColorPrimarySpecialdisabled' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiColorBackground' | 'nutuiColorBackgroundOverlay' | 'nutuiColorBackgroundSunken' | 'nutuiColorMask' | 'nutuiColorMaskPart' | 'nutuiColorMaskFaultToleran' | 'nutuiColorBorder' | 'nutuiColorBorderDisabled' | 'nutuiColorTitle' | 'nutuiColorText' | 'nutuiColorTextHelp' | 'nutuiColorTextDisabled' | 'nutuiWhite12' | 'nutuiColorPrimaryText' | 'nutuiFontSizeXxs' | 'nutuiFontSizeXs' | 'nutuiFontSizeS' | 'nutuiFontSizeBase' | 'nutuiFontSizeL' | 'nutuiFontSizeXl' | 'nutuiFontSizeXxl' | 'nutuiFontSize10' | 'nutuiFontSize11' | 'nutuiFontWeightLight' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacingXxxs' | 'nutuiSpacingXxs' | 'nutuiSpacingXs' | 'nutuiSpacingS' | 'nutuiSpacingBase' | 'nutuiSpacingL' | 'nutuiSpacingXl' | 'nutuiSpacingXxl' | 'nutuiSpacingXxxl' | 'nutuiRadiusXxxs' | 'nutuiRadiusXxs' | 'nutuiRadiusXs' | 'nutuiRadiusS' | 'nutuiRadiusBase' | 'nutuiRadiusL' | 'nutuiRadiusXl' | 'nutuiRadiusXxl' | 'nutuiRadiusXxxl' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultDisabledColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonLargeBorderRadius' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonSmallBorderRadius' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniBorderRadius' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonXlargeTextIconMargin' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiCellGroupWrapMargin' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiCountdownFontWeight' | 'nutuiCountdownHeight' | 'nutuiCountdownWidth' | 'nutuiCountdownNumberPadding' | 'nutuiCountdownNumberBorderRadius' | 'nutuiCountdownNumberMargin' | 'nutuiCountdownNumberColor' | 'nutuiCountdownNumberBackgroundColor' | 'nutuiCountdownNumberBorderColor' | 'nutuiCountdownNumberPrimaryColor' | 'nutuiCountdownNumberPrimaryBackgroundColor' | 'nutuiCountdownNumberPrimaryBorderColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchActiveBackgroundColor' | 'nutuiSwitchInactiveBackgroundColor' | 'nutuiSwitchActiveDisabledBackgroundColor' | 'nutuiSwitchInactiveDisabledBackgroundColor' | 'nutuiSwitchInactiveLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchBorderWidth' | 'nutuiSwitchInsideBorderRadius' | 'nutuiSwitchInsideBoxShadow' | 'nutuiSwitchLabelTextColor' | 'nutuiSwitchLabelFontSize' | 'nutuiSwitchInactiveDisabledLabelTextColor' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiHoverbuttonSpacing' | 'nutuiHoverbuttonPositionBottom' | 'nutuiHoverbuttonPositionRight' | 'nutuiHoverbuttonItemBorderColor' | 'nutuiHoverbuttonItemBackground' | 'nutuiHoverbuttonItemBackgroundActive' | 'nutuiHoverbuttonItemIconColor' | 'nutuiHoverbuttonItemIconColorActive' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiPopupTitleFontWeight' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiRateIconSize' | 'nutuiRateFontColor' | 'nutuiRateFontSize' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverBorderColor' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack3' | 'nutuiBlack1';
+export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryDisabledSpecial' | 'nutuiColorPrimaryLightPressed' | 'nutuiRed6' | 'nutuiGray8' | 'nutuiColorPrimarySpecialdisabled' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiColorBackground' | 'nutuiColorBackgroundOverlay' | 'nutuiColorBackgroundSunken' | 'nutuiColorMask' | 'nutuiColorMaskPart' | 'nutuiColorMaskFaultToleran' | 'nutuiColorBorder' | 'nutuiColorBorderDisabled' | 'nutuiColorTitle' | 'nutuiColorText' | 'nutuiColorTextHelp' | 'nutuiColorTextDisabled' | 'nutuiWhite12' | 'nutuiColorPrimaryText' | 'nutuiFontSizeXxs' | 'nutuiFontSizeXs' | 'nutuiFontSizeS' | 'nutuiFontSizeBase' | 'nutuiFontSizeL' | 'nutuiFontSizeXl' | 'nutuiFontSizeXxl' | 'nutuiFontSize10' | 'nutuiFontSize11' | 'nutuiFontWeightLight' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacingXxxs' | 'nutuiSpacingXxs' | 'nutuiSpacingXs' | 'nutuiSpacingS' | 'nutuiSpacingBase' | 'nutuiSpacingL' | 'nutuiSpacingXl' | 'nutuiSpacingXxl' | 'nutuiSpacingXxxl' | 'nutuiRadiusXxxs' | 'nutuiRadiusXxs' | 'nutuiRadiusXs' | 'nutuiRadiusS' | 'nutuiRadiusBase' | 'nutuiRadiusL' | 'nutuiRadiusXl' | 'nutuiRadiusXxl' | 'nutuiRadiusXxxl' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultDisabledColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonLargeBorderRadius' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonSmallBorderRadius' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniBorderRadius' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonXlargeTextIconMargin' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiCellGroupWrapMargin' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiCountdownFontWeight' | 'nutuiCountdownHeight' | 'nutuiCountdownWidth' | 'nutuiCountdownNumberPadding' | 'nutuiCountdownNumberBorderRadius' | 'nutuiCountdownNumberMargin' | 'nutuiCountdownNumberColor' | 'nutuiCountdownNumberBackgroundColor' | 'nutuiCountdownNumberBorderColor' | 'nutuiCountdownNumberPrimaryColor' | 'nutuiCountdownNumberPrimaryBackgroundColor' | 'nutuiCountdownNumberPrimaryBorderColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchActiveBackgroundColor' | 'nutuiSwitchInactiveBackgroundColor' | 'nutuiSwitchActiveDisabledBackgroundColor' | 'nutuiSwitchInactiveDisabledBackgroundColor' | 'nutuiSwitchInactiveLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchBorderWidth' | 'nutuiSwitchInsideBorderRadius' | 'nutuiSwitchInsideBoxShadow' | 'nutuiSwitchLabelTextColor' | 'nutuiSwitchLabelFontSize' | 'nutuiSwitchInactiveDisabledLabelTextColor' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiHoverbuttonSpacing' | 'nutuiHoverbuttonPositionBottom' | 'nutuiHoverbuttonPositionRight' | 'nutuiHoverbuttonItemSize' | 'nutuiHoverbuttonItemBorderColor' | 'nutuiHoverbuttonItemBackground' | 'nutuiHoverbuttonItemBackgroundActive' | 'nutuiHoverbuttonItemIconColor' | 'nutuiHoverbuttonItemIconColorActive' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiPopupTitleFontWeight' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiRateIconSize' | 'nutuiRateFontColor' | 'nutuiRateFontSize' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverBorderColor' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiCountupSeparatorColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack3' | 'nutuiBlack1';

package/dist/es/packages/countup/style/countup.scss

@@ -24,7 +24,7 @@
     display: flex;
     height: 80%;
     align-items: flex-end;
-    color: $countup-bg-color;
+    color: $countup-separator-color;
     font-size: $countup-base-size;
     font-weight: $font-weight-bold;
   }

package/dist/es/packages/countup/style/style.css

@@ -24,7 +24,7 @@
   display: flex;
   height: 80%;
   align-items: flex-end;
-  color: var(--nutui-countup-bg-color, inherit);
+  color: var(--nutui-countup-separator-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-countup-base-size, 18px);
   font-weight: var(--nutui-font-weight-bold, 600);
 }

package/dist/es/packages/hoverbutton/style/style.css

@@ -3,9 +3,9 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-hoverbutton-item-container {
-  width: 40px;
-  height: 40px;
-  border-radius: 20px;
+  width: var(--nutui-hoverbutton-item-size, 40px);
+  height: var(--nutui-hoverbutton-item-size, 40px);
+  border-radius: var(--nutui-hoverbutton-item-size, 40px);
   border: 1px solid var(--nutui-hoverbutton-item-border-color, rgba(0, 0, 0, 0.12));
   background-color: var(--nutui-hoverbutton-item-background, var(--nutui-white-12));
 }

package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss

@@ -1,8 +1,8 @@
 .nut-hoverbutton-item {
   &-container {
-    width: 40px;
-    height: 40px;
-    border-radius: 20px;
+    width: $hoverbutton-item-size;
+    height: $hoverbutton-item-size;
+    border-radius: $hoverbutton-item-size;
     border: 1px solid $hoverbutton-item-border-color;
     background-color: $hoverbutton-item-background;
 

package/dist/es/packages/hoverbuttonitem/style/style.css

@@ -3,9 +3,9 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-hoverbutton-item-container {
-  width: 40px;
-  height: 40px;
-  border-radius: 20px;
+  width: var(--nutui-hoverbutton-item-size, 40px);
+  height: var(--nutui-hoverbutton-item-size, 40px);
+  border-radius: var(--nutui-hoverbutton-item-size, 40px);
   border: 1px solid var(--nutui-hoverbutton-item-border-color, rgba(0, 0, 0, 0.12));
   background-color: var(--nutui-hoverbutton-item-background, var(--nutui-white-12));
 }