@nutui/nutui-react-taro 3.0.5 → 3.0.6

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 (108) hide show
  1. package/CHANGELOG.md +40 -1
  2. package/dist/cjs/packages/badge/badge.js +4 -3
  3. package/dist/cjs/packages/badge/style/badge.scss +4 -0
  4. package/dist/cjs/packages/badge/style/style.css +9 -6
  5. package/dist/cjs/packages/badge/style/style.harmony.css +3 -0
  6. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  7. package/dist/cjs/packages/datepicker/style/style.css +3 -0
  8. package/dist/cjs/packages/datepickerview/style/style.css +3 -0
  9. package/dist/cjs/packages/fixednav/style/style.css +9 -6
  10. package/dist/cjs/packages/indicator/indicator.js +1 -1
  11. package/dist/cjs/packages/lottie/index.js +5 -5
  12. package/dist/cjs/packages/lottie/{mp.js → lottiemp.js} +1 -1
  13. package/dist/cjs/packages/notify/notify.js +44 -13
  14. package/dist/cjs/packages/notify/style/notify.scss +39 -36
  15. package/dist/cjs/packages/notify/style/style.css +36 -31
  16. package/dist/cjs/packages/notify/style/style.harmony.css +36 -31
  17. package/dist/cjs/packages/picker/style/style.css +3 -0
  18. package/dist/cjs/packages/pickerview/pickerroller.js +7 -2
  19. package/dist/cjs/packages/pickerview/style/pickerview.scss +3 -0
  20. package/dist/cjs/packages/pickerview/style/style.css +3 -0
  21. package/dist/cjs/packages/pickerview/style/style.harmony.css +3 -0
  22. package/dist/cjs/packages/searchbar/searchbar.js +8 -2
  23. package/dist/cjs/packages/skeleton/skeleton.js +63 -52
  24. package/dist/cjs/packages/skeleton/style/index.js +0 -1
  25. package/dist/cjs/packages/skeleton/style/skeleton.scss +40 -46
  26. package/dist/cjs/packages/skeleton/style/style.css +32 -175
  27. package/dist/cjs/packages/skeleton/style/style.harmony.css +32 -42
  28. package/dist/cjs/packages/switch/style/style.css +5 -0
  29. package/dist/cjs/packages/switch/style/style.harmony.css +5 -0
  30. package/dist/cjs/packages/switch/style/switch.scss +5 -0
  31. package/dist/cjs/packages/switch/switch.js +22 -11
  32. package/dist/cjs/packages/tabbar/style/style.css +54 -45
  33. package/dist/cjs/packages/tabbar/style/style.harmony.css +24 -18
  34. package/dist/cjs/packages/tabbar/style/tabbar.scss +28 -19
  35. package/dist/cjs/packages/tabbar/tabbar.js +28 -10
  36. package/dist/cjs/packages/tabbaritem/style/style.css +30 -27
  37. package/dist/cjs/packages/tabbaritem/style/style.harmony.css +21 -21
  38. package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +32 -29
  39. package/dist/cjs/packages/tabbaritem/tabbaritem.js +38 -14
  40. package/dist/cjs/types/spec/badge/base.d.ts +1 -0
  41. package/dist/cjs/types/spec/indicator/base.d.ts +1 -1
  42. package/dist/cjs/types/spec/notify/base.d.ts +7 -2
  43. package/dist/cjs/types/spec/searchbar/taro.d.ts +10 -7
  44. package/dist/cjs/types/spec/skeleton/base.d.ts +7 -5
  45. package/dist/cjs/types/spec/switch/base.d.ts +3 -2
  46. package/dist/cjs/types/spec/switch/h5.d.ts +1 -1
  47. package/dist/cjs/types/spec/switch/taro.d.ts +1 -4
  48. package/dist/cjs/types/spec/tabbar/base.d.ts +7 -4
  49. package/dist/es/packages/badge/badge.js +4 -3
  50. package/dist/es/packages/badge/style/badge.scss +4 -0
  51. package/dist/es/packages/badge/style/style.css +9 -6
  52. package/dist/es/packages/badge/style/style.harmony.css +3 -0
  53. package/dist/es/packages/configprovider/types.d.ts +1 -1
  54. package/dist/es/packages/datepicker/style/style.css +3 -0
  55. package/dist/es/packages/datepickerview/style/style.css +3 -0
  56. package/dist/es/packages/fixednav/style/style.css +9 -6
  57. package/dist/es/packages/indicator/indicator.js +1 -1
  58. package/dist/es/packages/lottie/index.js +3 -3
  59. package/dist/es/packages/lottie/{mp.js → lottiemp.js} +1 -1
  60. package/dist/es/packages/notify/notify.js +45 -14
  61. package/dist/es/packages/notify/style/notify.scss +39 -36
  62. package/dist/es/packages/notify/style/style.css +36 -31
  63. package/dist/es/packages/notify/style/style.harmony.css +36 -31
  64. package/dist/es/packages/picker/style/style.css +3 -0
  65. package/dist/es/packages/pickerview/pickerroller.js +7 -2
  66. package/dist/es/packages/pickerview/style/pickerview.scss +3 -0
  67. package/dist/es/packages/pickerview/style/style.css +3 -0
  68. package/dist/es/packages/pickerview/style/style.harmony.css +3 -0
  69. package/dist/es/packages/searchbar/searchbar.js +7 -2
  70. package/dist/es/packages/skeleton/skeleton.js +62 -52
  71. package/dist/es/packages/skeleton/style/index.js +0 -1
  72. package/dist/es/packages/skeleton/style/skeleton.scss +40 -46
  73. package/dist/es/packages/skeleton/style/style.css +32 -175
  74. package/dist/es/packages/skeleton/style/style.harmony.css +32 -42
  75. package/dist/es/packages/switch/style/style.css +5 -0
  76. package/dist/es/packages/switch/style/style.harmony.css +5 -0
  77. package/dist/es/packages/switch/style/switch.scss +5 -0
  78. package/dist/es/packages/switch/switch.js +21 -11
  79. package/dist/es/packages/tabbar/style/style.css +54 -45
  80. package/dist/es/packages/tabbar/style/style.harmony.css +24 -18
  81. package/dist/es/packages/tabbar/style/tabbar.scss +28 -19
  82. package/dist/es/packages/tabbar/tabbar.js +27 -10
  83. package/dist/es/packages/tabbaritem/style/style.css +30 -27
  84. package/dist/es/packages/tabbaritem/style/style.harmony.css +21 -21
  85. package/dist/es/packages/tabbaritem/style/tabbaritem.scss +32 -29
  86. package/dist/es/packages/tabbaritem/tabbaritem.js +38 -14
  87. package/dist/es/types/spec/badge/base.d.ts +4 -0
  88. package/dist/es/types/spec/indicator/base.d.ts +1 -1
  89. package/dist/es/types/spec/notify/base.d.ts +22 -5
  90. package/dist/es/types/spec/searchbar/taro.d.ts +10 -7
  91. package/dist/es/types/spec/skeleton/base.d.ts +19 -14
  92. package/dist/es/types/spec/switch/base.d.ts +6 -2
  93. package/dist/es/types/spec/switch/h5.d.ts +1 -1
  94. package/dist/es/types/spec/switch/taro.d.ts +1 -4
  95. package/dist/es/types/spec/tabbar/base.d.ts +7 -4
  96. package/dist/nutui.react.umd.js +422 -297
  97. package/dist/style.css +1 -1
  98. package/dist/style.scss +47 -47
  99. package/dist/styles/variables-jmapp.scss +23 -1
  100. package/dist/styles/variables-jrkf.scss +23 -1
  101. package/dist/styles/variables.scss +35 -37
  102. package/package.json +1 -1
  103. /package/dist/cjs/packages/lottie/{mp.d.ts → lottiemp.d.ts} +0 -0
  104. /package/dist/cjs/packages/lottie/{web.d.ts → lottieweb.d.ts} +0 -0
  105. /package/dist/cjs/packages/lottie/{web.js → lottieweb.js} +0 -0
  106. /package/dist/es/packages/lottie/{mp.d.ts → lottiemp.d.ts} +0 -0
  107. /package/dist/es/packages/lottie/{web.d.ts → lottieweb.d.ts} +0 -0
  108. /package/dist/es/packages/lottie/{web.js → lottieweb.js} +0 -0
