@nutui/nutui-react 3.0.11-patch.0 → 3.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  3. package/dist/cjs/packages/progress/progress.js +38 -17
  4. package/dist/cjs/packages/progress/style/progress.scss +5 -21
  5. package/dist/cjs/packages/progress/style/style.css +5 -19
  6. package/dist/cjs/packages/progress/style-jmapp/progress.scss +5 -21
  7. package/dist/cjs/packages/progress/style-jmapp/style.css +4 -18
  8. package/dist/cjs/packages/progress/style-jrkf/progress.scss +5 -21
  9. package/dist/cjs/packages/progress/style-jrkf/style.css +4 -18
  10. package/dist/cjs/packages/range/range.js +5 -11
  11. package/dist/cjs/packages/range/style/range.scss +6 -2
  12. package/dist/cjs/packages/range/style/style.css +3 -1
  13. package/dist/cjs/packages/range/style-jmapp/range.scss +6 -2
  14. package/dist/cjs/packages/range/style-jmapp/style.css +3 -1
  15. package/dist/cjs/packages/range/style-jrkf/range.scss +6 -2
  16. package/dist/cjs/packages/range/style-jrkf/style.css +3 -1
  17. package/dist/cjs/packages/range/utils.d.ts +3 -0
  18. package/dist/cjs/packages/range/utils.js +24 -0
  19. package/dist/cjs/packages/searchbar/searchbar.js +162 -87
  20. package/dist/cjs/packages/searchbar/style/searchbar.scss +99 -25
  21. package/dist/cjs/packages/searchbar/style/style.css +102 -38
  22. package/dist/cjs/packages/searchbar/style-jmapp/searchbar.scss +99 -25
  23. package/dist/cjs/packages/searchbar/style-jmapp/style.css +85 -21
  24. package/dist/cjs/packages/searchbar/style-jrkf/searchbar.scss +99 -25
  25. package/dist/cjs/packages/searchbar/style-jrkf/style.css +85 -21
  26. package/dist/cjs/packages/step/step.js +74 -33
  27. package/dist/cjs/packages/step/style/step.scss +104 -195
  28. package/dist/cjs/packages/step/style/style.css +85 -159
  29. package/dist/cjs/packages/step/style-jmapp/step.scss +104 -195
  30. package/dist/cjs/packages/step/style-jmapp/style.css +88 -162
  31. package/dist/cjs/packages/step/style-jrkf/step.scss +104 -195
  32. package/dist/cjs/packages/step/style-jrkf/style.css +88 -162
  33. package/dist/cjs/packages/steps/steps.js +23 -8
  34. package/dist/cjs/packages/steps/style/steps.scss +328 -4
  35. package/dist/cjs/packages/steps/style/style.css +219 -2
  36. package/dist/cjs/packages/steps/style-jmapp/steps.scss +328 -4
  37. package/dist/cjs/packages/steps/style-jmapp/style.css +219 -2
  38. package/dist/cjs/packages/steps/style-jrkf/steps.scss +328 -4
  39. package/dist/cjs/packages/steps/style-jrkf/style.css +219 -2
  40. package/dist/cjs/packages/uploader/uploader.js +20 -9
  41. package/dist/cjs/types/spec/progress/base.d.ts +6 -0
  42. package/dist/cjs/types/spec/progress/taro.d.ts +4 -0
  43. package/dist/cjs/types/spec/searchbar/base.d.ts +3 -0
  44. package/dist/cjs/types/spec/steps/base.d.ts +11 -2
  45. package/dist/es/packages/configprovider/types.d.ts +1 -1
  46. package/dist/es/packages/progress/progress.js +38 -17
  47. package/dist/es/packages/progress/style/progress.scss +5 -21
  48. package/dist/es/packages/progress/style/style.css +5 -19
  49. package/dist/es/packages/progress/style-jmapp/progress.scss +5 -21
  50. package/dist/es/packages/progress/style-jmapp/style.css +4 -18
  51. package/dist/es/packages/progress/style-jrkf/progress.scss +5 -21
  52. package/dist/es/packages/progress/style-jrkf/style.css +4 -18
  53. package/dist/es/packages/range/range.js +5 -11
  54. package/dist/es/packages/range/style/range.scss +6 -2
  55. package/dist/es/packages/range/style/style.css +3 -1
  56. package/dist/es/packages/range/style-jmapp/range.scss +6 -2
  57. package/dist/es/packages/range/style-jmapp/style.css +3 -1
  58. package/dist/es/packages/range/style-jrkf/range.scss +6 -2
  59. package/dist/es/packages/range/style-jrkf/style.css +3 -1
  60. package/dist/es/packages/range/utils.d.ts +3 -0
  61. package/dist/es/packages/range/utils.js +6 -0
  62. package/dist/es/packages/searchbar/searchbar.js +163 -89
  63. package/dist/es/packages/searchbar/style/searchbar.scss +99 -25
  64. package/dist/es/packages/searchbar/style/style.css +102 -38
  65. package/dist/es/packages/searchbar/style-jmapp/searchbar.scss +99 -25
  66. package/dist/es/packages/searchbar/style-jmapp/style.css +85 -21
  67. package/dist/es/packages/searchbar/style-jrkf/searchbar.scss +99 -25
  68. package/dist/es/packages/searchbar/style-jrkf/style.css +85 -21
  69. package/dist/es/packages/step/step.js +75 -34
  70. package/dist/es/packages/step/style/step.scss +104 -195
  71. package/dist/es/packages/step/style/style.css +85 -159
  72. package/dist/es/packages/step/style-jmapp/step.scss +104 -195
  73. package/dist/es/packages/step/style-jmapp/style.css +88 -162
  74. package/dist/es/packages/step/style-jrkf/step.scss +104 -195
  75. package/dist/es/packages/step/style-jrkf/style.css +88 -162
  76. package/dist/es/packages/steps/steps.js +23 -8
  77. package/dist/es/packages/steps/style/steps.scss +328 -4
  78. package/dist/es/packages/steps/style/style.css +219 -2
  79. package/dist/es/packages/steps/style-jmapp/steps.scss +328 -4
  80. package/dist/es/packages/steps/style-jmapp/style.css +219 -2
  81. package/dist/es/packages/steps/style-jrkf/steps.scss +328 -4
  82. package/dist/es/packages/steps/style-jrkf/style.css +219 -2
  83. package/dist/es/packages/uploader/uploader.js +20 -9
  84. package/dist/es/types/spec/progress/base.d.ts +24 -0
  85. package/dist/es/types/spec/progress/taro.d.ts +4 -0
  86. package/dist/es/types/spec/searchbar/base.d.ts +10 -1
  87. package/dist/es/types/spec/steps/base.d.ts +26 -5
  88. package/dist/nutui.react.umd.js +317 -167
  89. package/dist/style-jmapp.css +1 -1
  90. package/dist/style-jmapp.scss +39 -39
  91. package/dist/style-jrkf.css +1 -1
  92. package/dist/style-jrkf.scss +42 -42
  93. package/dist/style.css +1 -1
  94. package/dist/style.scss +41 -41
  95. package/dist/styles/variables-jmapp.scss +133 -79
  96. package/dist/styles/variables-jrkf.scss +134 -80
  97. package/dist/styles/variables.scss +148 -89
  98. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,7 +1,21 @@
