@sheinx/base 3.6.0-beta.3 → 3.6.0-beta.30

package/esm/textarea/simple-textarea.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "border", "resize", "onEnterPress", "getStatus", "renderTextarea"];
+var _excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "autosize", "border", "resize", "onEnterPress", "onStatusChange", "renderTextarea", "limit", "clearable"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -11,6 +11,7 @@ import { useKeyEvent, usePersistFn, useTextarea, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React, { useContext, useEffect } from 'react';
 import { FormFieldContext } from "../form/form-field-context";
+import Icons from "../icons";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Textarea = function Textarea(props) {
@@ -23,13 +24,16 @@ var Textarea = function Textarea(props) {
     prefix = props.prefix,
     suffix = props.suffix,
     underline = props.underline,
+    autosize = props.autosize,
     _props$border = props.border,
     border = _props$border === void 0 ? true : _props$border,
     _props$resize = props.resize,
     resize = _props$resize === void 0 ? false : _props$resize,
     _onEnterPress = props.onEnterPress,
-    getStatus = props.getStatus,
+    onStatusChange = props.onStatusChange,
     renderTextarea = props.renderTextarea,
+    limit = props.limit,
+    clearable = props.clearable,
     rest = _objectWithoutProperties(props, _excluded);
   var textareaClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle);
   var _useTextarea = useTextarea(_objectSpread({}, rest)),
@@ -51,12 +55,12 @@ var Textarea = function Textarea(props) {
     keyHandler(e);
   });
   var textareaProps = getTextAreaProps({
-    className: classNames(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperPaddingBox, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitleBottom, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.textarea, !!resize && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.resize)),
+    className: classNames(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperPaddingBox, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitleBottom, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.textarea, (!!resize || autosize) && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.resize)),
     onKeyUp: onKeyUp
   });
   useEffect(function () {
-    if (getStatus) {
-      getStatus({
+    if (onStatusChange) {
+      onStatusChange({
         focused: focused
       });
     }
@@ -65,13 +69,32 @@ var Textarea = function Textarea(props) {
   if (typeof renderTextarea === 'function') {
     textareaEl = renderTextarea(textareaEl);
   }
+  var limitEl = null;
+  if (limit) {
+    var _props$value;
+    limitEl = /*#__PURE__*/_jsx("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.limit,
+      children: typeof limit === 'number' ? "".concat(((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) || 0, "/").concat(limit) : limit(props.value)
+    });
+  }
+  var clearEl = null;
+  if (clearable && props.value) {
+    clearEl = /*#__PURE__*/_jsx("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.clear,
+      onClick: function onClick() {
+        var _props$onChange;
+        (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, '');
+      },
+      children: Icons.textarea.Close
+    });
+  }
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
     id: fieldId
   }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
-    children: [prefix, textareaEl, suffix]
+    children: [prefix, textareaEl, suffix, limitEl, clearEl]
   }));
 };
 export default Textarea;

package/esm/textarea/textarea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TextareaProps } from './textarea.type';
-declare const _default: React.MemoExoticComponent<(props0: TextareaProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props0: TextareaProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 //# sourceMappingURL=textarea.d.ts.map

package/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAkNhD,wBAAoC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AA6NhD,wBAAoC"}

package/esm/textarea/textarea.js

@@ -1,4 +1,4 @@
-var _excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "trim", "delay"];
+var _excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "limit", "trim", "delay"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -41,6 +41,7 @@ var Textarea = function Textarea(props0) {
     jssStyle = props.jssStyle,
     onBlur = props.onBlur,
     status = props.status,
+    limit = props.limit,
     trimProps = props.trim,
     delayProps = props.delay,
     resetProps = _objectWithoutProperties(props, _excluded);
@@ -72,7 +73,12 @@ var Textarea = function Textarea(props0) {
   var inputAbleParams = {
     value: resetProps.value,
     onChange: resetProps.onChange,
-    beforeChange: resetProps.beforeChange,
+    beforeChange: typeof limit === 'number' ? function (v) {
+      var _resetProps$beforeCha;
+      if (v.length > limit) return v.slice(0, limit);
+      if (resetProps.beforeChange) (_resetProps$beforeCha = resetProps.beforeChange) === null || _resetProps$beforeCha === void 0 || _resetProps$beforeCha.call(resetProps, v);
+      return v;
+    } : resetProps.beforeChange,
     defaultValue: resetProps.defaultValue,
     delay: delay
   };
@@ -148,7 +154,8 @@ var Textarea = function Textarea(props0) {
     popover: resetProps.popover || (_typeof(info) === 'object' ? info.position : 'bottom-right'),
     popoverProps: Object.assign({
       style: {
-        width: 'auto'
+        width: 'auto',
+        fontSize: 12
       }
     }, resetProps.popoverProps),
     error: infoState !== null && infoState !== void 0 && infoState.error && (infoState === null || infoState === void 0 ? void 0 : infoState.error) instanceof Error ? infoState === null || infoState === void 0 || (_infoState$error = infoState.error) === null || _infoState$error === void 0 ? void 0 : _infoState$error.message : undefined,
@@ -180,14 +187,16 @@ var Textarea = function Textarea(props0) {
     rows: 4,
     jssStyle: jssStyle
   }, forwardProps), formatProps), {}, {
-    className: classNames(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), resetProps.className),
+    className: classNames(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), props.clearable && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperWithClear), resetProps.className),
     renderTextarea: renderTextarea,
