@nutui/nutui-react-taro 2.3.9 → 2.3.11

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.3.9 Fri Feb 02 2024 16:15:51 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.3.11 Fri Feb 23 2024 19:41:19 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 {
     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/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 {
     /**
     * 必填表单项 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/inputnumber/inputnumber.d.ts

@@ -1,22 +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;
-    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/inputnumber/inputnumber.taro.d.ts

@@ -1,92 +1,90 @@
-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
     */
     async: boolean
-    className: string;
-    style: React.CSSProperties;
     /**
     * 指定输入框展示值的格式
     * @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/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 {
     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/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 {
     /**
@@ -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/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-taro",
-  "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-taro": "^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"
   }
 }

package/dist/esm/barrage.taro-HsivAhbE.js

@@ -1,91 +0,0 @@
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { createSelectorQuery } from "@tarojs/taro";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  list: [],
-  interval: 500,
-  loop: true,
-  duration: 3e3,
-  rows: 3,
-  gapY: 10
-};
-const classPrefix = `nut-barrage`;
-const InternalBarrage = (props, ref) => {
-  const { className, interval, loop, list, duration, rows, gapY, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
-  const [styleList, setStyleList] = useState([]);
-  const [baItemList, setBaItemList] = useState(list);
-  const barrageListSet = useRef(list);
-  const barrageBody = useRef(null);
-  const barrageContainer = useRef(null);
-  const timeId = useRef((/* @__PURE__ */ new Date()).getTime());
-  const timer = useRef(0);
-  const classes = classNames(classPrefix, {
-    [`${classPrefix}-body${timeId.current}`]: true
-  }, className);
-  useImperativeHandle(ref, () => ({
-    add: (word) => {
-      barrageListSet.current = [...barrageListSet.current, word];
-      run();
-    }
-  }));
-  useEffect(() => {
-    barrageListSet.current = [...list];
-    run();
-    return () => {
-      clearInterval(timer.current);
-    };
-  }, [list]);
-  const run = () => {
-    setBaItemList(barrageListSet.current);
-    barrageListSet.current.forEach((item, index) => {
-      getNode(index);
-    });
-  };
-  const getNode = (index) => {
-    const query = createSelectorQuery();
-    setTimeout(() => {
-      let width = 100;
-      query.select(`.${classPrefix}-body${timeId.current}`).boundingClientRect((rec) => {
-        width = rec.width || 300;
-      });
-      query.select(`.${classPrefix}-item${index}`).boundingClientRect((recs) => {
-        const height = recs.height;
-        const nodeTop = `${index % rows * (height + gapY) + 20}px`;
-        styleInfo(index, nodeTop, width);
-      }).exec();
-    }, 500);
-  };
-  const styleInfo = (index, nodeTop, width) => {
-    const timeIndex = index - rows > 0 ? index - rows : 0;
-    const list2 = styleList;
-    const time = list2[timeIndex] ? Number(list2[timeIndex]["--time"]) : 0;
-    const obj = {
-      top: nodeTop,
-      "--time": `${interval * index + time}`,
-      animationDuration: `${duration}ms`,
-      animationIterationCount: `${loop ? "infinite" : 1}`,
-      animationDelay: `${interval * index + time}ms`,
-      "--move-distance": `-${width}px`
-    };
-    list2.push(obj);
-    setStyleList([...list2]);
-  };
-  return React__default.createElement(
-    "div",
-    { className: classes, ref: barrageBody, ...restProps },
-    React__default.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
-      return React__default.createElement("div", { className: `barrage-item ${classPrefix}-item${index} move`, style: styleList[index], key: index }, item.length > 8 ? `${item.substr(0, 8)}...` : item);
-    }))
-  );
-};
-const Barrage = React__default.forwardRef(InternalBarrage);
-Barrage.defaultProps = defaultProps;
-Barrage.displayName = "NutBarrage";
-export {
-  Barrage as B
-};

package/dist/esm/inputnumber.taro-7QptygT3.js

