@nutui/nutui-react 2.4.0 → 2.4.2

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.4.0 Fri Mar 08 2024 14:22:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.4.2 Wed Mar 20 2024 20:00:11 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables-jmapp.scss

@@ -42,8 +42,8 @@ $color-warning-light: var(--nutui-orange-3) !default;
 $color-warning-background: var(--nutui-orange-1) !default;
 
 // 危险
-$color-danger: var(--nutui-red-6) !default;
-$color-danger-pressed: var(--nutui-red-8) !default;
+$color-danger: var(--nutui-red-8) !default;
+$color-danger-pressed: var(--nutui-red-10) !default;
 $color-danger-disabled: var(--nutui-red-3) !default;
 $color-danger-light: var(--nutui-red-1) !default;
 $color-danger-background: var(--nutui-red-1) !default;
@@ -214,11 +214,12 @@ $animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default;
 $padding-xs: var(--nutui-padding-xs, 12px) !default;
 
 // button（✅）
+$button-transition: all 0.15s ease-in-out;
 $button-square-border-radius: var(
   --nutui-button-square-border-radius,
   $radius-s
 ) !default;
-$button-border-radius: var(--nutui-button-border-radius, $radius-xs) !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(
@@ -226,10 +227,7 @@ $button-normal-padding: var(
   0px $space-xl
 ) !default;
 $button-default-height: var(--nutui-button-default-height, 32px) !default;
-$button-default-color: var(
-  --nutui-button-default-color,
-  $color-text-title
-) !default;
+$button-default-color: var(--nutui-button-default-color, $color-text) !default;
 $button-default-background-color: var(
   --nutui-button-default-background-color,
   $color-default
@@ -240,6 +238,10 @@ $button-default-border-color: var(
 ) !default;
 $button-default-disabled: var(
   --nutui-button-default-disabled,
+  $color-default
+) !default;
+$button-default-disabled-color: var(
+  --nutui-button-default-disabled-color,
   $color-text-disabled
 ) !default;
 $button-default-padding: var(
@@ -255,6 +257,13 @@ $button-default-font-weight: var(
   $font-weight
 ) !default;
 
+$button-xlarge-height: var(--nutui-button-xlarge-height, 48px) !default;
+$button-xlarge-padding: var(--nutui-button-xlarge-padding, 0px 32px) !default;
+$button-xlarge-font-size: var(
+  --nutui-button-xlarge-font-size,
+  $font-size-xl
+) !default;
+
 $button-large-width: var(--nutui-button-large-width, auto) !default;
 $button-large-height: var(--nutui-button-large-height, 44px) !default;
 $button-large-padding: var(
@@ -269,6 +278,10 @@ $button-large-font-weight: var(
   --nutui-button-large-font-weight,
   $font-weight-bold
 ) !default;
+$button-large-border-radius: var(
+  --nutui-button-large-border-radius,
+  $radius-s
+) !default;
 
 $button-small-font-size: var(
   --nutui-button-small-font-size,
@@ -278,7 +291,11 @@ $button-small-padding: var(
   --nutui-button-small-padding,
   0px $space-large
 ) !default;
-$button-small-height: var(--nutui-button-small-height, 32px) !default;
+$button-small-height: var(--nutui-button-small-height, 28px) !default;
+$button-small-border-radius: var(
+  --nutui-button-small-border-radius,
+  $radius-xs
+) !default;
 
 $button-mini-padding: var(
   --nutui-button-mini-padding,
@@ -289,6 +306,10 @@ $button-mini-font-size: var(
   --nutui-button-mini-font-size,
   $font-size-small
 ) !default;
+$button-mini-border-radius: var(
+  --nutui-button-mini-border-radius,
+  $radius-xs
+) !default;
 
 $button-primary-color: var(
   --nutui-button-primary-color,
@@ -589,10 +610,7 @@ $input-disabled-color: var(
 $input-font-size: var(--nutui-input-font-size, $font-size-base) !default;
 $input-border-radius: var(--nutui-input-border-radius, $radius-xs) !default;
 $input-color: var(--nutui-input-color, $color-text) !default;
-$input-background-color: var(
-  --nutui-input-background-color,
-  $color-default
-) !default;
+$input-background-color: var(--nutui-input-background-color, $white) !default;
 $input-padding: var(--nutui-input-padding, 8px 12px) !default;
 
 // textarea（✅）
@@ -1081,6 +1099,10 @@ $pulltorefresh-icon-height: var(
   --nutui-pulltorefresh-icon-height,
   26px
 ) !default;
+$pulltorefresh-color-primary: var(
+  --nutui-pulltorefresh-color-primary,
+  $color-primary
+) !default;
 
 //infiniteloading（✅）
 $infiniteloading-color: var(
@@ -1665,7 +1687,7 @@ $tabs-titles-padding: var(--nutui-tabs-titles-padding, 0 16px) !default;
 $tabs-titles-gap: var(--nutui-tabs-titles-gap, 12px) !default;
 $tabs-titles-font-size: var(
   --nutui-tabs-titles-font-size,
-  $font-size-small
+  $font-size-base
 ) !default;
 $tabs-titles-item-min-width: var(
   --nutui-tabs-titles-item-min-width,

package/dist/styles/variables.scss

@@ -194,6 +194,7 @@ $animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default;
 $padding-xs: var(--nutui-padding-xs, 12px) !default;
 
 // button（✅）
+$button-transition: opacity 0.2s;
 $button-square-border-radius: var(
   --nutui-button-square-border-radius,
   0
@@ -216,6 +217,10 @@ $button-default-disabled: var(
   --nutui-button-default-disabled,
   $color-text-disabled
 ) !default;
+$button-default-disabled-color: var(
+  --nutui-button-default-disabled-color,
+  $color-text-help
+) !default;
 $button-default-padding: var(--nutui-button-default-padding, 0px 16px) !default;
 $button-default-font-size: var(
   --nutui-button-default-font-size,
@@ -226,8 +231,15 @@ $button-default-font-weight: var(
   $font-weight
 ) !default;
 
+$button-xlarge-height: var(--nutui-button-xlarge-height, 48px) !default;
+$button-xlarge-padding: var(--nutui-button-xlarge-padding, 0px 32px) !default;
+$button-xlarge-font-size: var(
+  --nutui-button-xlarge-font-size,
+  $font-size-xl
+) !default;
+
 $button-large-height: var(--nutui-button-large-height, 40px) !default;
-$button-large-padding: var(--nutui-button-large-padding, 0px 32px) !default;
+$button-large-padding: var(--nutui-button-large-padding, 0px 20px) !default;
 $button-large-font-size: var(
   --nutui-button-large-font-size,
   $font-size-base
@@ -236,6 +248,10 @@ $button-large-font-weight: var(
   --nutui-button-large-font-weight,
   $font-weight-bold
 ) !default;
+$button-large-border-radius: var(
+  --nutui-button-large-border-radius,
+  24px
+) !default;
 
 $button-small-font-size: var(
   --nutui-button-small-font-size,
@@ -243,13 +259,21 @@ $button-small-font-size: var(
 ) !default;
 $button-small-padding: var(--nutui-button-small-padding, 0px 12px) !default;
 $button-small-height: var(--nutui-button-small-height, 28px) !default;
+$button-small-border-radius: var(
+  --nutui-button-small-border-radius,
+  24px
+) !default;
 
-$button-mini-padding: var(--nutui-button-mini-padding, 0px 12px) !default;
+$button-mini-padding: var(--nutui-button-mini-padding, 0px 8px) !default;
 $button-mini-height: var(--nutui-button-mini-height, 24px) !default;
 $button-mini-font-size: var(
   --nutui-button-mini-font-size,
   $font-size-small
 ) !default;
+$button-mini-border-radius: var(
+  --nutui-button-mini-border-radius,
+  24px
+) !default;
 
 $button-primary-color: var(
   --nutui-button-primary-color,
@@ -1031,6 +1055,10 @@ $pulltorefresh-icon-height: var(
   --nutui-pulltorefresh-icon-height,
   26px
 ) !default;
+$pulltorefresh-color-primary: var(
+  --nutui-pulltorefresh-color-primary,
+  $color-primary
+) !default;
 
 //infiniteloading（✅）
 $infiniteloading-color: var(

package/dist/types/packages/avatar/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/avatar/demos/h5/demo9.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo9: () => React.JSX.Element;
+export default Demo9;

package/dist/types/packages/avatar/demos/taro/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/avatar/demos/taro/demo9.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo9: () => React.JSX.Element;
+export default Demo9;

package/dist/types/packages/backtop/demos/h5/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/backtop/demos/h5/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/backtop/demos/h5/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/backtop/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/backtop/demos/h5/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/types/packages/backtop/demos/taro/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/backtop/demos/taro/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/backtop/demos/taro/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/backtop/demos/taro/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/badge/badge.d.ts

@@ -1,5 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '../../utils/typings';
+export type BadgeFill = 'solid' | 'outline';
 export interface BadgeProps extends BasicComponent {
     /**
     * 显示的内容，支持数字、字符和自定义内容
@@ -31,5 +32,10 @@ export interface BadgeProps extends BasicComponent {
     * @default -
     */
     color: string
+    /**
+    * 填充模式
+    * @default solid
+    */
+    fill: BadgeFill
 }
 export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

package/dist/types/packages/badge/badge.taro.d.ts

@@ -1,5 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '../../utils/typings';
+export type BadgeFill = 'solid' | 'outline';
 export interface BadgeProps extends BasicComponent {
     value: ReactNode;
     dot: boolean;
@@ -7,5 +8,6 @@ export interface BadgeProps extends BasicComponent {
     top: string | number;
     right: string | number;
     color: string;
+    fill: BadgeFill;
 }
 export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

package/dist/types/packages/badge/demos/h5/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/badge/demos/h5/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/badge/demos/h5/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/badge/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/badge/demos/h5/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/types/packages/badge/demos/h5/demo6.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo6: () => React.JSX.Element;
+export default Demo6;

package/dist/types/packages/badge/demos/h5/demo8.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo8: () => React.JSX.Element;
+export default Demo8;

package/dist/types/packages/badge/demos/taro/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/badge/demos/taro/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/badge/demos/taro/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/badge/demos/taro/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/badge/demos/taro/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/types/packages/badge/demos/taro/demo6.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo6: () => React.JSX.Element;
+export default Demo6;

package/dist/types/packages/badge/demos/taro/demo7.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo7: () => React.JSX.Element;
+export default Demo7;

package/dist/types/packages/badge/demos/taro/demo8.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo8: () => React.JSX.Element;
+export default Demo8;

package/dist/types/packages/badge/index.d.ts

@@ -1,3 +1,3 @@
 import { Badge } from './badge';
-export type { BadgeProps } from './badge';
+export type { BadgeFill, BadgeProps } from './badge';
 export default Badge;

package/dist/types/packages/badge/index.taro.d.ts

@@ -1,3 +1,3 @@
 import { Badge } from './badge.taro';
-export type { BadgeProps } from './badge.taro';
+export type { BadgeFill, BadgeProps } from './badge.taro';
 export default Badge;

package/dist/types/packages/button/button.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { MouseEvent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
+export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
 export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
 export interface ButtonProps extends BasicComponent {

package/dist/types/packages/button/button.taro.d.ts

@@ -4,7 +4,7 @@ import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BasicComponent } from '../../utils/typings';
 type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
 export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
+export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
 export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
 export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {

package/dist/types/packages/card/demos/h5/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/card/demos/h5/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/card/demos/h5/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/card/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/card/demos/h5/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/types/packages/card/demos/taro/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/card/demos/taro/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/card/demos/taro/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/card/demos/taro/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/card/demos/taro/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/types/packages/configprovider/demos/h5/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/configprovider/demos/h5/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/configprovider/demos/h5/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/configprovider/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/configprovider/demos/h5/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/types/packages/configprovider/demos/taro/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/types/packages/configprovider/demos/taro/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/types/packages/configprovider/demos/taro/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/types/packages/configprovider/demos/taro/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/types/packages/configprovider/demos/taro/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;