@sheinx/base 3.6.0-beta.2 → 3.6.0-beta.21

package/cjs/textarea/simple-textarea.js

@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _formFieldContext = require("../form/form-field-context");
 var _jsxRuntime = require("react/jsx-runtime");
-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", "getStatus", "renderTextarea"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,6 +31,7 @@ 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,
@@ -59,7 +60,7 @@ var Textarea = function Textarea(props) {
     keyHandler(e);
   });
   var textareaProps = getTextAreaProps({
-    className: (0, _classnames.default)(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: (0, _classnames.default)(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
   });
   (0, _react.useEffect)(function () {

package/cjs/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/cjs/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;;AAmNhD,wBAAoC"}

package/cjs/textarea/textarea.js

@@ -156,7 +156,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,
@@ -195,7 +196,8 @@ var Textarea = function Textarea(props0) {
     suffix: mergeSuffix,
     style: mergeStyle,
     getStatus: onStatusChange,
-    rootRef: rootRef
+    rootRef: rootRef,
+    autosize: props.autosize
   }));
 };
 var _default = exports.default = /*#__PURE__*/_react.default.memo(Textarea);

package/cjs/textarea/textarea.type.d.ts

@@ -73,6 +73,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 回车键的回调函数
@@ -98,7 +104,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/cjs/textarea/textarea.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.type.d.ts","sourceRoot":"","sources":["textarea.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.type.d.ts","sourceRoot":"","sources":["textarea.type.ts"],"names":[],"mappings":"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"}

package/cjs/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/cjs/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/cjs/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/cjs/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,mDAmInC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/transfer/transfer-list.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _config = require("../config");
@@ -19,6 +20,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
@@ -36,7 +43,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,
@@ -61,9 +68,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 = (0, _classnames.default)(styles.view, _defineProperty(_defineProperty({}, styles.source, listType === 'source'), styles.target, listType === 'target'));
   var listClass = (0, _classnames.default)(styles.list, listClassName);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    addonHeight = _useState2[0],
+    setAddonHeight = _useState2[1];
+  var listContainerRef = (0, _react.useRef)(null);
+  (0, _react.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') {
@@ -102,7 +123,7 @@ var TransferList = function TransferList(props) {
           disabled: disabled === true,
           onFilter: handleFilter,
           placeholder: (0, _config.getLocale)(locale, 'search'),
-          isSrouce: listType === 'source'
+          isSource: listType === 'source'
         })
       });
     }
