@nutui/nutui-react 3.0.13 → 3.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/dist/cjs/packages/button/style/button.scss +3 -0
  3. package/dist/cjs/packages/button/style/style.css +3 -3
  4. package/dist/cjs/packages/button/style-jmapp/button.scss +3 -0
  5. package/dist/cjs/packages/button/style-jmapp/style.css +3 -3
  6. package/dist/cjs/packages/button/style-jrkf/button.scss +3 -0
  7. package/dist/cjs/packages/button/style-jrkf/style.css +3 -3
  8. package/dist/cjs/packages/calendarcard/calendarcard.js +10 -4
  9. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  10. package/dist/cjs/packages/datepicker/utils.js +23 -38
  11. package/dist/cjs/packages/dialog/dialog.js +2 -7
  12. package/dist/cjs/packages/elevator/elevator.d.ts +3 -20
  13. package/dist/cjs/packages/elevator/elevator.js +35 -22
  14. package/dist/cjs/packages/elevator/index.d.ts +1 -1
  15. package/dist/cjs/packages/elevator/style/elevator.scss +61 -33
  16. package/dist/cjs/packages/elevator/style/style.css +65 -40
  17. package/dist/cjs/packages/elevator/style-jmapp/elevator.scss +61 -33
  18. package/dist/cjs/packages/elevator/style-jmapp/style.css +56 -31
  19. package/dist/cjs/packages/elevator/style-jrkf/elevator.scss +61 -33
  20. package/dist/cjs/packages/elevator/style-jrkf/style.css +56 -31
  21. package/dist/cjs/packages/formitem/formitem.js +3 -3
  22. package/dist/cjs/packages/formitem/style/formitem.scss +14 -15
  23. package/dist/cjs/packages/formitem/style/style.css +9 -11
  24. package/dist/cjs/packages/formitem/style-jmapp/formitem.scss +14 -15
  25. package/dist/cjs/packages/formitem/style-jmapp/style.css +8 -10
  26. package/dist/cjs/packages/formitem/style-jrkf/formitem.scss +14 -15
  27. package/dist/cjs/packages/formitem/style-jrkf/style.css +8 -10
  28. package/dist/cjs/packages/image/image.js +11 -15
  29. package/dist/cjs/packages/navbar/style/navbar.scss +2 -0
  30. package/dist/cjs/packages/navbar/style/style.css +2 -0
  31. package/dist/cjs/packages/navbar/style-jmapp/navbar.scss +2 -0
  32. package/dist/cjs/packages/navbar/style-jmapp/style.css +2 -0
  33. package/dist/cjs/packages/navbar/style-jrkf/navbar.scss +2 -0
  34. package/dist/cjs/packages/navbar/style-jrkf/style.css +2 -0
  35. package/dist/cjs/packages/noticebar/noticebar.js +1 -1
  36. package/dist/cjs/packages/overlay/style/overlay.scss +0 -1
  37. package/dist/cjs/packages/overlay/style/style.css +0 -1
  38. package/dist/cjs/packages/overlay/style-jmapp/overlay.scss +0 -1
  39. package/dist/cjs/packages/overlay/style-jmapp/style.css +0 -1
  40. package/dist/cjs/packages/overlay/style-jrkf/overlay.scss +0 -1
  41. package/dist/cjs/packages/overlay/style-jrkf/style.css +0 -1
  42. package/dist/cjs/packages/price/style/price.scss +9 -0
  43. package/dist/cjs/packages/price/style/style.css +9 -0
  44. package/dist/cjs/packages/price/style-jmapp/price.scss +9 -0
  45. package/dist/cjs/packages/price/style-jmapp/style.css +9 -0
  46. package/dist/cjs/packages/price/style-jrkf/price.scss +9 -0
  47. package/dist/cjs/packages/price/style-jrkf/style.css +9 -0
  48. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  49. package/dist/cjs/packages/tabpane/style/tabpane.scss +1 -1
  50. package/dist/cjs/packages/tabpane/style-jmapp/style.css +1 -1
  51. package/dist/cjs/packages/tabpane/style-jmapp/tabpane.scss +1 -1
  52. package/dist/cjs/packages/tabpane/style-jrkf/style.css +1 -1
  53. package/dist/cjs/packages/tabpane/style-jrkf/tabpane.scss +1 -1
  54. package/dist/cjs/types/spec/calendarcard/base.d.ts +1 -0
  55. package/dist/cjs/types/spec/datepicker/base.d.ts +1 -1
  56. package/dist/cjs/types/spec/elevator/base.d.ts +5 -2
  57. package/dist/es/packages/button/style/button.scss +3 -0
  58. package/dist/es/packages/button/style/style.css +3 -3
  59. package/dist/es/packages/button/style-jmapp/button.scss +3 -0
  60. package/dist/es/packages/button/style-jmapp/style.css +3 -3
  61. package/dist/es/packages/button/style-jrkf/button.scss +3 -0
  62. package/dist/es/packages/button/style-jrkf/style.css +3 -3
  63. package/dist/es/packages/calendarcard/calendarcard.js +11 -5
  64. package/dist/es/packages/configprovider/types.d.ts +1 -1
  65. package/dist/es/packages/datepicker/utils.js +23 -38
  66. package/dist/es/packages/dialog/dialog.js +2 -7
  67. package/dist/es/packages/elevator/elevator.d.ts +3 -20
  68. package/dist/es/packages/elevator/elevator.js +35 -22
  69. package/dist/es/packages/elevator/index.d.ts +1 -1
  70. package/dist/es/packages/elevator/style/elevator.scss +61 -33
  71. package/dist/es/packages/elevator/style/style.css +65 -40
  72. package/dist/es/packages/elevator/style-jmapp/elevator.scss +61 -33
  73. package/dist/es/packages/elevator/style-jmapp/style.css +56 -31
  74. package/dist/es/packages/elevator/style-jrkf/elevator.scss +61 -33
  75. package/dist/es/packages/elevator/style-jrkf/style.css +56 -31
  76. package/dist/es/packages/formitem/formitem.js +3 -3
  77. package/dist/es/packages/formitem/style/formitem.scss +14 -15
  78. package/dist/es/packages/formitem/style/style.css +9 -11
  79. package/dist/es/packages/formitem/style-jmapp/formitem.scss +14 -15
  80. package/dist/es/packages/formitem/style-jmapp/style.css +8 -10
  81. package/dist/es/packages/formitem/style-jrkf/formitem.scss +14 -15
  82. package/dist/es/packages/formitem/style-jrkf/style.css +8 -10
  83. package/dist/es/packages/image/image.js +11 -15
  84. package/dist/es/packages/navbar/style/navbar.scss +2 -0
  85. package/dist/es/packages/navbar/style/style.css +2 -0
  86. package/dist/es/packages/navbar/style-jmapp/navbar.scss +2 -0
  87. package/dist/es/packages/navbar/style-jmapp/style.css +2 -0
  88. package/dist/es/packages/navbar/style-jrkf/navbar.scss +2 -0
  89. package/dist/es/packages/navbar/style-jrkf/style.css +2 -0
  90. package/dist/es/packages/noticebar/noticebar.js +1 -1
  91. package/dist/es/packages/overlay/style/overlay.scss +0 -1
  92. package/dist/es/packages/overlay/style/style.css +0 -1
  93. package/dist/es/packages/overlay/style-jmapp/overlay.scss +0 -1
  94. package/dist/es/packages/overlay/style-jmapp/style.css +0 -1
  95. package/dist/es/packages/overlay/style-jrkf/overlay.scss +0 -1
  96. package/dist/es/packages/overlay/style-jrkf/style.css +0 -1
  97. package/dist/es/packages/price/style/price.scss +9 -0
  98. package/dist/es/packages/price/style/style.css +9 -0
  99. package/dist/es/packages/price/style-jmapp/price.scss +9 -0
  100. package/dist/es/packages/price/style-jmapp/style.css +9 -0
  101. package/dist/es/packages/price/style-jrkf/price.scss +9 -0
  102. package/dist/es/packages/price/style-jrkf/style.css +9 -0
  103. package/dist/es/packages/tabpane/style/style.css +1 -1
  104. package/dist/es/packages/tabpane/style/tabpane.scss +1 -1
  105. package/dist/es/packages/tabpane/style-jmapp/style.css +1 -1
  106. package/dist/es/packages/tabpane/style-jmapp/tabpane.scss +1 -1
  107. package/dist/es/packages/tabpane/style-jrkf/style.css +1 -1
  108. package/dist/es/packages/tabpane/style-jrkf/tabpane.scss +1 -1
  109. package/dist/es/types/spec/calendarcard/base.d.ts +4 -0
  110. package/dist/es/types/spec/datepicker/base.d.ts +1 -1
  111. package/dist/es/types/spec/elevator/base.d.ts +15 -6
  112. package/dist/nutui.react.umd.js +278 -284
  113. package/dist/style-jmapp.css +1 -1
  114. package/dist/style-jmapp.scss +31 -31
  115. package/dist/style-jrkf.css +1 -1
  116. package/dist/style-jrkf.scss +25 -25
  117. package/dist/style.css +1 -1
  118. package/dist/style.scss +34 -34
  119. package/dist/styles/variables-jmapp.scss +14 -2
  120. package/dist/styles/variables-jrkf.scss +14 -2
  121. package/dist/styles/variables.scss +25 -45
  122. package/package.json +1 -1