+    limit: limit,
     status: tipProps.error ? 'error' : status,
+    onStatusChange: onStatusChange,
     value: inputAbleProps.value || '',
     suffix: mergeSuffix,
     style: mergeStyle,
-    getStatus: onStatusChange,
-    rootRef: rootRef
+    rootRef: rootRef,
+    autosize: props.autosize
   }));
 };
 export default /*#__PURE__*/React.memo(Textarea);

package/esm/textarea/textarea.type.d.ts

@@ -35,6 +35,9 @@ export interface TextareaClasses {
     shadow: string;
     info: string;
     footer: string;
+    limit: string;
+    clear: string;
+    wrapperWithClear: string;
 }
 export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType, 'status' | 'style' | 'className' | 'size'> {
     jssStyle?: {
@@ -52,7 +55,7 @@ export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType,
      * @private not export
      */
     suffix?: React.ReactNode;
-    getStatus?: (status: {
+    onStatusChange?: (status: {
         focused?: boolean;
     }) => void;
     /**
@@ -73,6 +76,12 @@ export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType,
      * @default false
      */
     resize?: boolean;
+    /**
+     * @en Whether the height changes automatically with the content
+     * @cn 高度是否随内容自动变化
+     * @default false
+     */
+    autosize?: boolean;
     /**
      * @en The callback function for enter key
      * @cn 回车键的回调函数
@@ -83,6 +92,19 @@ export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType,
      * @cn 自定义渲染Textarea
      */
     renderTextarea?: (textareaEl: React.ReactElement) => React.ReactElement;
+    /**
+     * @en Maximum number of characters
+     * @cn 最大字符数
+     * @version 3.6.0
+     */
+    limit?: number | ((text?: string) => React.ReactNode);
+    /**
+     * @en Whether to clear the value
+     * @cn 是否可以清空值
+     * @default false
+     * @version 3.6.0
+     */
+    clearable?: boolean;
 }
 type TextareaValueType = string;
 export type TextareaInfo = number | ((value: string) => React.ReactNode | Error);
@@ -98,7 +120,7 @@ export interface TextareaInfoOption {
      */
     position?: 'bottom-left' | 'bottom-right';
 }
-export interface TextareaProps extends BaseTipProps, Omit<SimpleTextareaProps, 'value' | 'onChange' | 'defaultValue' | 'jssStyle' | 'getStatus' | 'rootRef' | 'renderTextarea' | 'prefix'> {
+export interface TextareaProps extends BaseTipProps, Omit<SimpleTextareaProps, 'value' | 'onChange' | 'defaultValue' | 'jssStyle' | 'getStatus' | 'rootRef' | 'renderTextarea' | 'prefix' | 'autosize'> {
     /**
      * @private 内部属性
      */

package/esm/textarea/textarea.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.type.d.ts","sourceRoot":"","sources":["textarea.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IAC7D,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;KAClC,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;CACzE;AAED,KAAK,iBAAiB,GAAG,MAAM,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC;AAEjF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;CAC3C;AAED,MAAM,WAAW,aACf,SAAQ,YAAY,EAClB,IAAI,CACF,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,cAAc,GACd,UAAU,GACV,WAAW,GACX,SAAS,GACT,gBAAgB,GAChB,QAAQ,CACX;IACH;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;QACjC,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;QAC/B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IACF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,kBAAkB,CAAC;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,GAAG,MAAM,CAAC;IAC3D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"textarea.type.d.ts","sourceRoot":"","sources":["textarea.type.ts"],"names":[],"mappings":"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"}

package/esm/textarea/use-auto-size.d.ts

@@ -7,6 +7,6 @@ declare const useAutoSize: (props: {
     jssStyle?: {
         textarea?: (() => TextareaClasses) | undefined;
     } | undefined;
-}) => (el: React.ReactElement) => JSX.Element;
+}) => (el: React.ReactElement) => import("react/jsx-runtime").JSX.Element;
 export default useAutoSize;
 //# sourceMappingURL=use-auto-size.d.ts.map

package/esm/textarea/use-auto-size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-size.d.ts","sourceRoot":"","sources":["use-auto-size.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,WAAW;;;;;0BAKI,eAAe;;WAoBT,MAAM,YAAY,gBAyB5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-auto-size.d.ts","sourceRoot":"","sources":["use-auto-size.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,WAAW;;;;;0BAKI,eAAe;;WAoBT,MAAM,YAAY,4CAyB5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tooltip/tooltip.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { TooltipProps } from './tooltip.type';
-declare const Tooltip: (props: TooltipProps) => JSX.Element | null;
+declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Tooltip;
 //# sourceMappingURL=tooltip.d.ts.map

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBAmInC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,QAAA,MAAM,OAAO,UAAW,YAAY,mDAqInC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/tooltip/tooltip.js

@@ -26,6 +26,8 @@ var Tooltip = function Tooltip(props) {
     className = props.className,
     style = props.style,
     zIndex = props.zIndex,
+    _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
     persistentProp = props.persistent,
     _props$type = props.type,
     type = _props$type === void 0 ? 'default' : _props$type,
@@ -123,7 +125,7 @@ var Tooltip = function Tooltip(props) {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
         dir: config.direction,
-        children: [/*#__PURE__*/_jsx("span", _objectSpread({
+        children: [showArrow && /*#__PURE__*/_jsx("span", _objectSpread({
           ref: arrowRef,
           className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
         }, util.getDataAttribute({

package/esm/tooltip/tooltip.type.d.ts

@@ -85,5 +85,12 @@ export interface TooltipProps extends Pick<BasePopupProps, 'trigger' | 'position
      * @version 3.5.3
      */
     persistent?: boolean;
+    /**
+     * @cn 是否显示箭头
+     * @en Whether to show the arrow
+     * @default true
+     * @version 3.6.0
+     */
+    showArrow?: boolean;
 }
 //# sourceMappingURL=tooltip.type.d.ts.map

package/esm/tooltip/tooltip.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.type.d.ts","sourceRoot":"","sources":["tooltip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,CAAC,EACxE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IAIF;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1E;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"tooltip.type.d.ts","sourceRoot":"","sources":["tooltip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,CAAC,EACxE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IAIF;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1E;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/esm/transfer/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Transfer } from './transfer';
-export type { TransferProps, TransferClasses } from './transfer.type';
+export type { TransferProps, TransferClasses, FilterProps } from './transfer.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/transfer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/transfer/transfer-list-header.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TransferListHeaderProps } from './transfer-list-header.type';
-declare const TransferListHeader: <DataItem, Value extends KeygenResult[]>(props: TransferListHeaderProps<DataItem, Value>) => JSX.Element;
+declare const TransferListHeader: <DataItem, Value extends KeygenResult[]>(props: TransferListHeaderProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default TransferListHeader;
 //# sourceMappingURL=transfer-list-header.d.ts.map

package/esm/transfer/transfer-list-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-list-header.d.ts","sourceRoot":"","sources":["transfer-list-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,0GAoHvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"transfer-list-header.d.ts","sourceRoot":"","sources":["transfer-list-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,sIAoHvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/esm/transfer/transfer-list-item.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { TransferListItemProps } from './transfer-list-item.type';
-declare const TransferListItem: <DataItem>(props: TransferListItemProps<DataItem>) => JSX.Element;
+declare const TransferListItem: <DataItem>(props: TransferListItemProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
 export default TransferListItem;
 //# sourceMappingURL=transfer-list-item.d.ts.map

package/esm/transfer/transfer-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-list-item.d.ts","sourceRoot":"","sources":["transfer-list-item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,QAAA,MAAM,gBAAgB,mEA0FrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"transfer-list-item.d.ts","sourceRoot":"","sources":["transfer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,QAAA,MAAM,gBAAgB,+FA0FrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/transfer/transfer-list.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TransferListProps } from './transfer-list.type';
-declare const TransferList: <DataItem, Value extends KeygenResult[]>(props: TransferListProps<DataItem, Value>) => JSX.Element;
+declare const TransferList: <DataItem, Value extends KeygenResult[]>(props: TransferListProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default TransferList;
 //# sourceMappingURL=transfer-list.d.ts.map

package/esm/transfer/transfer-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["transfer-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,QAAA,MAAM,YAAY,oGA6MjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["transfer-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,QAAA,MAAM,YAAY,gIA2NjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/transfer/transfer-list.js

@@ -1,9 +1,16 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { util } from '@sheinx/hooks';
 import { getLocale, useConfig } from "../config";
@@ -30,7 +37,7 @@ var TransferList = function TransferList(props) {
     listStyle = props.listStyle,
     listClassName = props.listClassName,
     _props$listHeight = props.listHeight,
-    listHeight = _props$listHeight === void 0 ? 180 : _props$listHeight,
+    listHeightProp = _props$listHeight === void 0 ? 180 : _props$listHeight,
     lineHeightProp = props.lineHeight,
     listType = props.listType,
     _props$rowsInView = props.rowsInView,
@@ -55,9 +62,23 @@ var TransferList = function TransferList(props) {
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
   var rootClass = classNames(styles.view, _defineProperty(_defineProperty({}, styles.source, listType === 'source'), styles.target, listType === 'target'));
   var listClass = classNames(styles.list, listClassName);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    addonHeight = _useState2[0],
+    setAddonHeight = _useState2[1];
+  var listContainerRef = useRef(null);
+  useLayoutEffect(function () {
+    if (!listContainerRef.current) return;
+    var $list = listContainerRef.current.querySelector(".".concat(styles.list));
+    var containerBottom = listContainerRef.current.getBoundingClientRect().bottom;
+    var listBottom = ($list === null || $list === void 0 ? void 0 : $list.getBoundingClientRect().bottom) || containerBottom;
+    if (containerBottom - listBottom > 1) {
+      setAddonHeight(containerBottom - listBottom - 1);
+    }
+  }, []);
+  var listHeight = listHeightProp + addonHeight;
   var getLineHeight = function getLineHeight() {
     if (lineHeightProp) {
-      // console.log('lineHeightProp', lineHeightProp);
       return lineHeightProp;
     }
     if (size === 'small') {
@@ -96,7 +117,7 @@ var TransferList = function TransferList(props) {
           disabled: disabled === true,
           onFilter: handleFilter,
           placeholder: getLocale(locale, 'search'),
-          isSrouce: listType === 'source'
+          isSource: listType === 'source'
         })
       });
     }
@@ -180,7 +201,8 @@ var TransferList = function TransferList(props) {
       lineHeight: getLineHeight(),
       height: listHeight,
       rowsInView: rowsInView,
-      renderItem: renderItem
+      renderItem: renderItem,
+      paddingY: 3
     });
   };
   var renderFooter = function renderFooter() {
@@ -194,6 +216,7 @@ var TransferList = function TransferList(props) {
   };
   return /*#__PURE__*/_jsxs("div", {
     className: rootClass,
+    ref: listContainerRef,
     children: [renderHeader(), /*#__PURE__*/_jsxs(Spin, {
       className: styles.spinContainer,
       jssStyle: jssStyle,

package/esm/transfer/transfer-operate.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TransferOperateProps } from './transfer-operate.type';
-declare const TransferOperate: <DataItem, Value extends KeygenResult[]>(props: TransferOperateProps<DataItem, Value>) => JSX.Element;
+declare const TransferOperate: <DataItem, Value extends KeygenResult[]>(props: TransferOperateProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default TransferOperate;
 //# sourceMappingURL=transfer-operate.d.ts.map

package/esm/transfer/transfer-operate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-operate.d.ts","sourceRoot":"","sources":["transfer-operate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,QAAA,MAAM,eAAe,uGAwCpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"transfer-operate.d.ts","sourceRoot":"","sources":["transfer-operate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,QAAA,MAAM,eAAe,mIAwCpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/transfer/transfer.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { TransferProps } from './transfer.type';
 import { KeygenResult } from '@sheinx/hooks';
-declare const Transfer: <DataItem, Value extends KeygenResult[]>(props: TransferProps<DataItem, Value>) => JSX.Element;
+declare const Transfer: <DataItem, Value extends KeygenResult[]>(props: TransferProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default Transfer;
 //# sourceMappingURL=transfer.d.ts.map

package/esm/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAiC,YAAY,EAAQ,MAAM,eAAe,CAAC;AAOlF,QAAA,MAAM,QAAQ,gGA2Lb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAiC,YAAY,EAAQ,MAAM,eAAe,CAAC;AAOlF,QAAA,MAAM,QAAQ,4HA2Lb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/transfer/transfer.js

@@ -165,10 +165,10 @@ var Transfer = function Transfer(props) {
   };
   var renderSourceList = useMemo(function () {
     return renderList('source');
-  }, [source, size, filterSourceText, sourceSelectedKeys]);
+  }, [source, size, filterSourceText, sourceSelectedKeys, renderFilter, children]);
   var renderTargetList = useMemo(function () {
     return renderList('target');
-  }, [target, size, filterTargetText, targetSelectedKeys]);
+  }, [target, size, filterTargetText, targetSelectedKeys, renderFilter, children]);
   var _useContext = useContext(FormFieldContext),
     fieldId = _useContext.fieldId;
   return /*#__PURE__*/_jsxs("div", {

package/esm/transfer/transfer.type.d.ts

@@ -50,7 +50,7 @@ export interface FilterProps {
     disabled: boolean;
     onFilter?: (text: string) => void;
     placeholder?: string;
-    isSrouce?: boolean;
+    isSource?: boolean;
 }
 export interface CustomRenderProps<Value extends KeygenResult[]> {
     onSelected: (value: KeygenResult[], source: KeygenResult[], target: KeygenResult[]) => void;

package/esm/tree/tree-checkbox.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import { TreeCheckboxProps } from './tree-checkbox.type';
-import { KeygenResult } from '@sheinx/hooks';
-declare const TreeCheckbox: <Value extends KeygenResult[]>(props: TreeCheckboxProps<Value>) => JSX.Element;
+declare const TreeCheckbox: (props: TreeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default TreeCheckbox;
 //# sourceMappingURL=tree-checkbox.d.ts.map

package/esm/tree/tree-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,YAAY,gFA8BjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAsB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tree/tree-checkbox.js

@@ -7,19 +7,10 @@ var TreeCheckbox = function TreeCheckbox(props) {
     className = props.className,
     id = props.id,
     onChange = props.onChange,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    checked = props.checked;
   var _useTreeContext = useTreeContext(),
-    getValue = _useTreeContext.getValue,
-    set = _useTreeContext.set,
-    getChecked = _useTreeContext.getChecked,
     unBindUpdate = _useTreeContext.unBindUpdate;
-  var handleChange = function handleChange(_, checked) {
-    set(id, checked ? 1 : 0);
-    if (onChange) {
-      onChange(getValue(), id);
-    }
-  };
-  var checked = getChecked(id);
   useEffect(function () {
     return function () {
       unBindUpdate(id);
@@ -33,7 +24,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     jssStyle: jssStyle,
     checked: checked,
     disabled: disabled,
-    onChange: handleChange
+    onChange: onChange,
+    needStopPropagation: true
   });
 };
 export default TreeCheckbox;

package/esm/tree/tree-checkbox.type.d.ts

@@ -1,10 +1,11 @@
 import { KeygenResult } from '@sheinx/hooks';
 import { CommonType } from '../common/type';
 import { JsstyleType } from './tree.type';
-export interface TreeCheckboxProps<Value extends KeygenResult[]> extends Pick<CommonType, 'className'> {
+export interface TreeCheckboxProps extends Pick<CommonType, 'className'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
     disabled?: boolean;
-    onChange?: (value: Value, id: KeygenResult) => void;
+    checked: boolean | "indeterminate";
+    onChange?: (_: any, checked: boolean) => void;
 }
 //# sourceMappingURL=tree-checkbox.type.d.ts.map

package/esm/tree/tree-checkbox.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,YAAY,EAAE,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACpG,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD"}
+{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C"}

package/esm/tree/tree-content.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TreeContextProps } from './tree-content.type';
-declare const NodeContent: <DataItem, Value extends KeygenResult[]>(props: TreeContextProps<DataItem, Value>) => JSX.Element;
+declare const NodeContent: <DataItem, Value extends KeygenResult[]>(props: TreeContextProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default NodeContent;
 //# sourceMappingURL=tree-content.d.ts.map

package/esm/tree/tree-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,mGAkNhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,+HAkOhB,CAAC;AAEF,eAAe,WAAW,CAAC"}