@nutui/nutui-react 3.0.6 → 3.0.7
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.
- package/CHANGELOG.md +34 -15
- package/dist/cjs/packages/actionsheet/style/style.css +4 -4
- package/dist/cjs/packages/address/style/style.css +4 -4
- package/dist/cjs/packages/audio/style/style.css +4 -16
- package/dist/cjs/packages/button/style/button.scss +4 -20
- package/dist/cjs/packages/button/style/style.css +4 -16
- package/dist/cjs/packages/calendar/style/style.css +4 -4
- package/dist/cjs/packages/cascader/style/style.css +4 -4
- package/dist/cjs/packages/collapse/style/style.css +22 -7
- package/dist/cjs/packages/collapseitem/collapseitem.js +46 -44
- package/dist/cjs/packages/collapseitem/style/collapseitem.scss +22 -5
- package/dist/cjs/packages/collapseitem/style/style.css +22 -7
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/datepicker/style/style.css +4 -4
- package/dist/cjs/packages/dialog/confirm.d.ts +2 -3
- package/dist/cjs/packages/dialog/confirm.js +4 -18
- package/dist/cjs/packages/dialog/content.d.ts +11 -3
- package/dist/cjs/packages/dialog/dialog.d.ts +1 -1
- package/dist/cjs/packages/dialog/dialog.js +98 -69
- package/dist/cjs/packages/dialog/index.d.ts +1 -1
- package/dist/cjs/packages/dialog/style/style.css +4 -16
- package/dist/cjs/packages/empty/style/style.css +4 -16
- package/dist/cjs/packages/imagepreview/style/style.css +4 -4
- package/dist/cjs/packages/numberkeyboard/style/style.css +4 -4
- package/dist/cjs/packages/picker/style/style.css +4 -4
- package/dist/cjs/packages/popover/popover.js +72 -65
- package/dist/cjs/packages/popover/style/popover.scss +48 -51
- package/dist/cjs/packages/popover/style/style.css +64 -70
- package/dist/cjs/packages/popup/style/popup.scss +4 -4
- package/dist/cjs/packages/popup/style/style.css +4 -4
- package/dist/cjs/packages/resultpage/style/style.css +4 -16
- package/dist/cjs/packages/shortpassword/style/style.css +4 -4
- package/dist/cjs/packages/switch/switch.js +2 -2
- package/dist/cjs/packages/tabpane/tabpane.js +2 -2
- package/dist/cjs/packages/timeselect/style/style.css +4 -4
- package/dist/cjs/packages/tour/style/style.css +64 -70
- package/dist/cjs/types/spec/dialog/base.d.ts +50 -1
- package/dist/cjs/types/spec/dialog/base.js +7 -0
- package/dist/cjs/types/spec/dialog/h5.d.ts +4 -1
- package/dist/cjs/types/spec/dialog/taro.d.ts +8 -2
- package/dist/cjs/types/spec/popover/base.d.ts +7 -0
- package/dist/cjs/utils/get-rect-by-taro.js +10 -0
- package/dist/cjs/utils/lru.d.ts +8 -0
- package/dist/cjs/utils/lru.js +58 -0
- package/dist/es/packages/actionsheet/style/style.css +4 -4
- package/dist/es/packages/address/style/style.css +4 -4
- package/dist/es/packages/audio/style/style.css +4 -16
- package/dist/es/packages/button/style/button.scss +4 -20
- package/dist/es/packages/button/style/style.css +4 -16
- package/dist/es/packages/calendar/style/style.css +4 -4
- package/dist/es/packages/cascader/style/style.css +4 -4
- package/dist/es/packages/collapse/style/style.css +22 -7
- package/dist/es/packages/collapseitem/collapseitem.js +47 -45
- package/dist/es/packages/collapseitem/style/collapseitem.scss +22 -5
- package/dist/es/packages/collapseitem/style/style.css +22 -7
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/datepicker/style/style.css +4 -4
- package/dist/es/packages/dialog/confirm.d.ts +2 -3
- package/dist/es/packages/dialog/confirm.js +1 -8
- package/dist/es/packages/dialog/content.d.ts +11 -3
- package/dist/es/packages/dialog/dialog.d.ts +1 -1
- package/dist/es/packages/dialog/dialog.js +98 -69
- package/dist/es/packages/dialog/index.d.ts +1 -1
- package/dist/es/packages/dialog/style/style.css +4 -16
- package/dist/es/packages/empty/style/style.css +4 -16
- package/dist/es/packages/imagepreview/style/style.css +4 -4
- package/dist/es/packages/numberkeyboard/style/style.css +4 -4
- package/dist/es/packages/picker/style/style.css +4 -4
- package/dist/es/packages/popover/popover.js +72 -65
- package/dist/es/packages/popover/style/popover.scss +48 -51
- package/dist/es/packages/popover/style/style.css +64 -70
- package/dist/es/packages/popup/style/popup.scss +4 -4
- package/dist/es/packages/popup/style/style.css +4 -4
- package/dist/es/packages/resultpage/style/style.css +4 -16
- package/dist/es/packages/shortpassword/style/style.css +4 -4
- package/dist/es/packages/switch/switch.js +2 -2
- package/dist/es/packages/tabpane/tabpane.js +2 -2
- package/dist/es/packages/timeselect/style/style.css +4 -4
- package/dist/es/packages/tour/style/style.css +64 -70
- package/dist/es/types/spec/dialog/base.d.ts +83 -1
- package/dist/es/types/spec/dialog/base.js +1 -1
- package/dist/es/types/spec/dialog/h5.d.ts +4 -1
- package/dist/es/types/spec/dialog/taro.d.ts +8 -2
- package/dist/es/types/spec/popover/base.d.ts +7 -0
- package/dist/es/utils/get-rect-by-taro.js +9 -0
- package/dist/es/utils/lru.d.ts +8 -0
- package/dist/es/utils/lru.js +49 -0
- package/dist/nutui.react.umd.js +227 -249
- package/dist/style.css +1 -1
- package/dist/style.scss +42 -42
- package/dist/styles/theme-jmapp.scss +1 -0
- package/dist/styles/themes/jmapp.css +1 -1
- package/dist/styles/variables-jmapp.scss +214 -49
- package/dist/styles/variables-jrkf.scss +2 -13
- package/dist/styles/variables.scss +3 -14
- package/package.json +1 -1
- package/dist/cjs/packages/dialog/dialogwrap.d.ts +0 -4
- package/dist/cjs/packages/dialog/dialogwrap.js +0 -79
- package/dist/cjs/packages/dialog/types.d.ts +0 -57
- package/dist/cjs/packages/dialog/types.js +0 -11
- package/dist/es/packages/dialog/dialogwrap.d.ts +0 -4
- package/dist/es/packages/dialog/dialogwrap.js +0 -60
- package/dist/es/packages/dialog/types.d.ts +0 -57
- package/dist/es/packages/dialog/types.js +0 -1
|
@@ -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' | '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' | 'nutuiPopoverBorderColor' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | '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' | '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' | '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';
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
.nut-popup {
|
|
62
62
|
position: fixed;
|
|
63
|
-
min-height:
|
|
63
|
+
min-height: 26%;
|
|
64
64
|
max-height: 100%;
|
|
65
65
|
background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
|
|
66
66
|
-webkit-overflow-scrolling: touch;
|
|
@@ -198,12 +198,12 @@
|
|
|
198
198
|
transform: scale(0.8);
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
|
-
.nut-popup-slide-
|
|
201
|
+
.nut-popup-slide-none-enter-active {
|
|
202
202
|
animation-fill-mode: both;
|
|
203
203
|
animation-name: popup-scale-fade-in;
|
|
204
204
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
205
205
|
}
|
|
206
|
-
.nut-popup-slide-
|
|
206
|
+
.nut-popup-slide-none-exit-active {
|
|
207
207
|
animation-fill-mode: both;
|
|
208
208
|
animation-name: popup-scale-fade-out;
|
|
209
209
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
animation-name: popup-slide-left-exit;
|
|
331
331
|
animation-duration: var(--nutui-popup-animation-duration, 0.3s);
|
|
332
332
|
}
|
|
333
|
-
.nut-popup-slide-
|
|
333
|
+
.nut-popup-slide-none-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
|
|
334
334
|
display: none;
|
|
335
335
|
}
|
|
336
336
|
.nut-popup .nut-overflow-hidden {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
type DialogConfirmNativeProps = Partial<
|
|
3
|
-
export declare const normalizeConfig: (config: DialogConfirmNativeProps) => DialogConfirmNativeProps;
|
|
1
|
+
import { BaseDialog, DialogReturnProps } from "../../types";
|
|
2
|
+
type DialogConfirmNativeProps = Partial<BaseDialog>;
|
|
4
3
|
declare const confirm: (config: DialogConfirmNativeProps, renderFunc?: (props: DialogConfirmNativeProps) => void) => DialogReturnProps;
|
|
5
4
|
export default confirm;
|
|
@@ -2,18 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
default: function() {
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
13
8
|
return _default;
|
|
14
|
-
},
|
|
15
|
-
normalizeConfig: function() {
|
|
16
|
-
return normalizeConfig;
|
|
17
9
|
}
|
|
18
10
|
});
|
|
19
11
|
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
@@ -21,15 +13,11 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
|
21
13
|
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
22
14
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
23
15
|
var _dialog = require("./dialog");
|
|
24
|
-
var _types = require("
|
|
16
|
+
var _types = require("../../types");
|
|
25
17
|
var _render = require("../../utils/render");
|
|
26
18
|
function ConfirmDialog(props) {
|
|
27
19
|
return /*#__PURE__*/ _react.default.createElement(_dialog.Dialog, props, props.content);
|
|
28
20
|
}
|
|
29
|
-
var normalizeConfig = function normalizeConfig(config) {
|
|
30
|
-
config.hideCancelButton = config.isNotice;
|
|
31
|
-
return config;
|
|
32
|
-
};
|
|
33
21
|
var confirm = function confirm(config, renderFunc) {
|
|
34
22
|
var div = document.createElement('div');
|
|
35
23
|
document.body.appendChild(div);
|
|
@@ -63,7 +51,6 @@ var confirm = function confirm(config, renderFunc) {
|
|
|
63
51
|
};
|
|
64
52
|
// 如果是promise,那么处理loading和加载完成关闭
|
|
65
53
|
dialogConfig.onConfirm = onConfirm;
|
|
66
|
-
dialogConfig = normalizeConfig(dialogConfig);
|
|
67
54
|
dialogConfig.visible = true;
|
|
68
55
|
renderFunction(dialogConfig);
|
|
69
56
|
var destroy = function destroy() {
|
|
@@ -91,7 +78,6 @@ var confirm = function confirm(config, renderFunc) {
|
|
|
91
78
|
};
|
|
92
79
|
var update = function update(newConfig) {
|
|
93
80
|
dialogConfig = (0, _object_spread._)({}, dialogConfig, newConfig);
|
|
94
|
-
dialogConfig = normalizeConfig(dialogConfig);
|
|
95
81
|
renderFunction(dialogConfig);
|
|
96
82
|
};
|
|
97
83
|
var close = function close() {
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import { FunctionComponent, HTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const defaultContentProps:
|
|
4
|
-
|
|
2
|
+
import { WebContentProps } from "../../types";
|
|
3
|
+
export declare const defaultContentProps: {
|
|
4
|
+
visible: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
header: string;
|
|
7
|
+
footer: string;
|
|
8
|
+
close: string;
|
|
9
|
+
footerDirection: string;
|
|
10
|
+
onClick: () => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const Content: FunctionComponent<Partial<WebContentProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DialogComponent } from
|
|
1
|
+
import { DialogComponent } from "../../types";
|
|
2
2
|
export declare const Dialog: DialogComponent;
|
|
@@ -14,20 +14,26 @@ var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
|
|
|
14
14
|
var _define_property = require("@swc/helpers/_/_define_property");
|
|
15
15
|
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
16
16
|
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
17
|
-
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
18
17
|
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
19
18
|
var _ts_generator = require("@swc/helpers/_/_ts_generator");
|
|
20
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
21
20
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
21
|
+
var _reacttransitiongroup = require("react-transition-group");
|
|
22
22
|
var _iconsreact = require("@nutui/icons-react");
|
|
23
23
|
var _button = /*#__PURE__*/ _interop_require_default._(require("../button"));
|
|
24
24
|
var _confirm = /*#__PURE__*/ _interop_require_default._(require("./confirm"));
|
|
25
|
-
var
|
|
25
|
+
var _overlay = /*#__PURE__*/ _interop_require_default._(require("../overlay"));
|
|
26
|
+
var _content = require("./content");
|
|
27
|
+
var _overlay1 = require("../overlay/overlay");
|
|
26
28
|
var _configprovider = require("../configprovider");
|
|
27
|
-
var
|
|
29
|
+
var _mergeprops = require("../../utils/merge-props");
|
|
30
|
+
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay1.defaultOverlayProps, _content.defaultContentProps), {
|
|
31
|
+
title: '',
|
|
32
|
+
content: '',
|
|
33
|
+
header: '',
|
|
34
|
+
footer: '',
|
|
28
35
|
confirmText: '',
|
|
29
36
|
cancelText: '',
|
|
30
|
-
overlay: true,
|
|
31
37
|
closeOnOverlayClick: true,
|
|
32
38
|
hideConfirmButton: false,
|
|
33
39
|
hideCancelButton: false,
|
|
@@ -36,36 +42,26 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _dialog
|
|
|
36
42
|
lockScroll: true,
|
|
37
43
|
closeIconPosition: 'bottom',
|
|
38
44
|
closeIcon: false,
|
|
45
|
+
overlay: true,
|
|
46
|
+
overlayStyle: {},
|
|
47
|
+
overlayClassName: 'nut-dialog-overlay',
|
|
39
48
|
zIndex: 1200,
|
|
40
49
|
beforeCancel: function beforeCancel() {
|
|
41
50
|
return true;
|
|
42
51
|
},
|
|
43
52
|
beforeClose: function beforeClose() {
|
|
44
53
|
return true;
|
|
54
|
+
},
|
|
55
|
+
onCancel: function onCancel() {},
|
|
56
|
+
onClose: function onClose() {},
|
|
57
|
+
onOverlayClick: function onOverlayClick() {
|
|
58
|
+
return true;
|
|
45
59
|
}
|
|
46
60
|
});
|
|
47
61
|
var BaseDialog = function BaseDialog(props, ref) {
|
|
48
|
-
var
|
|
49
|
-
var _ref = (0, _object_spread._)({}, defaultProps, props), visible = _ref.visible, footer = _ref.footer, hideConfirmButton = _ref.hideConfirmButton, hideCancelButton = _ref.hideCancelButton, lockScroll = _ref.lockScroll, disableConfirmButton = _ref.disableConfirmButton, closeOnOverlayClick = _ref.closeOnOverlayClick, confirmText = _ref.confirmText, cancelText = _ref.cancelText, closeIconPosition = _ref.closeIconPosition, closeIcon = _ref.closeIcon, footerDirection = _ref.footerDirection, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, beforeCancel = _ref.beforeCancel, beforeClose = _ref.beforeClose, restProps = (0, _object_without_properties._)(_ref, [
|
|
50
|
-
"visible",
|
|
51
|
-
"footer",
|
|
52
|
-
"hideConfirmButton",
|
|
53
|
-
"hideCancelButton",
|
|
54
|
-
"lockScroll",
|
|
55
|
-
"disableConfirmButton",
|
|
56
|
-
"closeOnOverlayClick",
|
|
57
|
-
"confirmText",
|
|
58
|
-
"cancelText",
|
|
59
|
-
"closeIconPosition",
|
|
60
|
-
"closeIcon",
|
|
61
|
-
"footerDirection",
|
|
62
|
-
"onClose",
|
|
63
|
-
"onCancel",
|
|
64
|
-
"onConfirm",
|
|
65
|
-
"beforeCancel",
|
|
66
|
-
"beforeClose"
|
|
67
|
-
]);
|
|
62
|
+
var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), closeOnOverlayClick = _mergeProps.closeOnOverlayClick, confirmText = _mergeProps.confirmText, cancelText = _mergeProps.cancelText, children = _mergeProps.children, className = _mergeProps.className, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon, content = _mergeProps.content, disableConfirmButton = _mergeProps.disableConfirmButton, footer = _mergeProps.footer, footerDirection = _mergeProps.footerDirection, header = _mergeProps.header, hideConfirmButton = _mergeProps.hideConfirmButton, hideCancelButton = _mergeProps.hideCancelButton, lockScroll = _mergeProps.lockScroll, overlay = _mergeProps.overlay, overlayStyle = _mergeProps.overlayStyle, overlayClassName = _mergeProps.overlayClassName, style = _mergeProps.style, title = _mergeProps.title, visible = _mergeProps.visible, zIndex = _mergeProps.zIndex, beforeCancel = _mergeProps.beforeCancel, beforeClose = _mergeProps.beforeClose, onClose = _mergeProps.onClose, onCancel = _mergeProps.onCancel, onConfirm = _mergeProps.onConfirm, onOverlayClick = _mergeProps.onOverlayClick;
|
|
68
63
|
var classPrefix = 'nut-dialog';
|
|
64
|
+
var locale = (0, _configprovider.useConfig)().locale;
|
|
69
65
|
var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), loading = _useState[0], setLoading = _useState[1];
|
|
70
66
|
var renderFooter = function renderFooter() {
|
|
71
67
|
if (footer === null) return '';
|
|
@@ -73,8 +69,8 @@ var BaseDialog = function BaseDialog(props, ref) {
|
|
|
73
69
|
e.stopPropagation();
|
|
74
70
|
if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
|
|
75
71
|
if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose())) return;
|
|
76
|
-
onClose
|
|
77
|
-
onCancel
|
|
72
|
+
onClose();
|
|
73
|
+
onCancel();
|
|
78
74
|
};
|
|
79
75
|
var handleOk = /*#__PURE__*/ function() {
|
|
80
76
|
var _ref = (0, _async_to_generator._)(function(e) {
|
|
@@ -99,7 +95,7 @@ var BaseDialog = function BaseDialog(props, ref) {
|
|
|
99
95
|
case 2:
|
|
100
96
|
_state.sent();
|
|
101
97
|
setLoading(false);
|
|
102
|
-
onClose
|
|
98
|
+
onClose();
|
|
103
99
|
return [
|
|
104
100
|
3,
|
|
105
101
|
4
|
|
@@ -123,41 +119,50 @@ var BaseDialog = function BaseDialog(props, ref) {
|
|
|
123
119
|
};
|
|
124
120
|
}();
|
|
125
121
|
var btnClass = hideCancelButton || hideConfirmButton ? "".concat(classPrefix, "-footer-block") : '';
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
122
|
+
var renderCancelOfVertical = function renderCancelOfVertical() {
|
|
123
|
+
return !hideCancelButton && /*#__PURE__*/ _react.default.createElement("div", {
|
|
124
|
+
style: {
|
|
125
|
+
order: 2
|
|
126
|
+
},
|
|
127
|
+
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
128
|
+
onClick: function onClick(e) {
|
|
129
|
+
return handleCancel(e);
|
|
130
|
+
}
|
|
131
|
+
}, cancelText || locale.cancel);
|
|
132
|
+
};
|
|
133
|
+
var renderCancel = function renderCancel() {
|
|
134
|
+
return !hideCancelButton && /*#__PURE__*/ _react.default.createElement(_button.default, {
|
|
135
|
+
type: "default",
|
|
136
|
+
size: "large",
|
|
137
|
+
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
138
|
+
onClick: function onClick(e) {
|
|
139
|
+
return handleCancel(e);
|
|
140
|
+
}
|
|
141
|
+
}, cancelText || locale.cancel);
|
|
142
|
+
};
|
|
143
|
+
var renderConfirm = function renderConfirm() {
|
|
144
|
+
return !hideConfirmButton && /*#__PURE__*/ _react.default.createElement(_button.default, {
|
|
145
|
+
type: "primary",
|
|
146
|
+
size: "large",
|
|
147
|
+
className: (0, _classnames.default)("".concat(classPrefix, "-footer-ok ").concat(btnClass), {
|
|
148
|
+
disabled: disableConfirmButton
|
|
149
|
+
}),
|
|
150
|
+
disabled: disableConfirmButton,
|
|
151
|
+
onClick: function onClick(e) {
|
|
152
|
+
return handleOk(e);
|
|
153
|
+
},
|
|
154
|
+
loading: loading
|
|
155
|
+
}, confirmText || locale.confirm);
|
|
156
|
+
};
|
|
157
|
+
return footer || /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, footerDirection === 'vertical' ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderConfirm(), renderCancelOfVertical()) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderCancel(), renderConfirm()));
|
|
153
158
|
};
|
|
154
159
|
var renderCloseIcon = function renderCloseIcon() {
|
|
155
160
|
if (!closeIcon) return null;
|
|
156
161
|
var handleCancel = function handleCancel() {
|
|
157
162
|
if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
|
|
158
163
|
if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose())) return;
|
|
159
|
-
onClose
|
|
160
|
-
onCancel
|
|
164
|
+
onClose();
|
|
165
|
+
onCancel();
|
|
161
166
|
};
|
|
162
167
|
var _obj;
|
|
163
168
|
var closeClasses = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-close"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-close-").concat(closeIconPosition), true), _obj));
|
|
@@ -167,19 +172,46 @@ var BaseDialog = function BaseDialog(props, ref) {
|
|
|
167
172
|
onClick: handleCancel
|
|
168
173
|
}, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : systomIcon);
|
|
169
174
|
};
|
|
175
|
+
var onHandleClickOverlay = function onHandleClickOverlay(e) {
|
|
176
|
+
if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
|
|
177
|
+
var closed = onOverlayClick && onOverlayClick(e);
|
|
178
|
+
closed && onClose();
|
|
179
|
+
closed && onCancel();
|
|
180
|
+
}
|
|
181
|
+
};
|
|
182
|
+
var renderContent = function renderContent() {
|
|
183
|
+
return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
|
|
184
|
+
in: visible,
|
|
185
|
+
timeout: 300,
|
|
186
|
+
classNames: "fadeDialog",
|
|
187
|
+
unmountOnExit: true,
|
|
188
|
+
appear: true
|
|
189
|
+
}, /*#__PURE__*/ _react.default.createElement(_content.Content, {
|
|
190
|
+
className: className,
|
|
191
|
+
style: (0, _object_spread._)({
|
|
192
|
+
zIndex: zIndex
|
|
193
|
+
}, style),
|
|
194
|
+
title: title,
|
|
195
|
+
header: header,
|
|
196
|
+
close: renderCloseIcon(),
|
|
197
|
+
footer: renderFooter(),
|
|
198
|
+
footerDirection: footerDirection,
|
|
199
|
+
visible: visible
|
|
200
|
+
}, content || children));
|
|
201
|
+
};
|
|
170
202
|
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
171
203
|
style: {
|
|
172
204
|
display: visible ? 'block' : 'none'
|
|
173
205
|
}
|
|
174
|
-
}, /*#__PURE__*/ _react.default.createElement(
|
|
206
|
+
}, overlay && /*#__PURE__*/ _react.default.createElement(_overlay.default, {
|
|
207
|
+
zIndex: zIndex,
|
|
175
208
|
visible: visible,
|
|
209
|
+
style: overlayStyle,
|
|
210
|
+
className: overlayClassName,
|
|
211
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
|
176
212
|
lockScroll: lockScroll,
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
close: renderCloseIcon(),
|
|
180
|
-
onClose: onClose,
|
|
181
|
-
onCancel: onCancel
|
|
182
|
-
})));
|
|
213
|
+
onClick: onHandleClickOverlay
|
|
214
|
+
}), renderContent());
|
|
183
215
|
};
|
|
184
216
|
var Dialog = /*#__PURE__*/ (0, _react.forwardRef)(BaseDialog);
|
|
185
217
|
Dialog.confirm = function(props) {
|
|
@@ -187,13 +219,10 @@ Dialog.confirm = function(props) {
|
|
|
187
219
|
};
|
|
188
220
|
[
|
|
189
221
|
'alert'
|
|
190
|
-
].forEach(function(
|
|
222
|
+
].forEach(function() {
|
|
191
223
|
;
|
|
192
|
-
Dialog
|
|
193
|
-
return (0, _confirm.default)((0,
|
|
194
|
-
isNotice: false,
|
|
195
|
-
noticeType: type
|
|
196
|
-
}));
|
|
224
|
+
Dialog.alert = function(props) {
|
|
225
|
+
return (0, _confirm.default)((0, _object_spread._)({}, props));
|
|
197
226
|
};
|
|
198
227
|
});
|
|
199
228
|
Dialog.displayName = 'NutDialog';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Dialog } from './dialog';
|
|
2
|
-
export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, ContentProps, DialogWrapProps,
|
|
2
|
+
export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, WebContentProps as ContentProps, DialogWrapProps, WebDialogProps as DialogProps, DialogReturnProps, } from "../../types";
|
|
3
3
|
export default Dialog;
|
|
@@ -94,18 +94,6 @@
|
|
|
94
94
|
.nut-button-round {
|
|
95
95
|
border-radius: var(--nutui-button-border-radius, var(--nutui-radius-s, 6px));
|
|
96
96
|
}
|
|
97
|
-
.nut-button-round-xlarge {
|
|
98
|
-
border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
|
|
99
|
-
}
|
|
100
|
-
.nut-button-round-large {
|
|
101
|
-
border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
|
|
102
|
-
}
|
|
103
|
-
.nut-button-round-small {
|
|
104
|
-
border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, 6px));
|
|
105
|
-
}
|
|
106
|
-
.nut-button-round-mini {
|
|
107
|
-
border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
|
|
108
|
-
}
|
|
109
97
|
.nut-button-default {
|
|
110
98
|
padding: var(--nutui-button-default-padding, 0px 12px);
|
|
111
99
|
border-style: solid;
|
|
@@ -131,7 +119,7 @@
|
|
|
131
119
|
height: var(--nutui-button-xlarge-height, 48px);
|
|
132
120
|
padding: var(--nutui-button-xlarge-padding, 0px 24px);
|
|
133
121
|
font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
|
|
134
|
-
border-radius: var(--nutui-radius-base, 8px);
|
|
122
|
+
border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
|
|
135
123
|
}
|
|
136
124
|
.nut-button-xlarge .nut-button-text {
|
|
137
125
|
margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
|
|
@@ -151,7 +139,7 @@
|
|
|
151
139
|
height: var(--nutui-button-large-height, 40px);
|
|
152
140
|
padding: var(--nutui-button-large-padding, 0px 16px);
|
|
153
141
|
font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
|
|
154
|
-
border-radius: var(--nutui-radius-
|
|
142
|
+
border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
|
|
155
143
|
}
|
|
156
144
|
.nut-button-large .nut-button-text {
|
|
157
145
|
margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
|
|
@@ -171,7 +159,7 @@
|
|
|
171
159
|
height: var(--nutui-button-small-height, 28px);
|
|
172
160
|
padding: var(--nutui-button-small-padding, 0px 8px);
|
|
173
161
|
font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
|
|
174
|
-
border-radius: var(--nutui-radius-
|
|
162
|
+
border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, 6px));
|
|
175
163
|
}
|
|
176
164
|
.nut-button-small .nut-icon {
|
|
177
165
|
font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
|
|
@@ -185,7 +173,7 @@
|
|
|
185
173
|
height: var(--nutui-button-mini-height, 24px);
|
|
186
174
|
padding: var(--nutui-button-mini-padding, 0px 8px);
|
|
187
175
|
font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
|
|
188
|
-
border-radius: var(--nutui-radius-xs, 4px);
|
|
176
|
+
border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
|
|
189
177
|
}
|
|
190
178
|
.nut-button-mini .nut-icon {
|
|
191
179
|
font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
|