@nutui/nutui-react-taro 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/esm/ActionSheet.js

@@ -1,12 +1,12 @@
-import { A as ActionSheet } from './actionsheet.taro-b76a342e.js';
+import { A as ActionSheet } from './actionsheet.taro-10cc53ee.js';
 import 'react';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';

package/dist/esm/Address.js

@@ -1,12 +1,12 @@
-import { A as Address } from './address.taro-1812caeb.js';
+import { A as Address } from './address.taro-2f915873.js';
 import 'react';
 import '@nutui/icons-react-taro';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';
@@ -14,7 +14,7 @@ import './configprovider-9960f0fb.js';
 import 'lodash.kebabcase';
 import './zh-CN-b4f493ba.js';
 import '@tarojs/taro';
-import './elevator.taro-81a11ecc.js';
+import './elevator.taro-588e219b.js';
 import './configprovider.taro-c8c54556.js';
 
 

package/dist/esm/Animate.js

@@ -1,8 +1,7 @@
-import { A as Animate } from './animate.taro-fb7986d6.js';
+import { A as Animate } from './animate.taro-9e65d07a.js';
 import 'react';
 import 'classnames';
-import './bem-350c1702.js';
-import '@bem-react/classname';
+import './typings-d8491423.js';
 
 
 

package/dist/esm/Badge.js

@@ -1,8 +1,6 @@
-import { B as Badge } from './badge.taro-ae154f41.js';
+import { B as Badge } from './badge.taro-1d5df601.js';
 import 'react';
 import 'classnames';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './typings-d8491423.js';
 
 

package/dist/esm/Calendar.js

@@ -1,17 +1,17 @@
-import { C as Calendar } from './calendar.taro-b6b147ca.js';
+import { C as Calendar } from './calendar.taro-099cb4a2.js';
 import 'react';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './calendaritem.taro-ae167e59.js';
 import '@tarojs/taro';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';
 import './zh-CN-b4f493ba.js';

package/dist/esm/Cascader.js

@@ -1,16 +1,16 @@
-import { C as Cascader } from './cascader.taro-9c0a1a38.js';
+import { C as Cascader } from './cascader.taro-62e764a7.js';
 import 'react';
 import 'classnames';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
+import './tabs.taro-be8cacb5.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';
-import './tabs.taro-be8cacb5.js';
 import './tabpane.taro-4ca340ef.js';
 
 

package/dist/esm/Col.js

@@ -1,7 +1,8 @@
-import { C as Col } from './col.taro-53eed3cc.js';
+import { C as Col } from './col.taro-a99a9171.js';
 import 'react';
 import 'classnames';
 import './UserContext-0aac9a82.js';
+import './typings-d8491423.js';
 
 
 

package/dist/esm/DatePicker.js

@@ -1,16 +1,14 @@
-import { D as DatePicker } from './datepicker.taro-439e2080.js';
+import { D as DatePicker } from './datepicker.taro-0f2bcf42.js';
 import 'react';
-import './picker.taro-5c9030a7.js';
+import './picker.taro-5028afcb.js';
 import '@tarojs/components';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
 import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './use-touch-db24bb5c.js';
 import './use-client-rect-1f8ed1fe.js';
 import './supports-passive-c85ef996.js';
@@ -18,6 +16,8 @@ import './can-use-dom-3eeb5af4.js';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';
 import './zh-CN-b4f493ba.js';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 
 
 

package/dist/esm/Divider.js

@@ -1,6 +1,7 @@
-import { D as Divider } from './divider.taro-6c1657ce.js';
+import { D as Divider } from './divider.taro-67e9f757.js';
 import 'react';
 import 'classnames';
+import './typings-d8491423.js';
 
 
 

package/dist/esm/Drag.js

@@ -1,8 +1,7 @@
-import { D as Drag } from './drag.taro-79bb8744.js';
+import { D as Drag } from './drag.taro-2d3d9d11.js';
 import 'react';
 import '@tarojs/taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
+import './typings-d8491423.js';
 
 
 

package/dist/esm/Elevator.js

@@ -1,9 +1,9 @@
-import { E as Elevator } from './elevator.taro-81a11ecc.js';
+import { E as Elevator } from './elevator.taro-588e219b.js';
 import 'react';
 import '@tarojs/taro';
 import '@tarojs/components';
-import './bem-350c1702.js';
-import '@bem-react/classname';
+import 'classnames';
+import './typings-d8491423.js';
 
 
 

package/dist/esm/ImagePreview.js