@@ -1,197 +0,0 @@
-import React__default, { useRef, useEffect } from "react";
-import { Minus, Plus } from "@nutui/icons-react-taro";
-import classNames from "classnames";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  disabled: false,
-  min: 1,
-  max: 9999,
-  readOnly: false,
-  allowEmpty: false,
-  defaultValue: 0,
-  step: 1,
-  digits: 0,
-  async: false
-};
-const classPrefix = `nut-inputnumber`;
-const InputNumber = (props) => {
-  const { children, disabled, min, max, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
-  const inputRef = useRef("");
-  const [_checked, setChecked] = usePropsValue({
-    value,
-    defaultValue
-  });
-  useEffect(() => {
-    if (formatter) {
-      if (_checked || _checked === 0) {
-        inputRef.current = formatter(_checked);
-        setChecked(formatter(_checked));
-      }
-    }
-  }, []);
-  const classes = classNames({
-    [`${classPrefix}`]: true,
-    [`${classPrefix}-disabled`]: disabled
-  }, className);
-  const styles = {
-    ...style
-  };
-  const addAllow = (value2 = _checked) => {
-    if (formatter) {
-      const numValue = String(value2).replace(/[^0-9|.]/gi, "");
-      return Number(numValue) < Number(max) && !disabled;
-    }
-    return Number(value2) < Number(max) && !disabled;
-  };
-  const reduceAllow = (value2 = _checked) => {
-    if (formatter) {
-      const numValue = String(value2).replace(/[^0-9|.]/gi, "");
-      return Number(numValue) > Number(min) && !disabled;
-    }
-    return Number(value2) > Number(min) && !disabled;
-  };
-  const iconMinusClasses = classNames("nut-inputnumber-icon icon-minus", {
-    "nut-inputnumber-icon-disabled": !reduceAllow()
-  });
-  const iconAddClasses = classNames("nut-inputnumber-icon icon-plus", {
-    "nut-inputnumber-icon-disabled": !addAllow()
-  });
-  const fixedDecimalPlaces = (v) => {
-    return Number(v).toFixed(Number(digits));
-  };
-  const emitChange = (value2, e) => {
-    const outputValue = fixedDecimalPlaces(value2);
-    onChange && onChange(outputValue, e);
-    if (!async) {
-      if (Number(outputValue) < Number(min)) {
-        formatter ? setChecked(formatter(Number(min))) : setChecked(Number(min));
-      } else if (Number(outputValue) > Number(max)) {
-        formatter ? setChecked(formatter(Number(max))) : setChecked(Number(max));
-      } else {
-        formatter ? setChecked(formatter(outputValue)) : setChecked(outputValue);
-      }
-    }
-  };
-  const reduceNumber = (e) => {
-    onMinus && onMinus(e);
-    if (reduceAllow()) {
-      if (formatter) {
-        const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
-        const outputValue = Number(numValue) - Number(step);
-        inputRef.current = formatter(outputValue);
-        emitChange(outputValue, e);
-      } else {
-        const outputValue = Number(_checked) - Number(step);
-        emitChange(outputValue, e);
-      }
-    } else {
-      onOverlimit && onOverlimit(e);
-    }
-  };
-  const addNumber = (e) => {
-    onPlus && onPlus(e);
-    if (addAllow()) {
-      if (formatter) {
-        const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
-        const outputValue = Number(numValue) + Number(step);
-        inputRef.current = formatter(outputValue);
-        emitChange(outputValue, e);
-      } else {
-        const outputValue = Number(_checked) + Number(step);
-        emitChange(outputValue, e);
-      }
-    } else {
-      onOverlimit && onOverlimit(e);
-    }
-  };
-  const changeValue = (e) => {
-    const input = e.target;
-    onChange && onChange(input.value, e);
-    if (!async) {
-      setChecked(input.value);
-    }
-  };
-  const changeFormatValue = (e) => {
-    const input = e.target.value;
-    const numReg = /^[0-9]*$/;
-    const numValue = input.replace(/[^0-9|.]/gi, "");
-    if (formatter) {
-      if (!numReg.test(input[0]) && numValue) {
-        setChecked(formatter(numValue));
-      } else if (!numReg.test(input[0]) && !numValue) {
-        setChecked(input);
-      } else if (numReg.test(input[0])) {
-        if (formatter(numValue) === inputRef.current) {
-          setChecked(numValue);
-        } else {
-          setChecked(formatter(numValue));
-          inputRef.current = formatter(numValue);
-        }
-      }
-    }
-  };
-  const burFormatValue = (e) => {
-    const input = e.target.value;
-    const numReg = /^[0-9]*$/;
-    const numValue = input.replace(/[^0-9|.]/gi, "");
-    if (formatter) {
-      if (formatter(numValue) === input) {
-        emitChange(numValue, e);
-        return;
-      }
-      if (!numReg.test(input) || !input) {
-        setChecked(formatter(""));
-      }
-    }
-  };
-  const focusValue = (e) => {
-    if (disabled)
-      return;
-    if (readOnly)
-      return;
-    onFocus && onFocus(e);
-  };
-  const burValue = (e) => {
-    if (disabled)
-      return;
-    if (readOnly)
-      return;
-    const input = e.target;
-    let value2 = +input.value;
-    if (value2 === 0 && !allowEmpty) {
-      value2 = Number(defaultValue);
-    }
-    if (value2 < Number(min)) {
-      value2 = Number(min);
-    } else if (value2 > Number(max)) {
-      value2 = Number(max);
-    }
-    emitChange(value2, e);
-    onBlur && onBlur(e);
-  };
-  return React__default.createElement(
-    "div",
-    { className: classes, style: styles, ...restProps },
-    React__default.createElement(
-      "div",
-      { className: "nut-input-minus" },
-      React__default.createElement(Minus, { className: iconMinusClasses, onClick: (e) => reduceNumber(e) })
-    ),
-    React__default.createElement(React__default.Fragment, null, formatter ? React__default.createElement("input", { className: "nut-number-input", type: "text", min, max, disabled, readOnly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React__default.createElement("input", { className: "nut-number-input", type: "digit", min, max, disabled, readOnly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
-    React__default.createElement(
-      "div",
-      { className: "nut-input-add" },
-      React__default.createElement(Plus, { className: iconAddClasses, onClick: (e) => addNumber(e) })
-    )
-  );
-};
-InputNumber.defaultProps = defaultProps;
-InputNumber.displayName = "NutInputNumber";
-export {
-  InputNumber as I
-};