@@ -1,6 +1,3 @@
1
- import { ITouchEvent } from '@tarojs/components';
2
1
  import { BaseSwitch } from './base';
3
- type UnionEvent = React.MouseEvent<Element, MouseEvent> | ITouchEvent;
4
- export interface TaroSwitchProps extends BaseSwitch<UnionEvent> {
2
+ export interface TaroSwitchProps extends BaseSwitch {
5
3
  }
6
- export {};
@@ -1,20 +1,23 @@
1
1
  import { ReactNode } from 'react';
2
- import { BaseProps } from '../../base/props';
2
+ import { BaseProps, Direction } from "../../../types";
3
3
  export interface BaseTabbar extends BaseProps {
4
4
  defaultValue: number;
5
5
  value?: number;
6
6
  fixed: boolean;
7
7
  inactiveColor: string;
8
8
  activeColor: string;
9
+ direction: Direction;
9
10
  safeArea: boolean;
10
11
  onSwitch: (value: number) => void;
11
12
  }
12
13
  export interface BaseTabbarItem extends BaseProps {
13
- title: ReactNode;
14
- icon: ReactNode;
15
- value: ReactNode;
14
+ title: ReactNode | ((active: boolean) => ReactNode);
15
+ icon: ReactNode | ((active: boolean) => ReactNode);
16
+ value: ReactNode | ((active: boolean) => ReactNode);
16
17
  dot: boolean;
17
18
  max: number;
18
19
  top: string;
19
20
  right: string;
21
+ direction: Direction;
22
+ onActiveClick: () => void;
20
23
  }
@@ -19,7 +19,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
19
19
  top: 0,
20
20
  right: 0,
21
21
  fill: 'solid',
22
- size: 'large'
22
+ size: 'large',
23
+ disabled: false
23
24
  });
