@nutui/nutui-react 1.4.8-beta.0 → 1.4.9-beta.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# v1.4.9
+`2023-03-01`
+
+* :sparkles: feat: cascader 增加checkedIcon属性，增加视觉元素提取，增加自定义样式demo (#719) @xiaoyatong
+* :sparkles: feat: checkbox 增加group样式 (#721) @xiaoyatong
+* :sparkles: feat: checkbox 支持跨层级使用 (#750) @oasis-cloud
+* :sparkles: feat: picker 替换元素变量 (#729) @xiaoyatong
+* :sparkles: feat: tabs 增加元素变量应用，修复垂直排列的active状态样式 (#732) @xiaoyatong
+* :sparkles: feat: tabs 增加嵌套布局 (#747) @xiaoyatong
+* :sparkles: feat: tabs、tabpane 父子组件整合 (#745) @xiaoyatong
+* :sparkles: feat: uploader 增加元素变量，及demo (#728) @xiaoyatong
+* :sparkles: feat:新增uploader组件taro和h5上传视频和手动清除上传的功能 (#748) @junjun666
+* :bug: fix(animatingnumbers): 修复delaySpeed不生效 (#733) @kasonyang
+* :bug: fix: badge初始化classname (#722) @xiaoyatong
+* :bug: fix: calendar 适配 taro，支持滚动到某个date，支持scrollview (#744) @xiaoyatong
+* :bug: fix: datepicker 不展示title (#746) @xiaoyatong
+* :bug: fix: popup class undefined (#752) @xiaoyatong
+* :bug: fix: taro H5统一增加了页面paddingTop值，Drag组件demo是fixed定位的，需要对应调整 (#731) @irisSong
+* :bug: fix: 修复组件可能存在 undefined 类名的情况，补充相应测试快照 (#726) @AnteeHub
+* :bug: fix: 组件依赖时，缺少对依赖组件样式的引用 (#741) @xiaoyatong
+* 📖 docs(swipe): format api table & remove theme vars (#737) @eiinu
+* 📖 docs: 基础组件 API 文档格式化 (#735) @eiinu
+* 📖 docs: 导航组件 API 文档格式化 (#740) @eiinu
+* 📖 docs: 展示组件 API 文档格式化 (#742) @eiinu
+* 📖 docs: 布局组件、特色组件 API 文档格式化 (#736) @eiinu
+* 🔨 chore: 重构h5和taro环境下 barrage组件代码并修复loop循环的问题 (#717) @junjun666
+
 # v1.4.8
 `2023-02-15`
 

package/dist/esm/Animate.js

@@ -35,7 +35,7 @@ var Animate = function Animate(props) {
   var cls = classNames(classes, className);
   var handleClick = function handleClick(event) {
     setClicked(true);
-    //如果不是无限循环，清除类名
+    // 如果不是无限循环，清除类名
     if (!loop) {
       setTimeout(function () {
         setClicked(false);

package/dist/esm/AnimatingNumbers.js

@@ -10,7 +10,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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, useEffect, Component } from 'react';
+import React__default, { useRef, useMemo, useEffect, Component } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps$1 = {
@@ -44,7 +44,7 @@ var CountUp = function CountUp(props) {
     var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber).concat(splitArr[1] ? '.' : '').concat(splitArr[1] || '');
     return currNumber.split('');
   };
-  var numerArr = getShowNumber();
+  var numerArr = useMemo(getShowNumber, [endNumber, maxLen, thousands]);
   var setNumberTransform = function setNumberTransform() {
     if (countupRef.current) {
       var numberItems = countupRef.current.querySelectorAll('.nut-countup__number');
@@ -73,9 +73,6 @@ var CountUp = function CountUp(props) {
     return function () {
       window.clearTimeout(timerRef.current);
     };
-  }, []);
-  useEffect(function () {
-    setNumberTransform();
   }, [numerArr]);
   return React__default.createElement("div", {
     className: "".concat(b(), " ").concat(className),

package/dist/esm/Badge.js

@@ -2,8 +2,11 @@ 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 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 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   value: '',
@@ -15,6 +18,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   color: '',
   icons: ''
 });
+var b = cn('badge');
 var Badge = function Badge(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     className = _defaultProps$props.className,
@@ -46,7 +50,7 @@ var Badge = function Badge(props) {
     return style;
   };
   return React__default.createElement("div", {
-    className: "nut-badge ".concat(className),
+    className: classNames(b(), className),
     style: style
   }, icons !== '' && React__default.createElement("div", {
     className: "slot-icons"
@@ -58,7 +62,9 @@ var Badge = function Badge(props) {
     color: "#ffffff",
     size: "12"
   })), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: "".concat(dot ? 'is-dot' : '', " nut-badge__content sup"),
+    className: classNames({
+      'is-dot': dot
+    }, b('content'), 'sup'),
     style: getStyle()
   }, content()));
 };

package/dist/esm/CalendarItem.js

@@ -364,7 +364,7 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
     setMonthDefaultRange([start, end]);
     setTranslateY(state.monthsData[start].cssScrollHeight);
   };
-  var mothsViewScroll = function mothsViewScroll(e) {
+  var monthsViewScroll = function monthsViewScroll(e) {
     if (state.monthsData.length <= 1) {
       return;
     }
@@ -601,7 +601,7 @@ var CalendarItem = React__default.forwardRef(function (props, ref) {
     }, item);
   }))), React__default.createElement("div", {
     className: "nut-calendar-content",
-    onScroll: mothsViewScroll,
+    onScroll: monthsViewScroll,
     ref: months
   }, React__default.createElement("div", {
     className: "calendar-months-panel",

package/dist/esm/Card.js

@@ -4,6 +4,7 @@ var _excluded = ["className", "style", "imgUrl", "title", "price", "vipPrice", "
 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 Price from './Price.js';
 import Tag from './Tag.js';
 import { c as cn } from './bem-893ad28d.js';
@@ -27,7 +28,7 @@ var Card = function Card(props) {
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('card');
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className),
+    className: classNames(b(), className),
     style: style
   }, rest), React__default.createElement("div", {
     className: b('left')

package/dist/esm/Cascader.js

@@ -13,12 +13,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import Popup from './Popup.js';
-import { T as Tabs } from './tabs-5fe5fd90.js';
+import { T as Tabs } from './tabs-c13f8ffe.js';
 import { T as TabPane } from './tabpane-15f62234.js';
 import { I as Icon } from './icon-2242973e.js';
 import { c as cn } from './bem-893ad28d.js';
 import './Icon.js';
 import './typings-1c5f2628.js';
+import './TabPane.js';
 import '@bem-react/classname';
 var defaultProps$1 = {
   data: {

package/dist/esm/Checkbox.js

@@ -1,5 +1,5 @@
-import { C as Checkbox } from './checkbox-b2f0756e.js';
-export { C as default } from './checkbox-b2f0756e.js';
+import { C as Checkbox } from './checkbox-6969a83f.js';
+export { C as default } from './checkbox-6969a83f.js';
 import 'react';
 import './Icon.js';
 import './CheckboxGroup.js';

package/dist/esm/CheckboxGroup.js

@@ -6,9 +6,9 @@ var _excluded = ["className", "disabled", "onChange", "checkedValue", "max", "te
   _excluded2 = ["label", "value", "disabled", "onChange"];
 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, useImperativeHandle, useEffect, useCallback } from 'react';
+import React__default, { useImperativeHandle, useState, useEffect, useCallback } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { C as Checkbox } from './checkbox-b2f0756e.js';
+import { C as Checkbox, a as CheckboxGroupContext } from './checkbox-6969a83f.js';
 import '@bem-react/classname';
 import './Icon.js';
 import './CheckboxGroup.js';
@@ -35,14 +35,6 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
     direction = props.direction,
     options = props.options,
     rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(disabled),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerDisabled = _useState2[0],
-    setInnerDisabled = _useState2[1];
-  var _useState3 = useState(checkedValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    innerValue = _useState4[0],
-    setInnerValue = _useState4[1];
   useImperativeHandle(ref, function () {
     return {
       toggleAll: function toggleAll(state) {
@@ -72,76 +64,49 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
       }
     };
   });
+  var _useState = useState(checkedValue || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
   useEffect(function () {
-    setInnerDisabled(disabled);
-    setInnerValue(checkedValue);
-  }, [disabled, checkedValue]);
-  function handleChildChange(state, label) {
-    if (max !== undefined && innerValue && innerValue.length > max) return;
-    if (innerValue) {
-      var clippedValue = [];
-      if (state) {
-        clippedValue = [].concat(_toConsumableArray(innerValue), [label]);
-      } else {
-        innerValue === null || innerValue === void 0 ? void 0 : innerValue.splice(innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(label), 1);
-        clippedValue = _toConsumableArray(innerValue);
-      }
-      setInnerValue(clippedValue);
-      onChange && onChange(clippedValue);
-    }
-  }
-  function validateChildChecked(child) {
-    if (!innerValue) return false;
-    return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
-  }
-  function validateChecked(value) {
-    if (!innerValue) return false;
-    return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(value)) > -1;
-  }
-  function getParentVals() {
-    return innerValue;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, function (child) {
-      var childChecked = validateChildChecked(child);
-      if (child.type.displayName !== 'NutCheckBox') {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        disabled: innerDisabled,
-        checked: childChecked,
-        onChange: handleChildChange,
-        getParentVals: getParentVals,
-        max: max,
-        textPosition: textPosition
-      });
-    });
-  }
-  var renderOptionsChildren = useCallback(function () {
+    setInnerValue(checkedValue || []);
+  }, [checkedValue]);
+  var renderOptions = useCallback(function () {
     return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
       var label = _ref.label,
         value = _ref.value,
         disabled = _ref.disabled,
         onChange = _ref.onChange,
         rest = _objectWithoutProperties(_ref, _excluded2);
-      var childChecked = validateChecked(value);
-      return React__default.createElement(Checkbox, _objectSpread(_objectSpread({
+      return React__default.createElement(Checkbox, _objectSpread({
         key: value === null || value === void 0 ? void 0 : value.toString(),
         children: label,
-        label: value,
-        disabled: innerDisabled ? true : disabled,
-        onChange: handleChildChange
-      }, rest), {}, {
-        max: max,
-        textPosition: textPosition,
-        getParentVals: getParentVals,
-        checked: childChecked
-      }));
+        label: value
+      }, rest));
     });
-  }, [innerValue, options, innerDisabled, max]);
-  return React__default.createElement("div", _objectSpread({
+  }, [options, max]);
+  return React__default.createElement(CheckboxGroupContext.Provider, {
+    value: {
+      textPosition: textPosition || 'left',
+      disabled: disabled,
+      max: max,
+      checkedValue: innerValue || [],
+      check: function check(value) {
+        var combined = [].concat(_toConsumableArray(innerValue), [value]);
+        setInnerValue(combined);
+        onChange && onChange(combined);
+      },
+      uncheck: function uncheck(value) {
+        var reduced = innerValue.filter(function (item) {
+          return item !== value;
+        });
+        setInnerValue(reduced);
+        onChange && onChange(reduced);
+      }
+    }
+  }, React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || '')
-  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren());
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
 });
 CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.displayName = 'NutCheckboxGroup';

package/dist/esm/CircleProgress.js

@@ -1,16 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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; }
 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 { a as isObject } from './index-a90733f9.js';
 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 = {
   strokeWidth: 5,
   radius: 50,

package/dist/esm/Collapse.js

@@ -4,6 +4,7 @@ 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, { memo, useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
@@ -77,7 +78,7 @@ var Collapse = memo(function (props) {
     onChange && onChange(!isOpen, name);
   };
   return React__default.createElement("div", {
-    className: "".concat(colBem(), " ").concat(className),
+    className: classNames(colBem(), className),
     style: style
   }, childrenDom.map(function (item) {
     return React__default.cloneElement(item, {

package/dist/esm/DatePicker.js

@@ -41,32 +41,6 @@ var DatePicker = function DatePicker(props) {
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useConfig = useConfig(),
     locale = _useConfig.locale;
-  // const [translated] = useTranslate<T>({
-  //   'zh-CN': {
-  //     year: '年',
-  //     month: '月',
-  //     day: '日',
-  //     hour: '时',
-  //     min: '分',
-  //     seconds: '秒',
-  //   },
-  //   'zh-TW': {
-  //     year: '年',
-  //     month: '月',
-  //     day: '日',
-  //     hour: '時',
-  //     min: '分',
-  //     seconds: '秒',
-  //   },
-  //   'en-US': {
-  //     year: 'Year',
-  //     month: 'Month',
-  //     day: 'Day',
-  //     hour: 'Hour',
-  //     min: 'Minute',
-  //     seconds: 'Second',
-  //   },
-  // })
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -297,7 +271,6 @@ var DatePicker = function DatePicker(props) {
   };
   useEffect(function () {
     setCurrentDate(formatValue(modelValue));
-    // initDefault()
   }, []);
   useEffect(function () {
     setCurrentDate(formatValue(modelValue));
@@ -314,6 +287,7 @@ var DatePicker = function DatePicker(props) {
     className: "nut-datepicker ".concat(className || ''),
     style: style
   }, rest), listData.length > 0 && React__default.createElement(Picker, {
+    title: title,
     isVisible: show,
     listData: listData,
     onClose: onCloseDatePicker,

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

@@ -1,2 +1,2 @@
-
+import '../../CellGroup/style'
 import '../../../packages/form/form.scss'

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

@@ -1,2 +1,2 @@
-
+import '../../Cell/style'
 import '../../../packages/formitem/formitem.scss'

package/dist/esm/Grid.js

@@ -4,6 +4,7 @@ var _excluded = ["children", "columnNum", "border", "gutter", "center", "square"
 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 { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import { G as GridContext } from './grid.context-e2f1ee97.js';
@@ -43,7 +44,7 @@ var Grid = function Grid(props) {
   var b = cn('grid');
   var rootClass = function rootClass() {
     var prefixCls = b();
-    return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
+    return classNames(className, prefixCls, _defineProperty({}, b('border'), border && !gutter));
   };
   var rootStyle = function rootStyle() {
     var styleSelf = {};

package/dist/esm/GridItem.js

@@ -4,6 +4,7 @@ var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "
 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, { useContext } from 'react';
+import classNames from 'classnames';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
@@ -71,7 +72,8 @@ var GridItem = function GridItem(props) {
     return style;
   };
   var contentClass = function contentClass() {
-    return "".concat(b('content'), " ").concat(border && b('content--border'), " ").concat(border && gutter && b('content--surround'), "  ").concat(center && b('content--center'), " ").concat(square && b('content--square'), " ").concat(reverse && b('content--reverse'), " ").concat(!!direction && b("content--".concat(direction)), "\n      ");
+    var _classNames;
+    return classNames(b('content'), (_classNames = {}, _defineProperty(_classNames, b('content--border'), border), _defineProperty(_classNames, b('content--surround'), border && gutter), _defineProperty(_classNames, b('content--center'), center), _defineProperty(_classNames, b('content--square'), square), _defineProperty(_classNames, b('content--reverse'), reverse), _defineProperty(_classNames, b("content--".concat(direction)), !!direction), _classNames));
   };
   var isIconName = function isIconName() {
     return typeof icon === 'string';

package/dist/esm/Indicator.js

@@ -44,7 +44,7 @@ var Indicator = function Indicator(props) {
   };
   useEffect(function () {}, []);
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className)
+    className: classNames(classes, className)
   }, rest), renderEles());
 };
 Indicator.defaultProps = defaultProps;

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

@@ -1,3 +1,3 @@
 import '../../Icon/style'
-import '../../Popup/style'
+import '../../Overlay/style'
 import '../../../packages/menuitem/menuitem.scss'

package/dist/esm/MenuItem.js

@@ -5,7 +5,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
-import { useConfig } from './ConfigProvider.js';
 import Icon from './Icon.js';
 import { O as Overlay } from './overlay-85e1180a.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -26,7 +25,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   }
 });
 var MenuItem = forwardRef(function (props, ref) {
-  useConfig();
   var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     style = _defaultProps$props.style,

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

@@ -1,2 +1,2 @@
-
+import '../../Icon/style'
 import '../../../packages/navbar/navbar.scss'

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

@@ -1,2 +1,2 @@
-
+import '../../Popup/style'
 import '../../../packages/numberkeyboard/numberkeyboard.scss'

package/dist/esm/Picker.js

@@ -239,7 +239,7 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
     }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   }), !threeDimensional && listData.map(function (item, index) {
     return React__default.createElement("div", {
-      className: "nut-picker-roller-item-tile",
+      className: "nut-picker-roller-item-title",
       key: item.value ? item.value : index
     }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   })), React__default.createElement("div", {

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

@@ -1,2 +1,3 @@
-import '../../Icon/style'
+import '../../Icon/style'
+import '../../Overlay/style'
 import '../../../packages/popover/popover.scss'

package/dist/esm/Popup.js

@@ -92,7 +92,7 @@ var Popup = function Popup(props) {
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
   var classes = classNames((_classNames = {
     round: round
-  }, _defineProperty(_classNames, "nut-popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className), true), _classNames), b(''));
+  }, _defineProperty(_classNames, "nut-popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className || ''), true), _classNames), b(''));
   var closeClasses = classNames(_defineProperty({
     'nut-popup__close-icon': true
   }, "nut-popup__close-icon--".concat(closeIconPosition), true));

package/dist/esm/Rate.js

@@ -3,6 +3,7 @@ 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 { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -81,7 +82,7 @@ var Rate = function Rate(props) {
     onChange && onChange(value);
   };
   return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className),
+    className: classNames(b(), className),
     style: style
   }, countArray.map(function (n) {
     return React__default.createElement("div", {
@@ -97,7 +98,7 @@ var Rate = function Rate(props) {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       size: iconSize,
-      className: "".concat(bi('icon'), " ").concat(disabled || n > score ? bi('icon--disabled') : ''),
+      className: classNames(bi('icon'), _defineProperty({}, bi('icon--disabled'), disabled || n > score)),
       name: n <= score ? checkedIcon : uncheckedIcon,
       color: n <= score ? activeColor : voidColor
     }), allowHalf && score > n - 1 && React__default.createElement(Icon, {

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

@@ -1,2 +1,2 @@
-
+import '../../Icon/style'
 import '../../../packages/searchbar/searchbar.scss'

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

@@ -1,2 +1,2 @@
-
+import '../../Popup/style'
 import '../../../packages/sidenavbar/sidenavbar.scss'

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

@@ -1,2 +1,2 @@
-
+import '../../Avatar/style'
 import '../../../packages/skeleton/skeleton.scss'

package/dist/esm/Sticky.js

@@ -5,8 +5,11 @@ var _excluded = ["position", "top", "bottom", "zIndex", "children", "container",
 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, useEffect, useState, useCallback } from 'react';
+import classNames from 'classnames';
 import { g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
 import { g as getRect } from './useClientRect-839d18c5.js';
+import { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
 function useWatch(dep, callback) {
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
     immediate: false
@@ -41,6 +44,7 @@ var defaultProps = {
   bottom: 0,
   zIndex: 2000
 };
+var b = cn('sticky');
 var Sticky = function Sticky(props) {
   var _useState5;
   var _props$position = props.position,
@@ -175,8 +179,9 @@ var Sticky = function Sticky(props) {
   return React__default.createElement("div", _objectSpread({
     ref: rootRef,
     style: rootStyle,
-    className: "nut-sticky ".concat(className)
+    className: classNames(b(), className)
   }, rest), React__default.createElement("div", {
+    // 应符合 bem 规范
     className: "nut-sticky-box",
     ref: stickyRef,
     style: stickyStyle

package/dist/esm/Swipe.js

@@ -3,6 +3,7 @@ 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, { forwardRef, useRef, useState, useMemo, useCallback, useImperativeHandle, useEffect } from 'react';
+import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
 import { g as getRect } from './useClientRect-839d18c5.js';
@@ -210,7 +211,7 @@ var Swipe = forwardRef(function (props, instanceRef) {
   }, []);
   return React__default.createElement("div", {
     ref: root,
-    className: "".concat(swipeBem(), " ").concat(className),
+    className: classNames(swipeBem(), className),
     onTouchStart: function onTouchStart(e) {
       return _onTouchStart(e);
     },

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

@@ -1,2 +1,2 @@
-
+import '../../Icon/style'
 import '../../../packages/table/table.scss'

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

@@ -1,3 +1,4 @@
 
-import '../../TabPane/style'
+import '../../TabPane/style'
+import '../../Icon/style'
 import '../../../packages/tabs/tabs.scss'