@@ -1,18 +1,18 @@
-import { I as ImagePreview } from './imagepreview.taro-867ee24a.js';
+import { I as ImagePreview } from './imagepreview.taro-b88fcf41.js';
 import 'react';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './swiper.taro-7a94e211.js';
 import '@tarojs/taro';
 import './UserContext-e8176108.js';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 import './swiperitem-c9e3d0d5.js';
 
 

package/dist/esm/Menu.js

@@ -1,4 +1,4 @@
-import { M as Menu } from './menu.taro-54951911.js';
+import { M as Menu } from './menu.taro-b61442a7.js';
 import 'react';
 import 'classnames';
 import '@nutui/icons-react-taro';

package/dist/esm/MenuItem.js

@@ -1,14 +1,13 @@
-import { M as MenuItem } from './menuitem.taro-86a6bb6c.js';
+import { M as MenuItem } from './menuitem.taro-bca78e07.js';
 import 'react';
 import 'classnames';
+import '@tarojs/taro';
 import 'react-transition-group';
 import '@nutui/icons-react-taro';
-import './configprovider.taro-c8c54556.js';
-import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
 import './typings-d8491423.js';
+import './use-client-rect-1f8ed1fe.js';
 
 
 

package/dist/esm/NavBar.js

@@ -1,9 +1,6 @@
-import { N as NavBar } from './navbar.taro-69f47d51.js';
+import { N as NavBar } from './navbar.taro-02c69d66.js';
 import 'react';
 import 'classnames';
-import '@nutui/icons-react-taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './typings-d8491423.js';
 
 

package/dist/esm/NumberKeyboard.js

@@ -1,14 +1,14 @@
-import { N as NumberKeyboard } from './numberkeyboard.taro-81b36e5e.js';
+import { N as NumberKeyboard } from './numberkeyboard.taro-ed9b2149.js';
 import 'react';
 import 'classnames';
 import './bem-350c1702.js';
 import '@bem-react/classname';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';

package/dist/esm/Picker.js

@@ -1,15 +1,13 @@
-import { P as Picker } from './picker.taro-5c9030a7.js';
+import { P as Picker } from './picker.taro-5028afcb.js';
 import 'react';
 import '@tarojs/components';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
 import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './use-touch-db24bb5c.js';
 import './use-client-rect-1f8ed1fe.js';
 import './supports-passive-c85ef996.js';
@@ -17,6 +15,8 @@ import './can-use-dom-3eeb5af4.js';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';
 import './zh-CN-b4f493ba.js';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 
 
 

package/dist/esm/Popup.js

@@ -1,14 +1,12 @@
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import 'react';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 
 
 

package/dist/esm/Progress.js

@@ -1,9 +1,6 @@
-import { P as Progress } from './progress.taro-24392ef3.js';
+import { P as Progress } from './progress.taro-1c199fbe.js';
 import 'react';
 import 'classnames';
-import '@nutui/icons-react-taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './typings-d8491423.js';
 
 

package/dist/esm/Row.js

@@ -1,7 +1,8 @@
-import { R as Row } from './row.taro-f64d4a13.js';
+import { R as Row } from './row.taro-75039d53.js';
 import 'react';
 import 'classnames';
 import './UserContext-0aac9a82.js';
+import './typings-d8491423.js';
 
 
 

package/dist/esm/ShortPassword.js

@@ -1,14 +1,14 @@
-import { S as ShortPassword } from './shortpassword.taro-9a2c98ad.js';
+import { S as ShortPassword } from './shortpassword.taro-681a33a1.js';
 import 'react';
 import '@nutui/icons-react-taro';
 import './bem-350c1702.js';
 import '@bem-react/classname';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';

package/dist/esm/SideNavBar.js

@@ -1,18 +1,13 @@
-import { S as SideNavBar } from './sidenavbar.taro-0265812f.js';
+import { S as SideNavBar } from './sidenavbar.taro-d5c5b331.js';
 import 'react';
-import './configprovider.taro-c8c54556.js';
-import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './offsetContext-c2a746fa.js';
 
 

package/dist/esm/TimeSelect.js

@@ -1,16 +1,16 @@
-import { T as TimeSelect } from './timeselect.taro-5b047850.js';
+import { T as TimeSelect } from './timeselect.taro-a4b86771.js';
 import 'react';
-import './popup.taro-124b9bab.js';
+import './popup.taro-020bf791.js';
 import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@nutui/icons-react-taro';
-import './overlay.taro-ad0d4775.js';
 import '@tarojs/components';
+import './overlay.taro-ad0d4775.js';
 import './typings-d8491423.js';
+import './timepannel.taro-fd3d008d.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';
-import './timepannel.taro-fd3d008d.js';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';
 import './zh-CN-b4f493ba.js';