1
+ # v3.0.12
2
+ `2025-05-17`
3
+
4
+
5
+ * :sparkles: feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 (#3217)
6
+ * :sparkles: feat(progress): 兼容并支持taro components的progressProps & v15适配 (#3202)
7
+ * :sparkles: feat(searchbar): v15 适配,增加了受控和默认值 (#3209)
8
+ * :sparkles: feat(steps): v15 (#3216)
9
+ * :bug: fix(uploader): beforeUpload failed to work (#3219)
10
+ * :bug: fix(uploader): 多端上传媒体文件逻辑与2x保持一致 (#3223)
11
+ * :bug: fix(address): 构建单一样式文件 (#3220)
12
+
13
+
1
14
  # v3.0.11
2
15
 
3
16
  `2025-05-09`
4
17
 
18
+ - :bug: fix(address): 构建单一样式文件 (#3220)
5
19
  - 📖 docs: 升级文档补充 (#3204)
6
20
  - :sparkles: feat(address): v15 适配 (#3171)
7
21
  - :bug: fix: 修复编译单个组件在小程序下路径异常的问题 (#3215)
@@ -1 +1 @@
1
- export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryDisabledSpecial' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorPrimaryIcon' | 'nutuiColorPrimaryIconDisabled' | 'nutuiColorPrimarySpecialdisabled' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorSuccessText' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorWarningText' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiColorDangerText' | 'nutuiColorBackground' | 'nutuiColorBackgroundOverlay' | 'nutuiColorBackgroundSunken' | 'nutuiColorMask' | 'nutuiColorMaskPart' | 'nutuiColorMaskFaultToleran' | 'nutuiColorBorder' | 'nutuiColorBorderDisabled' | 'nutuiColorTitle' | 'nutuiColorText' | 'nutuiColorTextHelp' | 'nutuiColorTextDisabled' | 'nutuiColorTextDark' | 'nutuiColorTextLink' | 'nutuiFontSizeXxxs' | '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' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonXlargeTextIconMargin' | 'nutuiButtonXlargeBorderRadius' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | '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' | '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' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite12' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputLineheight' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaPadding' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | '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' | 'nutuiPriceColor' | 'nutuiPriceDarkgrayColor' | 'nutuiGray7' | 'nutuiPriceLineColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolXlargeSize' | 'nutuiPriceIntegerXlargeSize' | 'nutuiPriceDecimalXlargeSize' | 'nutuiPriceSymbolLargeSize' | 'nutuiPriceIntegerLargeSize' | 'nutuiPriceDecimalLargeSize' | 'nutuiPriceSymbolNormalSize' | 'nutuiPriceIntegerNormalSize' | 'nutuiPriceDecimalNormalSize' | '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' | 'nutuiPopupTitleFontWeight' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupDescriptionSpacing' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyHeight' | 'nutuiNotifyPadding' | 'nutuiNotifyBorderRadius' | 'nutuiNotifyBoxShadow' | 'nutuiNotifyZIndex' | 'nutuiNotifyTextColor' | 'nutuiNotifyFontSize' | 'nutuiNotifyBackgroundColor' | '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' | 'nutuiDialogMinWidth' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMaxHeight' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterCancelBg' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogBottomCloseIconSize' | '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' | 'nutuiBadgeBackgroundDisabledColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotSmallWidth' | 'nutuiBadgeDotLargeWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverPadding' | 'nutuiPopoverItemWidth' | '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' | 'nutuiSkeletonLineSmallHeight' | 'nutuiSkeletonLineNormalHeight' | 'nutuiSkeletonLineLargeHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGray1' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidebarBackgroundColor' | 'nutuiSidebarBorderRadius' | 'nutuiSidebarWidth' | 'nutuiSidebarMaxWidth' | 'nutuiSidebarTitleHeight' | 'nutuiSidebarInactiveFontSize' | 'nutuiSidebarActiveFontSize' | 'nutuiSidebarActiveFontWeight' | 'nutuiSidebarActiveColor' | 'nutuiSidebarItemBackground' | 'nutuiSidebarItemPadding' | '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' | 'nutuiLoadingLottieBackground' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack3' | 'nutuiBlack1';
1
+ export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryDisabledSpecial' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorPrimaryIcon' | 'nutuiColorPrimaryIconDisabled' | 'nutuiColorPrimarySpecialdisabled' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorSuccessText' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorWarningText' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiColorDangerText' | 'nutuiColorBackground' | 'nutuiColorBackgroundOverlay' | 'nutuiColorBackgroundSunken' | 'nutuiColorMask' | 'nutuiColorMaskPart' | 'nutuiColorMaskFaultToleran' | 'nutuiColorBorder' | 'nutuiColorBorderDisabled' | 'nutuiColorTitle' | 'nutuiColorText' | 'nutuiColorTextHelp' | 'nutuiColorTextDisabled' | 'nutuiColorTextDark' | 'nutuiColorTextLink' | 'nutuiFontSizeXxxs' | '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' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonXlargeTextIconMargin' | 'nutuiButtonXlargeBorderRadius' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | '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' | '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' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite12' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputLineheight' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaPadding' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | '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' | 'nutuiPriceColor' | 'nutuiPriceDarkgrayColor' | 'nutuiGray7' | 'nutuiPriceLineColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolXlargeSize' | 'nutuiPriceIntegerXlargeSize' | 'nutuiPriceDecimalXlargeSize' | 'nutuiPriceSymbolLargeSize' | 'nutuiPriceIntegerLargeSize' | 'nutuiPriceDecimalLargeSize' | 'nutuiPriceSymbolNormalSize' | 'nutuiPriceIntegerNormalSize' | 'nutuiPriceDecimalNormalSize' | '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' | 'nutuiPopupTitleFontWeight' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupDescriptionSpacing' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyHeight' | 'nutuiNotifyPadding' | 'nutuiNotifyBorderRadius' | 'nutuiNotifyBoxShadow' | 'nutuiNotifyZIndex' | 'nutuiNotifyTextColor' | 'nutuiNotifyFontSize' | 'nutuiNotifyBackgroundColor' | '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' | 'nutuiStepsBackgroundColor' | 'nutuiStepsBaseHeadHeight' | 'nutuiStepsBaseHeadBackgroundColor' | 'nutuiStepsBaseHeadBorder' | 'nutuiStepsBaseHeadTextSize' | 'nutuiStepsBaseIconSize' | 'nutuiStepsBaseHeadColor' | 'nutuiStepsBaseHeadDotSize' | 'nutuiStepsBaseHeadDotBackgroundColor' | 'nutuiStepsBaseHeadIconSize' | 'nutuiStepsBaseHeadIconSizeRight' | 'nutuiStepsVerticalItemIconSize' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsBaseHeadBorderColor' | 'nutuiStepsProcessHeadBackgroundColor' | 'nutuiStepsProcessColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsBusinessTitleColor' | 'nutuiColorServicePressed' | 'nutuiStepsBusinessDescriptionColor' | 'nutuiStepsBusinessHeadTextColor' | 'nutuiStepsBusinessHeadDotBackgroundColor' | 'nutuiStepsBusinessHeadIconColor' | 'nutuiStepsBusinessHeadBackgroundColor' | 'nutuiColorService' | 'nutuiStepsEnhancedFinishHeadBackgroundColor' | 'nutuiStepsEnhancedFinishHeadDotBackgroundColor' | 'nutuiStepsEnhancedFinishHeadIconColor' | 'nutuiStepsEnhancedFinishHeadTextColor' | 'nutuiStepsHorizontalItemPaddingRight' | 'nutuiStepsHorizontalItemLinePadding' | 'nutuiStepsHorizontalItemSpecialPaddingRight' | 'nutuiStepsHorizontalItemSpecial3PaddingRight' | 'nutuiStepsVerticalItemPaddingBottom' | 'nutuiStepsVerticalTitleFontSize' | 'nutuiStepsVerticalTitleMarginBottom' | 'nutuiStepsVerticalLineHeight' | 'nutuiStepsVerticalDescriptionFontSize' | 'nutuiStepsVerticalDescriptionMargin' | 'nutuiDialogMinWidth' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMaxHeight' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterCancelBg' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogBottomCloseIconSize' | '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' | 'nutuiBadgeBackgroundDisabledColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotSmallWidth' | 'nutuiBadgeDotLargeWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverPadding' | 'nutuiPopoverItemWidth' | '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' | 'nutuiSearchbarInnerGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarIconSize' | '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' | 'nutuiSkeletonLineSmallHeight' | 'nutuiSkeletonLineNormalHeight' | 'nutuiSkeletonLineLargeHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGray1' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidebarBackgroundColor' | 'nutuiSidebarBorderRadius' | 'nutuiSidebarWidth' | 'nutuiSidebarMaxWidth' | 'nutuiSidebarTitleHeight' | 'nutuiSidebarInactiveFontSize' | 'nutuiSidebarActiveFontSize' | 'nutuiSidebarActiveFontWeight' | 'nutuiSidebarActiveColor' | 'nutuiSidebarItemBackground' | 'nutuiSidebarItemPadding' | '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' | 'nutuiLoadingLottieBackground' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack3' | 'nutuiBlack1';
@@ -28,7 +28,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
28
28
  });
29
29
  var Progress = function Progress(props) {
30
30
  var rtl = (0, _configprovider.useRtl)();
31
- var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, percent = _ref.percent, background = _ref.background, color = _ref.color, strokeWidth = _ref.strokeWidth, showText = _ref.showText, animated = _ref.animated, children = _ref.children, lazy = _ref.lazy, delay = _ref.delay, rest = (0, _object_without_properties._)(_ref, [
31
+ var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, percent = _ref.percent, background = _ref.background, color = _ref.color, strokeWidth = _ref.strokeWidth, showText = _ref.showText, animated = _ref.animated, children = _ref.children, lazy = _ref.lazy, delay = _ref.delay, borderRadius = _ref.borderRadius, fontSize = _ref.fontSize, activeMode = _ref.activeMode, duration = _ref.duration, ariaLabel = _ref.ariaLabel, onActiveEnd = _ref.onActiveEnd, rest = (0, _object_without_properties._)(_ref, [
32
32
  "className",
33
33
  "style",
34
34
  "percent",
@@ -39,24 +39,48 @@ var Progress = function Progress(props) {
39
39
  "animated",
40
40
  "children",
41
41
  "lazy",
42
- "delay"
42
+ "delay",
43
+ "borderRadius",
44
+ "fontSize",
45
+ "activeMode",
46
+ "duration",
47
+ "ariaLabel",
48
+ "onActiveEnd"
43
49
  ]);
44
50
  var classPrefix = 'nut-progress';
45
51
  var _obj;
46
52
  var classesInner = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-inner"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-active"), animated), _obj));
47
53
  var stylesOuter = {
48
54
  height: "".concat(strokeWidth, "px"),
55
+ borderRadius: borderRadius && parseInt(borderRadius.toString()),
49
56
  background: background
50
57
  };
51
58
  var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), displayPercent = _useState[0], setDispalyPercent = _useState[1];
52
59
  var stylesInner = {
53
60
  width: "".concat(displayPercent, "%"),
54
- background: color || '#FF0F23'
61
+ background: color || '#FF0F23',
62
+ borderRadius: borderRadius && parseInt(borderRadius.toString()),
63
+ transition: "width ".concat(duration || 300, "ms ease-in-out")
55
64
  };
56
65
  (0, _react.useEffect)(function() {
57
- setDispalyPercent(percent);
66
+ var timer = null;
67
+ if (activeMode === 'backwards') {
68
+ setDispalyPercent(0);
69
+ timer = setTimeout(function() {
70
+ setDispalyPercent(percent);
71
+ }, duration || 300);
72
+ } else {
73
+ setDispalyPercent(percent);
74
+ }
75
+ return function() {
76
+ if (timer) {
77
+ clearTimeout(timer);
78
+ }
79
+ };
58
80
  }, [
59
- percent
81
+ percent,
82
+ activeMode,
83
+ duration
60
84
  ]);
61
85
  var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), intersecting = _useState1[0], setIntersecting = _useState1[1];
62
86
  var progressRef = (0, _react.useRef)(null);
@@ -108,25 +132,22 @@ var Progress = function Progress(props) {
108
132
  return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
109
133
  ref: progressRef,
110
134
  className: (0, _classnames.default)(classPrefix, className),
111
- style: style
135
+ style: style,
136
+ "aria-label": ariaLabel
112
137
  }, rest), /*#__PURE__*/ _react.default.createElement("div", {
113
138
  className: "".concat(classPrefix, "-outer"),
114
139
  style: stylesOuter
115
140
  }, /*#__PURE__*/ _react.default.createElement("div", {
116
141
  className: classesInner,
117
- style: stylesInner
118
- }, showText && /*#__PURE__*/ _react.default.createElement("div", {
119
- className: "".concat(classPrefix, "-text"),
120
- style: rtl ? {
121
- right: "".concat(displayPercent, "%")
122
- } : {
123
- left: "".concat(displayPercent, "%")
142
+ style: stylesInner,
143
+ onTransitionEnd: function onTransitionEnd() {
144
+ onActiveEnd === null || onActiveEnd === void 0 ? void 0 : onActiveEnd();
124
145
  }
125
- }, children || /*#__PURE__*/ _react.default.createElement("div", {
126
- className: "".concat(classPrefix, "-text-inner"),
146
+ })), showText && /*#__PURE__*/ _react.default.createElement("div", {
147
+ className: "".concat(classPrefix, "-text"),
127
148
  style: {
128
- background: color
149
+ fontSize: fontSize && parseInt(fontSize.toString())
129
150
  }
130
- }, percent, "%")))));
151
+ }, children || "".concat(percent, "%")));
131
152
  };
132
153
  Progress.displayName = 'NutProgress';
@@ -5,11 +5,10 @@
5
5
  width: 100%;
6
6
 
7
7
  &-outer {
8
- flex: auto;
8
+ flex: 1;
9
9
  border-radius: $progress-border-radius;
10
10
  height: $progress-height;
11
11
  background: $progress-background;
12
-
13
12
  .nut-progress-active:before {
14
13
  content: '';
15
14
  position: absolute;
@@ -35,26 +34,11 @@
35
34
  &-text {
36
35
  display: flex;
37
36
  align-items: center;
38
- position: absolute;
39
- top: $progress-text-position-top;
40
- bottom: $progress-text-position-bottom;
41
37
  transition: all 0.4s;
42
- transform: translate(-50%);
43
-
44
- &-inner {
45
- display: flex;
46
- flex-direction: row;
47
- justify-content: center;
48
- align-items: center;
49
- height: 100%;
50
- width: 100%;
51
- color: $progress-text-color;
52
- padding: $progress-text-padding;
53
- border-radius: $progress-text-border-radius;
54
- font-size: $progress-text-font-size;
55
- line-height: 1;
56
- background: $progress-text-background;
57
- }
38
+ margin-left: 12px;
39
+ color: $color-text-help;
40
+ font-family: PingFang SC;
41
+ font-size: $progress-text-font-size;
58
42
  }
59
43
 
60
44
  @keyframes progressActive {
@@ -9,7 +9,7 @@
9
9
  width: 100%;
10
10
  }
11
11
  .nut-progress-outer {
12
- flex: auto;
12
+ flex: 1;
13
13
  border-radius: var(--nutui-progress-border-radius, 12px);
14
14
  height: var(--nutui-progress-height, 10px);
15
15
  background: var(--nutui-progress-background, var(--nutui-color-background, #f2f3f5));
@@ -36,25 +36,11 @@
36
36
  .nut-progress-text {
37
37
  display: flex;
38
38
  align-items: center;
39
- position: absolute;
40
- top: var(--nutui-progress-text-position-top, -4px);
41
- bottom: var(--nutui-progress-text-position-bottom, -4px);
42
39
  transition: all 0.4s;
43
- transform: translate(-50%);
44
- }
45
- .nut-progress-text-inner {
46
- display: flex;
47
- flex-direction: row;
48
- justify-content: center;
49
- align-items: center;
50
- height: 100%;
51
- width: 100%;
52
- color: var(--nutui-progress-text-color, #ffffff);
53
- padding: var(--nutui-progress-text-padding, 0 5px);
54
- border-radius: var(--nutui-progress-text-border-radius, 5px);
55
- font-size: var(--nutui-progress-text-font-size, 9px);
56
- line-height: 1;
57
- background: var(--nutui-progress-text-background, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
40
+ margin-left: 12px;
41
+ color: var(--nutui-color-text-help, #888b94);
42
+ font-family: PingFang SC;
43
+ font-size: var(--nutui-progress-text-font-size, 13px);
58
44
  }
59
45
  @keyframes progressActive {
60
46
  0% {
@@ -5,11 +5,10 @@
5
5
  width: 100%;
6
6
 
7
7
  &-outer {
8
- flex: auto;
8
+ flex: 1;
9
9
  border-radius: $progress-border-radius;
10
10
  height: $progress-height;
11
11
  background: $progress-background;
12
-
13
12
  .nut-progress-active:before {
14
13
  content: '';
15
14
  position: absolute;
@@ -35,26 +34,11 @@
35
34
  &-text {
36
35
  display: flex;
37
36
  align-items: center;
38
- position: absolute;
39
- top: $progress-text-position-top;
40
- bottom: $progress-text-position-bottom;
41
37
  transition: all 0.4s;
42
- transform: translate(-50%);
43
-
44
- &-inner {
45
- display: flex;
46
- flex-direction: row;
47
- justify-content: center;
48
- align-items: center;
49
- height: 100%;
50
- width: 100%;
51
- color: $progress-text-color;
52
- padding: $progress-text-padding;
53
- border-radius: $progress-text-border-radius;
54
- font-size: $progress-text-font-size;
55
- line-height: 1;
56
- background: $progress-text-background;
57
- }
38
+ margin-left: 12px;
39
+ color: $color-text-help;
40
+ font-family: PingFang SC;
41
+ font-size: $progress-text-font-size;
58
42
  }
59
43
 
60
44
  @keyframes progressActive {
@@ -9,7 +9,7 @@
9
9
  width: 100%;
10
10
  }
11
11
  .nut-progress-outer {
12
- flex: auto;
12
+ flex: 1;
13
13
  border-radius: var(--nutui-progress-border-radius, 12px);
14
14
  height: var(--nutui-progress-height, 10px);
15
15
  background: var(--nutui-progress-background, var(--nutui-color-surface-1));
@@ -36,25 +36,11 @@
36
36
  .nut-progress-text {
37
37
  display: flex;
38
38
  align-items: center;
39
- position: absolute;
40
- top: var(--nutui-progress-text-position-top, -4px);
41
- bottom: var(--nutui-progress-text-position-bottom, -4px);
42
39
  transition: all 0.4s;
43
- transform: translate(-50%);
44
- }
45
- .nut-progress-text-inner {
46
- display: flex;
47
- flex-direction: row;
48
- justify-content: center;
49
- align-items: center;
50
- height: 100%;
51
- width: 100%;
52
- color: var(--nutui-progress-text-color, var(--nutui-color-text-dark));
53
- padding: var(--nutui-progress-text-padding, 0 5px);
54
- border-radius: var(--nutui-progress-text-border-radius, 5px);
40
+ margin-left: 12px;
41
+ color: var(--nutui-color-text-help);
42
+ font-family: PingFang SC;
55
43
  font-size: var(--nutui-progress-text-font-size, 9px);
56
- line-height: 1;
57
- background: var(--nutui-progress-text-background, #ff0f23);
58
44
  }
59
45
  @keyframes progressActive {
60
46
  0% {
@@ -5,11 +5,10 @@
5
5
  width: 100%;
6
6
 
7
7
  &-outer {
8
- flex: auto;
8
+ flex: 1;
9
9
  border-radius: $progress-border-radius;
10
10
  height: $progress-height;
11
11
  background: $progress-background;
12
-
13
12
  .nut-progress-active:before {
14
13
  content: '';
15
14
  position: absolute;
@@ -35,26 +34,11 @@
35
34
  &-text {
36
35
  display: flex;
37
36
  align-items: center;
38
- position: absolute;
39
- top: $progress-text-position-top;
40
- bottom: $progress-text-position-bottom;
41
37
  transition: all 0.4s;
42
- transform: translate(-50%);
43
-
44
- &-inner {
45
- display: flex;
46
- flex-direction: row;
47
- justify-content: center;
48
- align-items: center;
49
- height: 100%;
50
- width: 100%;
51
- color: $progress-text-color;
52
- padding: $progress-text-padding;
53
- border-radius: $progress-text-border-radius;
54
- font-size: $progress-text-font-size;
55
- line-height: 1;
56
- background: $progress-text-background;
57
- }
38
+ margin-left: 12px;
39
+ color: $color-text-help;
40
+ font-family: PingFang SC;
41
+ font-size: $progress-text-font-size;
58
42
  }
59
43
 
60
44
  @keyframes progressActive {
@@ -9,7 +9,7 @@
9
9
  width: 100%;
10
10
  }
11
11
  .nut-progress-outer {
12
- flex: auto;
12
+ flex: 1;
13
13
  border-radius: var(--nutui-progress-border-radius, 12px);
14
14
  height: var(--nutui-progress-height, 10px);
15
15
  background: var(--nutui-progress-background, var(--nutui-color-surface-1));
@@ -36,25 +36,11 @@
36
36
  .nut-progress-text {
37
37
  display: flex;
38
38
  align-items: center;
39
- position: absolute;
40
- top: var(--nutui-progress-text-position-top, -4px);
41
- bottom: var(--nutui-progress-text-position-bottom, -4px);
42
39
  transition: all 0.4s;
43
- transform: translate(-50%);
44
- }
45
- .nut-progress-text-inner {
46
- display: flex;
47
- flex-direction: row;
48
- justify-content: center;
49
- align-items: center;
50
- height: 100%;
51
- width: 100%;
52
- color: var(--nutui-progress-text-color, var(--nutui-color-text-dark));
53
- padding: var(--nutui-progress-text-padding, 0 5px);
54
- border-radius: var(--nutui-progress-text-border-radius, 5px);
40
+ margin-left: 12px;
41
+ color: var(--nutui-color-text-help);
42
+ font-family: PingFang SC;
55
43
  font-size: var(--nutui-progress-text-font-size, 9px);
56
- line-height: 1;
57
- background: var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff9999) 0%, var(--nutui-color-primary-stop-2, #ff6666) 100%)));
58
44
  }
59
45
  @keyframes progressActive {
60
46
  0% {
@@ -233,10 +233,8 @@ var Range = function Range(props) {
233
233
  onEnd,
234
234
  setCurrent
235
235
  ]);
236
- var click = (0, _react.useCallback)(function(event) {
237
- if (disabled || !root.current) {
238
- return;
239
- }
236
+ var handleClick = (0, _react.useCallback)(function(event) {
237
+ if (disabled || !root.current) return;
240
238
  setDragStatus('');
241
239
  var rect = (0, _getrect.getRect)(root.current);
242
240
  var delta = event.clientX - rect.left;
@@ -274,9 +272,7 @@ var Range = function Range(props) {
274
272
  vertical
275
273
  ]);
276
274
  var onTouchStart = (0, _react.useCallback)(function(event) {
277
- if (disabled) {
278
- return;
279
- }
275
+ if (disabled) return;
280
276
  touch.start(event);
281
277
  setExactValue(current);
282
278
  if (isRange(current)) {
@@ -489,11 +485,9 @@ var Range = function Range(props) {
489
485
  }, minDescription || min), /*#__PURE__*/ _react.default.createElement("div", {
490
486
  ref: root,
491
487
  className: classes,
492
- onClick: function onClick(e) {
493
- return click(e);
494
- }
488
+ onClick: handleClick
495
489
  }, renderMarks(), /*#__PURE__*/ _react.default.createElement("div", {
496
- className: "".concat(classPrefix, "-bar"),
490
+ className: "".concat(classPrefix, "-bar ").concat(classPrefix, "-bar-animate"),
497
491
  style: barStyle()
498
492
  }, renderButtonWrapper())), maxDescription !== null && /*#__PURE__*/ _react.default.createElement("div", {
499
493
  className: "".concat(classPrefix, "-max")
@@ -46,7 +46,10 @@
46
46
  max-height: 100%;
47
47
  background: $range-active-color;
48
48
  border-radius: 2px;
49
- transition: all 0.2s;
49
+
50
+ &-animate {
51
+ transition: all 0.2s;
52
+ }
50
53
  }
51
54
 
52
55
  &-button {
@@ -204,7 +207,8 @@
204
207
  position: absolute;
205
208
  width: 36px;
206
209
  height: 100%;
207
- top: initial;
210
+ // top: initial;
211
+ top: 0px;
208
212
  right: 50%;
209
213
  overflow: visible;
210
214
  font-size: 12px;
@@ -45,6 +45,8 @@
45
45
  max-height: 100%;
46
46
  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
47
47
  border-radius: 2px;
48
+ }
49
+ .nut-range-bar-animate {
48
50
  transition: all 0.2s;
49
51
  }
50
52
  .nut-range-button {
@@ -173,7 +175,7 @@
173
175
  position: absolute;
174
176
  width: 36px;
175
177
  height: 100%;
176
- top: initial;
178
+ top: 0px;
177
179
  right: 50%;
178
180
  overflow: visible;
179
181
  font-size: 12px;
@@ -46,7 +46,10 @@
46
46
  max-height: 100%;
47
47
  background: $range-active-color;
48
48
  border-radius: 2px;
49
- transition: all 0.2s;
49
+
50
+ &-animate {
51
+ transition: all 0.2s;
52
+ }
50
53
  }
51
54
 
52
55
  &-button {
@@ -204,7 +207,8 @@
204
207
  position: absolute;
205
208
  width: 36px;
206
209
  height: 100%;
207
- top: initial;
210
+ // top: initial;
211
+ top: 0px;
208
212
  right: 50%;
209
213
  overflow: visible;
210
214
  font-size: 12px;
@@ -45,6 +45,8 @@
45
45
  max-height: 100%;
46
46
  background: var(--nutui-range-active-color, var(--nutui-color-primary));
47
47
  border-radius: 2px;
48
+ }
49
+ .nut-range-bar-animate {
48
50
  transition: all 0.2s;
49
51
  }
50
52
  .nut-range-button {
@@ -173,7 +175,7 @@
173
175
  position: absolute;
174
176
  width: 36px;
175
177
  height: 100%;
176
- top: initial;
178
+ top: 0px;
177
179
  right: 50%;
178
180
  overflow: visible;
179
181
  font-size: 12px;