@nutui/nutui-react 2.6.15 → 2.6.16

package/CHANGELOG.md

@@ -1,20 +1,37 @@
-# v2.6.15
-`2024-07-26`
+# v2.6.16
+`2024-08-03`
+
+
+* 📖 docs(card): correct doc (#2504) @Alex-huxiyang
+* :sparkles: feat(menu): menu-item 组件增加标题icon自定义方式 (#2488) @zhangming
+* :sparkles: feat(form): Form.Item 增加 align 属性 (#2492) @zhangming
+* :bug: fix(inputNumber): correct  onChange, onOverlimit event triggering timing when async & sync (#2509) @Alex-huxiyang
+* :bug: fix(uploader): xhrBeforeUpload判断错误 (#2507) @Alex-huxiyang
+* :bug: fix(swiper): correct onChange ts type (#2493) @Alex-huxiyang
+* 🪵 refactor(numberkeyboard): optimize code & correct defaultProps (#2508) @Alex-huxiyang
+* 🏡 chore(cell): unify ts type & docs (#2496) @Alex-huxiyang
+* 🏡 chore(deps): update vitest monorepo to v2 (major) (#2439) @renovate[bot]
+* 🏡 chore(deps): update dependency glob to v11 (#2438) @renovate[bot]
+* 🏡 chore(deps): update dependency inquirer to v10 (#2420) @renovate[bot]
+* 🏡 chore(deps): update dependency marked to v13 (#2358) @renovate[bot]
 
 
-* 🏡 chore: run md-table-format when git commit changes (#2484) @Alex-huxiyang
-* :sparkles: feat(menu): allow custom classnames for Menu and dynamic titles (#2480) @Alex-huxiyang
-* :sparkles: feat(watermark): support multi-line text (#2477) @xiaoyatong
-* :bug: fix: move defaultprops (#2482) @xiaoyatong
-* :bug: fix: snapshot update (#2481) @Alex-huxiyang
-* :bug: fix(uploader): image 居中展示 (#2475) @xiaoyatong
-* :bug: fix(infiniteLoading): rest 导致事件无法触发 (#2474) @oasis-cloud
-* :bug: fix: sticky 构建时类型错误 @oasis-cloud
-* :bug: fix(uploader): images should display when they've been successfully uploaded  (#2448) @Alex-huxiyang
-* :bug: fix: 修复日历进行快捷选择日期时 点击确认获取的是上一次的日期 (#2436) @yangqianlu
-* 🪵 refactor: table (#2473) @zanyuki-jd
-* 🪵 refactor: sticky (#2468) @oasis-cloud
+# v2.6.15
+
+`2024-07-26`
 
+- 🏡 chore: run md-table-format when git commit changes (#2484) @Alex-huxiyang
+- :sparkles: feat(menu): allow custom classnames for Menu and dynamic titles (#2480) @Alex-huxiyang
+- :sparkles: feat(watermark): support multi-line text (#2477) @xiaoyatong
+- :bug: fix: move defaultprops (#2482) @xiaoyatong
+- :bug: fix: snapshot update (#2481) @Alex-huxiyang
+- :bug: fix(uploader): image 居中展示 (#2475) @xiaoyatong
+- :bug: fix(infiniteLoading): rest 导致事件无法触发 (#2474) @oasis-cloud
+- :bug: fix: sticky 构建时类型错误 @oasis-cloud
+- :bug: fix(uploader): images should display when they've been successfully uploaded (#2448) @Alex-huxiyang
+- :bug: fix: 修复日历进行快捷选择日期时 点击确认获取的是上一次的日期 (#2436) @yangqianlu
+- 🪵 refactor: table (#2473) @zanyuki-jd
+- 🪵 refactor: sticky (#2468) @oasis-cloud
 
 # v2.6.14
 

package/dist/esm/InputNumber.js

@@ -98,6 +98,18 @@ const InputNumber = (props) => {
       return null;
     return text;
   };
+  const clampValue = (valueStr) => {
+    if (valueStr === null)
+      return defaultValue;
+    const val = Number(parseFloat(valueStr || "0").toFixed(digits));
+    return Math.max(Number(min), Math.min(Number(max), val));
+  };
+  const handleValueChange = (valueStr, e) => {
+    const val = clampValue(valueStr);
+    if (val !== Number(shadowValue)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(val, e);
+    }
+  };
   const handleInputChange = (e) => {
     setInputValue(e.target.value);
     const valueStr = parseValue(e.target.value);
@@ -108,24 +120,29 @@ const InputNumber = (props) => {
         setShadowValue(defaultValue);
       }
     } else {
-      setShadowValue(valueStr);
-    }
-    if (!async) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+      setShadowValue(clampValue(valueStr));
     }
+    !async && handleValueChange(valueStr, e);
   };
   const handleFocus = (e) => {
     setFocused(true);
     setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
-    onFocus && onFocus(e);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   };
   const handleBlur = (e) => {
     setFocused(false);
-    onBlur && onBlur(e);
-    if (async) {
-      const valueStr = parseValue(e.target.value);
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    const valueStr = parseValue(e.target.value);
+    if (valueStr === null) {
+      if (allowEmpty) {
+        setShadowValue(null);
+      } else {
+        setShadowValue(defaultValue);
+      }
+    } else {
+      setShadowValue(clampValue(valueStr));
     }
+    async && handleValueChange(valueStr, e);
   };
   return React__default.createElement(
     "div",

package/dist/esm/Menu.js

@@ -68,7 +68,7 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
-        const { title, options, value, defaultValue, disabled, direction } = child.props;
+        const { title, titleIcon, options, value, defaultValue, disabled, direction } = child.props;
         const selected = options === null || options === void 0 ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
         const finallyTitle = () => {
           if (title)
@@ -79,6 +79,13 @@ const Menu = (props) => {
             return selected[0].text;
           return "";
         };
+        const finallyIcon = () => {
+          if (titleIcon)
+            return titleIcon;
+          if (icon)
+            return icon;
+          return direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" });
+        };
         return React__default.createElement(
           "div",
           { className: classNames("nut-menu-title", `nut-menu-title-${index}`, {
@@ -91,7 +98,7 @@ const Menu = (props) => {
             !disabled && toggleMenuItem(index);
           } },
           React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" }))
+          finallyIcon()
         );
       }
       return null;

package/dist/esm/NumberKeyboard.js

@@ -5,11 +5,11 @@ import { ArrowDown } from "@nutui/icons-react";
 import Popup__default from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
 } });
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
-  const { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = props, rest = __rest(props, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = _a, rest = __rest(_a, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
   const classPrefix = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -55,41 +55,52 @@ const NumberKeyboard = (props) => {
     };
     const onTouchEnd = (item2) => {
       setActive(false);
-      if (item2.type === "num" || item2.type === "custom") {
-        onChange && onChange(item2.id);
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          onChange === null || onChange === void 0 ? void 0 : onChange(item2.id);
+          break;
+        case "close":
+          onClose === null || onClose === void 0 ? void 0 : onClose();
+          break;
+        case "delete":
+          onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+          break;
+        case "confirm":
+          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          break;
       }
-      if (item2.type === "close") {
-        onClose && onClose();
-      }
-      if (item2.type === "delete") {
-        onDelete && onDelete();
-      }
-      if (item2.type === "confirm") {
-        onConfirm && onConfirm();
+    };
+    const renderContent = (item2) => {
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          return React__default.createElement("div", null, item2.id);
+        case "delete":
+          return React__default.createElement(DeleteIcon, null);
+        case "close":
+          return React__default.createElement(ArrowDown, { width: 18, height: 18 });
+        case "confirm":
+          return React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
+        default:
+          return null;
       }
     };
     return React__default.createElement(
       "div",
       { key: item.id, className: `${classPrefix}-body-wrapper` },
-      React__default.createElement(
-        "div",
-        { className: classNames({
-          key: true,
-          active,
-          close: item.type === "close",
-          delete: item.type === "delete",
-          confirm: item.type === "confirm"
-        }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
-        (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
-        item.type === "delete" && React__default.createElement(DeleteIcon, null),
-        item.type === "close" && React__default.createElement(ArrowDown, { width: 18, height: 18 }),
-        item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
-      )
+      React__default.createElement("div", { className: classNames({
+        key: true,
+        active,
+        close: item.type === "close",
+        delete: item.type === "delete",
+        confirm: item.type === "confirm"
+      }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) }, renderContent(item))
     );
   };
   return React__default.createElement(
     Popup__default,
-    Object.assign({ visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }, rest),
+    Object.assign({}, rest, { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }),
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },

package/dist/esm/formitem2.js

@@ -260,7 +260,7 @@ class FormItem extends React__default.Component {
       }
     };
     this.renderLayout = (childNode) => {
-      const { label, name, required, rules, className, style, errorMessageAlign } = Object.assign(Object.assign({}, defaultProps), this.props);
+      const { label, name, required, rules, className, style, errorMessageAlign, align } = Object.assign(Object.assign({}, defaultProps), this.props);
       const requiredInRules = rules === null || rules === void 0 ? void 0 : rules.some((rule) => rule.required);
       const item = name ? this.context.errors[name] : [];
       const { starPosition } = this.context;
@@ -274,7 +274,7 @@ class FormItem extends React__default.Component {
       );
       return React__default.createElement(
         Cell__default,
-        { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
+        { className: `nut-form-item ${className}`, style, align, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
         label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
         React__default.createElement(
           "div",

package/dist/esm/menuitem2.js

@@ -7,7 +7,7 @@ import { u as useClickAway } from "./use-click-away.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import { g as getScrollParent } from "./get-scroll-parent.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { titleIcon: null, columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
 const MenuItem = forwardRef((props, ref) => {
   const { className, style, options, value, defaultValue, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index } = Object.assign(Object.assign({}, defaultProps), props);
   const [showPopup, setShowPopup] = useState(show);

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */