@nutui/nutui-react 1.1.3 → 1.1.4-beta.2

package/dist/esm/CircleProgress.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "strokeInnerWidth", "progress", "isAuto", "progressOption", "className", "style"];
+import _typeof from "@babel/runtime/helpers/typeof";
+var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -10,88 +11,124 @@ import React__default from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
+
+var isObject = function isObject(val) {
+  return val !== null && _typeof(val) === 'object';
+};
+
 var defaultProps = {
-  strokeInnerWidth: 10,
-  progress: 10,
-  isAuto: false,
-  progressOption: {}
+  strokeWidth: 5,
+  radius: 50,
+  strokeLinecap: 'round',
+  circleColor: '',
+  pathColor: '',
+  clockwise: true
 };
 
 var CircleProgress = function CircleProgress(props) {
+  var _stop;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
-      strokeInnerWidth = _defaultProps$props.strokeInnerWidth,
       progress = _defaultProps$props.progress,
-      isAuto = _defaultProps$props.isAuto,
-      progressOption = _defaultProps$props.progressOption,
       className = _defaultProps$props.className,
+      radius = _defaultProps$props.radius,
+      pathColor = _defaultProps$props.pathColor,
+      clockwise = _defaultProps$props.clockwise,
+      circleColor = _defaultProps$props.circleColor,
+      strokeWidth = _defaultProps$props.strokeWidth,
       style = _defaultProps$props.style,
+      strokeLinecap = _defaultProps$props.strokeLinecap,
       restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var b = cn('circleprogress');
   var classes = classNames(className, b(''));
+  var refRandomId = Math.random().toString(36).slice(-8);
+
+  var styles = _objectSpread({
+    height: "".concat(Number(radius) * 2, "px"),
+    width: "".concat(Number(radius) * 2, "px")
+  }, style);
+
+  var pathStyle = {
+    stroke: pathColor
+  };
 
-  var option = function option() {
-    // 所有进度条的可配置项
-    var baseOption = {
-      radius: 50,
-      strokeOutWidth: 10,
-      backColor: '#d9d9d9',
-      progressColor: 'red',
-      cy: 1,
-      cx: 1,
-      size: 1,
-      startPosition: ''
+  var hoverStyle = function hoverStyle() {
+    var perimeter = 283;
+    var offset = perimeter * Number(progress) / 100;
+    return {
+      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
+      strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
-    Object.assign(baseOption, progressOption); // 圆心位置自动生成
+  };
 
-    baseOption.cy = baseOption.cx = baseOption.radius + baseOption.strokeOutWidth;
-    baseOption.size = (baseOption.radius + baseOption.strokeOutWidth) * 2;
-    baseOption.startPosition = "rotate(-90,".concat(baseOption.cx, ",").concat(baseOption.cy, ")");
-    return baseOption;
+  var path = function path() {
+    var isWise = clockwise ? 1 : 0;
+    return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
   };
 
-  var styles = _objectSpread({
-    height: "".concat(option().size, "px"),
-    width: "".concat(option().size, "px")
-  }, style);
+  var hoverColor = function hoverColor() {
+    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
+  };
 
-  var arcLength = function arcLength() {
-    var circleLength = Math.floor(2 * Math.PI * option().radius);
-    var progressLength = progress / 100 * circleLength;
-    return "".concat(progressLength, ",").concat(circleLength);
+  var stop = function stop() {
+    if (!isObject(circleColor)) {
+      return;
+    }
+
+    var color = circleColor;
+    var colorArr = Object.keys(color).sort(function (a, b) {
+      return parseFloat(a) - parseFloat(b);
+    });
+    var stopArr = [];
+    colorArr.map(function (item) {
+      var obj = {
+        key: '',
+        value: ''
+      };
+      obj.key = item;
+      obj.value = color[item];
+      stopArr.push(obj);
+    });
+    return stopArr;
   };
 
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
   }, restProps), React__default.createElement("svg", {
-    height: option().size,
-    width: option().size,
-    "x-mlns": "http://www.w3.org/200/svg"
-  }, React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().backColor,
-    strokeWidth: option().strokeOutWidth,
-    fill: "none"
-  }), React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().progressColor,
-    strokeWidth: strokeInnerWidth,
-    strokeDasharray: arcLength(),
-    transform: option().startPosition,
+    viewBox: "0 0 100 100"
+  }, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
+    id: refRandomId,
+    x1: "100%",
+    y1: "0%",
+    x2: "0%",
+    y2: "0%"
+  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function (item, index) {
+    return React__default.createElement("stop", {
+      key: index,
+      offset: item.key,
+      stopColor: item.value
+    });
+  }))), React__default.createElement("path", {
+    className: "nut-circleprogress-path",
+    style: pathStyle,
+    d: path(),
     fill: "none",
-    strokeLinecap: "round",
-    style: {
-      transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s'
-    }
+    strokeWidth: strokeWidth
+  }), React__default.createElement("path", {
+    className: "nut-circleprogress-hover",
+    style: hoverStyle(),
+    d: path(),
+    fill: "none",
+    stroke: hoverColor(),
+    strokeLinecap: strokeLinecap,
+    transform: "rotate(90,50,50)",
+    strokeWidth: strokeWidth
   })), React__default.createElement("div", {
-    className: "nut-circleprogress-content"
-  }, !isAuto ? "".concat(progress, "%") : React__default.createElement(React__default.Fragment, null, children)));
+    className: "nut-circleprogress-text"
+  }, children ? children : React__default.createElement("div", null, progress, "%")));
 };
 
 CircleProgress.defaultProps = defaultProps;

