@nutui/nutui-react 2.3.9 → 2.3.11

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.11 Fri Feb 23 2024 19:38:29 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables.scss

@@ -1340,13 +1340,14 @@ $radio-button-disabled-active-color: var(
   --nutui-radio-button-disabled-active-color,
   $white
 ) !default;
-$radiogroup-radio-margin: var(
+$radiogroup-radio-margin: var(--nutui-radiogroup-radio-margin, 20px) !default;
+$radiogroup-radio-margin-bottom: var(
   --nutui-radiogroup-radio-margin,
-  0 20px 5px 0
+  5px
 ) !default;
 $radiogroup-radio-label-margin: var(
   --nutui-radiogroup-radio-label-margin,
-  0 5px 0 5px
+  0 5px
 ) !default;
 
 // signature（✅）
@@ -1912,7 +1913,7 @@ $form-item-label-margin-right: var(
 ) !default;
 $form-item-label-text-align: var(
   --nutui-form-item-label-text-align,
-  left
+  start
 ) !default;
 $form-item-required-margin-right: var(
   --nutui-form-item-required-margin-right,
@@ -1924,17 +1925,20 @@ $form-item-body-font-size: var(
 ) !default;
 $form-item-body-slots-text-align: var(
   --nutui-form-item-body-slots-text-align,
-  left
+  start
 ) !default;
 $form-item-body-input-text-align: var(
   --nutui-form-item-body-input-text-align,
-  left
+  start
 ) !default;
 $form-item-tip-font-size: var(
   --nutui-form-item-tip-font-size,
   $font-size-xs
 ) !default;
-$form-item-tip-text-align: var(--nutui-form-item-tip-text-align, left) !default;
+$form-item-tip-text-align: var(
+  --nutui-form-item-tip-text-align,
+  start
+) !default;
 
 // skeleton（✅）
 $skeleton-background: var(

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { BaseFormField } from './types';
 import { Context } from '../form/context';
 import { BasicComponent } from '../../utils/typings';
 type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
-export interface FormItemProps extends BasicComponent, BaseFormField {
+export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFormField {
     /**
     * 必填表单项 label 的红色星标,仅用于控制样式
     * @default false
@@ -44,6 +44,17 @@ export interface FormItemProps extends BasicComponent, BaseFormField {
     * @default onChange
     */
     validateTrigger: string | string[]
+    /**
+    * 更新逻辑
+    * @default false
+    */
+    shouldUpdate: boolean
+    /**
+    * 不使用样式，只使用字段管理
+    * @default false
+    */
+    noStyle: boolean
+    children: ReactNode | ((obj: any) => React.ReactNode);
 }
 export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     resetCount: number;
@@ -53,6 +64,7 @@ export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     context: React.ContextType<typeof Context>;
     private cancelRegister;
     private componentRef;
+    private eventOff;
     constructor(props: FormItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { BaseFormField } from './types';
 import { Context } from '../form/context';
 import { BasicComponent } from '../../utils/typings';
 type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
-export interface FormItemProps extends BasicComponent, BaseFormField {
+export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFormField {
     required: boolean;
     initialValue: any;
     trigger: string;
@@ -12,6 +12,9 @@ export interface FormItemProps extends BasicComponent, BaseFormField {
     onClick: (event: React.MouseEvent, componentRef: React.MutableRefObject<any>) => void;
     errorMessageAlign: TextAlign;
     validateTrigger: string | string[];
+    shouldUpdate: boolean;
+    noStyle: boolean;
+    children: ReactNode | ((obj: any) => React.ReactNode);
 }
 export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     resetCount: number;
@@ -21,6 +24,7 @@ export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     context: React.ContextType<typeof Context>;
     private cancelRegister;
     private componentRef;
+    private eventOff;
     constructor(props: FormItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

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

@@ -1,51 +1,51 @@
-import React, { FunctionComponent, ChangeEvent, FocusEvent } from 'react';
+import React, { FunctionComponent, ChangeEvent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export interface InputNumberProps extends BasicComponent {
     /**
-    * 禁用所有功能
+    * 当前值，受控值
+    * @default -
+    */
+    value: number | string
+    /**
+    * 默认值
+    * @default 0
+    */
+    defaultValue: number | string
+    /**
+    * 是否允许内容为空
     * @default false
     */
-    disabled: boolean
+    allowEmpty: boolean
     /**
     * 最小值限制
     * @default 1
     */
-    min: string | number
+    min: number | string
     /**
     * 最大值限制
     * @default 9999
     */
-    max: string | number
+    max: number | string
     /**
-    * 只读状态禁用输入框操作行为
+    * 禁用所有功能
     * @default false
     */
-    readOnly: boolean
-    /**
-    * 当前值，受控值
-    * @default -
-    */
-    value: string | number
-    /**
-    * 默认值
-    * @default 0
-    */
-    defaultValue: string | number
+    disabled: boolean
     /**
-    * 是否允许内容为空
+    * 只读状态禁用输入框操作行为
     * @default false
     */
-    allowEmpty: boolean
+    readOnly: boolean
     /**
     * 步长
     * @default 1
     */
-    step: string | number
+    step: number
     /**
     * 设置保留的小数位
     * @default 0
     */
-    digits: string | number
+    digits: number
     /**
     * 支持异步修改
     * @default false
@@ -55,36 +55,36 @@ export interface InputNumberProps extends BasicComponent {
     * 指定输入框展示值的格式
     * @default -
     */
-    formatter?: (displayValue: string | number) => string
+    formatter?: (value?: string | number) => string
     /**
     * 点击增加按钮时触发
     * @default -
     */
-    onPlus: (e: MouseEvent) => void
+    onPlus: (e: React.MouseEvent) => void
     /**
     * 点击减少按钮时触发
     * @default -
     */
-    onMinus: (e: MouseEvent) => void
+    onMinus: (e: React.MouseEvent) => void
     /**
     * 点击不可用的按钮时触发
     * @default -
     */
-    onOverlimit: (e: MouseEvent) => void
+    onOverlimit: (e: React.MouseEvent) => void
     /**
     * 输入框失去焦点时触发
     * @default -
     */
-    onBlur: (e: ChangeEvent<HTMLInputElement>) => void
+    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void
     /**
     * 输入框获得焦点时触发
     * @default -
     */
-    onFocus: (e: FocusEvent<HTMLInputElement>) => void
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void
     /**
     * 值改变时触发
     * @default -
     */
-    onChange: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void
+    onChange: (param: string | number, e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void
 }
 export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;

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

@@ -1,24 +1,22 @@
-import React, { FunctionComponent, ChangeEvent, FocusEvent } from 'react';
+import React, { FunctionComponent, ChangeEvent } from 'react';
 import { BasicComponent } from '../../utils/typings';
 export interface InputNumberProps extends BasicComponent {
+    value: number | string;
+    defaultValue: number | string;
+    allowEmpty: boolean;
+    min: number | string;
+    max: number | string;
     disabled: boolean;
-    min: string | number;
-    max: string | number;
     readOnly: boolean;
-    value: string | number;
-    defaultValue: string | number;
-    allowEmpty: boolean;
-    step: string | number;
-    digits: string | number;
+    step: number;
+    digits: number;
     async: boolean;
-    className: string;
-    style: React.CSSProperties;
-    formatter?: (displayValue: string | number) => string;
-    onPlus: (e: MouseEvent) => void;
-    onMinus: (e: MouseEvent) => void;
-    onOverlimit: (e: MouseEvent) => void;
-    onBlur: (e: ChangeEvent<HTMLInputElement>) => void;
-    onFocus: (e: FocusEvent<HTMLInputElement>) => void;
-    onChange: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
+    formatter?: (value?: string | number) => string;
+    onPlus: (e: React.MouseEvent) => void;
+    onMinus: (e: React.MouseEvent) => void;
+    onOverlimit: (e: React.MouseEvent) => void;
+    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange: (param: string | number, e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;

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

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { ForwardRefRenderFunction, ReactNode } from 'react';
 import { PopupProps } from '../../packages/popup/index';
 export interface ShortPasswordProps extends PopupProps {
     /**
@@ -87,4 +87,5 @@ export interface ShortPasswordProps extends PopupProps {
     */
     onComplete: (value: string) => void
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;
+export declare const InternalShortPassword: ForwardRefRenderFunction<unknown, Partial<ShortPasswordProps>>;
+export declare const ShortPassword: React.ForwardRefExoticComponent<Partial<ShortPasswordProps> & React.RefAttributes<unknown>>;

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

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { ForwardRefRenderFunction, ReactNode } from 'react';
 import { PopupProps } from '../../packages/popup/popup.taro';
 export interface ShortPasswordProps extends PopupProps {
     value: string;
@@ -19,4 +19,5 @@ export interface ShortPasswordProps extends PopupProps {
     onTips: () => void;
     onComplete: (value: string) => void;
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;
+export declare const InternalShortPassword: ForwardRefRenderFunction<unknown, Partial<ShortPasswordProps>>;
+export declare const ShortPassword: React.ForwardRefExoticComponent<Partial<ShortPasswordProps> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,4 @@
+export type ShortPasswordActions = {
+    open: () => void;
+    close: () => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.3.9",
+  "version": "2.3.11",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -51,13 +51,13 @@
     "*.{ts,tsx,js,md}": "eslint"
   },
   "dependencies": {
-    "@babel/runtime": "^7.21.0",
+    "@babel/runtime": "^7.23.9",
     "@nutui/icons-react": "^1.0.2",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
     "lodash.isequal": "^4.5.0",
     "lodash.kebabcase": "^4.1.1",
     "react-transition-group": "^4.4.5"
@@ -66,7 +66,7 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "resolutions": {
-    "@types/react": "18",
-    "@types/react-dom": "18"
+    "@types/react": "^18.2.57",
+    "@types/react-dom": "^18.2.19"
   }
 }