@nutui/nutui-react-taro 1.4.7-beta.0 → 1.4.7-beta.1

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/theme-dark.scss

@@ -4,6 +4,7 @@ page {
   --nutui-brand-color-start: #ff404f;
   --nutui-brand-color-end: #fa2c19;
   --nutui-brand-link-color: #396acc;
+  --nutui-brand-text-color: #ffffff;
   --nutui-gray-0: #000000;
   --nutui-gray-1: #e6e6e6;
   --nutui-gray-2: #828282;

package/dist/styles/theme-default.scss

@@ -4,6 +4,7 @@ page {
   --nutui-brand-color-start: #ff404f;
   --nutui-brand-color-end: #fa2c19;
   --nutui-brand-link-color: #396acc;
+  --nutui-brand-text-color: #ffffff;
   --nutui-gray-0: #000000;
   // 主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
   --nutui-gray-1: #1a1a1a;

package/dist/styles/variables.scss

@@ -4,6 +4,7 @@ $brand-color: var(--nutui-brand-color, #fa2c19) !default;
 $brand-color-start: var(--nutui-brand-color-start, #ff404f) !default;
 $brand-color-end: var(--nutui-brand-color-end, #fa2c19) !default;
 $brand-link-color: var(--nutui-brand-link-color, #396acc);
+$brand-text-color: var(--nutui-brand-text-color, #ffffff);
 
 $gray0: var(--nutui-gray-0, #000000) !default;
 // 主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
@@ -48,6 +49,7 @@ $primary-color: $brand-color !default;
 $primary-color-start: $brand-color-start !default;
 $primary-color-end: $brand-color-end !default;
 $primary-link-color: #396acc !default;
+$primary-text-color: $brand-text-color !default;
 // ----------------------------------------------------
 // 标题常规文字
 $title-color: $gray1 !default;
@@ -164,7 +166,10 @@ $button-text-icon-mini-width: var(
 ) !default;
 
 $button-disabled-opacity: var(--nutui-button-disabled-opacity, 0.68) !default;
-$button-primary-color: var(--nutui-button-primary-color, $white) !default;
+$button-primary-color: var(
+  --nutui-button-primary-color,
+  $primary-text-color
+) !default;
 $button-primary-border-color: var(
   --nutui-button-primary-border-color,
   $primary-color
@@ -174,7 +179,10 @@ $button-primary-background-color: linear-gradient(
   $primary-color 0%,
   $primary-color-end 100%
 ) !default;
-$button-info-color: var(--nutui-button-info-color, $white) !default;
+$button-info-color: var(
+  --nutui-button-info-color,
+  $primary-text-color
+) !default;
 $button-info-border-color: var(
   --nutui-button-info-border-color,
   #496af2
@@ -184,7 +192,10 @@ $button-info-background-color: linear-gradient(
   rgba(73, 143, 242, 1) 0%,
   rgba(73, 101, 242, 1) 100%
 ) !default;
-$button-success-color: var(--nutui-button-success-color, $white) !default;
+$button-success-color: var(
+  --nutui-button-success-color,
+  $primary-text-color
+) !default;
 $button-success-border-color: var(
   --nutui-button-success-border-color,
   rgba(38, 191, 38, 1)
@@ -197,7 +208,10 @@ $button-success-background-color: linear-gradient(
   rgba(41, 212, 70, 1) 100%
 ) !default;
 
-$button-danger-color: var(--nutui-button-danger-color, $white) !default;
+$button-danger-color: var(
+  --nutui-button-danger-color,
+  $primary-text-color
+) !default;
 $button-danger-border-color: var(
   --nutui-button-danger-border-color,
   rgba(250, 44, 25, 1)
@@ -206,7 +220,10 @@ $button-danger-background-color: var(
   --nutui-button-danger-background-color,
   rgba(250, 44, 25, 1)
 ) !default;
-$button-warning-color: var(--nutui-button-warning-color, $white) !default;
+$button-warning-color: var(
+  --nutui-button-warning-color,
+  $primary-text-color
+) !default;
 $button-warning-border-color: var(
   --nutui-button-warning-border-color,
   rgba(255, 158, 13, 1)
@@ -221,7 +238,7 @@ $button-warning-background-color: linear-gradient(
 
 $button-plain-background-color: var(
   --nutui-button-plain-background-color,
-  $white
+  $primary-text-color
 ) !default;
 $button-small-round-border-radius: var(
   --nutui-button-small-round-border-radius,
@@ -528,7 +545,7 @@ $numberkeyboard-header-close-padding: var(
 ) !default;
 $numberkeyboard-header-close-color: var(
   --nutui-numberkeyboard-header-close-color,
-  #576b95
+  $text-color
 ) !default;
 $numberkeyboard-header-close-font-size: var(
   --nutui-numberkeyboard-header-close-font-size,
@@ -562,25 +579,25 @@ $numberkeyboard-key-font-size: var(
   --nutui-numberkeyboard-key-font-size,
   28px
 ) !default;
-$numberkeyboard-key-font-size-color: var(
-  --nutui-numberkeyboard-key-font-size-color,
+$numberkeyboard-key-font-color: var(
+  --nutui-numberkeyboard-key-font-color,
   #333
 ) !default;
 $numberkeyboard-key-finish-font-size: var(
   --nutui-numberkeyboard-key-finish-font-size,
   16px
 ) !default;
-$numberkeyboard-key-finish-font-size-color: var(
-  --nutui-numberkeyboard-key-finish-font-size-color,
+$numberkeyboard-key-finish-font-color: var(
+  --nutui-numberkeyboard-key-finish-font-color,
   #fff
 ) !default;
 $numberkeyboard-key-finish-background-color: var(
   --nutui-numberkeyboard-key-finish-background-color,
-  #1989fa
+  $brand-color
 ) !default;
 $numberkeyboard-key-activeFinsh-background-color: var(
   --nutui-numberkeyboard-key-activeFinsh-background-color,
-  #0570db
+  $brand-color
 ) !default;
 
 // countdown（✅）
@@ -708,6 +725,8 @@ $overlay-content-color: var(--nutui-overlay-content-color, $gray1) !default;
 //popup（✅）
 $popup-close-icon-margin: var(--nutui-popup-close-icon-margin, 16px) !default;
 $popup-border-radius: var(--nutui-popup-border-radius, 20px) !default;
+$popup-close-icon-color: var(--nutui-popup-close-icon-color, #969799) !default;
+$popup-close-icon-size: var(--nutui-popup-close-icon-size, 30px) !default;
 
 // Notify（✅）
 $notify-text-color: var(--nutui-notify-text-color, $white) !default;
@@ -792,7 +811,10 @@ $range-bar-bg-color: linear-gradient(
   $primary-color 0%,
   $primary-color-end 100%
 ) !default;
-$range-bar-btn-bg-color: var(--nutui-range-bar-btn-bg-color, $white) !default;
+$range-bar-btn-bg-color: var(
+  --nutui-range-bar-btn-bg-color,
+  $primary-text-color
+) !default;
 $range-bar-btn-width: var(--nutui-range-bar-btn-width, 24px) !default;
 $range-bar-btn-height: var(--nutui-range-bar-btn-height, 24px) !default;
 $range-bar-btn-border: var(
@@ -801,6 +823,7 @@ $range-bar-btn-border: var(
 ) !default;
 
 //swiper（✅）
+$swiper-pagination-bottom: var(--nutui-swiper-pagination-bottom, 12px);
 $swiper-pagination-item-background-color: var(
   --nutui-swiper-pagination-item-background-color,
   #ddd
@@ -941,7 +964,7 @@ $steps-finish-icon-text-color: var(
 
 $steps-process-head-color: var(
   --nutui-steps-process-head-color,
-  $white
+  $primary-text-color
 ) !default;
 $steps-process-head-border-color: var(
   --nutui-steps-process-head-border-color,
@@ -1058,7 +1081,7 @@ $radio-label-button-background: var(
   --nutui-radio-label-button-background,
   rgba(250, 44, 25, 0.05)
 ) !default;
-$radio-label-margin-left: var(--nutui-radio-label-margin-left, 15px) !default;
+$radio-label-margin-left: var(--nutui-radio-label-margin-left, 6px) !default;
 $radio-button-border-radius: var(
   --nutui-radio-button-border-radius,
   15px
@@ -1230,6 +1253,7 @@ $timeselect-timedetail-time-font-size: var(
 ) !default;
 
 //tag（✅）
+$tag-padding: var(--nutui-tag-padding, 0 4px) !default;
 $tag-font-size: var(--nutui-tag-font-size, 12px) !default;
 $tag-default-border-radius: var(
   --nutui-tag-default-border-radius,
@@ -1328,6 +1352,19 @@ $popover-menu-name-line-height: var(
 $progress-border-radius: var(--nutui-progress-border-radius, 12px) !default;
 $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
 $progress-text-font-size: var(--nutui-progress-text-font-size, 13px) !default;
+$progress-text-color: var(--nutui-progress-text-color, $title-color) !default;
+$progress-text-inner-color: var(
+  --nutui-progress-text-inner-color,
+  $primary-text-color
+) !default;
+$progress-insidetext-position-top: var(
+  --nutui-progress-insidetext-position-top,
+  -4px
+) !default;
+$progress-insidetext-position-bottom: var(
+  --nutui-progress-insidetext-position-bottom,
+  -4px
+) !default;
 $progress-insidetext-border-radius: var(
   --nutui-progress-insidetext-border-radius,
   5px
@@ -1527,7 +1564,7 @@ $tabs-titles-item-line-opacity: var(
 // indicator（✅）
 $indicator-color: var(--nutui-indicator-color, $primary-color) !default;
 $indicator-dot-color: var(--nutui-indicator-dot-color, $disable-color) !default;
-$indicator-white: var(--nutui-indicator-white, $white) !default;
+$indicator-white: var(--nutui-indicator-white, $primary-text-color) !default;
 $indicator-size: var(--nutui-indicator-size, 18px) !default;
 $indicator-dot-size: var(
   --nutui-indicator-dot-size,
@@ -1672,12 +1709,30 @@ $collapse-wrapper-content-background-color: var(
 // searchbar（✅）
 
 $searchbar-background: var(--nutui-searchbar-background, $gray6) !default;
+$searchbar-content-border-radius: var(
+  --nutui-searchbar-content-border-radius,
+  2px
+) !default;
 $searchbar-right-out-color: var(
   --nutui-searchbar-right-out-color,
   $black
 ) !default;
 $searchbar-padding: var(--nutui-searchbar-padding, 9px 16px) !default;
 $searchbar-width: var(--nutui-searchbar-width, 100%) !default;
+$searchbar-label-fontsize: var(--nutui-searchbar-label-fontsize, 12px) !default;
+$searchbar-label-padding: var(
+  --nutui-searchbar-label-padding,
+  0 12px 0 0
+) !default;
+$searchbar-label-color: var(--nutui-searchbar-label-color, $gray1) !default;
+$searchbar-action-text-fontsize: var(
+  --nutui-searchbar-action-text-fontsize,
+  14px
+) !default;
+$searchbar-action-text-padding: var(
+  --nutui-searchbar-action-text-padding,
+  0 0 0 8px
+) !default;
 $searchbar-action-text-color: var(
   --nutui-searchbar-action-text-color,
   $gray1
@@ -1692,6 +1747,10 @@ $searchbar-input-text-color: var(
   --nutui-searchbar-input-text-color,
   $gray1
 ) !default;
+$searchbar-input-curror-color: var(
+  --nutui-searchbar-input-curror-color,
+  $gray1
+) !default;
 $searchbar-input-width: var(--nutui-searchbar-input-width, 100%) !default;
 $searchbar-input-border-radius: var(
   --nutui-searchbar-input-border-radius,
@@ -1709,6 +1768,10 @@ $searchbar-input-bar-placeholder-color: var(
   --nutui-searchbar-input-bar-placeholder-color,
   inherit
 ) !default;
+$searchbar-clear-icon-padding: var(
+  --nutui-searchbar-clear-icon-padding,
+  0 10px 0 5px
+) !default;
 
 // empty（✅）
 

package/dist/types/index.d.ts

@@ -261,6 +261,7 @@ interface PopupProps extends OverlayProps, BasicComponent {
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: string;
+    closeIconSize?: string | number;
     destroyOnClose: boolean;
     teleport: Teleport;
     overlay: boolean;
@@ -1044,6 +1045,7 @@ interface SearchBarProps extends BasicComponent {
     maxLength?: number;
     /** 是否启用清除图标，点击清除图标后会清空输入框	 */
     clearable?: boolean;
+    clearIconSize?: string | number;
     /** 搜索框外部背景色	 */
     background?: string;
     /** 搜索框背景色	 */
@@ -1752,7 +1754,6 @@ interface ProgressProps extends BasicComponent {
     iconName: string;
     iconColor: string;
     iconSize: string;
-    rounded: boolean | string;
     children: ReactNode;
 }
 declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -1862,6 +1863,7 @@ interface TagProps extends BasicComponent {
     round: boolean;
     mark: boolean;
     closeable: boolean;
+    iconSize?: string | number;
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.4.7-beta.0",
+  "version": "1.4.7-beta.1",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",