@@ -2,7 +2,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
2
  import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
3
3
  import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
4
4
  import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
5
- import React, { useCallback, useEffect, useState } from "react";
5
+ import React, { useCallback, useEffect, useState, useRef } from "react";
6
6
  import classNames from "classnames";
7
7
  import { ArrowLeft, ArrowRight, DoubleLeft, DoubleRight } from "./icon";
8
8
  import { ComponentDefaults } from "../../utils/typings";
@@ -16,7 +16,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
16
16
  var prefixCls = 'nut-calendarcard';
17
17
  export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
18
18
  var locale = useConfig().locale;
19
- var _$_object_spread = _object_spread({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, type = _$_object_spread.type, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
19
+ var _$_object_spread = _object_spread({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, type = _$_object_spread.type, title = _$_object_spread.title, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
20
+ var onPageChangeRef = useRef(onPageChange);
20
21
  // 当前月份信息
21
22
  var _useState = _sliced_to_array(useState(function() {
22
23
  var date = new Date(Date.now());
@@ -91,13 +92,18 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
91
92
  firstDayOfWeek
92
93
  ]);
93
94
  useEffect(function() {
95
+ onPageChangeRef.current = onPageChange;
96
+ }, [
97
+ onPageChange
98
+ ]);
99
+ useEffect(function() {
100
+ var _onPageChangeRef_current;
94
101
  var newDays = getDays(month);
95
102
  setDays(newDays);
96
- onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(month);
103
+ (_onPageChangeRef_current = onPageChangeRef.current) === null || _onPageChangeRef_current === void 0 ? void 0 : _onPageChangeRef_current.call(onPageChangeRef, month);
97
104
  }, [
98
105
  month,
99
106
  getDays,
100
- onPageChange,
101
107
  firstDayOfWeek
102
108
  ]);
103
109
  var isSameDay = function(day1, day2) {
@@ -403,6 +409,6 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
403
409
  return days.length > 0 ? /*#__PURE__*/ React.createElement("div", {
404
410
  className: classNames(prefixCls, className),
405
411
  style: style
406
- }, renderHeader(), renderContent()) : null;
412
+ }, title || renderHeader(), renderContent()) : null;
407
413
  });
408
414
  CalendarCard.displayName = 'NutCalendarCard';
@@ -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' | 'nutuiStepsBackgroundColor' | 'nutuiStepsBaseHeadHeight' | 'nutuiStepsBaseHeadBackgroundColor' | 'nutuiStepsBaseHeadBorder' | 'nutuiStepsBaseHeadTextSize' | 'nutuiStepsBaseIconSize' | 'nutuiStepsBaseHeadColor' | 'nutuiStepsBaseHeadDotSize' | 'nutuiStepsBaseHeadDotBackgroundColor' | 'nutuiStepsBaseHeadIconSize' | 'nutuiStepsBaseHeadIconSizeRight' | 'nutuiStepsVerticalItemIconSize' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsBaseHeadBorderColor' | 'nutuiStepsProcessHeadBackgroundColor' | 'nutuiStepsProcessColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsBusinessTitleColor' | 'nutuiColorServicePressed' | 'nutuiStepsBusinessDescriptionColor' | 'nutuiStepsBusinessHeadTextColor' | 'nutuiStepsBusinessHeadDotBackgroundColor' | 'nutuiStepsBusinessHeadIconColor' | 'nutuiStepsBusinessHeadBackgroundColor' | 'nutuiColorService' | 'nutuiStepsEnhancedFinishHeadBackgroundColor' | 'nutuiStepsEnhancedFinishHeadDotBackgroundColor' | 'nutuiStepsEnhancedFinishHeadIconColor' | 'nutuiStepsEnhancedFinishHeadTextColor' | 'nutuiStepsHorizontalItemPaddingRight' | 'nutuiStepsHorizontalItemLinePadding' | 'nutuiStepsHorizontalItemSpecialPaddingRight' | 'nutuiStepsHorizontalItemSpecial3PaddingRight' | 'nutuiStepsVerticalItemPaddingBottom' | 'nutuiStepsVerticalTitleFontSize' | 'nutuiStepsVerticalTitleMarginBottom' | 'nutuiStepsVerticalLineHeight' | 'nutuiStepsVerticalDescriptionFontSize' | 'nutuiStepsVerticalDescriptionMargin' | 'nutuiDialogMinWidth' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMaxHeight' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterCancelBg' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogBottomCloseIconSize' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeBackgroundDisabledColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotSmallWidth' | 'nutuiBadgeDotLargeWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverPadding' | 'nutuiPopoverItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarInnerGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarIconSize' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineSmallHeight' | 'nutuiSkeletonLineNormalHeight' | 'nutuiSkeletonLineLargeHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGray1' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidebarBackgroundColor' | 'nutuiSidebarBorderRadius' | 'nutuiSidebarWidth' | 'nutuiSidebarMaxWidth' | 'nutuiSidebarTitleHeight' | 'nutuiSidebarInactiveFontSize' | 'nutuiSidebarActiveFontSize' | 'nutuiSidebarActiveFontWeight' | 'nutuiSidebarActiveColor' | 'nutuiSidebarItemBackground' | 'nutuiSidebarItemPadding' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiCountupSeparatorColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiLoadingLottieBackground' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack3' | 'nutuiBlack1';
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' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupTitleFontWeight' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupDescriptionSpacing' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyHeight' | 'nutuiNotifyPadding' | 'nutuiNotifyBorderRadius' | 'nutuiNotifyBoxShadow' | 'nutuiNotifyZIndex' | 'nutuiNotifyTextColor' | 'nutuiNotifyFontSize' | 'nutuiNotifyBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiRateIconSize' | 'nutuiRateFontColor' | 'nutuiRateFontSize' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBackgroundColor' | 'nutuiStepsBaseHeadHeight' | 'nutuiStepsBaseHeadBackgroundColor' | 'nutuiStepsBaseHeadBorder' | 'nutuiStepsBaseHeadTextSize' | 'nutuiStepsBaseIconSize' | 'nutuiStepsBaseHeadColor' | 'nutuiStepsBaseHeadDotSize' | 'nutuiStepsBaseHeadDotBackgroundColor' | 'nutuiStepsBaseHeadIconSize' | 'nutuiStepsBaseHeadIconSizeRight' | 'nutuiStepsVerticalItemIconSize' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsBaseHeadBorderColor' | 'nutuiStepsProcessHeadBackgroundColor' | 'nutuiStepsProcessColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsBusinessTitleColor' | 'nutuiColorServicePressed' | 'nutuiStepsBusinessDescriptionColor' | 'nutuiStepsBusinessHeadTextColor' | 'nutuiStepsBusinessHeadDotBackgroundColor' | 'nutuiStepsBusinessHeadIconColor' | 'nutuiStepsBusinessHeadBackgroundColor' | 'nutuiColorService' | 'nutuiStepsEnhancedFinishHeadBackgroundColor' | 'nutuiStepsEnhancedFinishHeadDotBackgroundColor' | 'nutuiStepsEnhancedFinishHeadIconColor' | 'nutuiStepsEnhancedFinishHeadTextColor' | 'nutuiStepsHorizontalItemPaddingRight' | 'nutuiStepsHorizontalItemLinePadding' | 'nutuiStepsHorizontalItemSpecialPaddingRight' | 'nutuiStepsHorizontalItemSpecial3PaddingRight' | 'nutuiStepsVerticalItemPaddingBottom' | 'nutuiStepsVerticalTitleFontSize' | 'nutuiStepsVerticalTitleMarginBottom' | 'nutuiStepsVerticalLineHeight' | 'nutuiStepsVerticalDescriptionFontSize' | 'nutuiStepsVerticalDescriptionMargin' | 'nutuiDialogMinWidth' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMaxHeight' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterCancelBg' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogBottomCloseIconSize' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeBackgroundDisabledColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotSmallWidth' | 'nutuiBadgeDotLargeWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverPadding' | 'nutuiPopoverItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarInnerGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarIconSize' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineSmallHeight' | 'nutuiSkeletonLineNormalHeight' | 'nutuiSkeletonLineLargeHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGray1' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidebarBackgroundColor' | 'nutuiSidebarBorderRadius' | 'nutuiSidebarWidth' | 'nutuiSidebarMaxWidth' | 'nutuiSidebarTitleHeight' | 'nutuiSidebarInactiveFontSize' | 'nutuiSidebarActiveFontSize' | 'nutuiSidebarActiveFontWeight' | 'nutuiSidebarActiveColor' | 'nutuiSidebarItemBackground' | 'nutuiSidebarItemPadding' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeWidth' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentColor' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsColor' | '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,5 +1,4 @@
1
1
  import { _ as _define_property } from "@swc/helpers/_/_define_property";
2
- import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
3
2
  import { padZero } from "../../utils/pad-zero";
4
3
  import { isDate } from "../../utils/is-date";
5
4
  /**
@@ -45,7 +44,7 @@ import { isDate } from "../../utils/is-date";
45
44
  * 根据选中的日期和类型,生成日期选择器的范围配置
46
45
  * @returns {Array} 返回日期选择器的范围配置数组
47
46
  */ export var generateDatePickerRanges = function(type, selectedDate, startDate, endDate) {
48
- var selected = new Date(selectedDate);
47
+ var selected = selectedDate ? new Date(selectedDate) : new Date(startDate);
49
48
  if (!selected) return [];
50
49
  // 获取最大和最小边界值
51
50
  var _calculateDateBoundary = calculateDateBoundary('max', selected, startDate, endDate), maxYear = _calculateDateBoundary.maxYear, maxDate = _calculateDateBoundary.maxDate, maxMonth = _calculateDateBoundary.maxMonth, maxHour = _calculateDateBoundary.maxHour, maxMinute = _calculateDateBoundary.maxMinute, maxSeconds = _calculateDateBoundary.maxSeconds;
@@ -207,42 +206,28 @@ import { isDate } from "../../utils/is-date";
207
206
  * @param index 当前列的索引
208
207
  */ export var handlePickerValueChange = function(selectedOptions, selectedValue, index, type, defaultDate, handleDateComparison) {
209
208
  var rangeType = type.toLocaleLowerCase();
210
- if ([
211
- 'date',
212
- 'datetime',
213
- 'datehour',
214
- 'month-day',
215
- 'year-month'
216
- ].includes(rangeType)) {
217
- var formattedDate = [];
218
- selectedValue.forEach(function(item) {
219
- formattedDate.push(item);
220
- });
221
- if (rangeType === 'month-day' && formattedDate.length < 3) {
222
- formattedDate.unshift(new Date(defaultDate).getFullYear());
223
- }
224
- if (rangeType === 'year-month' && formattedDate.length < 3) {
225
- formattedDate.push(new Date(defaultDate).getDate());
226
- }
227
- var year = Number(formattedDate[0]);
228
- var month = Number(formattedDate[1]) - 1;
229
- var day = Math.min(Number(formattedDate[2]), getLastDayOfMonth(year, month + 1));
230
- var date = null;
231
- if (rangeType === 'date' || rangeType === 'month-day' || rangeType === 'year-month') {
232
- date = new Date(year, month, day);
233
- } else if (rangeType === 'datetime') {
234
- date = new Date(year, month, day, Number(formattedDate[3]), Number(formattedDate[4]));
235
- } else if (rangeType === 'datehour') {
236
- date = new Date(year, month, day, Number(formattedDate[3]));
237
- }
238
- handleDateComparison(date, selectedOptions, index);
209
+ var formattedDate = [];
210
+ selectedValue.forEach(function(item) {
211
+ formattedDate.push(item);
212
+ });
213
+ if (rangeType === 'month-day' && formattedDate.length < 3) {
214
+ formattedDate.unshift(new Date(defaultDate).getFullYear());
215
+ }
216
+ if (rangeType === 'year-month' && formattedDate.length < 3) {
217
+ formattedDate.push(new Date(defaultDate).getDate());
218
+ }
219
+ var year = Number(formattedDate[0]);
220
+ var month = Number(formattedDate[1]) - 1;
221
+ var day = Math.min(Number(formattedDate[2]), getLastDayOfMonth(year, month + 1));
222
+ var date = null;
223
+ if (rangeType === 'date' || rangeType === 'month-day' || rangeType === 'year-month') {
224
+ date = new Date(year, month, day);
225
+ } else if (rangeType === 'datetime') {
226
+ date = new Date(year, month, day, Number(formattedDate[3]), Number(formattedDate[4]));
227
+ } else if (rangeType === 'datehour') {
228
+ date = new Date(year, month, day, Number(formattedDate[3]));
239
229
  } else {
240
- var _selectedValue = _sliced_to_array(selectedValue, 3), hour = _selectedValue[0], minute = _selectedValue[1], seconds = _selectedValue[2];
241
- var currentDate = new Date(defaultDate);
242
- var year1 = currentDate.getFullYear();
243
- var month1 = currentDate.getMonth();
244
- var day1 = currentDate.getDate();
245
- var date1 = new Date(year1, month1, day1, Number(hour), Number(minute), rangeType === 'time' ? Number(seconds) : 0);
246
- handleDateComparison(date1, selectedOptions, index);
230
+ date = new Date(year, month, day, Number(formattedDate[3]), Number(formattedDate[4]), Number(formattedDate[5]));
247
231
  }
232
+ handleDateComparison(date, selectedOptions, index);
248
233
  };
@@ -56,8 +56,6 @@ var BaseDialog = function(props, ref) {
56
56
  var handleCancel = function(e) {
57
57
  e.stopPropagation();
58
58
  if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
59
- if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose())) return;
60
- onClose();
61
59
  onCancel();
62
60
  };
63
61
  var handleOk = /*#__PURE__*/ function() {
@@ -146,24 +144,21 @@ var BaseDialog = function(props, ref) {
146
144
  };
147
145
  var renderCloseIcon = function() {
148
146
  if (!closeIcon) return null;
149
- var handleCancel = function() {
150
- if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
147
+ var handleClose = function() {
151
148
  if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose())) return;
152
149
  onClose();
153
- onCancel();
154
150
  };
155
151
  var _obj;
156
152
  var closeClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), true), _define_property(_obj, "".concat(classPrefix, "-close-").concat(closeIconPosition), true), _obj));