24
25
  export var Badge = function(props) {
25
26
  var getContent = function getContent() {
@@ -40,14 +41,14 @@ export var Badge = function(props) {
40
41
  };
41
42
  var _this;
42
43
  var rtl = useRtl();
43
- var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
44
+ var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size, disabled = _$_object_spread.disabled;
44
45
  var classPrefix = 'nut-badge';
45
46
  var isHarmony = harmony();
46
47
  var classes = classNames(classPrefix, className);
47
48
  var badgeRef = useRef(null);
48
49
  var _useState = _sliced_to_array(useState({}), 2), contentStyle = _useState[0], setContentStyle = _useState[1];
49
50
  var _obj;
50
- var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix, "-one"), typeof getContent() === 'string' && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix, "-dot"), dot), _define_property(_obj, "".concat(classPrefix, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), _define_property(_obj, "".concat(classPrefix, "-content"), children), _obj));
51
+ var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix, "-one"), typeof getContent() === 'string' && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix, "-dot"), dot), _define_property(_obj, "".concat(classPrefix, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), _define_property(_obj, "".concat(classPrefix, "-content"), children), _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _obj));
51
52
  useEffect(function() {
52
53
  if (badgeRef.current) {
53
54
  getPositionStyle();
@@ -53,6 +53,10 @@
53
53
  z-index: 1;
54
54
  }
55
55
 
56
+ &-disabled {
57
+ background: $badge-background-disabled-color;
58
+ }
59
+
56
60
  &-number {
57
61
  font-family: 'JD';
58
62
  }
@@ -52,6 +52,9 @@
52
52
  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
53
53
  z-index: 1;
54
54
  }
55
+ .nut-badge-disabled {
56
+ background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
57
+ }
55
58
  .nut-badge-number {
56
59
  font-family: "JD";
57
60
  }
@@ -77,14 +80,14 @@
77
80
  height: var(--nutui-badge-dot-width, 6px);
78
81
  }
79
82
  .nut-badge-dot-small {
80
- min-width: var(--nutui-badge-dot-width, 4px);
81
- width: var(--nutui-badge-dot-width, 4px);
82
- height: var(--nutui-badge-dot-width, 4px);
83
+ min-width: var(--nutui-badge-dot-small-width, 4px);
84
+ width: var(--nutui-badge-dot-small-width, 4px);
85
+ height: var(--nutui-badge-dot-small-width, 4px);
83
86
  }
84
87
  .nut-badge-dot-large {
85
- min-width: var(--nutui-badge-dot-width, 8px);
86
- width: var(--nutui-badge-dot-width, 8px);
87
- height: var(--nutui-badge-dot-width, 8px);
88
+ min-width: var(--nutui-badge-dot-large-width, 8px);
89
+ width: var(--nutui-badge-dot-large-width, 8px);
90
+ height: var(--nutui-badge-dot-large-width, 8px);
88
91
  }
