@nutui/nutui-react 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.13 Wed May 31 2023 14:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.14 Fri Jun 02 2023 17:08:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables-jmapp.scss

@@ -480,13 +480,12 @@ $input-padding: var(--nutui-input-padding, 10px 25px) !default;
 // textarea（✅）
 
 $textarea-font: var(--nutui-textarea-font, $font-size-2) !default;
-$textarea-height: var(--nutui-textarea-height, 100px) !default;
 $textarea-padding: var(--nutui-textarea-padding, 10px 25px) !default;
 $textarea-limit-color: var(--nutui-textarea-limit-color, $text-color) !default;
 $textarea-text-color: var(--nutui-textarea-text-color, $title-color) !default;
 $textarea-text-curror-color: var(
   --nutui-textarea-text-curror-color,
-  '$title-color'
+  $title-color
 ) !default;
 $textarea-text-line-height: var(
   --nutui-textarea-text-line-height,
@@ -2087,62 +2086,51 @@ $sidenavbar-content-bg-color: var(
   --nutui-sidenavbar-content-bg-color,
   $white
 ) !default;
-
-// subsidenavbar（✅）
-$sidenavbar-sub-title-border-color: var(
-  --nutui-sidenavbar-sub-title-border-color,
-  #f6f6f6
-) !default;
-$sidenavbar-sub-title-bg-color: var(
-  --nutui-sidenavbar-sub-title-bg-color,
-  #f6f6f6
-) !default;
-$sidenavbar-sub-title-font-size: var(
-  --nutui-sidenavbar-sub-title-font-size,
-  $font-size-large
-) !default;
-$sidenavbar-sub-title-radius: var(
-  --nutui-sidenavbar-sub-title-radius,
-  0
+$sidenav-bar-item-height: var(--nutui-sidenavbar-item-height, 40px) !default;
+$sidenavbar-head-bg-color: var(
+  --nutui-sidenavbar-head-bg-color,
+  #eeeff2
 ) !default;
-$sidenavbar-sub-title-border: var(
-  --nutui-sidenavbar-sub-title-border,
-  0
+$sidenavbar-head-padding: var(--nutui-sidenavbar-head-padding, 10px) !default;
+$sidenavbar-title-padding: var(
+  --nutui-sidenavbar-title-padding,
+  10px 8px 10px 20px
 ) !default;
-$sidenavbar-sub-title-width: var(
-  --nutui-sidenavbar-sub-title-width,
-  100%
+$sidenavbar-title-background: var(
+  --nutui-sidenavbar-title-background,
+  $gray4
 ) !default;
-$sidenavbar-sub-title-height: var(
-  --nutui-sidenavbar-sub-title-height,
-  40px
+$sidenavbar-title-color: var(--nutui-sidenavbar-title-color, $gray1) !default;
+// subsidenavbar（✅）
+$sidenavbar-sub-title-padding: var(
+  --nutui-sidenavbar-sub-title-padding,
+  10px 8px 10px 35px
 ) !default;
-$sidenavbar-sub-title-text-line-height: var(
-  --nutui-sidenavbar-sub-title-text-line-height,
-  40px
+$sidenavbar-sub-title-background: var(
+  --nutui-sidenavbar-sub-title-background,
+  $gray5
 ) !default;
-$sidenavbar-sub-title-text-color: var(
-  --nutui-sidenavbar-sub-title-text-color,
-  $title-color
+$sidenavbar-sub-title-color: var(
+  --nutui-sidenavbar-sub-title-color,
+  $gray1
 ) !default;
 
 // sidenavbaritem（✅）
-$sidenavbar-item-title-color: var(
-  --nutui-sidenavbar-item-title-color,
-  #333
+$sidenavbar-sub-item-color: var(
+  --nutui-sidenavbar-sub-item-color,
+  $gray2
 ) !default;
-$sidenavbar-item-title-bg-color: var(
-  --nutui-sidenavbar-item-title-bg-color,
-  $white
+$sidenavbar-sub-item-padding: var(
+  --nutui-sidenavbar-sub-item-padding,
+  10px 8px 10px 55px
 ) !default;
-$sidenavbar-item-height: var(--nutui-sidenavbar-item-height, 40px) !default;
-$sidenavbar-item-line-height: var(
-  --nutui-sidenavbar-item-line-height,
-  40px
+$sidenavbar-sub-list-background: var(
+  --nutui-sidenavbar-sub-list-background,
+  $gray6
 ) !default;
-$sidenavbar-item-font-size: var(
-  --nutui-sidenavbar-item-font-size,
-  16px
+$sidenavbar-sub-list-color: var(
+  --nutui-sidenavbar-sub-list-background,
+  $gray2
 ) !default;
 
 // elevator（✅）

package/dist/styles/variables.scss

@@ -461,13 +461,12 @@ $input-padding: var(--nutui-input-padding, 10px 25px) !default;
 // textarea（✅）
 
 $textarea-font: var(--nutui-textarea-font, $font-size-2) !default;
-$textarea-height: var(--nutui-textarea-height, 100px) !default;
 $textarea-padding: var(--nutui-textarea-padding, 10px 25px) !default;
 $textarea-limit-color: var(--nutui-textarea-limit-color, $text-color) !default;
 $textarea-text-color: var(--nutui-textarea-text-color, $title-color) !default;
 $textarea-text-curror-color: var(
   --nutui-textarea-text-curror-color,
-  '$title-color'
+  $title-color
 ) !default;
 $textarea-text-line-height: var(
   --nutui-textarea-text-line-height,
@@ -1414,19 +1413,15 @@ $badge-dot-width: var(--nutui-badge-dot-width, 7px) !default;
 
 //popover（✅）
 $popover-border-radius: var(--nutui-popover-border-radius, 8px) !default;
-$popover-font-size: var(--nutui-popover-font-size, $font-size-1) !default;
+$popover-font-size: var(--nutui-popover-font-size, $font-size-2) !default;
 $popover-menu-item-height: var(--nutui-popover-menu-item-height, 30px) !default;
-$popover-menu-item-name-margin: var(
-  --nutui-popover-menu-item-name-margin,
-  0px 10px
-) !default;
 $popover-menu-item-hover-background-color: var(
   --nutui-popover-menu-item-hover-background-color,
-  $primary-color
+  #fff
 ) !default;
 $popover-menu-item-hover-text-color: var(
   --nutui-popover-menu-item-hover-text-color,
-  $primary-text-color
+  #1a1a1a
 ) !default;
 $popover-menu-item-border-width: var(
   --nutui-popover-menu-item-border-width,
@@ -1446,19 +1441,23 @@ $popover-menu-item-border-bottom: var(
 ) !default;
 $popover-white-background-color: var(
   --nutui-popover-white-background-color,
-  rgba(255, 255, 255, 1)
+  $gray6
 ) !default;
 $popover-dark-background-color: var(
   --nutui-popover-dark-background-color,
   rgba(75, 76, 77, 1)
 ) !default;
+$popover-content-background-color: var(
+  --nutui-popover-content-background-color,
+  $gray6
+) !default;
 $popover-border-bottom-color: var(
   --nutui-popover-border-bottom-color,
   rgba(229, 229, 229, 1)
 ) !default;
 $popover-primary-text-color: var(
   --nutui-popover-primary-text-color,
-  rgba(51, 51, 51, 1)
+  $gray1
 ) !default;
 $popover-disable-color: var(
   --nutui-popover-disable-color,
@@ -1466,7 +1465,7 @@ $popover-disable-color: var(
 ) !default;
 $popover-menu-item-padding: var(
   --nutui-popover-menu-item-padding,
-  8px 0
+  8px
 ) !default;
 $popover-menu-item-margin: var(
   --nutui-popover-menu-item-margin,
@@ -2060,62 +2059,51 @@ $sidenavbar-content-bg-color: var(
   --nutui-sidenavbar-content-bg-color,
   $white
 ) !default;
-
-// subsidenavbar（✅）
-$sidenavbar-sub-title-border-color: var(
-  --nutui-sidenavbar-sub-title-border-color,
-  #f6f6f6
-) !default;
-$sidenavbar-sub-title-bg-color: var(
-  --nutui-sidenavbar-sub-title-bg-color,
-  #f6f6f6
-) !default;
-$sidenavbar-sub-title-font-size: var(
-  --nutui-sidenavbar-sub-title-font-size,
-  $font-size-large
-) !default;
-$sidenavbar-sub-title-radius: var(
-  --nutui-sidenavbar-sub-title-radius,
-  0
+$sidenav-bar-item-height: var(--nutui-sidenavbar-item-height, 40px) !default;
+$sidenavbar-head-bg-color: var(
+  --nutui-sidenavbar-head-bg-color,
+  #eeeff2
 ) !default;
-$sidenavbar-sub-title-border: var(
-  --nutui-sidenavbar-sub-title-border,
-  0
+$sidenavbar-head-padding: var(--nutui-sidenavbar-head-padding, 10px) !default;
+$sidenavbar-title-padding: var(
+  --nutui-sidenavbar-title-padding,
+  10px 8px 10px 20px
 ) !default;
-$sidenavbar-sub-title-width: var(
-  --nutui-sidenavbar-sub-title-width,
-  100%
+$sidenavbar-title-background: var(
+  --nutui-sidenavbar-title-background,
+  $gray4
 ) !default;
-$sidenavbar-sub-title-height: var(
-  --nutui-sidenavbar-sub-title-height,
-  40px
+$sidenavbar-title-color: var(--nutui-sidenavbar-title-color, $gray1) !default;
+// subsidenavbar（✅）
+$sidenavbar-sub-title-padding: var(
+  --nutui-sidenavbar-sub-title-padding,
+  10px 8px 10px 35px
 ) !default;
-$sidenavbar-sub-title-text-line-height: var(
-  --nutui-sidenavbar-sub-title-text-line-height,
-  40px
+$sidenavbar-sub-title-background: var(
+  --nutui-sidenavbar-sub-title-background,
+  $gray5
 ) !default;
-$sidenavbar-sub-title-text-color: var(
-  --nutui-sidenavbar-sub-title-text-color,
-  $title-color
+$sidenavbar-sub-title-color: var(
+  --nutui-sidenavbar-sub-title-color,
+  $gray1
 ) !default;
 
 // sidenavbaritem（✅）
-$sidenavbar-item-title-color: var(
-  --nutui-sidenavbar-item-title-color,
-  #333
+$sidenavbar-sub-item-color: var(
+  --nutui-sidenavbar-sub-item-color,
+  $gray2
 ) !default;
-$sidenavbar-item-title-bg-color: var(
-  --nutui-sidenavbar-item-title-bg-color,
-  $white
+$sidenavbar-sub-item-padding: var(
+  --nutui-sidenavbar-sub-item-padding,
+  10px 8px 10px 55px
 ) !default;
-$sidenavbar-item-height: var(--nutui-sidenavbar-item-height, 40px) !default;
-$sidenavbar-item-line-height: var(
-  --nutui-sidenavbar-item-line-height,
-  40px
+$sidenavbar-sub-list-background: var(
+  --nutui-sidenavbar-sub-list-background,
+  $gray6
 ) !default;
-$sidenavbar-item-font-size: var(
-  --nutui-sidenavbar-item-font-size,
-  16px
+$sidenavbar-sub-list-color: var(
+  --nutui-sidenavbar-sub-list-background,
+  $gray2
 ) !default;
 
 // elevator（✅）

package/dist/types/packages/barrage/barrage.d.ts

@@ -1,12 +1,35 @@
 import React from 'react';
-export interface BarrageProps {
-    className: string;
-    style: React.CSSProperties;
-    barrageList: Array<string>;
-    frequency: number;
-    loop: boolean;
-    speeds: number;
-    rows: number;
-    top: number;
+import { BasicComponent } from '../../utils/typings';
+export interface BarrageProps extends BasicComponent {
+    /**
+    * 弹幕列表数据
+    * @default []
+    */
+    list: Array<string>
+    /**
+    * 可视区域内每个弹幕出现的时间间隔
+    * @default 500
+    */
+    interval: number
+    /**
+    * 是否循环播放
+    * @default true
+    */
+    loop: boolean
+    /**
+    * 每个弹幕的滚动时间
+    * @default 3000
+    */
+    duration: number
+    /**
+    * 弹幕行数，分几行展示
+    * @default 1
+    */
+    rows: number
+    /**
+    * 弹幕垂直距离
+    * @default 10
+    */
+    gapY: number
 }
 export declare const Barrage: React.ForwardRefExoticComponent<Partial<BarrageProps> & React.RefAttributes<unknown>>;

package/dist/types/packages/barrage/index.d.ts

@@ -1,2 +1,3 @@
 import { Barrage } from './barrage';
+export type { BarrageProps } from './barrage';
 export default Barrage;

package/dist/types/packages/button/button.d.ts

@@ -50,6 +50,7 @@ export interface ButtonProps extends BasicComponent {
     * @default -
     */
     icon: React.ReactNode
+    id: string;
     /**
     * 点击按钮时触发
     * @default false

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

@@ -1 +1 @@
-export type NutCSSVariables = 'nutuiBrandColor' | 'nutuiBrandColorStart' | 'nutuiBrandColorEnd' | 'nutuiBrandLinkColor' | 'nutuiBrandTextColor' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiGray2' | 'nutuiGray3' | 'nutuiGray4' | 'nutuiGray5' | 'nutuiGray6' | 'nutuiGray7' | 'nutuiGray8' | 'nutuiGray9' | 'nutuiGray10' | 'nutuiFontSize0' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiPaddingXs' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonDefaultBgColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultColor' | 'nutuiButtonPlainColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonMiniPadding' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniHeight' | 'nutuiButtonDefaultHeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargeLineHeight' | 'nutuiButtonSmallLineHeight' | 'nutuiButtonBlockHeight' | 'nutuiButtonDefaultLineHeight' | 'nutuiButtonBlockLineHeight' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonLargeFontSize' | 'nutuiButtonSmallFontSize' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniLineHeight' | 'nutuiButtonTextIconMarginLeft' | 'nutuiButtonTextIconLargeMarginLeft' | 'nutuiButtonTextIconSmallMarginLeft' | 'nutuiButtonTextIconMiniMarginLeft' | 'nutuiButtonDisabledOpacity' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerBeforeMarginRight' | 'nutuiDividerAfterMarginLeft' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalBorderLeft' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderPictureWidth' | 'nutuiUploaderPictureHeight' | 'nutuiUploaderPictureBorder' | 'nutuiUploaderPictureBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderPictureIconOpacity' | 'nutuiUploaderPictureIconOpacityDisabled' | 'nutuiUploaderPictureIconMarginBottom' | 'nutuiUploaderPictureIconTipFontSize' | 'nutuiUploaderPictureIconTipColor' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerCancelColor' | 'nutuiPickerOkColor' | 'nutuiPickerBarCancelFontSize' | 'nutuiPickerBarOkFontSize' | 'nutuiPickerBarButtonPadding' | 'nutuiPickerBarTitleFontSize' | 'nutuiPickerBarTitleColor' | 'nutuiPickerBarTitleFontWeight' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemActiveTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaHeight' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconVoidColor' | 'nutuiInputnumberIconDisabledColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberBorder' | 'nutuiInputnumberBorderRadius' | 'nutuiInputnumberHeight' | 'nutuiInputnumberLineHeight' | 'nutuiInputnumberBorderBox' | 'nutuiInputnumberDisplay' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardWidth' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardHeaderHeight' | 'nutuiNumberkeyboardHeaderPadding' | 'nutuiNumberkeyboardHeaderColor' | 'nutuiNumberkeyboardHeaderFontSize' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastCoverBgColor' | 'nutuiToastInnerTop' | 'nutuiToastInnerTextAlign' | 'nutuiBacktopBorderColor' | 'nutuiCalendarPrimaryColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseFontColor' | 'nutuiCalendarBaseColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFont' | 'nutuiCalendarTitleFont' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFont' | 'nutuiCalendarTextFont' | 'nutuiCalendarDayFont' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDay67FontColor' | 'nutuiCalendarTopSlotHeight' | 'nutuiCalendarMonthTitleFontSize' | 'nutuiOverlayBgColor' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiPopupCloseIconMargin' | 'nutuiPopupBorderRadius' | 'nutuiPopupCloseIconColor' | 'nutuiPopupCloseIconSize' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyLineHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconVoidColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiInfiniteloadingBottomColor' | 'nutuiRangeFontColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiSwiperIndicatorItemBackgroundColor' | 'nutuiAddressIconColor' | 'nutuiAddressHeaderTitleFontSize' | 'nutuiAddressHeaderTitleColor' | 'nutuiAddressRegionTabFontSize' | 'nutuiAddressRegionTabColor' | 'nutuiAddressRegionTabActiveItemFontWeight' | 'nutuiAddressRegionTabLineBorderRadius' | 'nutuiAddressRegionTabLineOpacity' | 'nutuiAddressRegionItemColor' | 'nutuiAddressRegionItemFontSize' | 'nutuiAddressItemMarginRight' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogHeaderColor' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogMinHeight' | 'nutuiDialogPadding' | 'nutuiDialogHeaderHeight' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogOverlayZIndex' | 'nutuiDialogOverlayBackgroundColor' | 'nutuiDialogOuterZIndex' | 'nutuiDialogOuterBordderRadius' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxIconDisableColor2' | 'nutuiRadioLabelFontColor' | 'nutuiRadioLabelFontActiveColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioIconDisableColor' | 'nutuiRadioLabelButtonBorderColor' | 'nutuiRadioLabelButtonBackground' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioLabelFontSize' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioIconDisableColor2' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiRadioButtonDisabledActiveBackground' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadioButtonDisabledActiveBorderColor' | 'nutuiFixednavBgColor' | 'nutuiFixednavFontColor' | 'nutuiFixednavIndex' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarHeight' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarLefticonMargin' | 'nutuiNoticebarRighticonMargin' | 'nutuiTimeselectTitleFontSize' | 'nutuiTimeselectTitleColor' | 'nutuiTimeselectTitleWidth' | 'nutuiTimeselectTitleHeight' | 'nutuiTimeselectTitleLineHeight' | 'nutuiTimeselectPannelBgColor' | 'nutuiTimeselectTimepannelTextColor' | 'nutuiTimeselectTimepannelFontSize' | 'nutuiTimeselectTimepannelCurBgColor' | 'nutuiTimeselectTimepannelCurTextColor' | 'nutuiTimeselectTimepannelWidth' | 'nutuiTimeselectTimepannelHeight' | 'nutuiTimeselectTimepannelPadding' | 'nutuiTimeselectTimedetailPadding' | 'nutuiTimeselectTimedetailItemWidth' | 'nutuiTimeselectTimedetailItemHeight' | 'nutuiTimeselectTimedetailItemLineHeight' | 'nutuiTimeselectTimedetailItemBgColor' | 'nutuiTimeselectTimedetailItemBorderRadius' | 'nutuiTimeselectTimedetailItemTextColor' | 'nutuiTimeselectTimedetailItemTextFontSize' | 'nutuiTimeselectTimedetailItemCurBgColor' | 'nutuiTimeselectTimedetailItemCurBorder' | 'nutuiTimeselectTimedetailItemCurTextColor' | 'nutuiTimeselectTimedetailTimeTextColor' | 'nutuiTimeselectTimedetailTimeFontSize' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagDefaultBorderRadius' | 'nutuiTagRoundBorderRadius' | 'nutuiTagDefaultBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColorPlain' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagDefaultColor' | 'nutuiTagBorderWidth' | 'nutuiTagHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverMenuItemHeight' | 'nutuiPopoverMenuItemNameMargin' | 'nutuiPopoverMenuItemHoverBackgroundColor' | 'nutuiPopoverMenuItemHoverTextColor' | 'nutuiPopoverMenuItemBorderWidth' | 'nutuiPopoverMenuItemBorderHeight' | 'nutuiPopoverMenuItemBorderLeft' | 'nutuiPopoverMenuItemBorderBottom' | 'nutuiPopoverWhiteBackgroundColor' | 'nutuiPopoverDarkBackgroundColor' | 'nutuiPopoverBorderBottomColor' | 'nutuiPopoverPrimaryTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemMargin' | 'nutuiPopoverMenuNameLineHeight' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiDarkPaginationActiveBackgroundColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiTabsTabSmileColor' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesBorderRadius' | 'nutuiTabsTitleGap' | 'nutuiTabsTitlesItemFontSize' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsHorizontalTabLineColor' | 'nutuiTabsHorizontalLineBottom' | 'nutuiTabsHorizontalLineBorderRadius' | 'nutuiTabsHorizontalTabLineOpacity' | 'nutuiTabsHorizontalTitlesHeight' | 'nutuiTabsHorizontalTitlesItemMinWidth' | 'nutuiTabsHorizontalTitlesItemActiveBackgroundColor' | 'nutuiTabsHorizontalTitlesItemActiveLineWidth' | 'nutuiTabsHorizontalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTitlesItemActiveLineWidth' | 'nutuiTabsVerticalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderSize' | 'nutuiIndicatorDotMargin' | 'nutuiIndicatorDotVerticalMargin' | 'nutuiMenuBarLineHeight' | 'nutuiMenuItemFontSize' | 'nutuiMenuItemTextColor' | 'nutuiMenuItemActiveTextColor' | 'nutuiMenuBarBorderBottomColor' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuTitleTextPaddingLeft' | 'nutuiMenuTitleTextPaddingRight' | 'nutuiMenuItemContentPadding' | 'nutuiMenuItemContentMaxHeight' | 'nutuiMenuItemOptionPaddingTop' | 'nutuiMenuItemOptionPaddingBottom' | 'nutuiMenuItemOptionIMarginRight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuActiveItemFontWeight' | 'nutuiMenuItemContentBgColor' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarPadding' | 'nutuiSearchbarWidth' | 'nutuiSearchbarLeftFontsize' | 'nutuiSearchbarLeftPadding' | 'nutuiSearchbarLeftColor' | 'nutuiSearchbarRightFontsize' | 'nutuiSearchbarRightPadding' | 'nutuiSearchbarRightColor' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputBackground' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputWidth' | 'nutuiSearchbarInputTextAlign' | 'nutuiSearchbarInputBorderRadius' | 'nutuiSearchbarClearIconPadding' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionColor' | 'nutuiEmptyDescriptionFontSize' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiEmptyDescriptionPadding' | 'nutuiCascaderFontSize' | 'nutuiCascaderLineHeight' | 'nutuiCascaderTitlePadding' | 'nutuiCascaderTitleFontSize' | 'nutuiCascaderTitleLineHeight' | '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' | 'nutuiSkuItemBorder' | 'nutuiSkuItemDisableLine' | 'nutuiSkuItemActiveBg' | 'nutuiSkuSpecHeight' | 'nutuiSkuSpecLineHeight' | 'nutuiSkuSpecFontSize' | 'nutuiSkuSpecBackground' | 'nutuiSkuSpecColor' | 'nutuiSkuSpecMarginRight' | 'nutuiSkuSpecPadding' | 'nutuiSkuSpecTitleFontWeight' | 'nutuiSkuSpecTitleFontSize' | 'nutuiSkuSpecTitleColor' | 'nutuiSkuSpecTitleMarginBottom' | 'nutuiSkuOperateBtnHeight' | 'nutuiSkuOperateBtnBorderTop' | 'nutuiSkuOperateBtnItemHeight' | 'nutuiSkuOperateBtnItemFontSize' | 'nutuiSkuOperateBtnItemFontWeight' | 'nutuiSkuProductImgWidth' | 'nutuiSkuProductImgHeight' | 'nutuiSkuProductImgBorderRadius' | 'nutuiCardFontSize0' | 'nutuiCardFontSize1' | 'nutuiCardFontSize2' | 'nutuiCardFontSize3' | 'nutuiCardLeftBorderRadius' | 'nutuiCardLeftBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarPadding' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarSubTitleBorderColor' | 'nutuiSidenavbarSubTitleBgColor' | 'nutuiSidenavbarSubTitleFontSize' | 'nutuiSidenavbarSubTitleRadius' | 'nutuiSidenavbarSubTitleBorder' | 'nutuiSidenavbarSubTitleWidth' | 'nutuiSidenavbarSubTitleHeight' | 'nutuiSidenavbarSubTitleTextLineHeight' | 'nutuiSidenavbarSubTitleTextColor' | 'nutuiSidenavbarItemTitleColor' | 'nutuiSidenavbarItemTitleBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarItemLineHeight' | 'nutuiSidenavbarItemFontSize' | 'nutuiElevatorListInnerBgColor' | 'nutuiElevatorListItemHighcolor' | 'nutuiElevatorListItemFontSize' | 'nutuiElevatorListItemFontColor' | 'nutuiElevatorListItemNamePadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeFontColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodePadding' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBorderBottomColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentPosition' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTransform' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorListItemBarsPosition' | 'nutuiElevatorListItemBarsRight' | 'nutuiElevatorListItemBarsTop' | 'nutuiElevatorListItemBarsTransform' | 'nutuiElevatorListItemBarsPadding' | 'nutuiElevatorListItemBarsBackgroundColor' | 'nutuiElevatorListItemBarsBorderRadius' | 'nutuiElevatorListItemBarsTextAlign' | 'nutuiElevatorListItemBarsZIndex' | 'nutuiElevatorListItemBarsInnerItemPadding' | 'nutuiElevatorListItemBarsInnerItemFontSize' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiElevatorListItemBarsInnerItemActiveColor' | 'nutuiListItemMargin' | 'nutuiEcardBgColor' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCategoryBgColor' | 'nutuiCategoryListLeftBgColor' | 'nutuiCategoryListItemColor' | 'nutuiCategoryListItemCheckedColor' | 'nutuiCategoryListItemCheckedImgBgColor' | 'nutuiCategoryPaneGrayColor' | 'nutuiCategoryPaneBorderColor' | 'nutuiCategoryPaneTitleColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiCommentHeaderUserNameColor' | 'nutuiCommentHeaderTimeColor' | 'nutuiCommentBottomLabelColor' | 'nutuiCommentShopColor' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiInvoicePadding' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRaduis' | 'nutuiCountupLrMargin' | 'nutuiCountupBgcolor' | 'nutuiCountupColor' | 'nutuiCountupWidth' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiBrandColorOpacity';
+export type NutCSSVariables = 'nutuiBrandColor' | 'nutuiBrandColorStart' | 'nutuiBrandColorEnd' | 'nutuiBrandLinkColor' | 'nutuiBrandTextColor' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiGray2' | 'nutuiGray3' | 'nutuiGray4' | 'nutuiGray5' | 'nutuiGray6' | 'nutuiGray7' | 'nutuiGray8' | 'nutuiGray9' | 'nutuiGray10' | 'nutuiFontSize0' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiPaddingXs' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonDefaultBgColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultColor' | 'nutuiButtonPlainColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonMiniPadding' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniHeight' | 'nutuiButtonDefaultHeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargeLineHeight' | 'nutuiButtonSmallLineHeight' | 'nutuiButtonBlockHeight' | 'nutuiButtonDefaultLineHeight' | 'nutuiButtonBlockLineHeight' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonLargeFontSize' | 'nutuiButtonSmallFontSize' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniLineHeight' | 'nutuiButtonTextIconMarginLeft' | 'nutuiButtonTextIconLargeMarginLeft' | 'nutuiButtonTextIconSmallMarginLeft' | 'nutuiButtonTextIconMiniMarginLeft' | 'nutuiButtonDisabledOpacity' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerBeforeMarginRight' | 'nutuiDividerAfterMarginLeft' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalBorderLeft' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderPictureWidth' | 'nutuiUploaderPictureHeight' | 'nutuiUploaderPictureBorder' | 'nutuiUploaderPictureBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderPictureIconOpacity' | 'nutuiUploaderPictureIconOpacityDisabled' | 'nutuiUploaderPictureIconMarginBottom' | 'nutuiUploaderPictureIconTipFontSize' | 'nutuiUploaderPictureIconTipColor' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerCancelColor' | 'nutuiPickerOkColor' | 'nutuiPickerBarCancelFontSize' | 'nutuiPickerBarOkFontSize' | 'nutuiPickerBarButtonPadding' | 'nutuiPickerBarTitleFontSize' | 'nutuiPickerBarTitleColor' | 'nutuiPickerBarTitleFontWeight' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemActiveTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconVoidColor' | 'nutuiInputnumberIconDisabledColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberBorder' | 'nutuiInputnumberBorderRadius' | 'nutuiInputnumberHeight' | 'nutuiInputnumberLineHeight' | 'nutuiInputnumberBorderBox' | 'nutuiInputnumberDisplay' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardWidth' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardHeaderHeight' | 'nutuiNumberkeyboardHeaderPadding' | 'nutuiNumberkeyboardHeaderColor' | 'nutuiNumberkeyboardHeaderFontSize' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastCoverBgColor' | 'nutuiToastInnerTop' | 'nutuiToastInnerTextAlign' | 'nutuiBacktopBorderColor' | 'nutuiCalendarPrimaryColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseFontColor' | 'nutuiCalendarBaseColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFont' | 'nutuiCalendarTitleFont' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFont' | 'nutuiCalendarTextFont' | 'nutuiCalendarDayFont' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDay67FontColor' | 'nutuiCalendarTopSlotHeight' | 'nutuiCalendarMonthTitleFontSize' | 'nutuiOverlayBgColor' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiPopupCloseIconMargin' | 'nutuiPopupBorderRadius' | 'nutuiPopupCloseIconColor' | 'nutuiPopupCloseIconSize' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyLineHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconVoidColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiInfiniteloadingBottomColor' | 'nutuiRangeFontColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiSwiperIndicatorItemBackgroundColor' | 'nutuiAddressIconColor' | 'nutuiAddressHeaderTitleFontSize' | 'nutuiAddressHeaderTitleColor' | 'nutuiAddressRegionTabFontSize' | 'nutuiAddressRegionTabColor' | 'nutuiAddressRegionTabActiveItemFontWeight' | 'nutuiAddressRegionTabLineBorderRadius' | 'nutuiAddressRegionTabLineOpacity' | 'nutuiAddressRegionItemColor' | 'nutuiAddressRegionItemFontSize' | 'nutuiAddressItemMarginRight' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogHeaderColor' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogMinHeight' | 'nutuiDialogPadding' | 'nutuiDialogHeaderHeight' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogOverlayZIndex' | 'nutuiDialogOverlayBackgroundColor' | 'nutuiDialogOuterZIndex' | 'nutuiDialogOuterBordderRadius' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxIconDisableColor2' | 'nutuiRadioLabelFontColor' | 'nutuiRadioLabelFontActiveColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioIconDisableColor' | 'nutuiRadioLabelButtonBorderColor' | 'nutuiRadioLabelButtonBackground' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioLabelFontSize' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioIconDisableColor2' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiRadioButtonDisabledActiveBackground' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadioButtonDisabledActiveBorderColor' | 'nutuiFixednavBgColor' | 'nutuiFixednavFontColor' | 'nutuiFixednavIndex' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarHeight' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarLefticonMargin' | 'nutuiNoticebarRighticonMargin' | 'nutuiTimeselectTitleFontSize' | 'nutuiTimeselectTitleColor' | 'nutuiTimeselectTitleWidth' | 'nutuiTimeselectTitleHeight' | 'nutuiTimeselectTitleLineHeight' | 'nutuiTimeselectPannelBgColor' | 'nutuiTimeselectTimepannelTextColor' | 'nutuiTimeselectTimepannelFontSize' | 'nutuiTimeselectTimepannelCurBgColor' | 'nutuiTimeselectTimepannelCurTextColor' | 'nutuiTimeselectTimepannelWidth' | 'nutuiTimeselectTimepannelHeight' | 'nutuiTimeselectTimepannelPadding' | 'nutuiTimeselectTimedetailPadding' | 'nutuiTimeselectTimedetailItemWidth' | 'nutuiTimeselectTimedetailItemHeight' | 'nutuiTimeselectTimedetailItemLineHeight' | 'nutuiTimeselectTimedetailItemBgColor' | 'nutuiTimeselectTimedetailItemBorderRadius' | 'nutuiTimeselectTimedetailItemTextColor' | 'nutuiTimeselectTimedetailItemTextFontSize' | 'nutuiTimeselectTimedetailItemCurBgColor' | 'nutuiTimeselectTimedetailItemCurBorder' | 'nutuiTimeselectTimedetailItemCurTextColor' | 'nutuiTimeselectTimedetailTimeTextColor' | 'nutuiTimeselectTimedetailTimeFontSize' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagDefaultBorderRadius' | 'nutuiTagRoundBorderRadius' | 'nutuiTagDefaultBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColorPlain' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagDefaultColor' | 'nutuiTagBorderWidth' | 'nutuiTagHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverMenuItemHeight' | 'nutuiPopoverMenuItemHoverBackgroundColor' | 'nutuiPopoverMenuItemHoverTextColor' | 'nutuiPopoverMenuItemBorderWidth' | 'nutuiPopoverMenuItemBorderHeight' | 'nutuiPopoverMenuItemBorderLeft' | 'nutuiPopoverMenuItemBorderBottom' | 'nutuiPopoverWhiteBackgroundColor' | 'nutuiPopoverDarkBackgroundColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverBorderBottomColor' | 'nutuiPopoverPrimaryTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemMargin' | 'nutuiPopoverMenuNameLineHeight' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiDarkPaginationActiveBackgroundColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiTabsTabSmileColor' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesBorderRadius' | 'nutuiTabsTitleGap' | 'nutuiTabsTitlesItemFontSize' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsHorizontalTabLineColor' | 'nutuiTabsHorizontalLineBottom' | 'nutuiTabsHorizontalLineBorderRadius' | 'nutuiTabsHorizontalTabLineOpacity' | 'nutuiTabsHorizontalTitlesHeight' | 'nutuiTabsHorizontalTitlesItemMinWidth' | 'nutuiTabsHorizontalTitlesItemActiveBackgroundColor' | 'nutuiTabsHorizontalTitlesItemActiveLineWidth' | 'nutuiTabsHorizontalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTitlesItemActiveLineWidth' | 'nutuiTabsVerticalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderSize' | 'nutuiIndicatorDotMargin' | 'nutuiIndicatorDotVerticalMargin' | 'nutuiMenuBarLineHeight' | 'nutuiMenuItemFontSize' | 'nutuiMenuItemTextColor' | 'nutuiMenuItemActiveTextColor' | 'nutuiMenuBarBorderBottomColor' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuTitleTextPaddingLeft' | 'nutuiMenuTitleTextPaddingRight' | 'nutuiMenuItemContentPadding' | 'nutuiMenuItemContentMaxHeight' | 'nutuiMenuItemOptionPaddingTop' | 'nutuiMenuItemOptionPaddingBottom' | 'nutuiMenuItemOptionIMarginRight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuActiveItemFontWeight' | 'nutuiMenuItemContentBgColor' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarPadding' | 'nutuiSearchbarWidth' | 'nutuiSearchbarLeftFontsize' | 'nutuiSearchbarLeftPadding' | 'nutuiSearchbarLeftColor' | 'nutuiSearchbarRightFontsize' | 'nutuiSearchbarRightPadding' | 'nutuiSearchbarRightColor' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputBackground' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputWidth' | 'nutuiSearchbarInputTextAlign' | 'nutuiSearchbarInputBorderRadius' | 'nutuiSearchbarClearIconPadding' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionColor' | 'nutuiEmptyDescriptionFontSize' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiEmptyDescriptionPadding' | 'nutuiCascaderFontSize' | 'nutuiCascaderLineHeight' | 'nutuiCascaderTitlePadding' | 'nutuiCascaderTitleFontSize' | 'nutuiCascaderTitleLineHeight' | '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' | 'nutuiSkuItemBorder' | 'nutuiSkuItemDisableLine' | 'nutuiSkuItemActiveBg' | 'nutuiSkuSpecHeight' | 'nutuiSkuSpecLineHeight' | 'nutuiSkuSpecFontSize' | 'nutuiSkuSpecBackground' | 'nutuiSkuSpecColor' | 'nutuiSkuSpecMarginRight' | 'nutuiSkuSpecPadding' | 'nutuiSkuSpecTitleFontWeight' | 'nutuiSkuSpecTitleFontSize' | 'nutuiSkuSpecTitleColor' | 'nutuiSkuSpecTitleMarginBottom' | 'nutuiSkuOperateBtnHeight' | 'nutuiSkuOperateBtnBorderTop' | 'nutuiSkuOperateBtnItemHeight' | 'nutuiSkuOperateBtnItemFontSize' | 'nutuiSkuOperateBtnItemFontWeight' | 'nutuiSkuProductImgWidth' | 'nutuiSkuProductImgHeight' | 'nutuiSkuProductImgBorderRadius' | 'nutuiCardFontSize0' | 'nutuiCardFontSize1' | 'nutuiCardFontSize2' | 'nutuiCardFontSize3' | 'nutuiCardLeftBorderRadius' | 'nutuiCardLeftBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarPadding' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarHeadBgColor' | 'nutuiSidenavbarHeadPadding' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListInnerBgColor' | 'nutuiElevatorListItemHighcolor' | 'nutuiElevatorListItemFontSize' | 'nutuiElevatorListItemFontColor' | 'nutuiElevatorListItemNamePadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeFontColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodePadding' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBorderBottomColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentPosition' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTransform' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorListItemBarsPosition' | 'nutuiElevatorListItemBarsRight' | 'nutuiElevatorListItemBarsTop' | 'nutuiElevatorListItemBarsTransform' | 'nutuiElevatorListItemBarsPadding' | 'nutuiElevatorListItemBarsBackgroundColor' | 'nutuiElevatorListItemBarsBorderRadius' | 'nutuiElevatorListItemBarsTextAlign' | 'nutuiElevatorListItemBarsZIndex' | 'nutuiElevatorListItemBarsInnerItemPadding' | 'nutuiElevatorListItemBarsInnerItemFontSize' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiElevatorListItemBarsInnerItemActiveColor' | 'nutuiListItemMargin' | 'nutuiEcardBgColor' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCategoryBgColor' | 'nutuiCategoryListLeftBgColor' | 'nutuiCategoryListItemColor' | 'nutuiCategoryListItemCheckedColor' | 'nutuiCategoryListItemCheckedImgBgColor' | 'nutuiCategoryPaneGrayColor' | 'nutuiCategoryPaneBorderColor' | 'nutuiCategoryPaneTitleColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiCommentHeaderUserNameColor' | 'nutuiCommentHeaderTimeColor' | 'nutuiCommentBottomLabelColor' | 'nutuiCommentShopColor' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiInvoicePadding' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRaduis' | 'nutuiCountupLrMargin' | 'nutuiCountupBgcolor' | 'nutuiCountupColor' | 'nutuiCountupWidth' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiBrandColorOpacity';

package/dist/types/packages/popover/index.d.ts

@@ -1,2 +1,3 @@
 import { Popover } from './popover';
+export type { PopoverLocation, PopoverProps, List } from './popover';
 export default Popover;

package/dist/types/packages/popover/popover.d.ts

@@ -1,22 +1,109 @@
-import React, { CSSProperties, FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
-export type PopoverTheme = 'light' | 'dark';
 export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 export interface List {
+    key?: string;
     name: string;
     icon?: React.ReactNode;
     disabled?: boolean;
+    className?: string;
 }
 export interface PopoverProps extends BasicComponent {
-    list: List[];
-    theme: PopoverTheme;
-    location: PopoverLocation | string;
-    visible: boolean;
-    offset: string | number;
-    className: string;
-    style?: CSSProperties;
+    /**
+    * 选项列表
+    * @default []
+    */
+    list: List[]
+    /**
+    * 弹出位置，里面具体的参数值可以参考上面的位置自定义例子
+    * @default bottom
+    */
+    location: PopoverLocation | string
+    /**
+    * 是否展示气泡弹出层
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 出现位置的偏移量
+    * @default [0, 12]
+    */
+    offset: string[] | number[]
+    /**
+    * 自定义目标元素 id
+    * @default -
+    */
+    targetId: string
+    /**
+    * 自定义背景色
+    * @default -
+    */
+    background: string
+    /**
+    * 自定义选项文字颜色
+    * @default -
+    */
+    color: string
+    /**
+    * 是否显示小箭头
+    * @default true
+    */
+    showArrow: boolean
+    /**
+    * 动画时长，单位秒
+    * @default 0.3
+    */
+    duration: string | number
+    /**
+    * 是否显示遮罩层
+    * @default false
+    */
+    overlay: boolean
+    /**
+    * 自定义遮罩层类名
+    * @default ''
+    */
+    overlayClassName: string
+    /**
+    * 自定义遮罩层样式
+    * @default {}
+    */
+    overlayStyle: React.CSSProperties
+    /**
+    * 是否在点击外部元素后关闭菜单
+    * @default true
+    */
+    closeOnClickOutside: boolean
+    /**
+    * 是否在点击选项后关闭
+    * @default true
+    */
+    closeOnClickAction: boolean
+    /**
+    * 是否在点击遮罩层后关闭菜单
+    * @default true
+    */
+    closeOnOverlayClick: boolean
     children?: React.ReactNode;
-    onClick: (e: React.MouseEvent) => void;
-    onChoose: (item: List, index: number) => void;
+    /**
+    * 点击切换 popover 展示状态
+    * @default () => {}
+    */
+    onClick: () => void
+    /**
+    * 点击菜单时触发
+    * @default () => {}
+    */
+    onOpen: () => void
+    /**
+    * 关闭菜单时触发
+    * @default () => {}
+    */
+    onClose: () => void
+    /**
+    * 点击选项时触发
+    * @default (item, index) => {}
+    */
+    onSelect: (item: List, index: number) => void
 }
-export declare const Popover: FunctionComponent<Partial<PopoverProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Popover: FunctionComponent<Partial<PopoverProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>>;

package/dist/types/packages/sidenavbar/index.d.ts

@@ -1,2 +1,3 @@
 import { SideNavBar } from './sidenavbar';
+export type { SideNavBarProps } from './sidenavbar';
 export default SideNavBar;