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

package/dist/es/packages/progress/progress.d.ts

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

package/dist/es/packages/pulltorefresh/pulltorefresh.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import { PullToRefreshType } from './types';
 export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
 export interface PullToRefreshProps extends BasicComponent {

package/dist/es/packages/radio/radio.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { RadioPosition, RadioShape } from "./types";
+import { BasicComponent } from "../../../../src/utils/typings";
+import { RadioPosition, RadioShape } from "../../../../src/packages/radio/types";
 export interface RadioProps extends BasicComponent {
     disabled: boolean;
     checked: boolean;

package/dist/es/packages/radio/radio.js

@@ -8,7 +8,7 @@ import { CheckChecked, CheckNormal, CheckDisabled } from "@nutui/icons-react";
 import classNames from "classnames";
 import RadioContext from "../radiogroup/context";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: 'round',

package/dist/es/packages/radiogroup/radiogroup.js

@@ -7,7 +7,7 @@ import React, { useCallback } from "react";
 import classNames from "classnames";
 import RadioContext from "./context";
 import Radio from "../radio/index";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = {
     labelPosition: 'right',
     onChange: function(value) {},

package/dist/es/packages/range/range.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import { RangeMark, RangeValue } from './types';
 export interface RangeProps extends BasicComponent {
     value: RangeValue;

package/dist/es/packages/range/range.js

@@ -4,10 +4,10 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useEffect, useState, useCallback, useMemo, useRef } from "react";
 import classNames from "classnames";
-import { useTouch } from "../../utils/use-touch";
-import { getRect } from "../../utils/use-client-rect";
+import { useTouch } from "../../hooks/use-touch";
+import { getRect } from "../../hooks/use-client-rect";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import { useRtl } from "../configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     range: false,

package/dist/es/packages/rate/rate.js

@@ -6,9 +6,9 @@ import React, { useEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import { StarFill } from "@nutui/icons-react";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
-import { getRect } from "../../utils/use-client-rect";
-import useRefs from "../../utils/use-refs";
+import { usePropsValue } from "../../hooks/use-props-value";
+import { getRect } from "../../hooks/use-client-rect";
+import useRefs from "../../hooks/use-refs";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     size: 'normal',
     showScore: false,

package/dist/es/packages/rate/types.d.ts

@@ -1,4 +1,4 @@
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type RateSize = 'large' | 'normal' | 'small';
 export interface RateProps extends BasicComponent {
     size: RateSize;

package/dist/es/packages/resultpage/resultpage.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import { ButtonFill, ButtonSize, ButtonType } from '../button/button';
 import { ResultPageStatus } from './types';
 export type ResultPageAction = {

package/dist/es/packages/row/row.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type RowEventType = 'row' | 'col';
 export interface RowProps extends BasicComponent {
     type: string;

package/dist/es/packages/safearea/safearea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface SafeAreaProps extends BasicComponent {
     position: 'top' | 'bottom';
 }

package/dist/es/packages/searchbar/searchbar.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface SearchBarProps extends BasicComponent {
     value?: number | string;
     placeholder?: string;

package/dist/es/packages/segmented/segmented.js

@@ -3,7 +3,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _type_of } from "@swc/helpers/_/_type_of";
 import React, { useCallback } from "react";
 import classNames from "classnames";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import { mergeProps } from "../../utils/merge-props";
 var defaultProps = {
     options: [],

package/dist/es/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/es/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 {
     /**
     * 密码字符串

package/dist/es/packages/shortpassword/shortpassword.js

@@ -9,7 +9,7 @@ import classNames from "classnames";
 import Popup from "../popup/index";
 import { useConfig } from "../configprovider";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     value: '',
     visible: false,

package/dist/es/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/es/packages/sidebar/sidebar.js

@@ -8,8 +8,8 @@ import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
 import SideBarItem from "../sidebaritem";
 import raf from "../../utils/raf";
-import { usePropsValue } from "../../utils/use-props-value";
-import { useForceUpdate } from "../../utils/use-force-update";
+import { usePropsValue } from "../../hooks/use-props-value";
+import { useForceUpdate } from "../../hooks/use-force-update";
 import { mergeProps } from "../../utils/merge-props";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentDuration: 0,

package/dist/es/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/es/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/es/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 {
     /**

package/dist/es/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/es/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/es/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 {
     /**
     * 流程步骤的标题

package/dist/es/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 {
     /**
     * 当前所在的步骤

package/dist/es/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 {
     /**
     * 容器的 ref

package/dist/es/packages/sticky/sticky.js

@@ -6,8 +6,8 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import { getScrollParent } from "../../utils/get-scroll-parent";
-import { getRect } from "../../utils/use-client-rect";
-import useWatch from "../../utils/use-watch";
+import { getRect } from "../../hooks/use-client-rect";
+import useWatch from "../../hooks/use-watch";
 import { ComponentDefaults } from "../../utils/typings";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: 'top',

package/dist/es/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/es/packages/swipe/swipe.js

@@ -3,8 +3,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useRef, forwardRef, useState, useCallback, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
-import { useTouch } from "../../utils/use-touch";
-import { getRect } from "../../utils/use-client-rect";
+import { useTouch } from "../../hooks/use-touch";
+import { getRect } from "../../hooks/use-client-rect";
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {
         event.preventDefault();

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

@@ -2,7 +2,7 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useEffect } from "react";
 import { animated } from "@react-spring/web";
-import { getRefValue, useRefState } from "../../../utils/use-ref-state";
+import { getRefValue, useRefState } from "../../../hooks/use-ref-state";
 import { useRtl } from "../../configprovider";
 var getPerSlidePosition = function(index, position, loop, count) {
     var currentPosition = index * 100 + position;

package/dist/es/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/es/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/es/packages/swiper/swiper.js

@@ -6,7 +6,7 @@ import { useDrag } from "@use-gesture/react";
 import { useSpring } from "@react-spring/web";
 import classNames from "classnames";
 import Indicator from "../indicator";
-import { getRefValue, useRefState } from "../../utils/use-ref-state";
+import { getRefValue, useRefState } from "../../hooks/use-ref-state";
 import { defaultEffect } from "./effects/default";
 import { focusEffect, updateTransform, useList } from "./effects/focus";
 var defaultProps = {

package/dist/es/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/es/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/es/packages/switch/switch.js

@@ -6,7 +6,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React from "react";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import { useRtl } from "../configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,

package/dist/es/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/es/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/es/packages/tabbar/tabbar.js

@@ -5,7 +5,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React from "react";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import TabbarItem from "../tabbaritem";
 import TabbarContext from "./context";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {

package/dist/es/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/es/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/es/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/es/packages/tabbaritem/tabbaritem.js

@@ -44,6 +44,11 @@ export var TabbarItem = function(props) {
         right: right,
         color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
     };
+    var renderTitleText = function() {
+        return title && /*#__PURE__*/ React.createElement("div", {
+            className: titleClass
+        }, title);
+    };
     return /*#__PURE__*/ React.createElement("div", _object_spread({
         className: tabbarItemClass,
         style: _object_spread({
@@ -54,9 +59,5 @@ export var TabbarItem = function(props) {
         }
     }, rest), icon ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Badge, badgeProps, /*#__PURE__*/ React.createElement("div", {
         className: boxPrefix
-    }, icon)), /*#__PURE__*/ React.createElement("div", {
-        className: titleClass
-    }, title)) : /*#__PURE__*/ React.createElement(Badge, badgeProps, /*#__PURE__*/ React.createElement("div", {
-        className: titleClass
-    }, title)));
+    }, icon)), renderTitleText()) : /*#__PURE__*/ React.createElement(Badge, badgeProps, renderTitleText()));
 };

package/dist/es/packages/table/table.js

@@ -9,7 +9,7 @@ import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react";
 import { useConfig, useRtl } from "../configprovider";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import { useTableSticky } from "./utils";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     columns: [],

package/dist/es/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/es/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/es/packages/tabs/tabs.js

@@ -9,8 +9,8 @@ import { JoySmile } from "@nutui/icons-react";
 import { ComponentDefaults } from "../../utils/typings";
 import TabPane from "../tabpane";
 import raf from "../../utils/raf";
-import { usePropsValue } from "../../utils/use-props-value";
-import { useForceUpdate } from "../../utils/use-force-update";
+import { usePropsValue } from "../../hooks/use-props-value";
+import { useForceUpdate } from "../../hooks/use-force-update";
 import { useRtl } from "../configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     tabStyle: {},

package/dist/es/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/es/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/es/packages/textarea/textarea.js

@@ -1,3 +1,4 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
@@ -6,7 +7,7 @@ import React, { useEffect, useRef } from "react";
 import classNames from "classnames";
 import { useConfig, useRtl } from "../configprovider";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: '',
     showCount: false,
@@ -56,9 +57,7 @@ export var TextArea = function(props) {
         onChange: onChange
     }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
     useEffect(function() {
-        if (autoSize) {
-            setContentHeight();
-        }
+        if (autoSize) setContentHeight();
     }, [
         autoSize,
         defaultValue,
@@ -79,34 +78,30 @@ export var TextArea = function(props) {
         var value = compositionRef.current ? text.value : format(text.value);
         setInputValue(value);
     };
+    var isDisabled = function() {
+        return disabled || readOnly;
+    };
     var handleFocus = function(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(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.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(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.createElement("textarea", _object_spread({
+        className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-container"), !plain), _define_property(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
+    }, /*#__PURE__*/ React.createElement("textarea", _object_spread_props(_object_spread({}, rest), {
         ref: textareaRef,
-        className: "".concat(classPrefix, "-textarea ").concat(disabled ? "".concat(classPrefix, "-textarea-disabled") : ''),
+        className: classNames("".concat(classPrefix, "-textarea"), _define_property({}, "".concat(classPrefix, "-textarea-disabled"), disabled)),
         style: style,
         disabled: disabled,
         readOnly: readOnly,
         value: inputValue,
-        onChange: function(e) {
-            return handleChange(e);
-        },
-        onBlur: function(e) {
-            return handleBlur(e);
-        },
-        onFocus: function(e) {
-            return handleFocus(e);
-        },
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         onCompositionEnd: function() {
             compositionRef.current = false;
         },
@@ -115,9 +110,9 @@ export var TextArea = function(props) {
         },
         rows: rows,
         maxLength: maxLength === -1 ? undefined : maxLength,
-        placeholder: placeholder || locale.placeholder
-    }, rest)), showCount && /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-limit ").concat(disabled ? "".concat(classPrefix, "-limit-disabled") : '')
+        placeholder: placeholder !== undefined ? placeholder : locale.placeholder
+    })), showCount && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(classPrefix, "-limit"), _define_property({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
 };
 TextArea.displayName = 'NutTextArea';