@nutui/nutui-react 1.1.3-beta.1 → 1.1.4-beta.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## v1.1.3
+`2022-04-18`
+
+* :zap: feat(countdown): 新增 countdown 组件(#107 ) @irisSong
+* :zap: feat(upload): 新增 defaultImg 属性支持(#108 ) @junjun666
+* :bug: fix(dialog): 修复Dialog自定义关闭事件不清除body样式类问题(#111 ) @yangjinjun3
+* :zap: feat: NutUI-React 官网增加 countdown 组件的文档。
+
 ## v1.1.2
 `2022-03-29`
 

package/dist/esm/Address.js

@@ -13,6 +13,7 @@ import React__default, { useEffect, useState, useRef } from 'react';
 import Icon from './Icon.js';
 import Popup from './Popup.js';
 import { c as cn } from './bem-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
 import Elevator from './Elevator.js';
 import '@bem-react/classname';
 var defaultProps$2 = {
@@ -25,6 +26,9 @@ var defaultProps$2 = {
 };
 
 var ExistRender = function ExistRender(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
       children = _defaultProps$2$props.children,
       type = _defaultProps$2$props.type,
@@ -103,7 +107,7 @@ var ExistRender = function ExistRender(props) {
     onClick: switchModule
   }, React__default.createElement("div", {
     className: b('choose-other-btn')
-  }, customAndExistTitle)));
+  }, locale.address.chooseAnotherAddress || customAndExistTitle)));
 };
 
 var defaultProps$1 = {
@@ -116,6 +120,9 @@ var defaultProps$1 = {
 };
 
 var CustomRender = function CustomRender(props) {
+  var _useConfig2 = useConfig(),
+      locale = _useConfig2.locale;
+
   var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
       children = _defaultProps$1$props.children,
       type = _defaultProps$1$props.type,
@@ -131,9 +138,8 @@ var CustomRender = function CustomRender(props) {
   var b = cn('address');
 
   var _useState = useState(type),
-      _useState2 = _slicedToArray(_useState, 2),
-      privateType = _useState2[0],
-      setPrivateType = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 1),
+      privateType = _useState2[0];
 
   var _useState3 = useState(0),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -141,9 +147,8 @@ var CustomRender = function CustomRender(props) {
       setTabIndex = _useState4[1];
 
   var _useState5 = useState(['province', 'city', 'country', 'town']),
-      _useState6 = _slicedToArray(_useState5, 2),
-      tabName = _useState6[0],
-      setTabName = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 1),
+      tabName = _useState6[0];
 
   var provinceRef = useRef(null);
   var cityRef = useRef(null);
@@ -229,7 +234,7 @@ var CustomRender = function CustomRender(props) {
       return item.name;
     }
 
-    return '请选择';
+    return locale.select;
   };
 
   var mapRef = {
@@ -397,6 +402,9 @@ var defaultProps = {
 };
 
 var Address = function Address(props) {
+  var _useConfig3 = useConfig(),
+      locale = _useConfig3.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       modelValue = _defaultProps$props.modelValue,
       children = _defaultProps$props.children,
@@ -432,9 +440,8 @@ var Address = function Address(props) {
       setPrivateType = _useState14[1];
 
   var _useState15 = useState(['province', 'city', 'country', 'town']),
-      _useState16 = _slicedToArray(_useState15, 2),
-      tabName = _useState16[0],
-      setTabName = _useState16[1];
+      _useState16 = _slicedToArray(_useState15, 1),
+      tabName = _useState16[0];
 
   var _useState17 = useState(modelValue),
       _useState18 = _slicedToArray(_useState17, 2),
@@ -464,25 +471,15 @@ var Address = function Address(props) {
       _useState22 = _slicedToArray(_useState21, 2),
       selectedExistAddress = _useState22[0],
       setSelectedExistAddress = _useState22[1]; // 当前选择的地址
-
-
-  var _useState23 = useState('self'),
-      _useState24 = _slicedToArray(_useState23, 2),
-      closeWay = _useState24[0],
-      setCloseWay = _useState24[1]; // 手动关闭 点击叉号(cross)，或者蒙层(mask)
+  // 手动关闭 点击叉号(cross)，或者蒙层(mask)
 
 
   var handClose = function handClose() {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'self';
-    setCloseWay(function () {
-      return type === 'cross' ? 'cross' : 'self';
-    });
     setShowPopup(false);
   }; // 点击遮罩层关闭
 
 
   var clickOverlay = function clickOverlay() {
-    setCloseWay('mask');
     closeMask && closeMask({
       closeWay: 'mask'
     });
@@ -571,9 +568,9 @@ var Address = function Address(props) {
       color: "#cccccc"
     })), React__default.createElement("div", {
       className: b('header__title')
-    }, privateType === 'custom' ? customAddressTitle : existAddressTitle), React__default.createElement("div", {
+    }, privateType === 'custom' ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), React__default.createElement("div", {
       onClick: function onClick() {
-        return handClose('cross');
+        return handClose();
       }
     }, closeBtnIcon && React__default.createElement(Icon, {
       name: closeBtnIcon,
@@ -594,9 +591,6 @@ var Address = function Address(props) {
     visible: showPopup,
     position: "bottom",
     onClickOverlay: clickOverlay,
-    onOpen: function onOpen() {
-      setCloseWay('self');
-    },
     onClose: function onClose() {
       closeFun();
     }
@@ -620,7 +614,7 @@ var Address = function Address(props) {
     selectedIcon: selectedIcon,
     defaultIcon: defaultIcon,
     isShowCustomAddress: isShowCustomAddress,
-    customAndExistTitle: customAndExistTitle,
+    customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
     onSelected: selectedExist,
     onSwitchModule: onSwitchModule
   }))));

package/dist/esm/Badge.js

@@ -19,10 +19,8 @@ var defaultProps = {
 
 var Badge = function Badge(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      value = _defaultProps$props.value,
       children = _defaultProps$props.children,
       dot = _defaultProps$props.dot,
-      max = _defaultProps$props.max,
       top = _defaultProps$props.top,
       right = _defaultProps$props.right,
       zIndex = _defaultProps$props.zIndex,

package/dist/esm/Calendar.js

@@ -8,6 +8,7 @@ import React__default from 'react';
 import Popup from './Popup.js';
 import CalendarItem from './CalendarItem.js';
 import { U as Utils } from './date-b4847376.js';
+import { useConfig } from './ConfigProvider.js';
 var defaultProps = {
   type: 'one',
   isAutoBackFill: false,
@@ -22,6 +23,9 @@ var defaultProps = {
 };
 
 var Calendar = function Calendar(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
       poppable = _defaultProps$props.poppable,
@@ -61,7 +65,7 @@ var Calendar = function Calendar(props) {
     type: type,
     isAutoBackFill: isAutoBackFill,
     poppable: poppable,
-    title: title,
+    title: locale.calendaritem.title || title,
     defaultValue: defaultValue,
     startDate: startDate,
     endDate: endDate,
@@ -72,7 +76,7 @@ var Calendar = function Calendar(props) {
     type: type,
     isAutoBackFill: isAutoBackFill,
     poppable: poppable,
-    title: title,
+    title: locale.calendaritem.title,
     defaultValue: defaultValue,
     startDate: startDate,
     endDate: endDate,

package/dist/esm/CalendarItem.js

@@ -10,6 +10,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { U as Utils } from './date-b4847376.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 
 function requestAniFrame() {
@@ -42,12 +43,13 @@ var defaultProps = {
 var CalendarItem = function CalendarItem(props) {
   var _classNames, _classNames2;
 
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
       type = _defaultProps$props.type,
       isAutoBackFill = _defaultProps$props.isAutoBackFill,
       poppable = _defaultProps$props.poppable,
-      visible = _defaultProps$props.visible,
       title = _defaultProps$props.title,
       defaultValue = _defaultProps$props.defaultValue,
       startDate = _defaultProps$props.startDate,
@@ -56,7 +58,7 @@ var CalendarItem = function CalendarItem(props) {
       onUpdate = _defaultProps$props.onUpdate,
       onClose = _defaultProps$props.onClose;
 
-  var weeks = ['日', '一', '二', '三', '四', '五', '六'];
+  var weeks = locale.calendaritem.weekdays;
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -95,9 +97,8 @@ var CalendarItem = function CalendarItem(props) {
     isRange: type === 'range',
     timer: 0
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      state = _useState8[0],
-      setState = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 1),
+      state = _useState8[0];
 
   var weeksPanel = useRef(null);
   var months = useRef(null);
@@ -263,7 +264,7 @@ var CalendarItem = function CalendarItem(props) {
     };
     var monthInfo = {
       curData: curData,
-      title: "".concat(title.year, "\u5E74").concat(title.month, "\u6708"),
+      title: locale.calendaritem.monthTitle(title.year, title.month),
       monthData: [].concat(_toConsumableArray(getDaysStatus(preMonthDays, 'prev')), _toConsumableArray(getDaysStatus(currMonthDays, 'curr')))
     };
 
@@ -491,7 +492,7 @@ var CalendarItem = function CalendarItem(props) {
     className: headerClasses
   }, poppable ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "calendar-title"
-  }, title), React__default.createElement("div", {
+  }, locale.calendaritem.title), React__default.createElement("div", {
     className: "calendar-curr-month"
   }, yearMonthTitle)) : '', React__default.createElement("div", {
     className: "calendar-weeks",
@@ -512,7 +513,7 @@ var CalendarItem = function CalendarItem(props) {
     ref: monthsPanel
   }, React__default.createElement("div", {
     className: "calendar-loading-tip"
-  }, !unLoadPrev ? '加载上一个月' : '没有更早月份'), monthsData.map(function (month, key) {
+  }, !unLoadPrev ? locale.calendaritem.loadPreviousMonth : locale.calendaritem.noEarlierMonth), monthsData.map(function (month, key) {
     return React__default.createElement("div", {
       className: "calendar-month",
       key: key
@@ -533,18 +534,18 @@ var CalendarItem = function CalendarItem(props) {
         className: "calendar-day"
       }, day.type === 'curr' ? day.day : ''), isCurrDay(month, day.day) ? React__default.createElement("div", {
         className: "calendar-curr-tips"
-      }, "\u4ECA\u5929") : '', isStartTip(day, month) ? React__default.createElement("div", {
+      }, locale.calendaritem.today) : '', isStartTip(day, month) ? React__default.createElement("div", {
         className: "calendar-day-tip"
-      }, "\u5F00\u59CB") : isEndTip(day, month) ? React__default.createElement("div", {
+      }, locale.calendaritem.start) : isEndTip(day, month) ? React__default.createElement("div", {
         className: "calendar-day-tip"
-      }, "\u7ED3\u675F") : '');
+      }, locale.calendaritem.end) : '');
     }))));
   }))), poppable && !isAutoBackFill ? React__default.createElement("div", {
     className: "nut-calendar-footer"
   }, React__default.createElement("div", {
     className: "calendar-confirm-btn",
     onClick: confirm
-  }, "\u786E\u5B9A")) : ''));
+  }, locale.confirm)) : ''));
 };
 
 CalendarItem.defaultProps = defaultProps;

package/dist/esm/CheckboxGroup.js

@@ -83,7 +83,7 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
   }
 
   function cloneChildren() {
-    return React__default.Children.map(children, function (child, index) {
+    return React__default.Children.map(children, function (child) {
       var childChecked = validateChildChecked(child);
 
       if (child.type.displayName !== 'NutCheckBox') {

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/style/index.js

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