@nutui/nutui-react 1.4.6-beta.0 → 1.4.7-beta.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v1.4.7
+`2023-02-15`
+
+* :sparkles: feat: swiper 新增重新计算尺寸方法，文档修改 (#649) @lkjh3214
+* :sparkles: feat: button 增加iconSize 属性，提取视觉元素变量 (#654) @xiaoyatong
+* :sparkles: feat: form表单组件新增initialValue初始值属性 (#671) @junjun666
+* :sparkles: feat: popup增加closeiconsize属性，提取元素变量 (#663) @xiaoyatong
+* :sparkles: feat: progress 提取元素变量，去掉无意义属性，增加fillcolor demo (#662) @xiaoyatong
+* :sparkles: feat: searchbar 新增 cleariconsize，提取元素变量 (#660) @xiaoyatong
+* :sparkles: feat: swipe 组件对外暴露 onTouchStart onTouchMove onTouchEnd 事件 (#656) @oasis-cloud
+* :sparkles: feat: swiper 增加元素变量提取 (#666) @xiaoyatong
+* :sparkles: feat: tabbar增加视觉变量，调整样式布局，支持独立配置icon大小 (#653) @xiaoyatong
+* :sparkles: feat: tag 增加iconSize属性，提取元素变量 (#657) @xiaoyatong
+* :bug: fix: ellipsis内存泄露 (#646) @Kason Yang
+* :bug: fix: numberkeyboard add new props overlay (#661) @Drjingfubo
+* :bug: fix: checkboxgroup options渲染 (#638) @Kason Yang
+* :bug: fix: docs “废弃”格式不一致，统一修复 (#652) @xiaoyatong
+* :bug: fix: jest waring (#651) @oasis-cloud
+* :bug: fix: radio 反转样式，不可选状态默认也不可选 (#659) @xiaoyatong
+* :bug: fix: 修改elevator组件自定义内容使用方式 (#630) @拧巴的猫
+* :bug: fix: 暗黑模式下部分组件样式问题 (#670) @xiaoyatong
+* 🔨 chore: 本地开发切换到模拟器后，刷新页面跳转到demo (#669) @oasis-cloud
+* 📖 docs: button 文档 (#655) @xiaoyatong
+* 📖 docs: progress 文档修改 (#673) @xiaoyatong
+
+
 # v1.4.6
 `2023-02-08`
 

package/dist/esm/Button.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "iconSize", "children", "onClick", "className", "style", "iconClassPrefix", "iconFontClassName"];
 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, { useCallback, useState, useEffect } from 'react';
@@ -18,6 +18,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   size: 'normal',
   block: false,
   icon: '',
+  iconSize: '16',
   style: {},
   children: undefined,
   onClick: function onClick(e) {}
@@ -33,6 +34,7 @@ var Button = function Button(props) {
     size = _defaultProps$props.size,
     block = _defaultProps$props.block,
     icon = _defaultProps$props.icon,
+    iconSize = _defaultProps$props.iconSize,
     children = _defaultProps$props.children,
     onClick = _defaultProps$props.onClick,
     className = _defaultProps$props.className,
@@ -71,7 +73,7 @@ var Button = function Button(props) {
   useEffect(function () {
     setBtnName(classes());
     setBtnStyle(getStyle());
-  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, children, onClick, classes, getStyle]);
+  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, iconSize, children, onClick, classes, getStyle]);
   var handleClick = function handleClick(e) {
     if (!loading && !disabled && onClick) {
       onClick(e);
@@ -95,7 +97,8 @@ var Button = function Button(props) {
     }), !loading && icon ? React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
-      name: icon
+      name: icon,
+      size: iconSize
     }) : '', children && React__default.createElement("div", {
       className: icon || loading ? 'text' : ''
     }, children)))

package/dist/esm/CheckboxGroup.js

@@ -132,7 +132,7 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
         checked: childChecked
       }));
     });
-  }, [innerValue, options]);
+  }, [innerValue, options, innerDisabled]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className || '')
   }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren());

package/dist/esm/Elevator.js

@@ -252,4 +252,5 @@ var Elevator = function Elevator(props) {
 };
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = 'NutElevator';
+Elevator.Context = elevatorContext;
 export { Elevator as default };

package/dist/esm/Ellipsis.js

@@ -44,9 +44,6 @@ var Ellipsis = function Ellipsis(props) {
   }, []);
   useEffect(function () {
     if (content) {
-      if (container) {
-        document.body.appendChild(container);
-      }
       createContainer();
     }
   }, [content]);
@@ -75,6 +72,7 @@ var Ellipsis = function Ellipsis(props) {
     container.innerText = content;
     document.body.appendChild(container);
     calcEllipse();
+    document.body.removeChild(container);
   };
   // 计算省略号的位置
   var calcEllipse = function calcEllipse() {
@@ -86,7 +84,6 @@ var Ellipsis = function Ellipsis(props) {
       var middle = Math.floor((0 + end) / 2);
       var ellipsised = direction === 'middle' ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
       ellipsis.current = ellipsised;
-      document.body.removeChild(container);
     }
   };
   // 计算 start/end 省略

package/dist/esm/Form.js

@@ -9,7 +9,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, { useRef } from 'react';
 import { C as CellGroup } from './cellgroup-3402f96c.js';
-import { F as FormItemContext, a as FormItem } from './formitem-9d18eb24.js';
+import { F as FormItemContext, a as FormItem } from './formitem-bab4c481.js';
 import Schema from 'async-validator';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import './bem-893ad28d.js';
@@ -45,14 +45,14 @@ function FormStore() {
   });
   _defineProperty(this, "setFieldsValue", function (newStore) {
     _this.store = _objectSpread(_objectSpread({}, _this.store), newStore);
-    _this.fieldEntities.forEach(function (enetity) {
-      var name = enetity.props.name;
-      Object.keys(newStore).forEach(function (key) {
-        if (key === name) {
-          enetity.onStoreChange();
-        }
-      });
-    });
+    // this.fieldEntities.forEach((enetity: FieldEntity) => {
+    //   const { name } = enetity.props
+    //   Object.keys(newStore).forEach((key) => {
+    //     if (key === name) {
+    //       enetity.onStoreChange()
+    //     }
+    //   })
+    // })
   });
   _defineProperty(this, "validate", function () {
     var err = [];
@@ -82,10 +82,10 @@ function FormStore() {
           (_this$errList = _this.errList).push.apply(_this$errList, _toConsumableArray(errors));
           // 表单项更新
         }
-
-        entity.onStoreChange();
+        // entity.onStoreChange()
       });
     });
+
     return err;
   });
   _defineProperty(this, "setCallback", function (callback) {

package/dist/esm/FormItem.js

@@ -1,5 +1,5 @@
-import { a as FormItem } from './formitem-9d18eb24.js';
-export { a as default } from './formitem-9d18eb24.js';
+import { a as FormItem } from './formitem-bab4c481.js';
+export { a as default } from './formitem-bab4c481.js';
 import 'react';
 import './Cell.js';
 import './typings-1c5f2628.js';

package/dist/esm/Notify.js

@@ -156,7 +156,6 @@ var options = {
   type: 'danger',
   className: '',
   position: 'top',
-  isWrapTeleport: true,
   onClosed: function onClosed() {},
   onClick: function onClick() {}
 };

package/dist/esm/NumberKeyboard.js

@@ -13,6 +13,7 @@ var defaultProps = {
   confirmText: '',
   title: '',
   visible: false,
+  overlay: true,
   type: 'default',
   customKey: [],
   className: '',
@@ -26,6 +27,7 @@ var NumberKeyboard = function NumberKeyboard(props) {
   var title = props.title,
     confirmText = props.confirmText,
     visible = props.visible,
+    overlay = props.overlay,
     type = props.type,
     customKey = props.customKey,
     randomKeys = props.randomKeys,
@@ -166,6 +168,7 @@ var NumberKeyboard = function NumberKeyboard(props) {
     position: "bottom",
     popClass: popClass,
     onClickOverlay: onClose,
+    overlay: overlay,
     onClickCloseIcon: onClose,
     overlayStyle: {
       backgroundColor: 'rgba(0, 0, 0, 0)'

package/dist/esm/Popup.js

@@ -20,6 +20,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   closeable: false,
   closeIconPosition: 'top-right',
   closeIcon: 'close',
+  closeIconSize: '12px',
   destroyOnClose: true,
   teleport: null,
   overlay: true,
@@ -64,7 +65,8 @@ var Popup = function Popup(props) {
     onClosed = props.onClosed,
     onClick = props.onClick,
     iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName;
+    iconFontClassName = props.iconFontClassName,
+    closeIconSize = props.closeIconSize;
   var _useState = useState(zIndex || _zIndex),
     _useState2 = _slicedToArray(_useState, 2),
     index = _useState2[0],
@@ -164,7 +166,7 @@ var Popup = function Popup(props) {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: closeIcon,
-      size: "12px"
+      size: closeIconSize
     })) : ''));
   };
   var renderNode = function renderNode() {

package/dist/esm/Progress.js

@@ -1,76 +1,14 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"],
-  _excluded2 = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children", "iconClassPrefix", "iconFontClassName"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "children", "iconClassPrefix", "iconFontClassName"];
 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 from 'react';
 import classNames from 'classnames';
+import Icon from './Icon.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps$1 = {
-  name: '',
-  size: '',
-  classPrefix: 'nut-icon',
-  fontClassName: 'nutui-iconfont',
-  color: '',
-  tag: 'i',
-  onClick: function onClick(e) {},
-  className: ''
-};
-function pxCheck(value) {
-  if (value === '') {
-    return value;
-  }
-  if (Number.isNaN(Number(value))) {
-    return String(value);
-  }
-  return "".concat(value, "px");
-}
-function Icon(props) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-    name = _defaultProps$1$props.name,
-    size = _defaultProps$1$props.size,
-    classPrefix = _defaultProps$1$props.classPrefix,
-    color = _defaultProps$1$props.color,
-    tag = _defaultProps$1$props.tag,
-    children = _defaultProps$1$props.children,
-    className = _defaultProps$1$props.className,
-    fontClassName = _defaultProps$1$props.fontClassName,
-    style = _defaultProps$1$props.style,
-    onClick = _defaultProps$1$props.onClick,
-    rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
-  var isImage = name ? name.indexOf('/') !== -1 : false;
-  var type = isImage ? 'img' : tag;
-  var b = cn('icon');
-  var handleClick = function handleClick(e) {
-    if (onClick) {
-      onClick(e);
-    }
-  };
-  var hasSrc = function hasSrc() {
-    if (isImage) return {
-      src: name
-    };
-    return {};
-  };
-  var styles = {};
-  var checkedSize = pxCheck(size);
-  if (checkedSize) {
-    styles.width = styles.height = styles.fontSize = checkedSize;
-  }
-  return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
-    style: _objectSpread(_objectSpread({
-      color: color
-    }, styles), style)
-  }, rest), {}, {
-    onClick: handleClick
-  }, hasSrc()), children);
-}
-Icon.defaultProps = defaultProps$1;
-Icon.displayName = 'NutIcon';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
@@ -89,7 +27,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   iconName: 'checked',
   iconColor: '#439422',
   iconSize: '16px',
