@nutui/nutui-react-taro 2.3.10 → 2.3.11

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.3.10 Tue Feb 06 2024 16:11:15 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.3.10",
+  "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/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
-};