@nutui/nutui-react 3.0.0-beta.12 → 3.0.0-beta.13

package/dist/cjs/packages/segmented/segmented.js

@@ -15,7 +15,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _type_of = require("@swc/helpers/_/_type_of");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = {
     options: [],

package/dist/cjs/packages/segmented/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface SegmentedItem {
     label: ReactNode;
     value: string | number;

package/dist/cjs/packages/shortpassword/shortpassword.d.ts

@@ -1,5 +1,5 @@
 import React, { ForwardRefRenderFunction, ReactNode } from 'react';
-import { PopupProps } from "../popup/index";
+import { PopupProps } from "../../../../src/packages/popup/index";
 export interface ShortPasswordProps extends PopupProps {
     value: string;
     visible: boolean;

package/dist/cjs/packages/shortpassword/shortpassword.js

@@ -29,7 +29,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
 var _configprovider = require("../configprovider");
 var _typings = require("../../utils/typings");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     value: '',
     visible: false,

package/dist/cjs/packages/sidebar/sidebar.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import SideBarItem from "../sidebaritem";
+import SideBarItem from "../../../../src/packages/sidebaritem";
 import { SideBarProps } from './types';
 export declare const SideBar: FC<Partial<SideBarProps>> & {
     Item: typeof SideBarItem;

package/dist/cjs/packages/sidebar/sidebar.js

@@ -20,8 +20,8 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _typings = require("../../utils/typings");
 var _sidebaritem = /*#__PURE__*/ _interop_require_default._(require("../sidebaritem"));
 var _raf = /*#__PURE__*/ _interop_require_default._(require("../../utils/raf"));
-var _usepropsvalue = require("../../utils/use-props-value");
-var _useforceupdate = require("../../utils/use-force-update");
+var _usepropsvalue = require("../../hooks/use-props-value");
+var _useforceupdate = require("../../hooks/use-force-update");
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     contentDuration: 0,

package/dist/cjs/packages/sidebar/types.d.ts

@@ -1,4 +1,4 @@
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type SideBarItemProps = {
     title: string;
     disabled: boolean;

package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 /**
  * @deprecated Use SideBar instead.
  */

package/dist/cjs/packages/signature/signature.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type SignatureType = 'jpg' | 'png';
 export interface SignatureProps extends BasicComponent {
     type: SignatureType;

package/dist/cjs/packages/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 type avatarShape = 'round' | 'square';
 export interface SkeletonProps extends BasicComponent {
     animated: boolean;

package/dist/cjs/packages/space/space.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface SpaceProps extends BasicComponent {
     direction: 'horizontal' | 'vertical';
     align: 'start' | 'end' | 'center' | 'baseline';

package/dist/cjs/packages/step/step.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface StepProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;

package/dist/cjs/packages/steps/steps.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface StepsProps extends BasicComponent {
     value: number;
     direction: string;

package/dist/cjs/packages/sticky/sticky.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface StickyProps extends BasicComponent {
     container: React.RefObject<HTMLElement>;
     position: 'top' | 'bottom';

package/dist/cjs/packages/sticky/sticky.js

@@ -18,8 +18,8 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _getscrollparent = require("../../utils/get-scroll-parent");
-var _useclientrect = require("../../utils/use-client-rect");
-var _usewatch = /*#__PURE__*/ _interop_require_default._(require("../../utils/use-watch"));
+var _useclientrect = require("../../hooks/use-client-rect");
+var _usewatch = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-watch"));
 var _typings = require("../../utils/typings");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     position: 'top',

package/dist/cjs/packages/swipe/swipe.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TouchEvent, MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type SwipeSide = 'left' | 'right';
 export interface SwipeInstance {
     open: (side: SwipeSide) => void;

package/dist/cjs/packages/swipe/swipe.js

@@ -15,8 +15,8 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _usetouch = require("../../utils/use-touch");
-var _useclientrect = require("../../utils/use-client-rect");
+var _usetouch = require("../../hooks/use-touch");
+var _useclientrect = require("../../hooks/use-client-rect");
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {
         event.preventDefault();

package/dist/cjs/packages/swiper/effects/focus.js

@@ -24,7 +24,7 @@ var _define_property = require("@swc/helpers/_/_define_property");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _web = require("@react-spring/web");
-var _userefstate = require("../../../utils/use-ref-state");
+var _userefstate = require("../../../hooks/use-ref-state");
 var _configprovider = require("../../configprovider");
 var getPerSlidePosition = function getPerSlidePosition(index, position, loop, count) {
     var currentPosition = index * 100 + position;

package/dist/cjs/packages/swiper/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SwiperProps } from './swiper';
-import SwiperItem from "../swiperitem";
-import { SwiperRef } from "./types";
+import SwiperItem from "../../../../src/packages/swiperitem";
+import { SwiperRef } from "../../../../src/packages/swiper/types";
 export type { SwiperProps } from './swiper';
 export type { SwiperRef } from './types';
 type CompoundedComponent = React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<SwiperRef>> & {

package/dist/cjs/packages/swiper/swiper.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { SwiperRef } from "./types";
+import { BasicComponent } from "../../../../src/utils/typings";
+import { SwiperRef } from "../../../../src/packages/swiper/types";
 export interface FocusEffect {
     name: 'focus';
     scale: number;

package/dist/cjs/packages/swiper/swiper.js

@@ -18,7 +18,7 @@ var _react1 = require("@use-gesture/react");
 var _web = require("@react-spring/web");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _indicator = /*#__PURE__*/ _interop_require_default._(require("../indicator"));
-var _userefstate = require("../../utils/use-ref-state");
+var _userefstate = require("../../hooks/use-ref-state");
 var _default = require("./effects/default");
 var _focus = require("./effects/focus");
 var defaultProps = {

package/dist/cjs/packages/swiperitem/swiperitem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface SwiperItemProps extends BasicComponent {
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }

package/dist/cjs/packages/switch/switch.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface SwitchProps extends BasicComponent {
     checked: boolean;
     defaultChecked: boolean;

package/dist/cjs/packages/switch/switch.js

@@ -17,7 +17,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     disabled: false,

package/dist/cjs/packages/tabbar/style/style.css

@@ -138,15 +138,8 @@
 .nut-tabbar-item-active {
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
 }
-.nut-tabbar-item-active .nut-tabbar-item-icon-box {
-  /* #ifdef harmony*/
-  color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
-  /* #endif*/
-  /* #ifndef harmony*/
-  color: inherit;
-  /* #endif*/
-}
-.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
+.nut-tabbar-item-active .nut-tabbar-item-icon-box,
+.nut-tabbar-item-active .nut-icon {
   /* #ifdef harmony*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
   /* #endif*/

package/dist/cjs/packages/tabbar/tabbar.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import TabbarItem from '../tabbaritem';
 export interface TabbarProps extends BasicComponent {
     defaultValue: number;

package/dist/cjs/packages/tabbar/tabbar.js

@@ -16,7 +16,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _tabbaritem = /*#__PURE__*/ _interop_require_default._(require("../tabbaritem"));
 var _context = /*#__PURE__*/ _interop_require_default._(require("./context"));
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {

package/dist/cjs/packages/tabbaritem/style/style.css

@@ -138,15 +138,8 @@
 .nut-tabbar-item-active {
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
 }
-.nut-tabbar-item-active .nut-tabbar-item-icon-box {
-  /* #ifdef harmony*/
-  color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
-  /* #endif*/
-  /* #ifndef harmony*/
-  color: inherit;
-  /* #endif*/
-}
-.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
+.nut-tabbar-item-active .nut-tabbar-item-icon-box,
+.nut-tabbar-item-active .nut-icon {
   /* #ifdef harmony*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
   /* #endif*/

package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss

@@ -41,22 +41,14 @@
   &-active {
     color: $tabbar-active-color;
 
-    .nut-tabbar-item-icon-box {
+    .nut-tabbar-item-icon-box,
+    .nut-icon {
       /* #ifdef harmony*/
       color: $tabbar-active-color;
       /* #endif*/
       /* #ifndef harmony*/
       color: inherit;
       /* #endif*/
-
-      .nut-icon {
-        /* #ifdef harmony*/
-        color: $tabbar-active-color;
-        /* #endif*/
-        /* #ifndef harmony*/
-        color: inherit;
-        /* #endif*/
-      }
     }
   }
 }

package/dist/cjs/packages/tabbaritem/tabbaritem.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface TabbarItemProps extends BasicComponent {
     title: ReactNode;
     icon: ReactNode;

package/dist/cjs/packages/tabbaritem/tabbaritem.js

@@ -55,6 +55,11 @@ var TabbarItem = function TabbarItem(props) {
         right: right,
         color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
     };
+    var renderTitleText = function renderTitleText() {
+        return title && /*#__PURE__*/ _react.default.createElement("div", {
+            className: titleClass
+        }, title);
+    };
     return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
         className: tabbarItemClass,
         style: (0, _object_spread._)({
@@ -65,9 +70,5 @@ var TabbarItem = function TabbarItem(props) {
         }
     }, rest), icon ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_index.default, badgeProps, /*#__PURE__*/ _react.default.createElement("div", {
         className: boxPrefix
-    }, icon)), /*#__PURE__*/ _react.default.createElement("div", {
-        className: titleClass
-    }, title)) : /*#__PURE__*/ _react.default.createElement(_index.default, badgeProps, /*#__PURE__*/ _react.default.createElement("div", {
-        className: titleClass
-    }, title)));
+    }, icon)), renderTitleText()) : /*#__PURE__*/ _react.default.createElement(_index.default, badgeProps, renderTitleText()));
 };

package/dist/cjs/packages/table/table.js

@@ -21,7 +21,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _iconsreact = require("@nutui/icons-react");
 var _configprovider = require("../configprovider");
 var _typings = require("../../utils/typings");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _utils = require("./utils");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     columns: [],

package/dist/cjs/packages/table/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface BasicTableProps extends BasicComponent {
     columns: Array<TableColumnProps>;
     data: Array<any>;

package/dist/cjs/packages/tabs/tabs.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import TabPane from "../tabpane";
+import { BasicComponent } from "../../../../src/utils/typings";
+import TabPane from "../../../../src/packages/tabpane";
 export type TabsTitle = {
     title: string;
     disabled: boolean;

package/dist/cjs/packages/tabs/tabs.js

@@ -21,8 +21,8 @@ var _iconsreact = require("@nutui/icons-react");
 var _typings = require("../../utils/typings");
 var _tabpane = /*#__PURE__*/ _interop_require_default._(require("../tabpane"));
 var _raf = /*#__PURE__*/ _interop_require_default._(require("../../utils/raf"));
-var _usepropsvalue = require("../../utils/use-props-value");
-var _useforceupdate = require("../../utils/use-force-update");
+var _usepropsvalue = require("../../hooks/use-props-value");
+var _useforceupdate = require("../../hooks/use-force-update");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     tabStyle: {},

package/dist/cjs/packages/tag/tag.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import type { MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type TagType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export interface TagProps extends BasicComponent {
     type: TagType;

package/dist/cjs/packages/textarea/textarea.d.ts

@@ -1,6 +1,6 @@
-import React, { FunctionComponent } from 'react';
 import type { FocusEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface TextAreaProps extends BasicComponent {
     value: string;
     defaultValue: string;

package/dist/cjs/packages/textarea/textarea.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "TextArea", {
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
@@ -18,7 +19,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _configprovider = require("../configprovider");
 var _typings = require("../../utils/typings");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     defaultValue: '',
     showCount: false,
@@ -68,9 +69,7 @@ var TextArea = function TextArea(props) {
         onChange: onChange
     }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
     (0, _react.useEffect)(function() {
-        if (autoSize) {
-            setContentHeight();
-        }
+        if (autoSize) setContentHeight();
     }, [
         autoSize,
         defaultValue,
@@ -91,34 +90,30 @@ var TextArea = function TextArea(props) {
         var value = compositionRef.current ? text.value : format(text.value);
         setInputValue(value);
     };
+    var isDisabled = function isDisabled() {
+        return disabled || readOnly;
+    };
     var handleFocus = function handleFocus(event) {
-        if (disabled) return;
-        if (readOnly) return;
-        onFocus && onFocus(event);
+        if (isDisabled()) return;
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
     };
     var handleBlur = function handleBlur(event) {
-        if (disabled) return;
-        if (readOnly) return;
-        onBlur && onBlur(event);
+        if (isDisabled()) return;
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    var _obj;
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
-        className: (0, _classnames.default)(classPrefix, disabled ? "".concat(classPrefix, "-disabled") : '', readOnly ? "".concat(classPrefix, "-readonly") : '', rtl ? "".concat(classPrefix, "-rtl") : '', plain ? "".concat(classPrefix, "-plain") : "".concat(classPrefix, "-container"), status ? "".concat(classPrefix, "-").concat(status) : '', className)
-    }, /*#__PURE__*/ _react.default.createElement("textarea", (0, _object_spread._)({
+        className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-readonly"), readOnly), (0, _define_property._)(_obj, "".concat(classPrefix, "-rtl"), rtl), (0, _define_property._)(_obj, "".concat(classPrefix, "-plain"), plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-container"), !plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
+    }, /*#__PURE__*/ _react.default.createElement("textarea", (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         ref: textareaRef,
-        className: "".concat(classPrefix, "-textarea ").concat(disabled ? "".concat(classPrefix, "-textarea-disabled") : ''),
+        className: (0, _classnames.default)("".concat(classPrefix, "-textarea"), (0, _define_property._)({}, "".concat(classPrefix, "-textarea-disabled"), disabled)),
         style: style,
         disabled: disabled,
         readOnly: readOnly,
         value: inputValue,
-        onChange: function onChange(e) {
-            return handleChange(e);
-        },
-        onBlur: function onBlur(e) {
-            return handleBlur(e);
-        },
-        onFocus: function onFocus(e) {
-            return handleFocus(e);
-        },
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         onCompositionEnd: function onCompositionEnd() {
             compositionRef.current = false;
         },
@@ -127,9 +122,9 @@ var TextArea = function TextArea(props) {
         },
         rows: rows,
         maxLength: maxLength === -1 ? undefined : maxLength,
-        placeholder: placeholder || locale.placeholder
-    }, rest)), showCount && /*#__PURE__*/ _react.default.createElement("div", {
-        className: "".concat(classPrefix, "-limit ").concat(disabled ? "".concat(classPrefix, "-limit-disabled") : '')
+        placeholder: placeholder !== undefined ? placeholder : locale.placeholder
+    })), showCount && /*#__PURE__*/ _react.default.createElement("div", {
+        className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
 };
 TextArea.displayName = 'NutTextArea';

package/dist/cjs/packages/timedetail/timedetail.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { TimeType, DateType, OptionKeyType } from "../timeselect";
+import { BasicComponent } from "../../../../src/utils/typings";
+import { TimeType, DateType, OptionKeyType } from "../../../../src/packages/timeselect";
 export interface TimeDetailProps extends BasicComponent {
     activeDate: string;
     activeTime: DateType[];

package/dist/cjs/packages/timeselect/timeselect.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface TimeType {
     value?: string;
     text?: string;

package/dist/cjs/packages/toast/types.d.ts

@@ -1,4 +1,4 @@
-import { OverlayProps } from "../overlay/types";
+import { OverlayProps } from "../../../../src/packages/overlay/types";
 export type ToastPosition = 'top' | 'bottom' | 'center';
 export type ToastIcon = 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
 export type ToastWordBreak = 'normal' | 'break-all' | 'break-word';

package/dist/cjs/packages/tour/tour.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from "../popover/types";
-import { BasicComponent } from "../../utils/typings";
+import { PopoverLocation } from "../../../../src/packages/popover/types";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface TourList {
     target: Element | string;
     content?: string;
@@ -13,7 +13,7 @@ export type TourType = 'step' | 'tile';
 export interface TourProps extends BasicComponent {
     visible: boolean;
     type: TourType;
-    location: PopoverLocation | string;
+    location: PopoverLocation;
     mask: boolean;
     maskWidth: number | string;
     maskHeight: number | string;

package/dist/cjs/packages/tour/tour.js

@@ -18,7 +18,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _iconsreact = require("@nutui/icons-react");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _popover = /*#__PURE__*/ _interop_require_default._(require("../popover"));
-var _useclientrect = require("../../utils/use-client-rect");
+var _useclientrect = require("../../hooks/use-client-rect");
 var _typings = require("../../utils/typings");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {

package/dist/cjs/packages/trendarrow/trendarrow.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface TrendArrowProps extends BasicComponent {
     value: number;
     digits: number;

package/dist/cjs/packages/uploader/types.d.ts

@@ -1,10 +1,11 @@
+import { FixAutoComplete } from "../../../../src/types/fix-string-literal-union";
 export type FileItem = {
     status?: FileItemStatus;
     message?: string;
     uid?: string | number;
     name?: string;
     url?: string;
-    type?: 'image' | 'list' | string;
+    type?: FixAutoComplete<'image' | 'list'>;
     path?: string;
     loadingIcon?: React.ReactNode;
     failIcon?: React.ReactNode;

package/dist/cjs/packages/uploader/uploader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import { FileItem } from './types';
 export interface UploaderProps extends BasicComponent {
     maxCount: string | number;

package/dist/cjs/packages/uploader/uploader.js

@@ -24,7 +24,7 @@ var _configprovider = require("../configprovider");
 var _interceptor = require("../../utils/interceptor");
 var _typings = require("../../utils/typings");
 var _button = /*#__PURE__*/ _interop_require_default._(require("../button"));
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _preview = require("./preview");
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {

package/dist/cjs/packages/video/video.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface VideoProps extends BasicComponent {
     source: {
         type: string;

package/dist/cjs/packages/virtuallist/virtuallist.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import type { Data } from './types';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface VirtualListProps extends BasicComponent {
     list: Array<Data>;
     containerHeight: number;