package/dist/esm/Collapse.js

@@ -19,7 +19,7 @@ var defaultProps = {
 };
 
 function areEqual(prevProps, nextProps) {
-  return JSON.stringify(prevProps.activeName) == JSON.stringify(nextProps.activeName);
+  return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
 }
 
 var Collapse = memo(function (props) {
@@ -90,7 +90,7 @@ var Collapse = memo(function (props) {
 
   return React__default.createElement("div", {
     className: colBem()
-  }, childrenDom.map(function (item, index) {
+  }, childrenDom.map(function (item) {
     return React__default.cloneElement(item, {
       isOpen: defaultOpenIndex.includes(item.props.name),
       onToggle: function onToggle(isOpen, name) {

package/dist/esm/ConfigProvider/style/index.js

@@ -0,0 +1,2 @@
+
+require('../../../packages/configprovider/configprovider.scss')

package/dist/esm/ConfigProvider.js

@@ -0,0 +1,146 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { createContext, useContext } from 'react';
+var zhCN = {
+  save: '保存',
+  confirm: '确认',
+  cancel: '取消',
+  done: '完成',
+  noData: '暂无数据',
+  placeholder: '请输入内容',
+  select: '请选择',
+  video: {
+    errorTip: '视频加载失败',
+    clickRetry: '点击重试'
+  },
+  fixednav: {
+    activeText: '收起导航',
+    unActiveText: '快速导航'
+  },
+  infiniteloading: {
+    pullRefreshText: '松开刷新',
+    loadText: '加载中……',
+    loadMoreText: '哎呀，这里是底部了啦'
+  },
+  pagination: {
+    prev: '上一页',
+    next: '下一页'
+  },
+  range: {
+    rangeText: '不在该区间内'
+  },
+  calendaritem: {
+    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
+    end: '结束',
+    start: '开始',
+    title: '日历选择',
+    monthTitle: function monthTitle(year, month) {
+      return "".concat(year, "\u5E74").concat(month, "\u6708");
+    },
+    today: '今天',
+    loadPreviousMonth: '加载上一个月',
+    noEarlierMonth: '没有更早月份'
+  },
+  shortpassword: {
+    title: '请输入密码',
+    desc: '您使用了虚拟资产，请进行验证',
+    tips: '忘记密码'
+  },
+  uploader: {
+    ready: '准备完成',
+    readyUpload: '准备上传',
+    waitingUpload: '等待上传',
+    uploading: '上传中',
+    success: '上传成功',
+    error: '上传失败'
+  },
+  countdown: {
+    day: '天',
+    hour: '时',
+    minute: '分',
+    second: '秒'
+  },
+  address: {
+    selectRegion: '请选择所在地区',
+    deliveryTo: '配送至',
+    chooseAnotherAddress: '选择其他地址'
+  },
+  signature: {
+    reSign: '重签',
+    unSupportTpl: '对不起，当前浏览器不支持Canvas，无法使用本控件！'
+  },
+  ecard: {
+    chooseText: '请选择电子卡面值',
+    otherValueText: '其他面值',
+    placeholder: '请输入1-5000整数'
+  },
+  timeselect: {
+    pickupTime: '取件时间'
+  },
+  sku: {
+    buyNow: '立即购买',
+    buyNumber: '购买数量',
+    addToCard: '加入购物车'
+  },
+  skuheader: {
+    skuId: '商品编号'
+  },
+  addresslist: {
+    addAddress: '新建地址'
+  },
+  comment: {
+    complaintsText: '我要投诉',
+    additionalReview: function additionalReview(day) {
+      return "\u8D2D\u4E70".concat(day, "\u5929\u540E\u8FFD\u8BC4");
+    },
+    additionalImages: function additionalImages(length) {
+      return "".concat(length, "\u5F20\u8FFD\u8BC4\u56FE\u7247");
+    }
+  }
+};
+var defaultProps = {
+  locale: zhCN
+};
+var defaultConfigRef = {
+  current: {
+    locale: zhCN
+  }
+};
+
+var setDefaultConfig = function setDefaultConfig(config) {
+  defaultConfigRef.current = config;
+};
+
+var getDefaultConfig = function getDefaultConfig() {
+  return defaultConfigRef.current;
+};
+
+var useConfig = function useConfig() {
+  var _useContext;
+
+  return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
+}; // 创建一个 Context 对象
+
+
+var ConfigContext = createContext(null);
+
+var ConfigProvider = function ConfigProvider(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      config = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var parentConfig = useConfig();
+  return React__default.createElement(ConfigContext.Provider, {
+    value: _objectSpread(_objectSpread({}, parentConfig), config)
+  }, children);
+};
+
+ConfigProvider.defaultProps = defaultProps;
+ConfigProvider.displayName = 'NutConfigProvider';
+export { ConfigProvider as default, getDefaultConfig, setDefaultConfig, useConfig };

package/dist/esm/CountDown.js

@@ -9,6 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
   showPlainText: false,
@@ -19,6 +20,9 @@ var defaultProps = {
 };
 
 var CountDown = function CountDown(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       showPlainText = _defaultProps$props.showPlainText,
       showDays = _defaultProps$props.showDays,
@@ -114,7 +118,7 @@ var CountDown = function CountDown(props) {
     var t = timeStr;
     t = t > 0 ? +t : t.toString().replace(/\-/g, '/');
     return new Date(t).getTime();
-  }; // 展示文案
+  }; // 展示文案，English todo @hanyuxinting
 
 
   var plainText = function () {
@@ -122,8 +126,8 @@ var CountDown = function CountDown(props) {
         h = resttime.h,
         m = resttime.m,
         s = resttime.s;
-    var showDayshours = Number(d) > 0 && showDays ? "".concat(d, "\u5929").concat(h) : h;
-    return "".concat(showDayshours, "\u5C0F\u65F6").concat(m, "\u5206").concat(s, "\u79D2");
+    var showDayshours = Number(d) > 0 && showDays ? "".concat(d).concat(locale.countdown.day).concat(h) : h;
+    return "".concat(showDayshours).concat(locale.countdown.hour).concat(m).concat(locale.countdown.minute).concat(s).concat(locale.countdown.second);
   }(); // 初始化
 
 
@@ -199,7 +203,7 @@ var CountDown = function CountDown(props) {
     className: b('block')
   }, resttime.d), React__default.createElement("div", {
     className: b('dot')
-  }, "\u5929")) : null, React__default.createElement("div", {
+  }, locale.countdown.day || ':')) : null, React__default.createElement("div", {
     className: b('block')
   }, resttime.h), React__default.createElement("div", {
     className: b('dot')

package/dist/esm/Dialog.js

@@ -12,6 +12,7 @@ import classNames from 'classnames';
 import Button from './Button.js';
 import { CSSTransition } from 'react-transition-group';
 import ReactDOM__default from 'react-dom';
+import { useConfig } from './ConfigProvider.js';
 
 var Content = function Content(props) {
   var visible = props.visible,
@@ -249,6 +250,9 @@ var defaultProps = {
 };
 
 var BaseDialog = function BaseDialog(props, ref) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var visible = props.visible,
       footer = props.footer,
       noOkBtn = props.noOkBtn,
@@ -266,7 +270,7 @@ var BaseDialog = function BaseDialog(props, ref) {
   var renderFooter = function renderFooter() {
     if (footer === null) return;
 
-    var handleCancel = function handleCancel(e) {
+    var handleCancel = function handleCancel() {
       if (!cancelAutoClose) return;
       onClosed === null || onClosed === void 0 ? void 0 : onClosed();
       onCancel === null || onCancel === void 0 ? void 0 : onCancel();
@@ -293,7 +297,7 @@ var BaseDialog = function BaseDialog(props, ref) {
       onClick: function onClick() {
         return handleCancel();
       }
-    }, cancelText), !noOkBtn && React__default.createElement(Button, {
+    }, locale.cancel || cancelText), !noOkBtn && React__default.createElement(Button, {
       size: "small",
       type: "primary",
       className: classNames('nut-dialog__footer-ok', {
@@ -303,7 +307,7 @@ var BaseDialog = function BaseDialog(props, ref) {
       onClick: function onClick() {
         return handleOk();
       }
-    }, okText));
+    }, locale.confirm || okText));
     return footerContent;
   };
 

package/dist/esm/FixedNav.js

@@ -11,6 +11,7 @@ import classNames from 'classnames';
 import Icon from './Icon.js';
 import Overlay from './Overlay.js';
 import { c as cn } from './bem-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
   fixednavClass: 'nut-fixednav',
@@ -24,6 +25,9 @@ var defaultProps = {
 };
 
 var FixedNav = function FixedNav(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       fixednavClass = _defaultProps$props.fixednavClass,
       overlay = _defaultProps$props.overlay,
@@ -97,7 +101,7 @@ var FixedNav = function FixedNav(props) {
     color: "#fff"
   }), React__default.createElement("div", {
     className: "text"
-  }, visible ? activeText : unActiveText))));
+  }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
 };
 
 FixedNav.defaultProps = defaultProps;

package/dist/esm/Infiniteloading.js

@@ -11,6 +11,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
   hasMore: true,
@@ -27,6 +28,9 @@ var defaultProps = {
 };
 
 var Infiniteloading = function Infiniteloading(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
       hasMore = _defaultProps$props.hasMore,
@@ -213,7 +217,7 @@ var Infiniteloading = function Infiniteloading(props) {
     name: pullIcon
   }), React__default.createElement("span", {
     className: "top-text"
-  }, pullTxt))), React__default.createElement("div", {
+  }, locale.infiniteloading.pullRefreshText || pullTxt))), React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), React__default.createElement("div", {
     className: "nut-infinite-bottom"
@@ -224,9 +228,9 @@ var Infiniteloading = function Infiniteloading(props) {
     name: loadIcon
   }), React__default.createElement("div", {
     className: "bottom-text"
-  }, loadTxt)) : !hasMore && React__default.createElement("div", {
+  }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && React__default.createElement("div", {
     className: "tips"
-  }, loadMoreTxt)));
+  }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
 };
 
 Infiniteloading.defaultProps = defaultProps;