157
153
  var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, null) : /*#__PURE__*/ React.createElement(Failure, null);
158
154
  return /*#__PURE__*/ React.createElement("div", {
159
155
  className: closeClasses,
160
- onClick: handleCancel
156
+ onClick: handleClose
161
157
  }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
162
158
  };
163
159
  var onHandleClickOverlay = function(e) {
164
160
  if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
165
161
  var closed = onOverlayClick && onOverlayClick(e);
166
- closed && onClose();
167
162
  closed && onCancel();
168
163
  }
169
164
  };
@@ -1,23 +1,6 @@
1
1
  import React, { FunctionComponent } from 'react';
2
- import { BasicComponent } from "../../utils/typings";
3
- export declare const elevatorContext: React.Context<ElevatorData>;
4
- export interface ElevatorProps extends BasicComponent {
5
- height: number | string;
6
- floorKey: string;
7
- list: any[];
8
- sticky: boolean;
9
- spaceHeight: number;
10
- titleHeight: number;
11
- showKeys: boolean;
12
- onItemClick: (key: string, item: ElevatorData) => void;
13
- onIndexClick: (key: string) => void;
14
- }
15
- interface ElevatorData {
16
- name: string;
17
- id: number | string;
18
- [key: string]: string | number;
19
- }
20
- export declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React.HTMLAttributes<HTMLDivElement>> & {
2
+ import { ElevatorItem, WebElevatorProps } from "../../types";
3
+ export declare const elevatorContext: React.Context<ElevatorItem>;
4
+ export declare const Elevator: FunctionComponent<Partial<WebElevatorProps> & React.HTMLAttributes<HTMLDivElement>> & {
21
5
  Context: typeof elevatorContext;
22
6
  };
23
- export {};
@@ -8,24 +8,29 @@ import { useGesture } from "@use-gesture/react";
8
8
  import { animated } from "@react-spring/web";
9
9
  import classNames from "classnames";
10
10
  import { ComponentDefaults } from "../../utils/typings";
11
+ import { usePropsValue } from "../../hooks";
11
12
  export var elevatorContext = /*#__PURE__*/ createContext({});
12
13
  var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
14
+ mode: 'horizontal',
13
15
  height: '200px',
14
16
  floorKey: 'title',
15
17
  list: [],
16
18
  sticky: false,
17
- spaceHeight: 23,
18
- titleHeight: 35,
19
- showKeys: true
19
+ spaceHeight: 18,
20
+ showKeys: true,
21
+ defaultValue: undefined,
22
+ value: undefined
20
23
  });