89
92
  .nut-badge-outline {
90
93
  background: #ffffff;
@@ -66,6 +66,9 @@
66
66
  background: #ff0f23;
67
67
  z-index: 1;
68
68
  }
69
+ .nut-badge-disabled {
70
+ background: #c2c4cc;
71
+ }
69
72
  .nut-badge-number {
70
73
  font-family: "JD";
71
74
  }
@@ -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' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiRateIconSize' | 'nutuiRateFontColor' | 'nutuiRateFontSize' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | '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' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverBorderColor' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | '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' | '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';
@@ -429,6 +429,9 @@
429
429
  z-index: 1;
430
430
  transform-style: preserve-3d;
431
431
  }
432
+ .nut-pickerview-roller-placeholder {
433
+ height: var(--nutui-picker-item-height, 36px);
434
+ }
432
435
  .nut-pickerview-roller-item {
433
436
  position: absolute;
434
437
  top: 0;
@@ -48,6 +48,9 @@
48
48
  z-index: 1;
49
49
  transform-style: preserve-3d;
50
50
  }
51
+ .nut-pickerview-roller-placeholder {
52
+ height: var(--nutui-picker-item-height, 36px);
53
+ }
51
54
  .nut-pickerview-roller-item {
52
55
  position: absolute;
53
56
  top: 0;
@@ -107,6 +107,9 @@
107
107
  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
108
108
  z-index: 1;
109
109
  }
110
+ .nut-badge-disabled {
111
+ background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
112
+ }
110
113
  .nut-badge-number {
111
114
  font-family: "JD";
112
115
  }
@@ -132,14 +135,14 @@
132
135
  height: var(--nutui-badge-dot-width, 6px);
133
136
  }
134
137
  .nut-badge-dot-small {
135
- min-width: var(--nutui-badge-dot-width, 4px);
136
- width: var(--nutui-badge-dot-width, 4px);
137
- height: var(--nutui-badge-dot-width, 4px);
138
+ min-width: var(--nutui-badge-dot-small-width, 4px);
139
+ width: var(--nutui-badge-dot-small-width, 4px);
140
+ height: var(--nutui-badge-dot-small-width, 4px);
138
141
  }
139
142
  .nut-badge-dot-large {
140
- min-width: var(--nutui-badge-dot-width, 8px);
141
- width: var(--nutui-badge-dot-width, 8px);
142
- height: var(--nutui-badge-dot-width, 8px);
143
+ min-width: var(--nutui-badge-dot-large-width, 8px);
144
+ width: var(--nutui-badge-dot-large-width, 8px);
145
+ height: var(--nutui-badge-dot-large-width, 8px);
143
146
  }