package/dist/esm/Uploader.js

@@ -1,4 +1,4 @@
-import { U as Uploader } from './uploader.taro-0cca7e97.js';
+import { U as Uploader } from './uploader.taro-17569890.js';
 import 'react';
 import 'classnames';
 import '@tarojs/taro';
@@ -6,9 +6,7 @@ import '@nutui/icons-react-taro';
 import '@tarojs/components';
 import './button.taro-a1c9512f.js';
 import './typings-d8491423.js';
-import './progress.taro-24392ef3.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
+import './progress.taro-1c199fbe.js';
 import './configprovider.taro-c8c54556.js';
 import 'lodash.kebabcase';
 import './zh-CN-b4f493ba.js';

package/dist/esm/{actionsheet.taro-b76a342e.js → actionsheet.taro-10cc53ee.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {

package/dist/esm/{address.taro-1812caeb.js → address.taro-2f915873.js}

@@ -1,10 +1,10 @@
 import React__default, { useEffect, useState, useRef } from 'react';
 import { Check, Location2, Left, CircleClose } from '@nutui/icons-react-taro';
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import { c as cn } from './bem-350c1702.js';
 import { u as useConfig } from './configprovider-9960f0fb.js';
 import { createSelectorQuery } from '@tarojs/taro';
-import { E as Elevator } from './elevator.taro-81a11ecc.js';
+import { E as Elevator } from './elevator.taro-588e219b.js';
 import { u as useConfig$1 } from './configprovider.taro-c8c54556.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
@@ -302,7 +302,7 @@ const CustomRender = (props) => {
                         item.name)));
             })))),
         privateType === 'custom2' && (React__default.createElement("div", { className: b('elevator-group') },
-            React__default.createElement(Elevator, { height: height, indexList: regionList[tabName[tabIndex]], onClickItem: handleElevatorItem })))));
+            React__default.createElement(Elevator, { height: height, list: regionList[tabName[tabIndex]], onClickItem: handleElevatorItem })))));
 };
 
 const defaultProps = {

package/dist/esm/{animate.taro-fb7986d6.js → animate.taro-9e65d07a.js}

@@ -1,23 +1,24 @@
 import React__default, { useState } from 'react';
 import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     type: 'shake',
     action: 'initial',
     loop: false,
     onClick: (event) => { },
 };
+const classPrefix = `nut-animate`;
 const Animate = (props) => {
     const { className, type, action, loop, onClick, children, ...rest } = {
         ...defaultProps,
         ...props,
     };
     const [clicked, setClicked] = useState(false);
-    const b = cn('animate');
     const classes = classNames({
         'nut-ani-container': true,
-        [`${b('')}-${type}`]: action === 'initial' || clicked ? type : false,
+        [`${classPrefix}-${type}`]: action === 'initial' || clicked ? type : false,
         loop: loop,
     });
     const cls = classNames(classes, className);

package/dist/esm/{badge.taro-ae154f41.js → badge.taro-1d5df601.js}

@@ -1,31 +1,27 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
-const b = cn('badge');
 const defaultProps = {
     ...ComponentDefaults,
-    className: '',
     value: '',
     dot: false,
-    max: 10000,
+    max: 99,
     top: '0',
-    right: '0',
-    zIndex: '0',
+    right: '5',
     color: '',
-    icon: null,
 };
 const Badge = (props) => {
-    const { className, style, children, dot, top, right, zIndex, color, icon } = {
+    const { className, style, value, max, children, dot, top, right, color } = {
         ...defaultProps,
         ...props,
     };
+    const classPrefix = 'nut-badge';
+    const classes = classNames(classPrefix, className);
+    const contentClasses = classNames({ [`${classPrefix}__dot`]: dot }, `${classPrefix}__content`, `${classPrefix}__sup`);
     function content() {
-        if (dot)
-            return undefined;
-        const { value } = props;
-        const { max } = props;
+        if (dot || typeof value === 'object')
+            return null;
         if (typeof value === 'number' && typeof max === 'number') {
             return max < value ? `${max}+` : value;
         }
@@ -35,14 +31,13 @@ const Badge = (props) => {
         const style = {};
         style.top = `${Number(top) || parseFloat(top) || 0}px`;
         style.right = `${Number(right) || parseFloat(right) || 0}px`;
-        style.zIndex = zIndex;
         style.background = color;
         return style;
     };
-    return (React__default.createElement("div", { className: classNames(b(), className), style: style },
-        icon && React__default.createElement("div", { className: "slot-icon" }, icon),
+    return (React__default.createElement("div", { className: classes, style: style },
+        typeof value === 'object' && value && (React__default.createElement("div", { className: `${classPrefix}__icon` }, value)),
         React__default.createElement("div", null, children),
-        React__default.createElement("div", { className: classNames({ 'is-dot': dot }, b('content'), 'sup'), style: getStyle() }, content())));
+        React__default.createElement("div", { className: contentClasses, style: getStyle() }, content())));
 };
 Badge.defaultProps = defaultProps;
 Badge.displayName = 'NutBadge';

package/dist/esm/{calendar.taro-b6b147ca.js → calendar.taro-099cb4a2.js}

@@ -1,5 +1,5 @@
 import React__default, { useRef } from 'react';
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import { U as Utils, C as CalendarItem } from './calendaritem.taro-ae167e59.js';
 import { u as useConfig } from './configprovider.taro-c8c54556.js';
 

package/dist/esm/{cascader.taro-9c0a1a38.js → cascader.taro-62e764a7.js}

@@ -1,6 +1,6 @@
 import React__default, { isValidElement, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import { T as Tabs } from './tabs.taro-be8cacb5.js';
 import { T as TabPane } from './tabpane.taro-4ca340ef.js';
 import { Loading, Checklist } from '@nutui/icons-react-taro';
@@ -438,7 +438,7 @@ const InternalCascader = (props, ref) => {
                     pane.nodes.map((node, index) => (React__default.createElement(CascaderItem, { key: index, ...props, data: node, checked: pane.selectedNode?.value === node.value, chooseItem: (node) => chooseItem(node, false) })))))))) : (React__default.createElement(TabPane, null,
                 React__default.createElement("div", { className: classesPane }))))));
     };