package/dist/esm/Input.js

@@ -8,6 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 
 function trimExtraChar(value, _char, regExp) {
@@ -58,6 +59,9 @@ var defaultProps = {
 };
 
 var Input = function Input(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       type = _defaultProps$props.type,
       defaultValue = _defaultProps$props.defaultValue,
@@ -155,7 +159,7 @@ var Input = function Input(props) {
   }, label) : null), React__default.createElement("input", {
     className: "input-text",
     type: type,
-    placeholder: placeholder,
+    placeholder: locale.placeholder || placeholder,
     disabled: disabled,
     readOnly: readonly,
     value: inputValue,

package/dist/esm/NoticeBar.js

@@ -191,7 +191,7 @@ var NoticeBar = function NoticeBar(props) {
     }, 0);
   };
   /**
-   * 利益点滚动方式一
+   * 滚动方式一
    */
 
 

package/dist/esm/Pagination.js

@@ -8,6 +8,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useState, useEffect } from 'react';
+import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
@@ -27,6 +28,9 @@ var defaultProps = {
 };
 
 var Pagination = function Pagination(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   _objectSpread(_objectSpread({}, defaultProps), props);
 
   var modelValue = props.modelValue,
@@ -172,7 +176,7 @@ var Pagination = function Pagination(props) {
     onClick: function onClick(e) {
       return selectPage(Number(currentPage) - 1, true);
     }
-  }, prevText), mode == 'multi' ? React__default.createElement("div", {
+  }, locale.pagination.prev || prevText), mode == 'multi' ? React__default.createElement("div", {
     className: "".concat(paginationBem('contain'))
   }, pages.map(function (item, index) {
     return React__default.createElement("div", {
@@ -191,7 +195,7 @@ var Pagination = function Pagination(props) {
     onClick: function onClick(e) {
       return selectPage(Number(currentPage) + 1, true);
     }
-  }, nextText));
+  }, locale.pagination.next || nextText));
 };
 
 Pagination.defaultProps = defaultProps;