21
24
  export var Elevator = function(props) {
22
- var _ref = _object_spread({}, defaultProps, props), height = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight, titleHeight = _ref.titleHeight, showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
25
+ var _ref = _object_spread({}, defaultProps, props), value = _ref.value, defaultValue = _ref.defaultValue, mode = _ref.mode, height = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight, showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
26
+ "value",
27
+ "defaultValue",
28
+ "mode",
23
29
  "height",
24
30
  "floorKey",
25
31
  "list",
26
32
  "sticky",
27
33
  "spaceHeight",
28
- "titleHeight",
29
34
  "showKeys",
30
35
  "className",
31
36
  "style",
@@ -46,21 +51,24 @@ export var Elevator = function(props) {
46
51
  y2: 0
47
52
  });
48
53
  var _useState = _sliced_to_array(useState(0), 2), scrollY = _useState[0], setScrollY = _useState[1];
49
- var _useState1 = _sliced_to_array(useState({}), 2), currentData = _useState1[0], setCurrentData = _useState1[1];
50
- var _useState2 = _sliced_to_array(useState(''), 2), currentKey = _useState2[0], setCurrentKey = _useState2[1];
51
- var _useState3 = _sliced_to_array(useState(0), 2), currentIndex = _useState3[0], setCurrentIndex = _useState3[1];
52
- var _useState4 = _sliced_to_array(useState(0), 2), codeIndex = _useState4[0], setCodeIndex = _useState4[1];
53
- var _useState5 = _sliced_to_array(useState(false), 2), scrollStart = _useState5[0], setScrollStart = _useState5[1];
54
+ var _usePropsValue = _sliced_to_array(usePropsValue({
55
+ value: value,
56
+ defaultValue: defaultValue || {}
57
+ }), 2), currentData = _usePropsValue[0], setCurrentData = _usePropsValue[1];
58
+ var _useState1 = _sliced_to_array(useState(0), 2), currentIndex = _useState1[0], setCurrentIndex = _useState1[1];
59
+ var _useState2 = _sliced_to_array(useState(0), 2), codeIndex = _useState2[0], setCodeIndex = _useState2[1];
60
+ var _useState3 = _sliced_to_array(useState(false), 2), scrollStart = _useState3[0], setScrollStart = _useState3[1];
54
61
  var state = useRef(initData);