-    return (React__default.createElement(React__default.Fragment, null, poppable ? (React__default.createElement(Popup, { popClass: "cascadar-popup", visible: visible, position: "bottom", round: true, closeable: closeable, closeIconPosition: closeIconPosition, onClickOverlay: closePopup, onClickCloseIcon: closePopup }, renderItem())) : (renderItem())));
+    return (React__default.createElement(React__default.Fragment, null, poppable ? (React__default.createElement(Popup, { className: "cascadar-popup", visible: visible, position: "bottom", round: true, closeable: closeable, closeIconPosition: closeIconPosition, onClickOverlay: closePopup, onClickCloseIcon: closePopup }, renderItem())) : (renderItem())));
 };
 const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.defaultProps = defaultProps;

package/dist/esm/{col.taro-53eed3cc.js → col.taro-a99a9171.js}

@@ -1,14 +1,16 @@
 import React__default, { useState, useContext, useEffect } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-0aac9a82.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     span: '24',
     offset: '0',
     gutter: '0',
 };
 const Col = (props) => {
-    const { className, style = {}, span, offset, children, onClick, } = {
+    const { className, style, span, offset, children, onClick } = {
         ...defaultProps,
         ...props,
     };

package/dist/esm/{datepicker.taro-439e2080.js → datepicker.taro-0f2bcf42.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { P as Picker } from './picker.taro-5c9030a7.js';
+import { P as Picker } from './picker.taro-5028afcb.js';
 import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { View } from '@tarojs/components';
 

package/dist/esm/{divider.taro-6c1657ce.js → divider.taro-67e9f757.js}

@@ -1,7 +1,9 @@
 import React__default from 'react';
 import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     contentPosition: 'center',
     direction: 'horizontal',
 };

package/dist/esm/{drag.taro-79bb8744.js → drag.taro-2d3d9d11.js}

@@ -1,8 +1,9 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import { getSystemInfoSync, createSelectorQuery } from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     attract: false,
     direction: undefined,
     boundary: {
@@ -18,7 +19,7 @@ const Drag = (props) => {
         ...defaultProps,
         ...props,
     };
-    const b = cn('drag');
+    const classPrefix = 'nut-drag';
     const [boundaryState, setBoundaryState] = useState(boundary);
     const myDrag = useRef(null);
     const dragRef = useRef(null);
@@ -99,7 +100,7 @@ const Drag = (props) => {
             clearTimeout(timer.current);
         };
     }, []);
-    return (React__default.createElement("div", { style: style, className: `${b()} ${className}`, ...reset, ref: myDrag },
+    return (React__default.createElement("div", { style: style, className: `${classPrefix} ${className}`, ...reset, ref: myDrag },
         React__default.createElement("div", { onTouchStart: (event) => touchStart(event), ref: dragRef, onTouchMove: touchMove, onTouchEnd: touchEnd, 
             // eslint-disable-next-line react/no-unknown-property
             style: currstyle }, children)));