package/dist/esm/Picker.js

@@ -10,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
 import Popup from './Popup.js';
+import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 
@@ -241,6 +242,9 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
 var PickerSlot = React__default.forwardRef(InternalPickerSlot);
 
 var InternalPicker = function InternalPicker(props, ref) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var isVisible = props.isVisible,
       title = props.title,
       _props$listData2 = props.listData,
@@ -372,14 +376,14 @@ var InternalPicker = function InternalPicker(props, ref) {
     onClick: function onClick() {
       return closeActionSheet();
     }
-  }, "\u53D6\u6D88"), React__default.createElement("div", {
+  }, locale.cancel), React__default.createElement("div", {
     className: b('title')
   }, title || ''), React__default.createElement("span", {
     className: b('confirm-btn'),
     onClick: function onClick() {
       return confirm();
     }
-  }, "\u786E\u5B9A")), React__default.createElement("div", {
+  }, locale.confirm)), React__default.createElement("div", {
     className: b('panel'),
     ref: pickerRef
   }, listData === null || listData === void 0 ? void 0 : listData.map(function (item, index) {

package/dist/esm/Range.js

@@ -8,6 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import Toast from './Toast.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var MIN_DISTANCE = 10;
 
@@ -168,6 +169,9 @@ var startValue;
 var currentValue;
 
 var Range = function Range(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       className = _defaultProps$props.className,
       range = _defaultProps$props.range,
@@ -208,7 +212,7 @@ var Range = function Range(props) {
     if (modelValue) {
       if (!range && (modelValue < min || modelValue > max)) {
         SetInitValue(0);
-        Toast.text("".concat(modelValue, "\u4E0D\u5728\u8BE5\u533A\u95F4\u5185"));
+        Toast.text("".concat(modelValue, " ").concat(locale.range.rangeText));
         return;
       }