@@ -186,7 +207,8 @@ var TransferList = function TransferList(props) {
       lineHeight: getLineHeight(),
       height: listHeight,
       rowsInView: rowsInView,
-      renderItem: renderItem
+      renderItem: renderItem,
+      paddingY: 3
     });
   };
   var renderFooter = function renderFooter() {
@@ -200,6 +222,7 @@ var TransferList = function TransferList(props) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: rootClass,
+    ref: listContainerRef,
     children: [renderHeader(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_spin.default, {
       className: styles.spinContainer,
       jssStyle: jssStyle,

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/transfer/transfer.js

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

package/cjs/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/cjs/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/cjs/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/cjs/tree/tree-checkbox.js

@@ -13,19 +13,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 = (0, _treeContext.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);
   (0, _react.useEffect)(function () {
     return function () {
       unBindUpdate(id);
@@ -39,7 +30,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     jssStyle: jssStyle,
     checked: checked,
     disabled: disabled,
-    onChange: handleChange
+    onChange: onChange,
+    needStopPropagation: true
   });
 };
 var _default = exports.default = TreeCheckbox;

package/cjs/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/cjs/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/cjs/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/cjs/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"}

package/cjs/tree/tree-content.js

@@ -22,6 +22,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var NodeContent = function NodeContent(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
+    virtual = props.virtual,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 0 : _props$level,
     active = props.active,
     data = props.data,
     line = props.line,
@@ -42,7 +45,8 @@ var NodeContent = function NodeContent(props) {
     onChange = props.onChange,
     onToggle = props.onToggle,
     onDragOver = props.onDragOver,
-    onNodeClick = props.onNodeClick;
+    onNodeClick = props.onNodeClick,
+    actionOnClick = props.actionOnClick;
   var forceUpdate = (0, _hooks.useRender)();
   var _useTreeContext = (0, _treeContext.useTreeContext)(),
     isDisabled = _useTreeContext.isDisabled,
@@ -53,8 +57,7 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, _defineProperty(_defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = (0, _classnames.default)(contentStyle.content, _hooks.util.isString(contentClassProp) && contentClassProp, _hooks.util.isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = (0, _classnames.default)(contentStyle.text);
+  var textClass = (0, _classnames.default)(contentStyle.text, _defineProperty({}, contentStyle.textClickable, actionOnClick && !_hooks.util.isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -68,7 +71,7 @@ var NodeContent = function NodeContent(props) {
     // }
     return dataProps;
   };
-  var handleIndicatorClick = function handleIndicatorClick() {
+  var handleNodeExpand = function handleNodeExpand() {
     onToggle === null || onToggle === void 0 || onToggle(id);
     if (data[childrenKey] !== undefined) return;
     if (loader) {
@@ -81,20 +84,43 @@ var NodeContent = function NodeContent(props) {
       }
     }
   };
+  var _useTreeContext2 = (0, _treeContext.useTreeContext)(),
+    getValue = _useTreeContext2.getValue,
+    set = _useTreeContext2.set,
+    getChecked = _useTreeContext2.getChecked;
+  // 选中节点前的复选框
+  var handleNodeCheck = function handleNodeCheck(_, checked) {
+    set(id, checked ? 1 : 0);
+    if (onChange) {
+      onChange(getValue());
+    }
+  };
+  var checked = getChecked(id);
   var handleNodeClick = function handleNodeClick() {
-    // if (disabled) return;
     if (parentClickExpand && hasChildren) {
-      handleIndicatorClick();
+      handleNodeExpand();
     } else {
       onNodeClick(data, id);
     }
+    if (!actionOnClick) return;
+    if (actionOnClick.indexOf('expand') > -1) {
+      handleNodeExpand();
+    }
+    if (actionOnClick.indexOf('check') > -1) {
+      handleNodeCheck(null, !checked);
+    }
   };
-  var handleNodeExpand = function handleNodeExpand() {
+
+  // 双击节点展开子节点
+  var onNodeDoubleClick = function onNodeDoubleClick() {
     if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
+    if (hasChildren) handleNodeExpand();
   };
   var renderLoading = function renderLoading() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: virtual ? {
+        left: (level - 1) * 24
+      } : undefined,
       className: contentStyle.iconWrapper,
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
@@ -119,20 +145,23 @@ var NodeContent = function NodeContent(props) {
         dir: config.direction,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: _hooks.util.isFunc(icon) ? icon(data) : icon
         })
       });
     } else {
       indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: virtual ? {
+          left: (level - 1) * 24
+        } : undefined,
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
         dir: config.direction,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.tree.Expand
         })
@@ -150,7 +179,8 @@ var NodeContent = function NodeContent(props) {
       id: id,
       disabled: disabled,
       className: contentStyle.checkbox,
-      onChange: onChange
+      checked: checked,
+      onChange: handleNodeCheck
     });
   };
   var renderNode = function renderNode() {
@@ -159,29 +189,23 @@ var NodeContent = function NodeContent(props) {
     };
     return render(data, expanded, active, id);
   };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: rootClass,
     onDragOver: onDragOver,
     dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
+    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       dir: config.direction,
       "data-expanded": expanded,
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    }, contentDataProps()), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         dir: config.direction,
         className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
+        onDoubleClick: onNodeDoubleClick,
+        onClick: handleNodeClick,
         children: renderNode()
-      }))]
+      })]
     }))]
   });
 };

package/cjs/tree/tree-content.type.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
-import { JsstyleType, TreeRenderItemType } from './tree.type';
-export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
+import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
+export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
+    virtual?: boolean;
+    level?: number;
     parentClickExpand?: boolean;
     doubleClickExpand?: boolean;
     data: DataItem;
@@ -17,7 +19,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     childrenKey: keyof DataItem;
     renderItem: TreeRenderItemType<DataItem>;
     childrenClass?: ((data: DataItem) => string) | string;
-    bindNode: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
+    bindNode?: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
         expanded: boolean;
         active: boolean;
     };
@@ -29,7 +31,35 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     setFetching: (value: boolean) => void;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     onFetch: () => void;
-    onDragOver: (e: React.DragEvent) => void;
+    onDragOver?: (e: React.DragEvent) => void;
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onChange?: (value: Value) => void;
+}
+export interface TreeVirtualContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'active' | 'expanded'> {
+    jssStyle?: JsstyleType;
+    id: KeygenResult;
+    level: number;
+    expanded: boolean;
+    parentClickExpand?: boolean;
+    doubleClickExpand?: boolean;
+    data: DataItem;
+    line: boolean;
+    active: boolean;
+    iconClass?: string;
+    leafClass?: string | ((data: DataItem) => string);
+    contentClass?: string | ((data: DataItem) => string);
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    childrenKey: keyof DataItem;
+    renderItem: TreeRenderItemType<DataItem>;
+    childrenClass?: ((data: DataItem) => string) | string;
+    bindContent: React.RefObject<HTMLDivElement>;
+    fetching: boolean;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    loader?: (key: KeygenResult, data: DataItem) => void | Promise<any>;
+    setFetching: (value: boolean) => void;
+    onToggle?: (id: KeygenResult, expanded?: boolean) => void;
+    onFetch: () => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;
     onChange?: (value: Value) => void;
 }