144
147
  .nut-badge-outline {
145
148
  background: #ffffff;
@@ -15,7 +15,7 @@ var defaultProps = {
15
15
  var classPrefix = "nut-indicator";
16
16
  export var Indicator = function(props) {
17
17
  var maybeFixedWidth = function maybeFixedWidth() {
18
- if (total === 2 || type === 'slide') {
18
+ if (type === 'dualScreen' || type === 'slide') {
19
19
  return "".concat(classPrefix, "-fixed-width");
20
20
  }
21
21
  return '';
@@ -1,10 +1,10 @@
1
- import { Lottie as LottieWeb } from "./web";
2
- import { Lottie as LottieMp } from "./mp";
1
+ import { Lottie as LottieWeb } from "./lottieweb";
2
+ import { Lottie as LottieMp } from "./lottiemp";
3
3
  var implementation;
4
4
  if (process.env.TARO_ENV === 'h5') {
5
5
  // @ts-ignore
6
6
  implementation = LottieWeb;
7
- } else if (process.env.TARO_ENV === 'weapp') {
7
+ } else if (process.env.TARO_ENV === 'weapp' || process.env.TARO_ENV === 'jd') {
8
8
  // @ts-ignore
9
9
  implementation = LottieMp;
10
10
  } else {
@@ -1,6 +1,6 @@
1
1
  import React, { useImperativeHandle, useRef } from "react";
2
2
  import { createSelectorQuery, getEnv, useReady, useUnload } from "@tarojs/taro";
3
- import lottie from "lottie-miniprogram";
3
+ import lottie from "@nutui/lottie-miniprogram";
4
4
  import { getWindowInfo } from "../../utils/get-system-info";
5
5
  import useUuid from "../../hooks/use-uuid";
6
6
  export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
@@ -2,31 +2,37 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
2
2
  import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
3
3
  import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
4
4
  import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
5
- import React, { useState, useEffect, useRef } from "react";
5
+ import React, { useState, useEffect, useMemo } from "react";
6
6
  import classNames from "classnames";
7
7
  import { CSSTransition } from "react-transition-group";
8
8
  import { View } from "@tarojs/components";
9
+ import { Close } from "@nutui/icons-react-taro";
10
+ import { web } from "../../utils/platform-taro";
11
+ import pxTransform from "../../utils/px-transform";
9
12
  import { ComponentDefaults } from "../../utils/typings";
10
13
  import { customEvents, useCustomEvent, useCustomEventsPath } from "../../hooks/use-custom-event";
11
14
  import { mergeProps } from "../../utils/merge-props";
12
15
  var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
13
16
  id: '',
14
- duration: 3000,
15
- type: 'danger',
17
+ distance: 8,
18
+ navHeight: 57,
16
19
  position: 'top',
17
20
  visible: false,
21
+ closeable: false,
22
+ leftIcon: null,
23
+ rightIcon: null,
24
+ duration: 3000,
18
25
  onClose: function() {},
19
26
  onClick: function() {}
20
27
  });
21
28
  var classPrefix = 'nut-notify';
22
29
  export var Notify = function(props) {
23
- var _mergeProps = mergeProps(defaultProps, props), id = _mergeProps.id, children = _mergeProps.children, style = _mergeProps.style, type = _mergeProps.type, className = _mergeProps.className, position = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
30
+ var _mergeProps = mergeProps(defaultProps, props), id = _mergeProps.id, style = _mergeProps.style, children = _mergeProps.children, distance = _mergeProps.distance, navHeight = _mergeProps.navHeight, closeable = _mergeProps.closeable, leftIcon = _mergeProps.leftIcon, rightIcon = _mergeProps.rightIcon, position = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, className = _mergeProps.className, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
24
31
  useCustomEvent(id, function(status) {
25
32
  status ? show() : hide();
26
33
  });
27
34
  var timer;
28
35
  var _useState = _sliced_to_array(useState(false), 2), showNotify = _useState[0], setShowNotify = _useState[1];
29
- var cssRef = useRef(null);
30
36
  useEffect(function() {
31
37
  if (visible) {
32
38
  show();
@@ -36,9 +42,6 @@ export var Notify = function(props) {
36
42
  }, [
37
43
  visible
38
44
  ]);
39
- var clickHandle = function() {
40
- onClick();
41
- };
42
45
  var show = function() {
43
46
  setShowNotify(true);
44
47
  clearTimer();
@@ -58,10 +61,29 @@ export var Notify = function(props) {
58
61
  setShowNotify(false);
59
62
  onClose();
60
63
  };
64
+ var getDistance = useMemo(function() {
65
+ if (position === 'top') {
66
+ return {
67
+ top: pxTransform(web() ? Number(distance) + navHeight : Number(distance))
68
+ };
69
+ }
70
+ return {
71
+ bottom: pxTransform(Number(distance))
72
+ };
73
+ }, [
74
+ distance,
75
+ position
76
+ ]);
61
77
  var _obj;
62
- var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-popup-top"), position === 'top'), _define_property(_obj, "".concat(classPrefix, "-popup-bottom"), position === 'bottom'), _define_property(_obj, "".concat(classPrefix), true), _define_property(_obj, "".concat(classPrefix, "-").concat(type), true), _obj));
78
+ var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix), true), _define_property(_obj, "".concat(className), true), _obj));
79
+ var handleClick = function() {
80
+ onClick === null || onClick === void 0 ? void 0 : onClick();
81
+ };
82
+ var handleClickIcon = function() {
83
+ hide();
84
+ };
85
+ var _obj1;
63
86
  return /*#__PURE__*/ React.createElement(CSSTransition, {
64
- nodeRef: cssRef,
65
87
  in: showNotify,
66
88
  timeout: 300,
67
89
  classNames: "fade",
@@ -70,10 +92,19 @@ export var Notify = function(props) {
70
92
  position: position,
71
93
  id: id
72
94
  }, /*#__PURE__*/ React.createElement(View, {
73
- className: "".concat(classes, " ").concat(className),
74
- style: style,
75
- onClick: clickHandle
76
- }, children));
95
+ className: classes,
96
+ style: _object_spread({}, style, getDistance),
97
+ onClick: handleClick
98
+ }, leftIcon ? /*#__PURE__*/ React.createElement(View, {
99
+ className: "".concat(classPrefix, "-left-icon")
100
+ }, leftIcon) : null, /*#__PURE__*/ React.createElement(View, {
101
+ className: classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-content"), true), _define_property(_obj1, "".concat(classPrefix, "-ellipsis"), closeable || rightIcon), _define_property(_obj1, "".concat(classPrefix, "-layout-left"), leftIcon || rightIcon), _obj1))
102
+ }, children), rightIcon || closeable ? /*#__PURE__*/ React.createElement(View, {
103
+ className: "".concat(classPrefix, "-right-icon"),
104
+ onClick: handleClickIcon
105
+ }, rightIcon || (closeable ? /*#__PURE__*/ React.createElement(Close, {
106
+ size: 12
107
+ }) : null)) : null));
77
108
  };
78
109
  export function open(selector) {
79
110
  // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -6,7 +6,7 @@
6
6
  /*入场动画过程*/
7
7
  .fade-enter-active {
8
8
  opacity: 1;
9
- transition: opacity 1s;
9
+ transition: opacity 300ms ease-in;
10
10
  }
11
11
 
12
12
  /*入场动画结束*/
@@ -22,7 +22,7 @@
22
22
  /*离场动画过程*/
23
23
  .fade-exit-active {
24
24
  opacity: 0;
25
- transition: opacity 1s;
25
+ transition: opacity 300ms ease-out;
26
26
  }
27
27
 
28
28
  /*离场动画结束*/
@@ -38,56 +38,59 @@
38
38
  /*页面第一次加载时的动画过程*/
39
39
  .fade-appear-active {
40
40
  opacity: 1;
41
- transition: opacity 1s;
41
+ transition: opacity 300ms;
42
42
  }
43
43
 
44
44
  .nut-notify {
45
+ position: fixed;
46
+ left: 8px;
47
+ right: 8px;
48
+ z-index: $notify-z-index;
45
49
  display: flex;
46
- justify-content: center;
47
50
  align-items: center;
48
51
  box-sizing: border-box;
49
- padding: $notify-padding;
50
- color: $notify-text-color;
51
- font-size: $notify-font-size;
52
- white-space: pre-wrap;
53
- word-wrap: break-word;
54
52
  height: $notify-height;
55
-
56
- &-popup-top,
57
- &-popup-bottom {
58
- position: fixed;
59
- left: 0;
60
- right: 0;
61
- overflow-y: auto;
62
- transition: transform 0.3s;
63
- z-index: 9999;
64
- }
65
-
66
- &-popup-top {
67
- top: 0;
68
- }
69
-
70
- &-popup-bottom {
71
- bottom: 0;
53
+ padding: $notify-padding;
54
+ border-radius: $notify-border-radius;
55
+ box-shadow: $notify-box-shadow;
56
+ background-color: $notify-background-color;
57
+
58
+ &-content {
59
+ flex: 1;
60
+ text-align: center;
61
+ min-width: 0;
62
+ font-size: $notify-font-size;
63
+ color: $notify-text-color;
64
+ white-space: nowrap;
65
+ overflow: hidden;
72
66
  }
73
67
 
74
- &-base {
75
- background: $notify-base-background-color;
68
+ &-ellipsis {
69
+ text-overflow: ellipsis;
76
70
  }
77
71
 
78
- &-primary {
79
- background: $notify-primary-background-color;
72
+ &-layout-left {
73
+ text-align: left;
80
74
  }
81
75
 
82
- &-success {
83
- background: $notify-success-background-color;
76
+ &-left-icon,
77
+ &-right-icon {
78
+ display: inline-flex;
84
79
  }
85
80
 
86
- &-danger {
87
- background: $notify-danger-background-color;
81
+ &-left-icon {
82
+ margin-right: 6px;
83
+ .nut-icon {
84
+ height: 16px;
85
+ width: 16px;
86
+ }
88
87
  }
89
88
 
90
- &-warning {
91
- background: $notify-warning-background-color;
89
+ &-right-icon {
90
+ margin-left: 6px;
91
+ .nut-icon {
92
+ height: 12px;
93
+ width: 12px;
94
+ }
92
95
  }
93
96
  }