55
62
  var resetScrollState = function() {
56
63
  setScrollStart(false);
57
64
  };
58
- var clientHeight = function() {
59
- return listview.current ? listview.current.clientHeight : 0;
60
- };
61
65
  var getData = function(el, name) {
62
66
  var prefix = 'data-';
63
- return el.getAttribute(prefix + name);
67
+ // 检查点击的元素是否直接包含 data-index 属性
68
+ if (el.hasAttribute('data-index')) {
69
+ return el.getAttribute(prefix + name);
70
+ }
71
+ return '-1';
64
72
  };
65
73
  var calculateHeight = function() {
66
74
  var height = 0;
@@ -95,6 +103,10 @@ export var Elevator = function(props) {
95
103
  var target = param.target, offset = param.offset;
96
104
  setScrollStart(true);
97
105
  var index = Number(getData(target, 'index'));
106
+ if (index < 0) {
107
+ setScrollStart(false);
108
+ return;
109
+ }
98
110
  touchState.current.y1 = offset[1];
99
111
  state.current.anchorIndex = +index;
100
112
  setCodeIndex(function(codeIndex) {
@@ -116,7 +128,6 @@ export var Elevator = function(props) {
116
128
  var handleClickItem = function(key, item) {
117
129
  onItemClick && onItemClick(key, item);
118
130
  setCurrentData(item);
119
- setCurrentKey(key);
120
131
  };
121
132
  var handleClickIndex = function(key) {
122
133
  onIndexClick && onIndexClick(key);
@@ -161,13 +172,13 @@ export var Elevator = function(props) {
161
172
  ]);
162
173
  var _obj;
163
174
  return /*#__PURE__*/ React.createElement("div", _object_spread({
164
- className: "".concat(classPrefix, " ").concat(className),
175
+ className: "".concat(classPrefix, " ").concat(classPrefix, "-").concat(mode, " ").concat(className),
165
176
  style: style
166
- }, rest), sticky && scrollY > 0 ? /*#__PURE__*/ React.createElement("div", {
177
+ }, rest), mode === 'vertical' && sticky && scrollY > 0 ? /*#__PURE__*/ React.createElement("div", {
167
178
  className: "".concat(classPrefix, "-list-fixed")
168
179
  }, /*#__PURE__*/ React.createElement("span", {
169
180
  className: "".concat(classPrefix, "-list-fixed-title")
170
- }, list[currentIndex][floorKey])) : null, /*#__PURE__*/ React.createElement("div", {
181
+ }, list[currentIndex] && String(list[currentIndex][floorKey]))) : null, /*#__PURE__*/ React.createElement("div", {
171
182
  className: "".concat(classPrefix, "-list"),
172
183
  style: {
173
184
  height: Number.isNaN(+height) ? height : "".concat(height, "px")
@@ -181,10 +192,12 @@ export var Elevator = function(props) {
181
192
  key: idx
182
193
  }, /*#__PURE__*/ React.createElement("div", {
183
194
  className: "".concat(classPrefix, "-list-item-code")
184
- }, item[floorKey]), /*#__PURE__*/ React.createElement(React.Fragment, null, item.list.map(function(subitem) {
195
+ }, item[floorKey]), /*#__PURE__*/ React.createElement("div", {
196
+ className: "".concat(classPrefix, "-list-item-sublist")
197
+ }, item.list.map(function(subitem) {
185
198
  var _obj;
186
199
  return /*#__PURE__*/ React.createElement("div", {
187
- className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-list-item-name"), true), _define_property(_obj, "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id && currentKey === item[floorKey]), _obj)),
200
+ className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-list-item-name"), true), _define_property(_obj, "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id), _obj)),
188
201
  key: subitem.id,
189
202
  onClick: function() {
190
203
  return handleClickItem(item[floorKey], subitem);
@@ -195,7 +208,7 @@ export var Elevator = function(props) {
195
208
  })));
196
209
  }))), showKeys ? /*#__PURE__*/ React.createElement(React.Fragment, null, list.length && scrollStart ? /*#__PURE__*/ React.createElement("div", {
197
210
  className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-code-current"), true), _define_property(_obj, "".concat(classPrefix, "-code-current-current"), true), _obj))
198
- }, list[codeIndex][floorKey]) : null, /*#__PURE__*/ React.createElement("div", {
211
+ }, list[codeIndex] && String(list[codeIndex][floorKey])) : null, /*#__PURE__*/ React.createElement("div", {
199
212
  className: "".concat(classPrefix, "-bars")
200
213
  }, /*#__PURE__*/ React.createElement(animated.div, _object_spread_props(_object_spread({
201
214
  className: "".concat(classPrefix, "-bars-inner")
@@ -213,7 +226,7 @@ export var Elevator = function(props) {
213
226
  onClick: function() {
214
227
  return handleClickIndex(item[floorKey]);
215
228
  }
216
- }, item[floorKey]);
229
+ }, String(item[floorKey]));
217
230
  })))) : null);
218
231
  };
219
232
  Elevator.displayName = 'NutElevator';
@@ -1,3 +1,3 @@
1
1
  import { Elevator } from './elevator';
2
- export type { ElevatorProps } from './elevator';
2
+ export type { WebElevatorProps as ElevatorProps } from "../../types";
3
3
  export default Elevator;