@nutui/nutui-react 3.0.0-beta.6 → 3.0.0-beta.8

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 (88) hide show
  1. package/README.md +39 -9
  2. package/dist/cjs/packages/address/style/style.css +56 -89
  3. package/dist/cjs/packages/animate/style/animate.scss +0 -3
  4. package/dist/cjs/packages/animate/style/style.css +0 -3
  5. package/dist/cjs/packages/animatingnumbers/style/style.css +1 -1
  6. package/dist/cjs/packages/backtop/backtop.d.ts +2 -2
  7. package/dist/cjs/packages/backtop/backtop.js +14 -21
  8. package/dist/cjs/packages/backtop/style/backtop.scss +8 -17
  9. package/dist/cjs/packages/backtop/style/style.css +8 -14
  10. package/dist/cjs/packages/badge/badge.d.ts +2 -12
  11. package/dist/cjs/packages/badge/badge.js +12 -23
  12. package/dist/cjs/packages/badge/index.d.ts +1 -1
  13. package/dist/cjs/packages/badge/style/badge.scss +61 -34
  14. package/dist/cjs/packages/badge/style/style.css +63 -40
  15. package/dist/cjs/packages/badge/types.d.ts +12 -0
  16. package/dist/cjs/packages/badge/types.js +4 -0
  17. package/dist/cjs/packages/cascader/style/style.css +49 -85
  18. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  19. package/dist/cjs/packages/countdown/style/countdown.scss +21 -2
  20. package/dist/cjs/packages/countdown/style/style.css +20 -2
  21. package/dist/cjs/packages/countup/style/countup.scss +1 -1
  22. package/dist/cjs/packages/countup/style/style.css +1 -1
  23. package/dist/cjs/packages/elevator/style/elevator.scss +7 -4
  24. package/dist/cjs/packages/elevator/style/style.css +7 -4
  25. package/dist/cjs/packages/hoverbutton/style/style.css +3 -3
  26. package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +3 -3
  27. package/dist/cjs/packages/hoverbuttonitem/style/style.css +3 -3
  28. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +19 -16
  29. package/dist/cjs/packages/inputnumber/style/style.css +21 -19
  30. package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  31. package/dist/cjs/packages/numberkeyboard/style/style.css +12 -0
  32. package/dist/cjs/packages/popover/style/popover.scss +16 -11
  33. package/dist/cjs/packages/popover/style/style.css +14 -2
  34. package/dist/cjs/packages/tabbar/style/style.css +63 -40
  35. package/dist/cjs/packages/tabbaritem/style/style.css +63 -40
  36. package/dist/cjs/packages/tabs/style/style.css +49 -85
  37. package/dist/cjs/packages/tabs/style/tabs.scss +68 -106
  38. package/dist/cjs/packages/tour/style/style.css +14 -2
  39. package/dist/cjs/packages/video/video.d.ts +6 -2
  40. package/dist/cjs/packages/video/video.js +16 -2
  41. package/dist/es/packages/address/style/style.css +56 -89
  42. package/dist/es/packages/animate/style/animate.scss +0 -3
  43. package/dist/es/packages/animate/style/style.css +0 -3
  44. package/dist/es/packages/animatingnumbers/style/style.css +1 -1
  45. package/dist/es/packages/backtop/backtop.d.ts +2 -2
  46. package/dist/es/packages/backtop/backtop.js +15 -22
  47. package/dist/es/packages/backtop/style/backtop.scss +8 -17
  48. package/dist/es/packages/backtop/style/style.css +8 -14
  49. package/dist/es/packages/badge/badge.d.ts +2 -12
  50. package/dist/es/packages/badge/badge.js +12 -23
  51. package/dist/es/packages/badge/index.d.ts +1 -1
  52. package/dist/es/packages/badge/style/badge.scss +61 -34
  53. package/dist/es/packages/badge/style/style.css +63 -40
  54. package/dist/es/packages/badge/types.d.ts +12 -0
  55. package/dist/es/packages/badge/types.js +1 -0
  56. package/dist/es/packages/cascader/style/style.css +49 -85
  57. package/dist/es/packages/configprovider/types.d.ts +1 -1
  58. package/dist/es/packages/countdown/style/countdown.scss +21 -2
  59. package/dist/es/packages/countdown/style/style.css +20 -2
  60. package/dist/es/packages/countup/style/countup.scss +1 -1
  61. package/dist/es/packages/countup/style/style.css +1 -1
  62. package/dist/es/packages/elevator/style/elevator.scss +7 -4
  63. package/dist/es/packages/elevator/style/style.css +7 -4
  64. package/dist/es/packages/hoverbutton/style/style.css +3 -3
  65. package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +3 -3
  66. package/dist/es/packages/hoverbuttonitem/style/style.css +3 -3
  67. package/dist/es/packages/inputnumber/style/inputnumber.scss +19 -16
  68. package/dist/es/packages/inputnumber/style/style.css +21 -19
  69. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +10 -50
  70. package/dist/es/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  71. package/dist/es/packages/numberkeyboard/style/style.css +12 -0
  72. package/dist/es/packages/popover/style/popover.scss +16 -11
  73. package/dist/es/packages/popover/style/style.css +14 -2
  74. package/dist/es/packages/tabbar/style/style.css +63 -40
  75. package/dist/es/packages/tabbaritem/style/style.css +63 -40
  76. package/dist/es/packages/tabpane/tabpane.d.ts +3 -15
  77. package/dist/es/packages/tabs/style/style.css +49 -85
  78. package/dist/es/packages/tabs/style/tabs.scss +68 -106
  79. package/dist/es/packages/tabs/tabs.d.ts +12 -60
  80. package/dist/es/packages/tour/style/style.css +14 -2
  81. package/dist/es/packages/video/video.d.ts +6 -2
  82. package/dist/es/packages/video/video.js +16 -2
  83. package/dist/nutui.react.umd.js +167 -185
  84. package/dist/style.css +1 -1
  85. package/dist/styles/theme-dark.scss +2 -0
  86. package/dist/styles/theme-default.scss +2 -0
  87. package/dist/styles/variables.scss +36 -29
  88. package/package.json +2 -2
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root,page{--nutui-brand-1: #ffebf1;--nutui-brand-2: #ffd6e1;--nutui-brand-3: #ffadbe;--nutui-brand-4: #ff8595;--nutui-brand-5: #ff5c67;--nutui-brand-6: #ff0f23;--nutui-brand-7: #e53029;--nutui-brand-8: #cc2c21;--nutui-brand-9: #992412;--nutui-brand-10: #661b08;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #ff0f23;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-2: #ff0f23;--nutui-red-6: #ff3333;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #ffffff;--nutui-gray-2: #f7f8fc;--nutui-gray-3: #f5f6fa;--nutui-gray-4: #c2c4cc;--nutui-gray-5: #888b94;--nutui-gray-6: #505259;--nutui-gray-7: #1a1a1a;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .05);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}:root,page{--nutui-brand-1: #403635;--nutui-brand-2: #665452;--nutui-brand-3: #99706b;--nutui-brand-4: #cc5f52;--nutui-brand-5: #f2503d;--nutui-brand-6: #fa3725;--nutui-brand-7: #f24130;--nutui-brand-8: #e55446;--nutui-brand-9: #f26e61;--nutui-brand-10: #e5928a;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #fa3725;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-2: #ff0f23;--nutui-red-6: #ff3b3b;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #1f1f1f;--nutui-gray-2: #141414;--nutui-gray-3: #0a0a0a;--nutui-gray-4: #666666;--nutui-gray-5: #818181;--nutui-gray-6: #999999;--nutui-gray-7: #e6e6e6;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(255, 255, 255, 0);--nutui-black-2: rgba(0, 0, 0, .2);--nutui-black-3: rgba(20, 20, 20, .06);--nutui-black-4: rgba(20, 20, 20, .1);--nutui-black-5: rgba(20, 20, 20, .2);--nutui-black-6: rgba(20, 20, 20, .3);--nutui-black-7: rgba(20, 20, 20, .4);--nutui-black-8: rgba(20, 20, 20, .5);--nutui-black-9: rgba(20, 20, 20, .6);--nutui-black-10: rgba(20, 20, 20, .7);--nutui-black-11: rgba(20, 20, 20, .8);--nutui-black-12: rgba(20, 20, 20, .9);--nutui-black-13: rgba(20, 20, 20, 1);--nutui-white-1: rgba(31, 31, 31, 0);--nutui-white-7: rgba(31, 31, 31, .4);--nutui-white-8: rgba(31, 31, 31, .5);--nutui-white-12: rgba(31, 31, 31, .9);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}@font-face{font-family:JD;src:url(data:font/ttf;charset=utf-8;base64,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) format("truetype");font-weight:400;font-style:normal;font-display:swap}
1
+ :root,page{--nutui-brand-1: #ffebf1;--nutui-brand-2: #ffd6e1;--nutui-brand-3: #ffadbe;--nutui-brand-4: #ff8595;--nutui-brand-5: #ff5c67;--nutui-brand-6: #ff0f23;--nutui-brand-7: #e53029;--nutui-brand-8: #cc2c21;--nutui-brand-9: #992412;--nutui-brand-10: #661b08;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #ff0f23;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-color-primary-specialdisabled: var(--nutui-red-3);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-3: #ffadbe;--nutui-red-2: #ff0f23;--nutui-red-6: #ff3333;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #ffffff;--nutui-gray-2: #f7f8fc;--nutui-gray-3: #f5f6fa;--nutui-gray-4: #c2c4cc;--nutui-gray-5: #888b94;--nutui-gray-6: #505259;--nutui-gray-7: #1a1a1a;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .05);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}:root,page{--nutui-brand-1: #403635;--nutui-brand-2: #665452;--nutui-brand-3: #99706b;--nutui-brand-4: #cc5f52;--nutui-brand-5: #f2503d;--nutui-brand-6: #fa3725;--nutui-brand-7: #f24130;--nutui-brand-8: #e55446;--nutui-brand-9: #f26e61;--nutui-brand-10: #e5928a;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #fa3725;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-color-primary-specialdisabled: var(--nutui-red-3);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-2: #ff0f23;--nutui-red-3: #ffadbe;--nutui-red-6: #ff3b3b;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #1f1f1f;--nutui-gray-2: #141414;--nutui-gray-3: #0a0a0a;--nutui-gray-4: #666666;--nutui-gray-5: #818181;--nutui-gray-6: #999999;--nutui-gray-7: #e6e6e6;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(255, 255, 255, 0);--nutui-black-2: rgba(0, 0, 0, .2);--nutui-black-3: rgba(20, 20, 20, .06);--nutui-black-4: rgba(20, 20, 20, .1);--nutui-black-5: rgba(20, 20, 20, .2);--nutui-black-6: rgba(20, 20, 20, .3);--nutui-black-7: rgba(20, 20, 20, .4);--nutui-black-8: rgba(20, 20, 20, .5);--nutui-black-9: rgba(20, 20, 20, .6);--nutui-black-10: rgba(20, 20, 20, .7);--nutui-black-11: rgba(20, 20, 20, .8);--nutui-black-12: rgba(20, 20, 20, .9);--nutui-black-13: rgba(20, 20, 20, 1);--nutui-white-1: rgba(31, 31, 31, 0);--nutui-white-7: rgba(31, 31, 31, .4);--nutui-white-8: rgba(31, 31, 31, .5);--nutui-white-12: rgba(31, 31, 31, .9);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}@font-face{font-family:JD;src:url(data:font/ttf;charset=utf-8;base64,AAEAAAAMAIAAAwBAR0RFRgATAA4AAAtkAAAAFk9TLzJvL3A9AAAGLAAAAGBjbWFwAF0AbwAABowAAAA8Z2FzcP//AAMAAAtcAAAACGdseWarNFnTAAAAzAAABJhoZWFkLNdRDQAABaQAAAA2aGhlYQ47BogAAAYIAAAAJGhtdHgX6gLYAAAF3AAAACpsb2NhCEsHiQAABYQAAAAebWF4cABaAEwAAAVkAAAAIG5hbWVqIjVqAAAGyAAABFFwb3N0/8AA2wAACxwAAAA+AAoAvv5mA0gGZgADAA4AEgAeACQALgA0AEAARABIAAABESEREyE1IzczNSEVMwc1ITUhNSE1IxUzNTMVIzUjNSE1IxUhNTM1MzUhFTMVIzUhNSM1IzUhNSM1MzUhFTMVIxM1MxUDNTMVA0j9dpgBVNGPQv6sj48BVP6sAVTNRkPMRAFURP7wzYf+rIeHAVSHzQFUh4f+roWHRMzMQwZm+AAIAPiOQ2FDQ2HT6Hvncy9gpC3Nhy+PRERMx0aPNURMQ0NM+wBgYAP4SUkAAAIAWP9CBLoGPwAXADUAAAEyHgMQDgMiLgM1ND4FARQSHgQyPgQSNTQCLgQiDgQCAok2XmNFLS1FY15sXmFFLAgWIjlIZ/4NKUNfYnNfZGBzYl9CKSlCX2J0X2Rfc2JfQykFdyFelf3+tv2VXSEhXZX9pUmEjndtSyz9SqH+9raLUDIRETJQi7YBCqGiAQq2ilAyEBAyUIq2/vYAAAEANf9YApMGKQAGAAAFIxEFNSUzApPX/nkBc+uoBfD07ucAAAEAhf9YBI8GPwAfAAAFITUBPgM1NCYjIgYHBgcnNiQzMh4BFRQOAgcBIQSP+/YCVhk8RS2yfVuWJBMMuCgBErKJ6YhDZjwX/j0C4aiaAsIbUHCCN3yzY08rSmqp3IboiVrBm08Y/ewAAQCJ/z8EqgYnAB0AAAEeAhUUDgIjIiQnNx4BMzI2ECYjIgcnASE1IRUCno/xjFiWz3Kg/vNFsCquapTQ0JR2YZACIf2eA3MDmAiY+pFxz5VZrIxkXnPPASjOSo8CVr29AAACAET/WASyBikAAgANAAABEQEHNQEzETMVIxEjEQMX/ij7ArL2xsbVAaADLfzTv6AEqPt3v/53AYkAAQCF/z8EpgYnAB8AAAEyHgIUDgIjIiQnNx4BMzI2ECYjIgYHJxMhFSEDNgJ3cc+WWVmWz3Gg/vRGsCuvaJTQ0JRRjjCyYwND/XM1bgO2W5jU6NSZW6uNZF5z2QEw2UU9ZwNWvf4dLwACAGr/PwSoBicACQAfAAAlMjYQJiMiBhAWATQ3Njc2ADczBgE2MzIeARAOASAuAQKJjcnJjYzIyP5tDRtJGQFtXeRr/ttEM5P6kpL6/tr6kgrHARrHx/7mxwFULUaGiC4CcqjB/gkOkvr+2vqSkvoAAQCR/1YEgwYnAAYAAAUjASE1IRUCP9cCNvzzA/KqBhS9lgAAAwBa/zcExwZIAAkAJAAwAAAlMjYQJiMiBhAWATQ2Ny4BNTQAMzIeARUUBgceARUUBgQjIiQmARQWMzI2NTQmIyIGAo+X1NSXldXV/mCGdFNdASHKheOEXVFzh5j++pqZ/vyYAReodninqHd2qATEARTExP7sxAFOiOtLQbpqwAETftd+abpCS+yHkviRkfgDtW2bm21smpoAAAIAav9YBKgGPwALACIAAAEUFjMyNjU0JiMiBgc0PgEgHgEVFAcGBwYAByM2AQYjIi4BATXJi43JyY2MyMuS+gEm+pIMGEsZ/pNd5QcBiEE2k/qSBCGLyciMjcnJjZT6kJD6lDU+hIgu/YyoDQKrDpL6AAEAAAAOAEkACgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAABmAGYAZgBmALQAxgD6ASsBSAF8AbQBxgITAkwAAAABAAAAAgAANkPQ7F8PPPUACwgAAAAAAOJ97a8AAAAA42oZlQA1/mYHmgZmAAAACAACAAAAAAAABAAAvgAAAAACqgAAAZkAAAUUAFgDdgA1BRQAhQCJAEQAhQBqAJEAWgBqAAAAAQAABmb+ZgA5CBoAAAAAB5oAAQAAAAAAAAAAAAAAAAAAAAcABATBAZAABQAABTMEzQAAAJoFMwTNAAACzQA9Ao8AAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAVUtXTgDAACAAOf5mAAAAOQZmAZoAAAABAAAAAAQpBkIAAAAgAAEAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACAAOf//AAAAIAAw////4//UAAEAAAAAAAAAAAAdAWIAAQAAAAAAAAAyAAAAAQAAAAAAAQAfADIAAQAAAAAAAgAHAFEAAQAAAAAAAwAhAFgAAQAAAAAABAAXAHkAAQAAAAAABQAhAJAAAQAAAAAABgAWALEAAQAAAAAACAAJAMcAAQAAAAAACQAAANAAAQAAAAAAEAAPANAAAQAAAAAAEQAHAFEAAwABBAkAAABkAN8AAwABBAkAAQA+AUMAAwABBAkAAgAOAYEAAwABBAkAAwBCAY8AAwABBAkABAAuAdEAAwABBAkABQBCAf8AAwABBAkABgAsAkEAAwABBAkACAASAm0AAwABBAkACQAEAn8AAwABBAkAEAAeAoMAAwABBAkAEQAOAYEAAwABCAQAAABkAN8AAwABCAQAAQA+AUMAAwABCAQAAgAOAYEAAwABCAQABAAuAdEAAwABCAQABwBOAqEAAwABCAQAEAAeAoMAAwABCAQAEQAOAYFDb3B5cmlnaHQoYykgIEJFSUpJTkcgSklOR0RPTkcgVEVDSE5PTE9HWSBDTy4sIExUREpEWmhlbmdIZWkgVjIuMCBKRFpoZW5nSGVpIFYyLjBSZWd1bGFyMi4wMDA7VUtXTjtKRFpoZW5nSGVpVjIuMC1SZWd1bGFySkRaaGVuZ0hlaSBWMi4wIFJlZ3VsYXJWZXJzaW9uIDIuMDAwO0dseXBocyAzLjEuMSAoMzEzNSlKRFpoZW5nSGVpVjIuMC1SZWd1bGFyTmV3IFZhbHVlSkRaaGVuZ0hlaSBWMi4wAEMAbwBwAHkAcgBpAGcAaAB0ACgAYwApACAAIABCAEUASQBKAEkATgBHACAASgBJAE4ARwBEAE8ATgBHACAAVABFAEMASABOAE8ATABPAEcAWQAgAEMATwAuACwAIABMAFQARABKAEQAWgBoAGUAbgBnAEgAZQBpACAAVgAyAC4AMAAgAEoARABaAGgAZQBuAGcASABlAGkAIABWADIALgAwAFIAZQBnAHUAbABhAHIAMgAuADAAMAAwADsAVQBLAFcATgA7AEoARABaAGgAZQBuAGcASABlAGkAVgAyAC4AMAAtAFIAZQBnAHUAbABhAHIASgBEAFoAaABlAG4AZwBIAGUAaQAgAFYAMgAuADAAIABSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAyAC4AMAAwADAAOwBHAGwAeQBwAGgAcwAgADMALgAxAC4AMQAgACgAMwAxADMANQApAEoARABaAGgAZQBuAGcASABlAGkAVgAyAC4AMAAtAFIAZQBnAHUAbABhAHIATgBlAHcAIABWAGEAbAB1AGWWdnQ8AEoARABaAGgAZQBuAGcASABlAGkAIABWADIALgAwAEIAeQAgAEIARQBJAEoASQBOAEcAIABKAEkATgBHAEQATwBOAEcAIABUAEUAQwBIAE4ATwBMAE8ARwBZACAAQwBPAC4ALAAgAEwAVABEAAAAAAIAAAAAAAD/NABmAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAEAAgADABMAFAAVABYAFwAYABkAGgAbABwAAAAAAAH//wACAAEAAAAMAAAAAAAAAAIAAQADAA0AAQAA) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@@ -34,6 +34,7 @@ page {
34
34
  --nutui-color-primary-disabled-special: var(--nutui-brand-3);
35
35
  // 品牌主色调镂空背景点击态
36
36
  --nutui-color-primary-light-pressed: var(--nutui-brand-1);
37
+ --nutui-color-primary-specialdisabled: var(--nutui-red-3);
37
38
 
38
39
  // service color
39
40
  --nutui-golden-1: #fff2e0;
@@ -65,6 +66,7 @@ page {
65
66
  // danger color
66
67
  --nutui-red-1: #ffebef;
67
68
  --nutui-red-2: #ff0f23;
69
+ --nutui-red-3: #ffadbe;
68
70
  --nutui-red-6: #ff3b3b;
69
71
 
70
72
  // danger color 语义化
@@ -33,6 +33,7 @@ page {
33
33
  --nutui-color-primary-disabled-special: var(--nutui-brand-3);
34
34
  // 品牌主色调镂空背景点击态
35
35
  --nutui-color-primary-light-pressed: var(--nutui-brand-1);
36
+ --nutui-color-primary-specialdisabled: var(--nutui-red-3);
36
37
 
37
38
  // service color
38
39
  --nutui-golden-1: #fff2e0;
@@ -63,6 +64,7 @@ page {
63
64
 
64
65
  // danger color
65
66
  --nutui-red-1: #ffebef;
67
+ --nutui-red-3: #ffadbe;
66
68
  --nutui-red-2: #ff0f23;
67
69
  --nutui-red-6: #ff3333;
68
70
 
@@ -20,6 +20,10 @@ $color-primary-gradient-1: linear-gradient(
20
20
  ) !default;
21
21
  $color-primary-icon: var(--nutui-red-6, #ff3333) !default;
22
22
  $color-primary-icon-disabled: var(--nutui-gray-8, #dadce0) !default;
23
+ $color-primary-specialdisabled: var(
24
+ --nutui-color-primary-specialdisabled,
25
+ #ffadbe
26
+ ) !default;
23
27
 
24
28
  // 默认色
25
29
  $color-default: var(--nutui-color-default) !default;
@@ -614,8 +618,8 @@ $textarea-disabled-color: var(
614
618
  ) !default;
615
619
 
616
620
  // inputnumber(✅)
617
- $inputnumber-input-width: var(--nutui-inputnumber-input-width, 60px) !default;
618
- $inputnumber-input-height: var(--nutui-inputnumber-input-height, 24px) !default;
621
+ $inputnumber-input-width: var(--nutui-inputnumber-input-width, 26px) !default;
622
+ $inputnumber-input-height: var(--nutui-inputnumber-input-height, 20px) !default;
619
623
  $inputnumber-input-background-color: var(
620
624
  --nutui-inputnumber-input-background-color,
621
625
  $color-background
@@ -626,22 +630,18 @@ $inputnumber-input-font-color: var(
626
630
  ) !default;
627
631
  $inputnumber-input-font-size: var(
628
632
  --nutui-inputnumber-input-font-size,
629
- 14px
633
+ $font-size-s
630
634
  ) !default;
631
635
  $inputnumber-input-border: var(--nutui-inputnumber-input-border, 0) !default;
632
636
  $inputnumber-input-border-radius: var(
633
637
  --nutui-inputnumber-input-border-radius,
634
- 6px
638
+ 4px
635
639
  ) !default;
636
- $inputnumber-input-margin: var(--nutui-inputnumber-input-margin, 0) !default;
637
- $inputnumber-button-width: var(--nutui-inputnumber-button-width, 14px) !default;
640
+ $inputnumber-input-margin: var(--nutui-inputnumber-input-margin, 0px) !default;
641
+ $inputnumber-button-width: var(--nutui-inputnumber-button-width, 20px) !default;
638
642
  $inputnumber-button-height: var(
639
643
  --nutui-inputnumber-button-height,
640
- 24px
641
- ) !default;
642
- $inputnumber-button-border-radius: var(
643
- --nutui-inputnumber-button-border-radius,
644
- 16px
644
+ 20px
645
645
  ) !default;
646
646
  $inputnumber-button-background-color: var(
647
647
  --nutui-inputnumber-button-background-color,
@@ -803,7 +803,7 @@ $countdown-number-background-color: var(
803
803
  ) !default;
804
804
  $countdown-number-border-color: var(
805
805
  --nutui-countdown-number-border-color,
806
- $color-primary-light-pressed
806
+ $color-primary-specialdisabled
807
807
  ) !default;
808
808
  $countdown-number-primary-color: var(
809
809
  --nutui-countdown-number-primary-color,
@@ -960,12 +960,6 @@ $tour-content-bottom-btn-border-radius: var(
960
960
  4px
961
961
  ) !default;
962
962
 
963
- //backtop(✅)
964
- $backtop-border-color: var(
965
- --nutui-backtop-border-color,
966
- $color-border
967
- ) !default;
968
-
969
963
  // calendar(✅)
970
964
  $calendar-active-background-color: var(
971
965
  --nutui-calendar-active-background-color,
@@ -1025,6 +1019,7 @@ $hoverbutton-position-right: var(
1025
1019
  --nutui-hoverbutton-position-right,
1026
1020
  $spacing-base
1027
1021
  ) !default;
1022
+ $hoverbutton-item-size: var(--nutui-hoverbutton-item-size, 40px) !default;
1028
1023
  $hoverbutton-item-border-color: var(
1029
1024
  --nutui-hoverbutton-item-border-color,
1030
1025
  rgba(0, 0, 0, 0.12)
@@ -1602,31 +1597,38 @@ $tag-mark-border-radius: var(
1602
1597
  $badge-height: var(--nutui-badge-height, 14px) !default;
1603
1598
  $badge-background-color: var(
1604
1599
  --nutui-badge-background-color,
1605
- $color-primary-gradient-1
1600
+ $color-primary
1606
1601
  ) !default;
1607
- $badge-color: var(--nutui-badge-color, #fff) !default;
1602
+ $badge-color: var(--nutui-badge-color, $color-primary-text) !default;
1608
1603
  $badge-font-size: var(--nutui-badge-font-size, $font-size-xxs) !default;
1609
1604
  $badge-border: var(
1610
1605
  --nutui-badge-border,
1611
- 0px solid $color-primary-text
1606
+ 1px solid $color-primary-text
1612
1607
  ) !default;
1613
1608
  $badge-border-radius: var(--nutui-badge-border-radius, $badge-height) !default;
1614
- $badge-min-width: var(--nutui-badge-min-width, 5px) !default;
1615
- $badge-padding: var(--nutui-badge-padding, 0 4px) !default;
1616
- $badge-icon-padding: var(--nutui-badge-icon-padding, 3px) !default;
1617
- $badge-icon-size: var(--nutui-badge-icon-size, 12px) !default;
1609
+ $badge-min-width: var(--nutui-badge-min-width, 6px) !default;
1610
+ $badge-padding: var(--nutui-badge-padding, 1px 4px) !default;
1611
+ $badge-icon-padding: var(--nutui-badge-icon-padding, 2px) !default;
1612
+ $badge-icon-size: var(--nutui-badge-icon-size, 10px) !default;
1618
1613
  $badge-content-transform: var(
1619
1614
  --nutui-badge-content-transform,
1620
- translateX(100%)
1615
+ translate(50%, -50%)
1621
1616
  ) !default;
1622
1617
  $badge-z-index: var(--nutui-badge-z-index, 1) !default;
1623
- $badge-dot-width: var(--nutui-badge-dot-width, 7px) !default;
1624
- $badge-dot-border: var(--nutui-badge-dot-border, 0px solid $color-primary-text);
1618
+ $badge-dot-width: var(--nutui-badge-dot-width, 6px) !default;
1619
+ $badge-dot-small-width: var(--nutui-badge-dot-width, 4px) !default;
1620
+ $badge-dot-large-width: var(--nutui-badge-dot-width, 8px) !default;
1621
+ $badge-dot-border: var(--nutui-badge-dot-border, 1px solid $color-primary-text);
1622
+ $badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
1623
+ $badge-outline-border: var(
1624
+ --nutui-badge-outline-border,
1625
+ 1px solid $color-primary
1626
+ );
1625
1627
 
1626
1628
  //popover(✅)
1627
1629
  $popover-border-radius: var(--nutui-popover-border-radius, 8px) !default;
1628
- $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
1629
1630
  $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
1631
+ $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
1630
1632
  $popover-content-background-color: var(
1631
1633
  --nutui-popover-content-background-color,
1632
1634
  #ffffff
@@ -1652,6 +1654,7 @@ $popover-menu-item-padding: var(
1652
1654
  --nutui-popover-menu-item-padding,
1653
1655
  8px
1654
1656
  ) !default;
1657
+ $popover-menu-item-width: var(--nutui-popover-menu-item-width, 160px) !default;
1655
1658
 
1656
1659
  //progress(✅)
1657
1660
  $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -2422,6 +2425,10 @@ $countup-border-radius: var(--nutui-countup-border-radius, 4px) !default;
2422
2425
  $countup-lr-margin: var(--nutui-countup-lr-margin, 0) !default;
2423
2426
  $countup-bg-color: var(--nutui-countup-bg-color, inherit) !default;
2424
2427
  $countup-color: var(--nutui-countup-color, $color-title) !default;
2428
+ $countup-separator-color: var(
2429
+ --nutui-countup-separator-color,
2430
+ $color-title
2431
+ ) !default;
2425
2432
 
2426
2433
  // layout(✅)
2427
2434
  $row-content-color: var(--nutui-row-content-color, #fff) !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "3.0.0-beta.6",
3
+ "version": "3.0.0-beta.8",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/es/packages/nutui.react.build.js",
@@ -53,7 +53,7 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@babel/runtime": "^7.23.9",
56
- "@nutui/icons-react": "^1.0.5",
56
+ "@nutui/icons-react": "^2.0.1",
57
57
  "@nutui/jdesign-icons-react-taro": "1.0.6-beta.2",
58
58
  "@nutui/touch-emulator": "^1.0.0",
59
59
  "@react-spring/web": "~9.6.1",