@nutui/nutui-react 2.6.18 → 2.6.20

package/CHANGELOG.md

@@ -1,18 +1,38 @@
-# v2.6.18
-`2024-09-06`
+# v2.6.20
+`2024-09-20`
+
+
+* :bug: fix: i18n (#2597)
+* :bug: fix: 类型构建错误 (#2605)
+* 🏡 chore: replace local prettier plugin with npm package (#2603)
+
 
+# v2.6.19
 
-* 🏡 chore: remove deprecated (#2573)
-* 🏡 chore(deps): update dependency marked to v14 (#2532)
-* :sparkles: feat: demos for popup & dialog (#2574)
-* :sparkles: feat: beforeupload (#2567)
-* :bug: fix: remove icons defaultprops (#2571)
-* :bug: fix(input): type props didnot work when equals number|digit (#2563)
-* :bug: fix: dialog
-* :bug: fix(sticky): should rerender when zIndex changes (#2572)
-* :bug: fix(sticky): rerender sticky when threshold change (#2564)
-* :bug: fix(deps): update dependency jscodeshift to v17 (#2534)
+`2024-09-13`
+
+- 🏡 chore(deps): update dependency vite-plugin-dts to v4 (#2533)
+- :bug: fix(cascader): 受控状态下 value 变化时同步组件选中状态 (#2591)
+- :bug: fix: 移除不必要的 fragment 元素 (#2587)
+- :bug: fix(datepicker): show zero on page (#2582)
+- :bug: fix: findDomNode from transition (#2525)
+- :bug: fix(props): add mergeProps utility to resolve all defaultProps warnings (#2581)
+- 🪵 refactor: resolve sass nested rules warning (#2579)
+
+# v2.6.18
+
+`2024-09-06`
 
+- 🏡 chore: remove deprecated (#2573)
+- 🏡 chore(deps): update dependency marked to v14 (#2532)
+- :sparkles: feat: demos for popup & dialog (#2574)
+- :sparkles: feat: beforeupload (#2567)
+- :bug: fix: remove icons defaultprops (#2571)
+- :bug: fix(input): type props didnot work when equals number|digit (#2563)
+- :bug: fix: dialog
+- :bug: fix(sticky): should rerender when zIndex changes (#2572)
+- :bug: fix(sticky): rerender sticky when threshold change (#2564)
+- :bug: fix(deps): update dependency jscodeshift to v17 (#2534)
 
 # v2.6.17
 

package/dist/esm/ActionSheet.js

@@ -2,11 +2,12 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import { P as Popup } from "./popup2.js";
 import { C as ComponentDefaults } from "./typings.js";
+import { m as mergeProps } from "./merge-props.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, description: "", options: [], optionKey: { name: "name", description: "description" }, cancelText: "", onCancel: () => {
 }, onSelect: () => {
 } });
 const ActionSheet = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
+  const _a = mergeProps(defaultProps, props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
   const classPrefix = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();

package/dist/esm/AnimatingNumbers.js

@@ -1,9 +1,10 @@
 import React__default, { useRef, useMemo, useEffect, Component } from "react";
 import { _ as __rest } from "./tslib.es6.js";
 import { C as ComponentDefaults } from "./typings.js";
+import { m as mergeProps } from "./merge-props.js";
 const defaultProps$1 = Object.assign(Object.assign({}, ComponentDefaults), { length: 0, value: "", delay: 300, duration: 1, thousands: false });
 const CountUp = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { length, value, delay, duration, className, thousands, style } = _a;
+  const _a = mergeProps(defaultProps$1, props), { length, value, delay, duration, className, thousands, style } = _a;
   __rest(_a, ["length", "value", "delay", "duration", "className", "thousands", "style"]);
   const classPrefix = "nut-countup";
   const countupRef = useRef(null);
@@ -52,7 +53,6 @@ const CountUp = (props) => {
     }))
   );
 };
-CountUp.defaultProps = defaultProps$1;
 CountUp.displayName = "NutCountUp";
 const defaultProps = {};
 class AnimatingNumbers extends Component {

package/dist/esm/AvatarCropper.js

@@ -6,15 +6,23 @@ import { C as ComponentDefaults } from "./typings.js";
 import { u as useTouch } from "./use-touch.js";
 import { p as preventDefault, c as clamp } from "./index.js";
 import { g as getRect } from "./use-client-rect.js";
+import { u as useConfig } from "./configprovider.taro.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { maxZoom: 3, space: 10, toolbar: [
-  React__default.createElement(Button__default, { type: "danger", key: "cancel" }, "取消"),
-  React__default.createElement(Button__default, { key: "reset" }, "重置"),
-  React__default.createElement(Button__default, { key: "rotate" }, "旋转"),
-  React__default.createElement(Button__default, { type: "success", key: "confirm" }, "确认")
-], toolbarPosition: "bottom", editText: "编辑", shape: "square" });
+  React__default.createElement(Button__default, { type: "danger", key: "cancel" }, "Cancel"),
+  React__default.createElement(Button__default, { key: "reset" }, "Reset"),
+  React__default.createElement(Button__default, { key: "rotate" }, "Rotate"),
+  React__default.createElement(Button__default, { type: "success", key: "confirm" }, "Confirm")
+], toolbarPosition: "bottom", editText: "Edit", shape: "square" });
 const classPrefix = `nut-avatar-cropper`;
 const AvatarCropper = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, toolbar, maxZoom, space, toolbarPosition, editText, shape, className, style, onConfirm, onCancel } = _a, rest = __rest(_a, ["children", "toolbar", "maxZoom", "space", "toolbarPosition", "editText", "shape", "className", "style", "onConfirm", "onCancel"]);
+  const { locale } = useConfig();
+  defaultProps.toolbar = [
+    React__default.createElement(Button__default, { type: "danger", key: "cancel" }, locale.cancel),
+    React__default.createElement(Button__default, { key: "reset" }, locale.reset),
+    React__default.createElement(Button__default, { key: "rotate" }, locale.avatarCropper.rotate),
+    React__default.createElement(Button__default, { type: "success", key: "confirm" }, locale.confirm)
+  ];
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, maxZoom, space, toolbar, toolbarPosition, editText, shape, className, style, onConfirm, onCancel } = _a, rest = __rest(_a, ["children", "maxZoom", "space", "toolbar", "toolbarPosition", "editText", "shape", "className", "style", "onConfirm", "onCancel"]);
   const cls = classNames(classPrefix, className, shape === "round" && "round");
   const toolbarPositionCls = classNames(`${classPrefix}-popup-toolbar`, toolbarPosition);
   const inputImageRef = useRef(null);
@@ -259,30 +267,22 @@ const AvatarCropper = (props) => {
   };
   const ToolBar = () => {
     const actions = [cancel, reset, rotate, confirm];
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => React__default.createElement("div", { key: index, className: `${classPrefix}-popup-toolbar-item`, onClick: (_e) => action() }, toolbar[index])))
-    );
+    return React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => React__default.createElement("div", { key: index, className: `${classPrefix}-popup-toolbar-item`, onClick: (_e) => action() }, toolbar[index])));
   };
   const CropperPopup = () => {
     return React__default.createElement(
-      React__default.Fragment,
-      null,
+      "div",
+      { ref: cropperPopupRef, className: `${classPrefix}-popup`, style: { display: visible ? "block" : "none" } },
+      React__default.createElement("canvas", { ref: canvasRef, className: `${classPrefix}-popup-canvas` }),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-popup-highlight`, onTouchStart, onTouchMove, onTouchEnd },
+        React__default.createElement("div", { className: "highlight", style: highlightStyle })
+      ),
       React__default.createElement(
         "div",
-        { ref: cropperPopupRef, className: `${classPrefix}-popup`, style: { display: visible ? "block" : "none" } },
-        React__default.createElement("canvas", { ref: canvasRef, className: `${classPrefix}-popup-canvas` }),
-        React__default.createElement(
-          "div",
-          { className: `${classPrefix}-popup-highlight`, onTouchStart, onTouchMove, onTouchEnd },
-          React__default.createElement("div", { className: "highlight", style: highlightStyle })
-        ),
-        React__default.createElement(
-          "div",
-          { className: toolbarPositionCls },
-          React__default.createElement(ToolBar, null)
-        )
+        { className: toolbarPositionCls },
+        React__default.createElement(ToolBar, null)
       )
     );
   };
@@ -293,7 +293,7 @@ const AvatarCropper = (props) => {
       "div",
       Object.assign({ className: cls }, rest, { style }),
       children,
-      React__default.createElement("input", { ref: inputImageRef, type: "file", accept: "image/*", className: `${classPrefix}-input`, onChange: (e) => inputImageChange(e), "aria-label": "选择图片" }),
+      React__default.createElement("input", { ref: inputImageRef, type: "file", accept: "image/*", className: `${classPrefix}-input`, onChange: (e) => inputImageChange(e), "aria-label": locale.avatarCropper.selectImage }),
       React__default.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)
     ),
     CropperPopup()

package/dist/esm/CalendarItem.js

@@ -549,15 +549,11 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     );
   };
   return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      "div",
-      { className: classes, style },
-      renderHeader(),
-      renderContent(),
-      popup && !autoBackfill ? renderFooter() : ""
-    )
+    "div",
+    { className: classes, style },
+    renderHeader(),
+    renderContent(),
+    popup && !autoBackfill ? renderFooter() : ""
   );
 });
 CalendarItem.displayName = "NutCalendarItem";

package/dist/esm/CountDown.js

@@ -1,11 +1,9 @@
 import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { p as padZero } from "./pad-zero.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { paused: false, startTime: Date.now(), endTime: Date.now(), remainingTime: 0, millisecond: false, format: "HH:mm:ss", autoStart: true, time: 0, destroy: false });
 const InternalCountDown = (props, ref) => {
-  useConfig();
   const _a = Object.assign(Object.assign({}, defaultProps), props), { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children } = _a, rest = __rest(_a, ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"]);
   const classPrefix = "nut-countdown";
   const [restTimeStamp, setRestTime] = useState(0);

package/dist/esm/DatePicker.js

@@ -240,7 +240,7 @@ const DatePicker = (props) => {
   useEffect(() => {
     setPickerOptions(columns());
   }, [selectedDate, startDate, endDate]);
-  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
+  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length > 0 && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
 };
 DatePicker.displayName = "NutDatePicker";
 export {

package/dist/esm/Dialog.js

@@ -9,6 +9,7 @@ import { d as defaultOverlayProps } from "./overlay2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import Overlay__default from "./Overlay.js";
 import { useConfig } from "./ConfigProvider.js";
+import { m as mergeProps } from "./merge-props.js";
 function ConfirmDialog(props) {
   return React__default.createElement(Dialog, Object.assign({}, props), props.content);
 }
@@ -149,8 +150,8 @@ DialogWrap.displayName = "NutDialogWrap";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "bottom", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
 const BaseDialog = (props, ref) => {
   const { locale } = useConfig();
-  const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = props;
-  __rest(props, ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"]);
+  const _a = mergeProps(defaultProps, props), { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = _a;
+  __rest(_a, ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"]);
   const classPrefix = "nut-dialog";
   const [loading, setLoading] = useState(false);
   const renderFooter = () => {
@@ -172,7 +173,7 @@ const BaseDialog = (props, ref) => {
         yield onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
         setLoading(false);
         onClose === null || onClose === void 0 ? void 0 : onClose();
-      } catch (_a) {
+      } catch (_a2) {
         setLoading(false);
       }
     });
@@ -217,7 +218,6 @@ Dialog.confirm = (props) => {
     return confirm(Object.assign(Object.assign({}, props), { isNotice: false, noticeType: type }));
   };
 });
-Dialog.defaultProps = defaultProps;
 Dialog.displayName = "NutDialog";
 export {
   Dialog as default

package/dist/esm/Empty.js

@@ -1,7 +1,6 @@
 import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
-import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { B as Button } from "./button2.js";
 const defaultStatus = {
@@ -12,7 +11,6 @@ const defaultStatus = {
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", imageSize: "", size: "base", status: "empty", actions: [] });
 const classPrefix = `nut-empty`;
 const Empty = (props) => {
-  useConfig();
   const _a = Object.assign(Object.assign({}, defaultProps), props), { image, imageSize, title, description, children, className, size, status, actions } = _a, rest = __rest(_a, ["image", "imageSize", "title", "description", "children", "className", "size", "status", "actions"]);
   const [imgStyle, setImgStyle] = useState({});
   const imageUrl = image || defaultStatus[status];

package/dist/esm/InputNumber.js

@@ -154,11 +154,7 @@ const InputNumber = (props) => {
         [`${classPrefix}-icon-disabled`]: shadowValue === min || disabled
       }) })
     ),
-    React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement("input", { ref: inputRef, inputMode: "decimal", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus })
-    ),
+    React__default.createElement("input", { ref: inputRef, inputMode: "decimal", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus }),
     React__default.createElement(
       "div",
       { className: "nut-input-add", onClick: handlePlus },

package/dist/esm/Layout.js

@@ -1,7 +1,5 @@
 import React__default from "react";
-const defaultProps = {};
-const Layout = (props) => {
-  Object.assign(Object.assign({}, defaultProps), props);
+const Layout = () => {
   return React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";

package/dist/esm/Pagination.js

@@ -78,14 +78,10 @@ const Pagination = (props) => {
       React__default.createElement("div", { className: classNames(`${classPrefix}-next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
     ),
     mode === "lite" && React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-lite` },
-        React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
-        React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
-      )
+      "div",
+      { className: `${classPrefix}-lite` },
+      React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
+      React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
     )
   );
 };

package/dist/esm/Uploader.js

@@ -151,7 +151,7 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
 class FileItem {
   constructor() {
     this.status = "ready";
-    this.message = "准备中..";
+    this.message = "";
     this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
     this.percentage = 0;
     this.formData = {};
@@ -369,7 +369,7 @@ const InternalUploader = (props, ref) => {
     (children || previewType === "list") && React__default.createElement(
       "div",
       { className: "nut-uploader-slot" },
-      children || React__default.createElement(Button__default, { size: "small", type: "primary" }, "上传文件"),
+      children || React__default.createElement(Button__default, { size: "small", type: "primary" }, locale.uploader.list),
       Number(maxCount) > fileList.length && React__default.createElement("input", { className: "nut-uploader-input", type: "file", capture, name, accept, disabled, multiple, onChange: fileChange })
     ),
     React__default.createElement(Preview, {

package/dist/esm/cascader2.js

@@ -6,6 +6,7 @@ import { P as Popup } from "./popup2.js";
 import { T as Tabs } from "./tabs2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
+import { u as useConfig } from "./configprovider.taro.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
   const _a = node, _b = valueKey, value = _a[_b], _c = textKey, text = _a[_c], _d = childrenKey, children = _a[_d], others = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", typeof _d === "symbol" ? _d : _d + ""]);
@@ -124,6 +125,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activ
 }, onPathChange: () => {
 } });
 const InternalCascader = (props, ref) => {
+  const { locale } = useConfig();
   const { className, style, activeColor, activeIcon, popup, popupProps = {}, visible, options, value, defaultValue, optionKey, format, closeable, closeIconPosition, closeIcon, lazy, title, left, onLoad, onClose, onChange, onPathChange } = Object.assign(Object.assign({}, defaultProps), props);
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
@@ -176,6 +178,9 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options, format]);
+  useEffect(() => {
+    syncValue();
+  }, [value]);
   const initData = () => __awaiter(void 0, void 0, void 0, function* () {
     state.lazyLoadMap.clear();
     if (format && Object.keys(format).length > 0) {
@@ -376,7 +381,7 @@ const InternalCascader = (props, ref) => {
               "span",
               { className: "nut-tabs-titles-item-text" },
               !state.initLoading && state.panes.length && ((_a = pane === null || pane === void 0 ? void 0 : pane.selectedNode) === null || _a === void 0 ? void 0 : _a.text),
-              !state.initLoading && state.panes.length && !((_b = pane === null || pane === void 0 ? void 0 : pane.selectedNode) === null || _b === void 0 ? void 0 : _b.text) && "请选择",
+              !state.initLoading && state.panes.length && !((_b = pane === null || pane === void 0 ? void 0 : pane.selectedNode) === null || _b === void 0 ? void 0 : _b.text) && `${locale.select}`,
               !(!state.initLoading && state.panes.length) && "Loading..."
             ),
             React__default.createElement("span", { className: "nut-tabs-titles-item-line" })

package/dist/esm/configprovider.taro.js

@@ -0,0 +1,23 @@
+import "./tslib.es6.js";
+import { createContext, useContext } from "react";
+import "classnames";
+import "lodash.kebabcase";
+import "lodash.isequal";
+import { z as zhCN } from "./zh-CN.js";
+const defaultConfigRef = {
+  current: {
+    locale: zhCN,
+    direction: "ltr"
+  }
+};
+const getDefaultConfig = () => {
+  return defaultConfigRef.current;
+};
+const ConfigContext = createContext(null);
+const useConfig = () => {
+  var _a;
+  return (_a = useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
+};
+export {
+  useConfig as u
+};

package/dist/esm/configprovider2.js

@@ -4,6 +4,7 @@ import React__default, { createContext, useContext } from "react";
 import classNames from "classnames";
 import kebabCase from "lodash.kebabcase";
 import isequal from "lodash.isequal";
+import { z as zhCN } from "./zh-CN.js";
 import { i as inBrowser } from "./raf.js";
 function useMemo(getValue, condition, shouldUpdate) {
   const cacheRef = React.useRef({});
@@ -13,140 +14,6 @@ function useMemo(getValue, condition, shouldUpdate) {
   }
   return cacheRef.current.value;
 }
-const zhCN = {
-  save: "保存",
-  confirm: "确认",
-  cancel: "取消",
-  done: "完成",
-  noData: "暂无数据",
-  placeholder: "请输入内容",
-  select: "请选择",
-  video: {
-    errorTip: "视频加载失败",
-    clickRetry: "点击重试"
-  },
-  fixednav: {
-    activeText: "收起导航",
-    inactiveText: "快速导航"
-  },
-  infiniteloading: {
-    pullRefreshText: "松开刷新",
-    loadText: "加载中",
-    loadMoreText: "没有更多了"
-  },
-  pagination: {
-    prev: "上一页",
-    next: "下一页"
-  },
-  range: {
-    rangeText: "不在该区间内"
-  },
-  calendaritem: {
-    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
-    end: "结束",
-    start: "开始",
-    confirm: "确认",
-    title: "日历选择",
-    monthTitle: (year, month) => `${year}年${Number(month) < 10 ? `0${Number(month)}` : month}月`,
-    today: "今天",
-    loadPreviousMonth: "加载上一个月",
-    noEarlierMonth: "没有更早月份"
-  },
-  shortpassword: {
-    title: "请输入密码",
-    description: "您使用了虚拟资产，请进行验证",
-    tips: "忘记密码"
-  },
-  uploader: {
-    ready: "准备完成",
-    readyUpload: "准备上传",
-    waitingUpload: "等待上传",
-    uploading: "上传中...",
-    success: "上传成功",
-    error: "上传失败",
-    deleteWord: "用户阻止了删除！"
-  },
-  countdown: {
-    day: "天",
-    hour: "时",
-    minute: "分",
-    second: "秒"
-  },
-  address: {
-    selectRegion: "请选择地址",
-    deliveryTo: "配送至",
-    chooseAnotherAddress: "选择其他地址"
-  },
-  signature: {
-    reSign: "重签",
-    unsupported: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
-  },
-  ecard: {
-    chooseText: "请选择电子卡面值",
-    otherValueText: "其他面值",
-    placeholder: "请输入1-5000整数"
-  },
-  timeselect: {
-    pickupTime: "取件时间"
-  },
-  sku: {
-    buyNow: "立即购买",
-    buyNumber: "购买数量",
-    addToCard: "加入购物车"
-  },
-  skuheader: {
-    skuId: "商品编号"
-  },
-  addresslist: {
-    addAddress: "新建地址"
-  },
-  comment: {
-    complaintsText: "我要投诉",
-    additionalReview: (day) => `购买${day}天后追评`,
-    additionalImages: (length) => `${length}张追评图片`
-  },
-  searchbar: {
-    basePlaceholder: "上京东，购好物",
-    text: "文本",
-    test: "测试",
-    title1: "基础用法",
-    title2: "搜索框形状及最大长度",
-    title3: "搜索框内外背景设置",
-    title4: "搜索框文本设置",
-    title5: "自定义图标设置",
-    title6: "数据改变监听"
-  },
-  audio: {
-    back: "快退",
-    forward: "快进",
-    pause: "暂停",
-    start: "开始",
-    mute: "静音",
-    tips: "onPlayEnd事件在loop=false时才会触发"
-  },
-  datepicker: {
-    year: "年",
-    month: "月",
-    day: "日",
-    hour: "时",
-    min: "分",
-    seconds: "秒"
-  },
-  pullToRefresh: {
-    pullingText: "下拉刷新",
-    canReleaseText: "松手刷新",
-    refreshingText: "刷新中",
-    completeText: "刷新成功"
-  },
-  tour: {
-    prevStepText: "上一步",
-    completeText: "完成",
-    nextStepText: "下一步"
-  },
-  watermark: {
-    errorCanvasTips: "当前环境不支持Canvas"
-  }
-};
 const classPrefix = "nut-configprovider";
 const defaultConfigRef = {
   current: {

package/dist/esm/griditem2.js

@@ -1,7 +1,6 @@
 import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { useConfig } from "./ConfigProvider.js";
 import { p as pxCheck } from "./px-check.js";
 const gridContext = {
   onClick: (item, index) => {
@@ -18,7 +17,6 @@ const defaultProps = {
   direction: "vertical"
 };
 const GridItem = (props) => {
-  useConfig();
   const _a = Object.assign(Object.assign({}, defaultProps), props), { children, style, columns, index, gap, square, text, center, reverse, direction, className, onClick } = _a, rest = __rest(_a, ["children", "style", "columns", "index", "gap", "square", "text", "center", "reverse", "direction", "className", "onClick"]);
   const classPrefix = "nut-grid-item";
   const classes = classNames(classPrefix, className);

package/dist/esm/menuitem2.js

@@ -92,6 +92,7 @@ const MenuItem = forwardRef((props, ref) => {
     };
   };
   const micRef = useRef(null);
+  const cssRef = useRef(null);
   const targetSet = [micRef.current];
   useClickAway(
     () => {
@@ -119,7 +120,7 @@ const MenuItem = forwardRef((props, ref) => {
       }, className), style: Object.assign(Object.assign({}, style), isShow()) },
       React__default.createElement(
         CSSTransition,
-        { in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
+        { nodeRef: cssRef, in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
         React__default.createElement(
           "div",
           { className: "nut-menu-container-content" },

package/dist/esm/merge-props.js

@@ -0,0 +1,16 @@
+function mergeProps(...items) {
+  const ret = {};
+  items.forEach((item) => {
+    if (item) {
+      Object.keys(item).forEach((key) => {
+        if (item[key] !== void 0) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
+export {
+  mergeProps as m
+};

package/dist/esm/overlay2.js

@@ -102,13 +102,9 @@ const Overlay = (props) => {
     afterClose && afterClose();
   };
   return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      CSSTransition,
-      { nodeRef, classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
-      React__default.createElement("div", Object.assign({ ref: nodeRef, className: classes, style: styles }, rest, { onClick: handleClick }), children)
-    )
+    CSSTransition,
+    { nodeRef, classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
+    React__default.createElement("div", Object.assign({ ref: nodeRef, className: classes, style: styles }, rest, { onClick: handleClick }), children)
   );
 };
 Overlay.displayName = "NutOverlay";

package/dist/esm/popup2.js

@@ -122,12 +122,12 @@ const Popup = (props) => {
     );
   };
   const renderNode = () => {
-    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(
+    return React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement(Overlay__default, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }),
-      renderPop()
-    ) : React__default.createElement(React__default.Fragment, null, renderPop()));
+      overlay ? React__default.createElement(Overlay__default, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }) : null,
+      React__default.createElement(React__default.Fragment, null, renderPop())
+    );
   };
   useEffect(() => {
     visible && open();