@sheinx/base 3.2.0-rc.4 → 3.2.0

package/esm/sticky/sticky.js

@@ -12,13 +12,14 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { usePersistFn, util, useResize, useRender } from '@sheinx/hooks';
 import { createPortal } from 'react-dom';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useLayoutEffect, useRef, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var cssSupport = util.cssSupport;
 var supportSticky = cssSupport('position', 'sticky');
 var defaultZIndex = 900;
+var events = ['scroll', 'pageshow', 'load', 'resize'];
 
 // const getFirstScrollParent = (el: HTMLElement) => {
 //   let parent = el.parentNode as HTMLElement;
@@ -37,17 +38,19 @@ var defaultZIndex = 900;
 // };
 
 var Sticky = function Sticky(props) {
-  var _props$style;
   var children = props.children,
     top = props.top,
     bottom = props.bottom;
-  var css = props.css || props.target;
+  // 是否使用css sticky
+  var css = (props.css || props.target) && supportSticky;
+  var forceUpdate = useRender();
   var _useRef = useRef({
       target: null,
       div: null,
-      observer: null,
+      position: '',
+      targetObserver: null,
       parentObserver: null,
-      isTop: false
+      fixedObserver: null
     }),
     context = _useRef.current;
   var _useState = useState({}),
@@ -62,12 +65,7 @@ var Sticky = function Sticky(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     parentVisible = _useState6[0],
     setParentVisible = _useState6[1];
-  var forceRender = useRender();
   var elementRef = useRef(null);
-  var elementSize = useResize({
-    targetRef: elementRef,
-    timer: 0
-  });
   var getTarget = function getTarget() {
     var scrollContainer = props.scrollContainer;
     if (typeof scrollContainer === 'string') {
@@ -77,22 +75,19 @@ var Sticky = function Sticky(props) {
     if (scrollContainer && scrollContainer.nodeType === 1) {
       return scrollContainer;
     }
-    return document.body;
+    return null;
   };
+
+  // window resize 时需要重新计算底部附着的位置
   var updateStyle = usePersistFn(function () {
-    if (context.div && !context.isTop && show) {
-      var shouldFixed = context.target === document.body;
+    if (context.div && context.position === 'bottom' && show) {
       var scrollRect = context.target.getBoundingClientRect();
       var targetRect = elementRef.current.getBoundingClientRect();
       var targetLeft = targetRect.left;
-      var width = targetRect.width,
-        height = targetRect.height;
       if (typeof bottom === 'number') {
         var outRootRect = context.target.getBoundingClientRect();
         var _style = {
-          position: shouldFixed ? 'fixed' : 'absolute',
-          width: "".concat(width, "px"),
-          height: "".concat(height, "px"),
+          position: 'absolute',
           top: "".concat(scrollRect.bottom - (props.bottom || 0) - outRootRect.top, "px"),
           left: "".concat(targetLeft - outRootRect.left, "px"),
           transform: 'translateY(-100%)'
@@ -101,30 +96,22 @@ var Sticky = function Sticky(props) {
       }
     }
   });
-  var handlePosition = usePersistFn(function (entries) {
+
+  // 有滚动容器时的定位
+  var handleTargetPosition = usePersistFn(function (entries) {
     var entry = entries[0];
     var scrollRect = entry.rootBounds;
     var targetRect = entry.boundingClientRect;
-    var shouldFixed = context.target === document.body;
     if (!entry.isIntersecting) {
       var targetLeft = targetRect.left;
-      var outRootRect = shouldFixed ? {
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0
-      } : context.div.getBoundingClientRect();
-      var width = targetRect.width,
-        height = targetRect.height;
+      var outRootRect = context.div.getBoundingClientRect();
       if (scrollRect && targetRect.bottom < scrollRect.bottom) {
         // top in
-        context.isTop = true;
+        context.position = 'top';
         if (typeof top === 'number') {
           setShow(true);
           var _style2 = {
-            position: shouldFixed ? 'fixed' : 'absolute',
-            width: "".concat(width, "px"),
-            height: "".concat(height, "px"),
+            position: 'absolute',
             top: "".concat(scrollRect.top - outRootRect.top, "px"),
             left: "".concat(targetLeft - outRootRect.left, "px")
           };
@@ -132,16 +119,13 @@ var Sticky = function Sticky(props) {
         }
       } else if (scrollRect) {
         // bottom in
-        context.isTop = false;
+        context.position = 'bottom';
         if (typeof bottom === 'number') {
           setShow(true);
-          var _outRootRect = context.target.getBoundingClientRect();
           var _style3 = {
-            position: shouldFixed ? 'fixed' : 'absolute',
-            width: "".concat(width, "px"),
-            height: "".concat(height, "px"),
-            top: "".concat(scrollRect.bottom - _outRootRect.top, "px"),
-            left: "".concat(targetLeft - _outRootRect.left, "px"),
+            position: 'absolute',
+            top: "".concat(scrollRect.bottom - outRootRect.top, "px"),
+            left: "".concat(targetLeft - outRootRect.left, "px"),
             transform: 'translateY(-100%)'
           };
           setStyle(_style3);
@@ -150,8 +134,11 @@ var Sticky = function Sticky(props) {
     }
     if (entry.isIntersecting) {
       setShow(false);
+      context.position = '';
     }
   });
+
+  // 父元素是否可见
   var handleParentVisible = usePersistFn(function (entries) {
     var entry = entries[0];
     if (entry.isIntersecting) {
@@ -160,35 +147,118 @@ var Sticky = function Sticky(props) {
       setParentVisible(false);
     }
   });
-  var cleanEvents = function cleanEvents() {
-    if (context.observer) {
-      context.observer.disconnect();
-      context.observer = null;
+  var setFixedStyle = usePersistFn(function (s, m) {
+    var l = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    if (s !== show) {
+      setShow(s);
     }
-    if (context.parentObserver) {
-      context.parentObserver.disconnect();
-      context.parentObserver = null;
+    if (s && m) {
+      var newStyle = _defineProperty(_defineProperty({
+        position: 'fixed'
+      }, m, m === 'top' ? top : bottom), "left", l);
+      if (!util.shallowEqual(style, newStyle)) {
+        setStyle(newStyle);
+      }
+    }
+  });
+
+  // 无滚动容器的时候，body 滚动 resize 计算
+  var handleFixedPosition = usePersistFn(function () {
+    if (css || context.target) return;
+    var element = elementRef.current;
+    if (!parentVisible) {
+      setFixedStyle(false);
+      return;
+    }
+    if (!element) return;
+    var selfRect = element.getBoundingClientRect();
+    if (selfRect === null) return;
+    // If the element is hidden, the width and height will be 0
+    if (selfRect && selfRect.width === 0 && selfRect.height === 0) return;
+    var scrollRect = document.body.getBoundingClientRect();
+    var top = props.top,
+      bottom = props.bottom;
+    if (top !== undefined && Math.ceil(selfRect.top) <= top) {
+      setFixedStyle(true, 'top', selfRect.left);
+      return;
+    } else if (bottom !== undefined && Math.ceil(selfRect.bottom) + bottom > scrollRect.bottom) {
+      setFixedStyle(true, 'bottom', selfRect.left);
+      return;
+    } else {
+      setFixedStyle(false);
+    }
+  });
+
+  // 无滚动容器时内滚场景触发
+  var handleFixedInter = usePersistFn(function (entries) {
+    if (!parentVisible) {
+      setFixedStyle(false);
+      return;
+    }
+    var entry = entries[0];
+    var scrollRect = entry.rootBounds;
+    var targetRect = entry.boundingClientRect;
+    if (scrollRect && scrollRect.top === 0 && scrollRect.bottom === 0) {
+      return;
+    }
+    if (!entry.isIntersecting) {
+      var targetLeft = targetRect.left;
+      var outRootRect = document.body.getBoundingClientRect();
+      if (scrollRect && targetRect.bottom < scrollRect.bottom) {
+        // top in
+        if (typeof top === 'number') {
+          setFixedStyle(true, 'top', targetLeft - outRootRect.left);
+        }
+      } else if (scrollRect) {
+        // bottom in
+        if (typeof bottom === 'number') {
+          setFixedStyle(true, 'bottom', targetLeft - outRootRect.left);
+        }
+      }
+    }
+    if (entry.isIntersecting) {
+      setFixedStyle(false);
+    }
+  });
+  var elementSize = useResize({
+    targetRef: elementRef,
+    timer: 10,
+    cb: handleFixedPosition
+  });
+  var cancelFixedObserver = function cancelFixedObserver() {
+    if (context.fixedObserver) {
+      context.fixedObserver.disconnect();
+      context.fixedObserver = null;
+    }
+  };
+  var createFixedObserver = function createFixedObserver() {
+    cancelFixedObserver();
+    context.fixedObserver = new IntersectionObserver(handleFixedInter, {
+      root: null,
+      rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
+      threshold: 1.0
+    });
+  };
+  var cancelObserver = function cancelObserver() {
+    if (context.targetObserver) {
+      context.targetObserver.disconnect();
+      context.targetObserver = null;
     }
-    window.removeEventListener('resize', updateStyle);
   };
   var createObserver = function createObserver() {
-    var target = getTarget();
-    if (!context.div && target !== document.body) {
+    if (!context.div) {
       context.div = document.createElement('div');
       context.div.style.position = 'relative';
     }
-    if (target && target !== context.target) {
-      forceRender();
-      context.target = target;
-      cleanEvents();
+    if (context.target) {
       if (context.div) {
         // append div
-        if (target === document.body) {
-          document.body.appendChild(context.div);
+        if (context.target === document.body) {
+          document.body.insertBefore(context.div, document.body.firstChild);
         } else {
-          target.parentNode.insertBefore(context.div, target);
+          context.target.parentNode.insertBefore(context.div, context.target);
         }
-        var _style4 = window.getComputedStyle(target);
+        var _style4 = window.getComputedStyle(context.target);
         if (_style4.position === 'absolute' || _style4.position === 'fixed') {
           context.div.style.position = _style4.position;
           context.div.style.top = _style4.top;
@@ -197,59 +267,109 @@ var Sticky = function Sticky(props) {
           context.div.style.bottom = _style4.bottom;
         }
       }
+      cancelFixedObserver();
       if (window.IntersectionObserver) {
-        var observer = new IntersectionObserver(handlePosition, {
-          root: target,
+        var observer = new IntersectionObserver(handleTargetPosition, {
+          root: context.target,
           rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
           threshold: 1.0
         });
-        context.observer = observer;
-        context.parentObserver = new IntersectionObserver(handleParentVisible, {
-          root: target,
-          rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
-          threshold: 0
-        });
+        context.targetObserver = observer;
       }
     }
   };
+  var cancelParentObserver = function cancelParentObserver() {
+    if (context.parentObserver) {
+      context.parentObserver.disconnect();
+      context.parentObserver = null;
+    }
+  };
+  var createParentObserver = function createParentObserver() {
+    if (!props.parent) return;
+    cancelParentObserver();
+    context.parentObserver = new IntersectionObserver(handleParentVisible, {
+      root: context.target,
+      rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
+      threshold: 0
+    });
+    context.parentObserver.observe(props.parent);
+  };
+
+  // 存在滚动容器时的定位
+  var createTargetEvents = function createTargetEvents() {
+    createObserver();
+    window.addEventListener('resize', updateStyle);
+  };
+  var cancelTargetEvents = function cancelTargetEvents() {
+    cancelObserver();
+    window.removeEventListener('resize', updateStyle);
+    if (context.div) {
+      context.div.remove();
+      context.div = null;
+    }
+  };
+  var createFixedEvents = function createFixedEvents() {
+    createFixedObserver();
+    events.forEach(function (event) {
+      window.addEventListener(event, handleFixedPosition);
+    });
+  };
+  var cancelFixedEvents = function cancelFixedEvents() {
+    cancelFixedObserver();
+    events.forEach(function (event) {
+      window.removeEventListener(event, handleFixedPosition);
+    });
+  };
   var handleElementRef = function handleElementRef(el) {
     if (el) {
       elementRef.current = el;
-      if (el && context.observer) {
-        context.observer.observe(el);
+      if (context.targetObserver) {
+        if (!el) {
+          context.targetObserver.disconnect();
+        } else {
+          context.targetObserver.observe(el);
+        }
+      }
+      if (context.fixedObserver) {
+        if (!el) {
+          context.fixedObserver.disconnect();
+        } else {
+          context.fixedObserver.observe(el);
+        }
       }
     }
   };
-  useEffect(function () {
-    if (!css) {
-      createObserver();
-      window.addEventListener('resize', updateStyle);
+  useLayoutEffect(function () {
+    if (css) return;
+    var target = getTarget();
+    if (context.target !== target) {
+      context.target = target;
+      forceUpdate();
     }
-    return function () {
-      cleanEvents();
-      if (context.div) {
-        context.div.remove();
-        context.div = null;
-      }
-    };
-  }, [css]);
-  useEffect(function () {
-    if (props.parent && context.parentObserver) {
+    if (context.target) {
+      createTargetEvents();
+      return cancelTargetEvents;
+    } else {
+      // fixed 布局
+      createFixedEvents();
+      return cancelFixedEvents;
+    }
+  }, [css, top, bottom]);
+  useLayoutEffect(function () {
+    if (props.parent && !css) {
+      // createParentObserver 用到context.target
+      createParentObserver();
       context.parentObserver.observe(props.parent);
     }
-    return function () {
-      if (context.parentObserver) {
-        context.parentObserver.disconnect();
-      }
-    };
-  }, [props.parent]);
+    return cancelParentObserver;
+  }, [props.parent, css, context.target, top, bottom]);
 
   // 纯css方法 直接使用css
   // js方法
   // 1. 不指定滚动容器 基于document.body 使用fixed + js计算
   // 2. 指定滚动容器 在滚动容器上方插入一个dom占位 基于该dom渲染和定位
   // 3. 使用 intersectionObserver 来判断是否需要sticky
-  if (css && supportSticky) {
+  if (css) {
     return /*#__PURE__*/_jsx("div", {
       className: props.className,
       style: _objectSpread(_objectSpread({
@@ -273,12 +393,14 @@ var Sticky = function Sticky(props) {
     })
   }) : null;
   var isFixed = style.position === 'fixed';
+  var hideStyle = {
+    opacity: 0,
+    pointerEvents: 'none'
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/createPortal(StickyEl, context.div), /*#__PURE__*/_jsx("div", {
       className: props.className,
-      style: _objectSpread(_objectSpread({}, props.style), {}, {
-        opacity: show && parentVisible ? 0 : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.opacity
-      }),
+      style: _objectSpread(_objectSpread({}, props.style), show && parentVisible ? hideStyle : {}),
       ref: handleElementRef,
       children: children
     })]

package/esm/table/thead.js

@@ -162,10 +162,7 @@ export default (function (props) {
         style: fixedStyle,
         dir: config.direction,
         children: [showSelectAll && /*#__PURE__*/_jsx("div", {
-          style: {
-            lineHeight: 1,
-            verticalAlign: 'middle'
-          },
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
           children: props.radio ? null : /*#__PURE__*/_jsx(Checkbox, {
             disabled: props.disabled === true,
             checked: props.datum.getCheckedStatus(props.treeCheckAll ? props.treeColumnsName : undefined),

package/esm/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,CACjB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAyRzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,CACjB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAwRzB,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/esm/table/tr.js

@@ -44,7 +44,7 @@ var Tr = function Tr(props) {
           transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
         };
       }
-      var right = props.colgroup.slice(index + 1 + colSpan).reduce(function (a, b) {
+      var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
         return (a || 0) + (b || 0);
       }, 0);
       return {

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAc,QAAQ,EAAE,MAAM,YAAY,CAAC;AAOlD,QAAA,MAAM,GAAG;YAAW,QAAQ;;CAgI3B,CAAC;AAIF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAc,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQlD,QAAA,MAAM,GAAG;YAAW,QAAQ;;CAgI3B,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/esm/tag/tag.js

@@ -9,6 +9,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import classNames from 'classnames';
 import useTag from "./use-tag";
+import { util } from '@sheinx/hooks';
 import TagInput from "./tag-input";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -73,15 +74,12 @@ var Tag = function Tag(props) {
     if (onClose) {
       return /*#__PURE__*/_jsx("div", {
         className: classNames(tagStyle.wrapper, inlineStyle && tagStyle.inline),
-        children: /*#__PURE__*/_jsx("span", {
-          className: tagStyle.container,
-          children: children
-        })
+        children: util.wrapSpan(children)
       });
     }
-    return /*#__PURE__*/_jsx("span", {
+    return /*#__PURE__*/_jsx("div", {
       className: classNames(tagStyle.wrapper, inlineStyle && tagStyle.inline),
-      children: children
+      children: util.wrapSpan(children)
     });
   };
   var renderInput = function renderInput() {

package/esm/tag/tag.type.d.ts

@@ -11,7 +11,6 @@ export interface TagClasses {
     input: string;
     inline: string;
     wrapper: string;
-    container: string;
     closeIcon: string;
     closeIconWrapper: string;
     info: string;

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

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

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;;AA8LhD,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;;AA+LhD,wBAAoC"}

package/esm/textarea/textarea.js

@@ -131,6 +131,7 @@ var Textarea = function Textarea(props0) {
     if (!res) return null;
     var isError = res instanceof Error;
     var text = isError ? res.message : res;
+    if (!isError && !focused) return null;
     return /*#__PURE__*/_jsx("div", {
       style: {
         minWidth: 'auto'

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,oGAgMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"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,oGAoMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/transfer/transfer-list.js

@@ -151,7 +151,13 @@ var TransferList = function TransferList(props) {
         value: value,
         onSelected: onSelectChange
       });
-      if (custom) return custom;
+      if (custom) return /*#__PURE__*/_jsx("div", {
+        className: listClass,
+        style: _objectSpread(_objectSpread({}, listStyle), {}, {
+          height: listHeight
+        }),
+        children: custom
+      });
     }
     if (data && data.length === 0) {
       return /*#__PURE__*/_jsx("div", {

package/esm/transfer/transfer.js

@@ -152,7 +152,7 @@ var Transfer = function Transfer(props) {
       simple: simple,
       disabled: disabled,
       value: listValue,
-      selectedKeys: selectedKeys,
+      selectedKeys: listValue,
       itemClass: itemClass,
       customRender: children,
       searchPlaceholder: placeholder,

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,mGA+MhB,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,mGAiNhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tree/tree-content.js

@@ -47,7 +47,8 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classNames(contentStyle.contentWrapper, _defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode));
   var contentClass = classNames(contentStyle.content, util.isString(contentClassProp) && contentClassProp, util.isFunc(contentClassProp) && contentClassProp(data));
-  var textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
+  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
+  var textClass = classNames(contentStyle.text);
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -56,9 +57,9 @@ var NodeContent = function NodeContent(props) {
     if (highlight) {
       dataProps['data-active'] = active;
     }
-    if (disabled) {
-      dataProps['data-disabled'] = disabled;
-    }
+    // if (disabled) {
+    //   dataProps['data-disabled'] = disabled;
+    // }
     return dataProps;
   };
   var handleIndicatorClick = function handleIndicatorClick() {
@@ -75,7 +76,7 @@ var NodeContent = function NodeContent(props) {
     }
   };
   var handleNodeClick = function handleNodeClick() {
-    if (disabled) return;
+    // if (disabled) return;
     if (parentClickExpand && hasChildren) {
       handleIndicatorClick();
     } else {
@@ -162,6 +163,7 @@ var NodeContent = function NodeContent(props) {
     dir: config.direction,
     children: [renderIndicator(), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
       dir: config.direction,
+      "data-expanded": expanded,
       ref: bindContent,
       className: contentClass
     }, contentDataProps()), contentEvent), {}, {

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

@@ -1 +1 @@
-{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAgST,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAqST,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-node.js

@@ -215,6 +215,10 @@ var Node = function Node(props) {
       onChange: onChange,
       onToggle: onToggle,
       onNodeClick: onNodeClick,
+      onDragOver: onDragOver,
+      onDragLeave: onDragLeave,
+      onDragStart: onDragStart,
+      onDragEnd: onDragEnd,
       bindNode: bindNode,
       childrenClassName: childrenClass(data),
       childrenKey: childrenKey,

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FAmOT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FAyOT,CAAC;AAEF,eAAe,IAAI,CAAC"}