-  rounded: true,
   children: undefined
 });
 var Progress = function Progress(props) {
@@ -113,11 +50,10 @@ var Progress = function Progress(props) {
     iconName = _defaultProps$props.iconName,
     iconColor = _defaultProps$props.iconColor,
     iconSize = _defaultProps$props.iconSize,
-    rounded = _defaultProps$props.rounded,
     children = _defaultProps$props.children,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('progress');
   var classes = classNames(b(''));
   var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-outer"), true), _defineProperty(_classNames, "".concat(b(''), "-").concat(size || 'base'), true), _classNames));
@@ -128,13 +64,11 @@ var Progress = function Progress(props) {
   var stylesOuter = {
     height: "".concat(strokeWidth, "px"),
     // eslint-disable-next-line no-nested-ternary
-    borderRadius: "".concat(rounded ? rounded === true ? '12px' : rounded : 0),
     background: "".concat(fillColor)
   };
   var stylesInner = {
     width: "".concat(percentage, "%"),
     // eslint-disable-next-line no-nested-ternary
-    borderRadius: "".concat(rounded ? rounded === true ? '12px' : rounded : 0),
     background: "".concat(strokeColor)
   };
   var stylesInsideText = {
@@ -167,7 +101,7 @@ var Progress = function Progress(props) {
   }, React__default.createElement("span", {
     className: classesTextInner,
     style: {
-      color: textColor || '#fff'
+      color: textColor
     }
   }, percentage, isShowPercentage ? '%' : ''))))), showText && !textInside && React__default.createElement("div", {
     className: classesText,
@@ -175,7 +109,7 @@ var Progress = function Progress(props) {
   }, textType === 'text' && React__default.createElement("span", {
     className: classesTextInner,
     style: {
-      color: textColor || '$title-color'
+      color: textColor
     }
   }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,

package/dist/esm/Radio.js

@@ -1,5 +1,5 @@
-import { R as Radio } from './radio-cf953c7a.js';
-export { R as default } from './radio-cf953c7a.js';
+import { R as Radio } from './radio-e3ac1cef.js';
+export { R as default } from './radio-e3ac1cef.js';
 import 'react';
 import './Icon.js';
 import './RadioGroup.js';

package/dist/esm/RadioGroup.js

@@ -6,7 +6,7 @@ var _excluded = ["className", "value", "onChange", "textPosition", "direction",
 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, { useState, useEffect, useCallback } from 'react';
-import { R as Radio, a as RadioContext } from './radio-cf953c7a.js';
+import { R as Radio, a as RadioContext } from './radio-e3ac1cef.js';
 import { c as cn } from './bem-893ad28d.js';
 import './Icon.js';
 import './RadioGroup.js';

package/dist/esm/SearchBar.js

@@ -14,6 +14,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
   maxLength: 9999,
   clearable: true,
+  clearIconSize: '12px',
   align: 'left',
   readonly: true,
   autoFocus: false,
@@ -41,6 +42,7 @@ var SearchBar = function SearchBar(props) {
     disabled = _defaultProps$props.disabled,
     maxLength = _defaultProps$props.maxLength,
     clearable = _defaultProps$props.clearable,
+    clearIconSize = _defaultProps$props.clearIconSize,
     align = _defaultProps$props.align,
     readOnly = _defaultProps$props.readOnly,
     autoFocus = _defaultProps$props.autoFocus,
@@ -176,7 +178,7 @@ var SearchBar = function SearchBar(props) {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "circle-close",
-      size: "12",
+      size: clearIconSize,
       color: "#555"
     }));
   };

package/dist/esm/Swipe.js

@@ -59,6 +59,7 @@ var Swipe = forwardRef(function (props, instanceRef) {
     if (!props.disabled) {
       startOffset.current = state.offset;
       touch.start(event);
+      props.onTouchStart && props.onTouchStart(event);
     }
   };
   var _onTouchMove = function onTouchMove(event) {
@@ -66,6 +67,7 @@ var Swipe = forwardRef(function (props, instanceRef) {
       return;
     }
     touch.move(event);
+    props.onTouchMove && props.onTouchMove(event);
     if (touch.isHorizontal()) {
       lockClick.current = true;
       var newState = _objectSpread(_objectSpread({}, state), {}, {
@@ -79,7 +81,7 @@ var Swipe = forwardRef(function (props, instanceRef) {
       setState(newState);
     }
   };
-  var onTouchEnd = function onTouchEnd() {
+  var _onTouchEnd = function onTouchEnd(event) {
     if (state.dragging) {
       setState(function (v) {
         return _objectSpread(_objectSpread({}, v), {}, {
@@ -90,6 +92,7 @@ var Swipe = forwardRef(function (props, instanceRef) {
       setTimeout(function () {
         lockClick.current = false;
       }, 0);
+      props.onTouchEnd && props.onTouchEnd(event);
     }
   };
   var toggle = function toggle(side) {
@@ -214,7 +217,9 @@ var Swipe = forwardRef(function (props, instanceRef) {
     onTouchMove: function onTouchMove(e) {
       return _onTouchMove(e);
     },
-    onTouchEnd: onTouchEnd,
+    onTouchEnd: function onTouchEnd(e) {
+      return _onTouchEnd(e);
+    },
     style: style
   }, React__default.createElement("div", {
     className: "".concat(swipeBem('wrapper')),

package/dist/esm/Swiper.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay", "isCenter"];
+var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay", "isCenter", "paginationBgColor"];
 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, { useRef, useState, useMemo, useEffect } from 'react';
@@ -45,6 +45,7 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     isStopPropagation = propSwiper.isStopPropagation,
     autoPlay = propSwiper.autoPlay,
     isCenter = propSwiper.isCenter,
+    paginationBgColor = propSwiper.paginationBgColor,
     rest = _objectWithoutProperties(propSwiper, _excluded);
   var container = useRef(null);
   var innerRef = useRef(null);
@@ -204,6 +205,9 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       });
     });
   };
+  var resize = function resize() {
+    init(active);
+  };
   // 切换方法
   var move = function move(_ref) {
     var _ref$pace = _ref.pace,
@@ -449,7 +453,8 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     return {
       to: to,
       next: next,
-      prev: prev
+      prev: prev,
+      resize: resize
     };
   });
   return React__default.createElement(DataContext.Provider, {

package/dist/esm/Tabbar.js

@@ -39,7 +39,7 @@ var Tabbar = function Tabbar(props) {
     setSelectIndex(idx);
   };
   return React__default.createElement("div", {
-    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('safebottom')) : '', className].join(' '),
+    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('bottom'), " ").concat(b('safebottom')) : '', className].join(' '),
     style: style
   }, React__default.Children.map(children, function (child, idx) {
     if (!React__default.isValidElement(child)) {

package/dist/esm/TabbarItem.js

@@ -9,6 +9,7 @@ import '@bem-react/classname';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   dot: false,
   size: '',
+  iconSize: '',
   className: '',
   tabTitle: '',
   icon: '',
@@ -24,6 +25,7 @@ var TabbarItem = function TabbarItem(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     dot = _defaultProps$props.dot,
     size = _defaultProps$props.size,
+    iconSize = _defaultProps$props.iconSize,
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
     tabTitle = _defaultProps$props.tabTitle,
@@ -61,18 +63,18 @@ var TabbarItem = function TabbarItem(props) {
   }, num), num && num >= 100 && React__default.createElement("div", {
     className: "".concat(bIcon('tips', [bIcon('nums')]))
   }, "99+")) : React__default.createElement("div", {
-    className: "".concat(bIcon('dot'))
-  }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
+    className: "".concat(bIcon('tips', [bIcon('dot')]))
+  }), icon && React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    size: size,
+    size: iconSize || size,
     name: icon
-  })), React__default.createElement("div", {
+  })), tabTitle && React__default.createElement("div", {
     className: bIcon({
       'nav-word': true
     }, [bIcon({
       'big-word': !icon
     })])
-  }, tabTitle)));
+  }, tabTitle));
 };
 export { TabbarItem as default };

package/dist/esm/Tag.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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, { useState, useEffect } from 'react';
+import classNames from 'classnames';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-import classNames from 'classnames';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: 'default',
   color: '',
@@ -14,6 +14,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   round: false,
   mark: false,
   closeable: false,
+  iconSize: '12px',
   prefixCls: 'nut-tag',
   onClose: function onClose(e) {},
   onClick: function onClick(e) {}
@@ -30,6 +31,7 @@ var Tag = function Tag(props) {
     children = _defaultProps$props.children,
     mark = _defaultProps$props.mark,
     closeable = _defaultProps$props.closeable,
+    iconSize = _defaultProps$props.iconSize,
     textColor = _defaultProps$props.textColor,
     onClick = _defaultProps$props.onClick,
     onClose = _defaultProps$props.onClose,
@@ -45,7 +47,7 @@ var Tag = function Tag(props) {
     setIsTagShow = _useState4[1];
   useEffect(function () {
     setBtnName(classes());
-  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick, onClose]);
+  }, [type, color, textColor, plain, round, mark, closeable, iconSize, prefixCls, onClick, onClose]);
   var classes = function classes() {
     var _classNames;
     var prefixCls = 'nut-tag';
@@ -87,7 +89,7 @@ var Tag = function Tag(props) {
     fontClassName: iconFontClassName,
     className: "_icon",
     name: "close",
-    size: "12",
+    size: iconSize,
     onClick: function onClick(e) {
       setIsTagShow(false);
       if (props.onClose) {

package/dist/esm/{formitem-9d18eb24.js → formitem-bab4c481.js}

@@ -25,7 +25,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   labelWidth: 90,
   errorMessageAlign: 'left',
   showErrorLine: true,
-  showErrorMessage: true
+  showErrorMessage: true,
+  initialValue: ''
 });
 var FormItem = /*#__PURE__*/function (_React__default$Compo) {
   _inherits(FormItem, _React__default$Compo);
@@ -39,11 +40,16 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
     _defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
+      var _children$props;
       var _this$context = _this.context,
         getFieldValue = _this$context.getFieldValue,
         setFieldsValue = _this$context.setFieldsValue;
       var name = _this.props.name;
       var type = children.type.NAME;
+      var defaultvalue = _this.props.initialValue || ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.defaultValue);
+      if (defaultvalue) {
+        setFieldsValue(_defineProperty({}, name, defaultvalue));
+      }
       return {
         value: getFieldValue(name),
         onChange: function onChange(event) {
@@ -62,7 +68,7 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
       };
     });
     _defineProperty(_assertThisInitialized(_this), "onStoreChange", function () {
-      _this.forceUpdate();
+      // this.forceUpdate()
     });
     _defineProperty(_assertThisInitialized(_this), "renderLayout", function (childNode) {
       var _this$context$errList, _this$context$errList2;
@@ -127,9 +133,17 @@ var FormItem = /*#__PURE__*/function (_React__default$Compo) {
   }, {
     key: "render",
     value: function render() {
-      var children = this.props.children;
+      var _this$props = this.props,
+        children = _this$props.children,
+        initialValue = _this$props.initialValue;
       var c = Array.isArray(children) ? children[0] : children;
-      var returnChildNode = React__default.cloneElement(c, this.getControlled(c));
+      var restCNode = c;
+      if (initialValue) {
+        restCNode = React__default.cloneElement(c, {
+          defaultValue: initialValue
+        });
+      }
+      var returnChildNode = React__default.cloneElement(restCNode, this.getControlled(c));
       return this.renderLayout(returnChildNode);
     }
   }]);