@nutui/nutui-react 3.0.0-beta.7 → 3.0.0-beta.9

package/dist/styles/variables.scss

@@ -1,29 +1,20 @@
 // ----------------------------------------------------
 // 主色调 // done
-$color-primary: var(--nutui-color-primary, #ff0f23) !default;
+$color-primary: var(--nutui-brand-6) !default;
 $color-primary-stop-1: var(--nutui-color-primary-stop-1, #ff475d) !default;
 $color-primary-stop-2: var(--nutui-color-primary-stop-2, #ff0f23) !default;
 $color-primary-pressed: var(--nutui-color-primary-pressed, #e53029) !default;
 $color-primary-disabled: var(--nutui-color-primary-disabled, #c2c4cc) !default;
-$color-primary-disabled-special: var(
-  --nutui-color-primary-disabled-special,
-  #ffadbe
-) !default;
-$color-primary-light-pressed: var(
-  --nutui-color-primary-light-pressed,
-  #ffebf1
-) !default;
+$color-primary-disabled-special: var(--nutui-brand-3) !default;
+$color-primary-light-pressed: var(--nutui-brand-1) !default;
 $color-primary-gradient-1: linear-gradient(
   135deg,
   $color-primary-stop-1 0%,
   $color-primary-stop-2 100%
 ) !default;
-$color-primary-icon: var(--nutui-red-6, #ff3333) !default;
-$color-primary-icon-disabled: var(--nutui-gray-8, #dadce0) !default;
-$color-primary-specialdisabled: var(
-  --nutui-color-primary-specialdisabled,
-  #ffadbe
-) !default;
+$color-primary-icon: var(--nutui-red-6) !default;
+$color-primary-icon-disabled: var(--nutui-gray-8) !default;
+$color-primary-specialdisabled: var(--nutui-red-3) !default;
 
 // 默认色
 $color-default: var(--nutui-color-default) !default;
@@ -43,96 +34,66 @@ $color-info-background: var(
 $color-info-text: var(--nutui-color-info, #0073ff) !default; // done
 
 // 成功色
-$color-success: var(--nutui-color-success, #00d900) !default; // done
-$color-success-pressed: var(
-  --nutui-color-success-pressed,
-  #2aa32a
-) !default; // done
+$color-success: var(--nutui-green-2) !default; // done
+$color-success-pressed: var(--nutui-green-3) !default; // done
 $color-success-disabled: var(--nutui-color-success-disabled, #b2f0ae) !default;
-$color-success-light: var(
-  --nutui-color-success-light,
-  #ebfbeb
-) !default; // done
-$color-success-background: var(
-  --nutui-color-success-background,
-  #00d900
-) !default; // done
-$color-success-text: var(
-  --nutui-color-success-pressed,
-  #2aa32a
-) !default; // done
+$color-success-light: var(--nutui-green-1) !default; // done
+$color-success-background: var(--nutui-green-2) !default; // done
+$color-success-text: var(--nutui-green-3) !default; // done
 
 // 警告色
-$color-warning: var(--nutui-color-warning, #ffbf00) !default; // done
-$color-warning-pressed: var(
-  --nutui-color-warning-pressed,
-  #c47600
-) !default; // done
+$color-warning: var(--nutui-yellow-2) !default; // done
+$color-warning-pressed: var(--nutui-yellow-3) !default; // done
 $color-warning-disabled: var(--nutui-color-warning-disabled, #fdd3b9) !default;
-$color-warning-light: var(
-  --nutui-color-warning-light,
-  #fff5cc
-) !default; // done
-$color-warning-background: var(
-  --nutui-color-warning-background,
-  #ffbf00
-) !default; // done
-$color-warning-text: var(
-  --nutui-color-warning-pressed,
-  #c47600
-) !default; // done
+$color-warning-light: var(--nutui-yellow-1) !default; // done
+$color-warning-background: var(--nutui-yellow-2) !default; // done
+$color-warning-text: var(--nutui-yellow-3) !default; // done
 
 // 危险色
-$color-danger: var(--nutui-color-danger, #ff0f23) !default; //done
+$color-danger: var(--nutui-red-2) !default; //done
 $color-danger-pressed: var(--nutui-color-danger-pressed) !default;
 $color-danger-disabled: var(
   --nutui-color-danger-disabled,
   $color-primary-disabled-special
 ) !default;
-$color-danger-light: var(--nutui-color-danger-light, #ffebef) !default; //done
+$color-danger-light: var(--nutui-red-1) !default; //done
 $color-danger-background: var(--nutui-color-danger-background) !default; //done
-$color-danger-text: var(--nutui-color-danger, #ff0f23) !default; //done
+$color-danger-text: var(--nutui-red-2) !default; //done
 
 // 背景色
-$color-background: var(--nutui-color-background, #f5f6fa) !default; //done
+$color-background: var(--nutui-gray-3) !default; //done
 // 卡片背景色
-$color-background-overlay: var(
-  --nutui-color-background-overlay,
-  #ffffff
-) !default;
+$color-background-overlay: var(--nutui-gray-1) !default;
 // 卡片内嵌背景色
 $color-background-sunken: var(
   --nutui-color-background-sunken,
-  #f7f8fc
+  var(--nutui-gray-2)
 ) !default;
 
 // 蒙层颜色
 // 页面全局蒙层
-$color-mask: var(--nutui-color-mask, rgba(0, 0, 0, 0.7)) !default;
+$color-mask: var(--nutui-black-10) !default;
 // 局部蒙层
-$color-mask-part: var(--nutui-color-mask-part, rgba(0, 0, 0, 0.4)) !default;
+$color-mask-part: var(--nutui-black-7) !default;
 // 容错蒙层
-$color-mask-fault-toleran: var(
-  --nutui-color-mask-fault-toleran,
-  rgba(0, 0, 0, 0.02)
-) !default;
+$color-mask-fault-toleran: var(--nutui-black-2) !default;
 
 // 边框色
-$color-border: var(--nutui-color-border, rgba(0, 0, 0, 0.06)) !default;
-$color-border-disabled: var(--nutui-color-border-disabled, #c2c4cc) !default;
+$color-border: var(--nutui-black-3) !default;
+$color-border-disabled: var(--nutui-gray-4) !default;
 
 // 文本色
-$color-title: var(--nutui-color-title, #1a1a1a) !default;
-$color-text: var(--nutui-color-text, #505259) !default;
-$color-text-help: var(--nutui-color-text-help, #888b94) !default;
-$color-text-disabled: var(--nutui-color-text-disabled, #c2c4cc) !default;
+$color-title: var(--nutui-gray-7) !default;
+$color-text: var(--nutui-gray-6) !default;
+$color-text-help: var(--nutui-gray-5) !default;
+$color-text-disabled: var(--nutui-gray-4) !default;
 $color-text-dark: var(--nutui-white-12) !default;
-$color-text-link: var(--nutui-color-info, #0073ff) !default;
+$color-text-link: var(--nutui-blue-2) !default;
 
 // 与品牌色一起使用，默认为白色，不区分暗黑与明亮模式。
-$color-primary-text: var(--nutui-color-primary-text, #ffffff) !default;
+$color-primary-text: #ffffff !default;
 $white: #ffffff !default;
-$black: $color-title !default;
+$black: #000000 !default;
 
 // ---- Font Family ----
 $font-family:
@@ -211,7 +172,7 @@ $button-square-border-radius: var(
   --nutui-button-square-border-radius,
   0
 ) !default;
-$button-border-radius: var(--nutui-button-border-radius, 8px) !default;
+$button-border-radius: var(--nutui-button-border-radius, $radius-s) !default;
 $button-border-width: var(--nutui-button-border-width, 1px) !default;
 $button-normal-padding: var(--nutui-button-normal-padding, 0px 12px) !default;
 $button-default-height: var(--nutui-button-default-height, 32px) !default;
@@ -235,7 +196,7 @@ $button-default-disabled-color: var(
 $button-default-padding: var(--nutui-button-default-padding, 0px 12px) !default;
 $button-default-font-size: var(
   --nutui-button-default-font-size,
-  $font-size-s
+  $font-size-base
 ) !default;
 $button-default-font-weight: var(
   --nutui-button-default-font-weight,
@@ -248,12 +209,20 @@ $button-xlarge-font-size: var(
   --nutui-button-xlarge-font-size,
   $font-size-xl
 ) !default;
+$button-xlarge-text-icon-margin: var(
+  --nutui-button-xlarge-text-icon-margin,
+  6px
+) !default;
+$button-xlarge-border-radius: var(
+  --nutui-button-xlarge-border-radius,
+  $radius-base
+) !default;
 
 $button-large-height: var(--nutui-button-large-height, 40px) !default;
 $button-large-padding: var(--nutui-button-large-padding, 0px 16px) !default;
 $button-large-font-size: var(
   --nutui-button-large-font-size,
-  $font-size-base
+  $font-size-l
 ) !default;
 $button-large-font-weight: var(
   --nutui-button-large-font-weight,
@@ -261,7 +230,7 @@ $button-large-font-weight: var(
 ) !default;
 $button-large-border-radius: var(
   --nutui-button-large-border-radius,
-  12px
+  $radius-s
 ) !default;
 
 $button-small-font-size: var(
@@ -272,7 +241,7 @@ $button-small-padding: var(--nutui-button-small-padding, 0px 8px) !default;
 $button-small-height: var(--nutui-button-small-height, 28px) !default;
 $button-small-border-radius: var(
   --nutui-button-small-border-radius,
-  8px
+  $radius-xs
 ) !default;
 
 $button-mini-padding: var(--nutui-button-mini-padding, 0px 8px) !default;
@@ -283,7 +252,7 @@ $button-mini-font-size: var(
 ) !default;
 $button-mini-border-radius: var(
   --nutui-button-mini-border-radius,
-  6px
+  $radius-xs
 ) !default;
 
 $button-primary-color: var(
@@ -373,10 +342,6 @@ $button-danger-disabled: var(
   $color-danger-disabled
 ) !default;
 
-$button-xlarge-text-icon-margin: var(
-  --nutui-button-xlarge-text-icon-margin,
-  6px
-) !default;
 $button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
 
 // cell（✅）
@@ -586,35 +551,29 @@ $input-border-bottom-width: var(
   --nutui-input-border-bottom-width,
   0px
 ) !default;
-$input-disabled-color: var(
-  --nutui-input-disabled-color,
-  $color-text-disabled
-) !default;
+// $input-disabled-color: var(
+//   --nutui-input-disabled-color,
+//   $color-text-disabled
+// ) !default;
 $input-font-size: var(--nutui-input-font-size, $font-size-base) !default;
-$input-border-radius: var(--nutui-input-border-radius, 0) !default;
-$input-color: var(--nutui-input-color, $color-title) !default;
+$input-border-radius: var(--nutui-input-border-radius, $radius-s) !default;
+// $input-color: var(--nutui-input-color, $color-title) !default;
 $input-background-color: var(
   --nutui-input-background-color,
   $color-background-overlay
 ) !default;
-$input-padding: var(--nutui-input-padding, 10px 25px) !default;
+$input-padding: var(--nutui-input-padding, 12px) !default;
 
 // textarea（✅）
-$textarea-font: var(--nutui-textarea-font, $font-size-base) !default;
-$textarea-padding: var(--nutui-textarea-padding, 10px 25px) !default;
-$textarea-limit-color: var(--nutui-textarea-limit-color, $color-text) !default;
+$textarea-padding: var(--nutui-textarea-padding, 12px) !default;
 $textarea-text-color: var(--nutui-textarea-text-color, $color-title) !default;
 $textarea-text-curror-color: var(
   --nutui-textarea-text-curror-color,
-  $color-title
+  $color-primary
 ) !default;
 $textarea-text-line-height: var(
   --nutui-textarea-text-line-height,
-  30px
-) !default;
-$textarea-disabled-color: var(
-  --nutui-textarea-disabled-color,
-  $color-text-disabled
+  20px
 ) !default;
 
 // inputnumber（✅）
@@ -734,7 +693,7 @@ $numberkeyboard-header-close-background-color: var(
 ) !default;
 $numberkeyboard-key-background-color: var(
   --nutui-numberkeyboard-key-background-color,
-  #fff
+  $color-background-overlay
 ) !default;
 $numberkeyboard-key-active-background-color: var(
   --nutui-numberkeyboard-key-active-background-color,
@@ -818,32 +777,53 @@ $countdown-number-primary-border-color: var(
   $color-primary
 ) !default;
 
-//large price（✅）
+//price（✅）
+$price-primary-color: var(--nutui-price-color, $color-primary) !default;
+$price-color: var(--nutui-price-color, var(--nutui-color-text-help)) !default;
+$price-darkgray-color: var(
+  --nutui-price-darkgray-color,
+  var(--nutui-gray-7)
+) !default;
+$price-line-color: var(
+  --nutui-price-line-color,
+  var(--nutui-color-text-help)
+) !default;
 $price-symbol-padding-right: var(
   --nutui-price-symbol-padding-right,
-  1px
+  0px
 ) !default;
-$price-symbol-big-size: var(--nutui-price-symbol-big-size, 18px) !default;
-$price-integer-big-size: var(--nutui-price-integer-big-size, 24px) !default;
-$price-decimal-big-size: var(--nutui-price-decimal-big-size, 18px) !default;
+
+//xlarge price（✅）
+$price-symbol-xlarge-size: var(--nutui-price-symbol-xlarge-size, 12px) !default;
+$price-integer-xlarge-size: var(
+  --nutui-price-integer-xlarge-size,
+  24px
+) !default;
+$price-decimal-xlarge-size: var(
+  --nutui-price-decimal-xlarge-size,
+  12px
+) !default;
+
+//large price（✅）
+$price-symbol-large-size: var(--nutui-price-symbol-large-size, 12px) !default;
+$price-integer-large-size: var(--nutui-price-integer-large-size, 18px) !default;
+$price-decimal-large-size: var(--nutui-price-decimal-large-size, 12px) !default;
 
 //normal price（✅）
-$price-line-color: var(--nutui-price-line-color, $color-border) !default;
-$price-line-font-size: var(--nutui-price-line-font-size, 12px) !default;
-$price-symbol-medium-size: var(--nutui-price-symbol-medium-size, 14px) !default;
-$price-integer-medium-size: var(
-  --nutui-price-integer-medium-size,
+$price-symbol-normal-size: var(--nutui-price-symbol-normal-size, 12px) !default;
+$price-integer-normal-size: var(
+  --nutui-price-integer-normal-size,
   16px
 ) !default;
-$price-decimal-medium-size: var(
-  --nutui-price-decimal-medium-size,
-  14px
+$price-decimal-normal-size: var(
+  --nutui-price-decimal-normal-size,
+  12px
 ) !default;
 
 // small price（✅）
-$price-symbol-small-size: var(--nutui-price-symbol-small-size, 10px) !default;
+$price-symbol-small-size: var(--nutui-price-symbol-small-size, 12px) !default;
 $price-integer-small-size: var(--nutui-price-integer-small-size, 12px) !default;
-$price-decimal-small-size: var(--nutui-price-decimal-small-size, 10px) !default;
+$price-decimal-small-size: var(--nutui-price-decimal-small-size, 12px) !default;
 
 //avatar（✅）
 $avatar-square: var(--nutui-avatar-square, 5px) !default;
@@ -960,12 +940,6 @@ $tour-content-bottom-btn-border-radius: var(
   4px
 ) !default;
 
-//backtop（✅）
-$backtop-border-color: var(
-  --nutui-backtop-border-color,
-  $color-border
-) !default;
-
 // calendar（✅）
 $calendar-active-background-color: var(
   --nutui-calendar-active-background-color,
@@ -1025,6 +999,7 @@ $hoverbutton-position-right: var(
   --nutui-hoverbutton-position-right,
   $spacing-base
 ) !default;
+$hoverbutton-item-size: var(--nutui-hoverbutton-item-size, 40px) !default;
 $hoverbutton-item-border-color: var(
   --nutui-hoverbutton-item-border-color,
   rgba(0, 0, 0, 0.12)
@@ -1062,30 +1037,28 @@ $overlay-animation-duration: var(
   0.3s
 ) !default;
 //popup（✅）
-$popup-border-radius: var(--nutui-popup-border-radius, 24px) !default;
-$popup-icon-size: var(--nutui-popup-icon-size, $font-size-xl) !default;
+$popup-border-radius: var(--nutui-popup-border-radius, $radius-xl) !default;
+$popup-icon-size: var(--nutui-popup-icon-size, 20px) !default;
 $popup-title-padding: var(--nutui-popup-title-padding, 16px) !default;
 $popup-title-font-size: var(
   --nutui-popup-title-font-size,
-  $font-size-xl
+  $font-size-l
 ) !default;
-$popup-description-font-size: var(
-  --nutui-popup-description-font-size,
-  $font-size-xs
+$popup-title-font-weight: var(
+  --nutui-popup-title-font-weight,
+  $font-weight-bold
 ) !default;
-$popup-title-height: var(--nutui-popup-title-height, 50px) !default;
-$popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
-$popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
-$popup-icon-size: var(--nutui-popup-icon-size, $font-size-xl) !default;
 $popup-description-font-size: var(
   --nutui-popup-description-font-size,
-  $font-size-xs
+  $font-size-base
 ) !default;
-$popup-title-font-weight: var(
-  --nutui-popup-title-font-weight,
-  $font-weight-bold
+$popup-description-spacing: var(
+  --nutui-popup-description-spacing,
+  $spacing-base
 ) !default;
 $popup-title-height: var(--nutui-popup-title-height, 50px) !default;
+$popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
+$popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
 
 // Notify（✅）
 $notify-text-color: var(--nutui-notify-text-color, $white) !default;
@@ -1602,36 +1575,43 @@ $tag-mark-border-radius: var(
 $badge-height: var(--nutui-badge-height, 14px) !default;
 $badge-background-color: var(
   --nutui-badge-background-color,
-  $color-primary-gradient-1
+  $color-primary
 ) !default;
-$badge-color: var(--nutui-badge-color, #fff) !default;
+$badge-color: var(--nutui-badge-color, $color-primary-text) !default;
 $badge-font-size: var(--nutui-badge-font-size, $font-size-xxs) !default;
 $badge-border: var(
   --nutui-badge-border,
-  0px solid $color-primary-text
+  1px solid $color-primary-text
 ) !default;
 $badge-border-radius: var(--nutui-badge-border-radius, $badge-height) !default;
-$badge-min-width: var(--nutui-badge-min-width, 5px) !default;
-$badge-padding: var(--nutui-badge-padding, 0 4px) !default;
-$badge-icon-padding: var(--nutui-badge-icon-padding, 3px) !default;
-$badge-icon-size: var(--nutui-badge-icon-size, 12px) !default;
+$badge-min-width: var(--nutui-badge-min-width, 6px) !default;
+$badge-padding: var(--nutui-badge-padding, 1px 4px) !default;
+$badge-icon-padding: var(--nutui-badge-icon-padding, 2px) !default;
+$badge-icon-size: var(--nutui-badge-icon-size, 10px) !default;
 $badge-content-transform: var(
   --nutui-badge-content-transform,
-  translateX(100%)
+  translate(50%, -50%)
 ) !default;
 $badge-z-index: var(--nutui-badge-z-index, 1) !default;
-$badge-dot-width: var(--nutui-badge-dot-width, 7px) !default;
-$badge-dot-border: var(--nutui-badge-dot-border, 0px solid $color-primary-text);
+$badge-dot-width: var(--nutui-badge-dot-width, 6px) !default;
+$badge-dot-small-width: var(--nutui-badge-dot-width, 4px) !default;
+$badge-dot-large-width: var(--nutui-badge-dot-width, 8px) !default;
+$badge-dot-border: var(--nutui-badge-dot-border, 1px solid $color-primary-text);
+$badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
+$badge-outline-border: var(
+  --nutui-badge-outline-border,
+  1px solid $color-primary
+);
 
 //popover（✅）
-$popover-border-radius: var(--nutui-popover-border-radius, 8px) !default;
+$popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
 $popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
 $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
 $popover-content-background-color: var(
   --nutui-popover-content-background-color,
   #ffffff
 ) !default;
-$popover-text-color: var(--nutui-popover-text-color, #1a1a1a) !default;
+$popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
 $popover-hover-background-color: var(
   --nutui-popover-hover-background-color,
   #fff
@@ -1827,13 +1807,19 @@ $tabs-tabpane-backgroundColor: var(
 // indicator（✅）
 $indicator-color: var(--nutui-indicator-color, $color-primary) !default;
 $indicator-dot-color: var(--nutui-indicator-dot-color, $color-border) !default;
-$indicator-dot-size: var(--nutui-indicator-dot-size, 4px) !default;
+$indicator-dot-size: var(--nutui-indicator-dot-size, 3px) !default;
 $indicator-dot-active-size: var(
   --nutui-indicator-dot-active-size,
-  8px
+  6px
+) !default;
+$indicator-border-radius: var(
+  --nutui-indicator-border-radius,
+  $radius-xxs
+) !default;
+$indicator-dot-margin: var(
+  --nutui-indicator-dot-margin,
+  $spacing-xxxs
 ) !default;
-$indicator-border-radius: var(--nutui-indicator-border-radius, 2px) !default;
-$indicator-dot-margin: var(--nutui-indicator-dot-margin, 2px) !default;
 
 // menu（✅）
 $menu-scroll-fixed-top: var(--nutui-menu-scroll-fixed-top, 0) !default;
@@ -2003,7 +1989,10 @@ $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
 $empty-image-size: var(--nutui-empty-image-size, 160px) !default;
 $empty-image-small-size: var(--nutui-empty-image-small-size, 120px) !default;
 $empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default;
-$empty-background-color: var(--nutui-empty-background-color, #fff) !default;
+$empty-background-color: var(
+  --nutui-empty-background-color,
+  $color-background-overlay
+) !default;
 $empty-title-margin-bottom: var(
   --nutui-empty-title-margin-bottom,
   12px
@@ -2132,7 +2121,7 @@ $grid-item-content-padding: var(
 ) !default;
 $grid-item-content-bg-color: var(
   --nutui-grid-item-content-bg-color,
-  $white
+  var(--nutui-gray-1)
 ) !default;
 $grid-item-text-margin: var(--nutui-grid-item-text-margin, 8px) !default;
 $grid-item-text-color: var(--nutui-grid-item-text-color, $color-title) !default;
@@ -2423,6 +2412,10 @@ $countup-border-radius: var(--nutui-countup-border-radius, 4px) !default;
 $countup-lr-margin: var(--nutui-countup-lr-margin, 0) !default;
 $countup-bg-color: var(--nutui-countup-bg-color, inherit) !default;
 $countup-color: var(--nutui-countup-color, $color-title) !default;
+$countup-separator-color: var(
+  --nutui-countup-separator-color,
+  $color-title
+) !default;
 
 // layout（✅）
 $row-content-color: var(--nutui-row-content-color, #fff) !default;
@@ -2457,6 +2450,10 @@ $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
 $loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
 $loading-color: var(--nutui-loading-color, $color-text-help) !default;
 $loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
+$loading-lottie-background: var(
+  --nutui-loading-lottie-background,
+  rgba(0, 0, 0, 0.06)
+) !default;
 
 // ResultPage
 $resultpage-width: var(--nutui-resultpage-width, 240px) !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "3.0.0-beta.7",
+  "version": "3.0.0-beta.9",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/es/packages/nutui.react.build.js",
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@nutui/icons-react": "^2.0.1",
+    "@nutui/icons-react": "^3.0.0-beta.2",
     "@nutui/jdesign-icons-react-taro": "1.0.6-beta.2",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
@@ -63,6 +63,8 @@
     "classnames": "^2.5.1",
     "lodash.isequal": "^4.5.0",
     "lodash.kebabcase": "^4.1.1",
+    "lottie-miniprogram": "^1.0.12",
+    "lottie-react": "^2.4.0",
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
@@ -70,6 +72,9 @@
   },
   "resolutions": {
     "@types/react": "^18.2.57",
-    "@types/react-dom": "^18.2.19"
+    "@types/react-dom": "^18.2.19",
+    "sass": "1.77.6",
+    "@tarojs/api": "4.0.8-beta.1",
+    "@tarojs/components": "4.0.8-beta.1"
   }
 }

package/dist/cjs/packages/uploader/file-item.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-export declare class FileItem {
-    status: FileItemStatus;
-    message: string;
-    uid: string;
-    name?: string;
-    url?: string;
-    type?: string;
-    path?: string;
-    percentage?: string | number;
-    formData?: FormData;
-    responseText?: string;
-    loadingIcon?: ReactNode;
-    failIcon?: ReactNode;
-}
-export type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
-export type FileType<T> = {
-    [key: string]: T;
-};

package/dist/cjs/packages/uploader/file-item.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FileItem", {
-    enumerable: true,
-    get: function() {
-        return FileItem;
-    }
-});
-var _class_call_check = require("@swc/helpers/_/_class_call_check");
-var _define_property = require("@swc/helpers/_/_define_property");
-var FileItem = function FileItem() {
-    "use strict";
-    (0, _class_call_check._)(this, FileItem);
-    (0, _define_property._)(this, "status", 'ready');
-    (0, _define_property._)(this, "message", '');
-    (0, _define_property._)(this, "uid", new Date().getTime().toString());
-    (0, _define_property._)(this, "name", void 0);
-    (0, _define_property._)(this, "url", void 0);
-    (0, _define_property._)(this, "type", void 0);
-    (0, _define_property._)(this, "path", void 0);
-    (0, _define_property._)(this, "percentage", 0);
-    (0, _define_property._)(this, "formData", {});
-    (0, _define_property._)(this, "responseText", void 0);
-    (0, _define_property._)(this, "loadingIcon", void 0);
-    (0, _define_property._)(this, "failIcon", void 0);
-};

package/dist/cjs/packages/uploader/utils.d.ts

@@ -1,30 +0,0 @@
-export declare class UploadOptions {
-    url: string;
-    name: string;
-    fileType?: string | undefined;
-    formData?: FormData;
-    sourceFile: any;
-    method: string;
-    xhrState: string | number;
-    timeout: number;
-    headers: {};
-    withCredentials: boolean;
-    onStart?: any;
-    taroFilePath?: string;
-    onProgress?: any;
-    onSuccess?: any;
-    onFailure?: any;
-    beforeXhrUpload?: any;
-}
-export declare const UPLOADING = "uploading";
-export declare const SUCCESS = "success";
-export declare const ERROR = "error";
-export declare class Utils {
-    options: UploadOptions;
-    constructor(options: UploadOptions);
-    upload(): void;
-}
-export declare class UploaderTaro extends Utils {
-    constructor(options: UploadOptions);
-    uploadTaro(uploadFile: any, env: string): void;
-}