@nutui/nutui-react 1.4.6 → 1.4.7-beta.0

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.6 Wed Feb 08 2023 16:17:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.7-beta.0 Wed Feb 15 2023 16:13:38 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;
@@ -148,8 +150,26 @@ $button-mini-font-size: var(
   $font-size-1
 ) !default;
 $button-mini-line-height: var(--nutui-button-mini-line-height, 1.2) !default;
+
+$button-text-icon-width: var(--nutui-button-text-icon-width, 5px) !default;
+$button-text-icon-large-width: var(
+  --nutui-button-text-icon--large-width,
+  10px
+) !default;
+$button-text-icon-small-width: var(
+  --nutui-button-text-icon-small-width,
+  2px
+) !default;
+$button-text-icon-mini-width: var(
+  --nutui-button-text-icon-mini-width,
+  1px
+) !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
@@ -159,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
@@ -169,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)
@@ -182,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)
@@ -191,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)
@@ -206,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,
@@ -513,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,
@@ -547,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（✅）
@@ -693,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;
@@ -737,6 +771,7 @@ $rate-icon-void-color: var(
 ) !default;
 
 // tabbar（✅）
+$tabbar-height: var(--nutui-tabbar-height, 50px) !default;
 $tabbar-active-color: var(--nutui-tabbar-active-color, $primary-color) !default;
 $tabbar-unactive-color: var(
   --nutui-tabbar-unactive-color,
@@ -754,10 +789,12 @@ $tabbar-item-text-font-size: var(
 ) !default;
 $tabbar-item-text-line-height: var(
   --nutui-tabbar-item-text-line-height,
-  initial
+  20px
 ) !default;
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
-$tabbar-word-margin-top: var(--nutui-tabbar-word-margin-top, auto) !default;
+$tabbar-word-margin-top: var(--nutui-tabbar-word-margin-top, 3px) !default;
+$tabbar-dot-right: var(--nutui-tabbar-dot-right, 12px) !default;
+$tabbar-dot-top: var(--nutui-tabbar-dot-top, 0) !default;
 
 //infiniteloading（✅）
 $infiniteloading-bottom-color: var(
@@ -774,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(
@@ -783,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
@@ -923,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,
@@ -1040,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
@@ -1212,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,
@@ -1310,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
@@ -1509,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,
@@ -1654,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
@@ -1674,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,
@@ -1691,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

@@ -21,6 +21,7 @@ interface ButtonProps extends BasicComponent {
     size: ButtonSize;
     block: boolean;
     icon: string;
+    iconSize: string | number;
     children: any;
     onClick: (e: MouseEvent) => void;
 }
@@ -258,6 +259,7 @@ interface PopupProps extends OverlayProps, BasicComponent {
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: string;
+    closeIconSize?: string | number;
     destroyOnClose: boolean;
     teleport: Teleport;
     overlay: boolean;
@@ -358,6 +360,7 @@ interface StickyProps extends BasicComponent {
 }
 declare const Sticky: FunctionComponent<StickyProps>;
 
+declare const elevatorContext: React__default.Context<ElevatorData>;
 interface ElevatorProps {
     height: number | string;
     acceptKey: string;
@@ -376,7 +379,9 @@ interface ElevatorData {
     id: number | string;
     [key: string]: string | number;
 }
-declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React__default.HTMLAttributes<HTMLDivElement>> & {
+    Context: typeof elevatorContext;
+};
 
 type Direction$1 = 'right' | 'left';
 type Position$2 = {
@@ -540,6 +545,7 @@ declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
 interface TabbarItemProps extends BasicComponent {
     dot: boolean;
     size: string | number;
+    iconSize: string | number;
     className: string;
     tabTitle: string;
     icon: string;
@@ -806,6 +812,7 @@ interface FormItemProps extends BasicComponent, BaseFormField {
     errorMessageAlign: TextAlign;
     showErrorLine: boolean;
     showErrorMessage: boolean;
+    initialValue: string;
 }
 declare const defaultProps: FormItemProps;
 type FieldProps = typeof defaultProps & Partial<BaseFormField>;
@@ -946,6 +953,7 @@ interface NumberKeyboardProps {
     confirmText: string;
     title: string;
     visible: boolean;
+    overlay: boolean;
     type: string;
     customKey: Array<string>;
     randomKeys: boolean;
@@ -1072,6 +1080,7 @@ interface SearchBarProps extends BasicComponent {
     maxLength?: number;
     /** 是否启用清除图标，点击清除图标后会清空输入框	 */
     clearable?: boolean;
+    clearIconSize?: string | number;
     /** 搜索框外部背景色	 */
     background?: string;
     /** 搜索框背景色	 */
@@ -1376,7 +1385,6 @@ interface NotifyProps {
     background?: string;
     type: string;
     position: string;
-    isWrapTeleport: boolean;
     onClick: () => void;
     onClosed: () => void;
 }
@@ -1444,9 +1452,12 @@ interface SwipeProps {
     }) => void;
     /** 点击时触发 */
     onActionClick?: (event: Event, position: SwipePosition) => void;
+    onTouchStart?: (event: Event) => void;
+    onTouchEnd?: (event: Event) => void;
+    onTouchMove?: (event: Event) => void;
     children?: React__default.ReactNode;
 }
-declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<SwipeInstance>>;
+declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React__default.RefAttributes<SwipeInstance>>;
 
 interface SwitchProps {
     isAsync: boolean;
@@ -1782,7 +1793,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>>;
@@ -1892,6 +1902,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",
-  "version": "1.4.6",
+  "version": "1.4.7-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -114,12 +114,13 @@
     "@rollup/plugin-node-resolve": "^13.1.1",
     "@rollup/plugin-typescript": "^8.3.0",
     "@tarojs/components": "^3.6.0",
-    "@tarojs/plugin-framework-react": "^3.5.10",
-    "@tarojs/plugin-platform-weapp": "^3.5.7",
-    "@tarojs/react": "^3.5.10",
-    "@tarojs/taro": "^3.5.5",
-    "@tarojs/taro-h5": "^3.5.10",
-    "@tarojs/taro-loader": "^3.5.7",
+    "@tarojs/plugin-framework-react": "^3.6.0",
+    "@tarojs/plugin-platform-h5": "^3.6.0",
+    "@tarojs/plugin-platform-weapp": "^3.6.0",
+    "@tarojs/react": "^3.6.0",
+    "@tarojs/taro": "^3.6.0",
+    "@tarojs/taro-h5": "^3.6.0",
+    "@tarojs/taro-loader": "^3.6.0",
     "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^13.3.0",
     "@types/jest": "^27.4.1",

package/dist/esm/types/src/packages/icon/icon.taro.d.ts

@@ -1,18 +0,0 @@
-import React, { ReactElement, ReactHTML } from 'react';
-export interface IconProps {
-    name: string;
-    size: string | number;
-    classPrefix: string;
-    color: string;
-    tag: keyof ReactHTML;
-    onClick: (e: MouseEvent) => void;
-    fontClassName: string;
-    className: string;
-    style: React.CSSProperties;
-    children: React.ReactNode;
-}
-export declare function Icon<T>(props: Partial<IconProps> & T): ReactElement;
-export declare namespace Icon {
-    var defaultProps: IconProps;
-    var displayName: string;
-}