antd-solid 0.0.35 → 0.0.36

package/dist/index.esm.js

@@ -1881,8 +1881,8 @@ function useHover(target) {
 
 const TooltipContext = createContext();
 
-var _tmpl$$H = /*#__PURE__*/template(`<div>`),
-  _tmpl$2$q = /*#__PURE__*/template(`<div class=relative><div>`);
+var _tmpl$$H = /*#__PURE__*/template(`<div class="relative overflow-auto"><div>`),
+  _tmpl$2$q = /*#__PURE__*/template(`<div>`);
 const unwrapContent = (content, close) => {
   return typeof content === 'function' ? content(close) : content;
 };
@@ -2182,7 +2182,7 @@ const Tooltip = _props => {
       switch (mainPlacement) {
         case 'top':
           translateY = _childrenRect.top - arrowOffset() - defaultOffset - _contentSize.height;
-          setMaxHeight(translateY);
+          setMaxHeight(translateY + _contentSize.height);
           break;
         case 'bottom':
           translateY = _childrenRect.bottom + arrowOffset() + defaultOffset;
@@ -2190,7 +2190,7 @@ const Tooltip = _props => {
           break;
         case 'left':
           translateX = _childrenRect.left - arrowOffset() - defaultOffset - _contentSize.width;
-          setMaxWidth(translateX);
+          setMaxWidth(translateX + _contentSize.width);
           break;
         case 'right':
           translateX = _childrenRect.right + arrowOffset() + defaultOffset;
@@ -2313,48 +2313,58 @@ const Tooltip = _props => {
         get children() {
           return createComponent(Element$1, {
             get ["class"]() {
-              return cs('z-1000 fixed left-0 top-0 [font-size:var(--ant-font-size)] text-[--ant-color-text] leading-[--ant-line-height] overflow-auto', open() ? 'block' : 'hidden');
+              return cs('z-1000 fixed left-0 top-0 [font-size:var(--ant-font-size)] text-[--ant-color-text] leading-[--ant-line-height]', open() ? 'block' : 'hidden');
             },
             get style() {
               return {
-                transform: `translate(${_translateX()}px, ${_translateY()}px)`,
-                'max-width': typeof maxWidth() === 'number' ? `${maxWidth()}px` : undefined,
-                'max-height': typeof maxHeight() === 'number' ? `${maxHeight()}px` : undefined
+                transform: `translate(${_translateX()}px, ${_translateY()}px)`
               };
             },
             onClick: e => {
               e.stopPropagation();
             },
             get children() {
-              var _el$ = _tmpl$2$q(),
-                _el$2 = _el$.firstChild;
-              use(setPopupRef, _el$);
-              spread(_el$2, mergeProps$1(() => props.contentHTMLAttributes, {
-                get ["class"]() {
-                  return cs(props.contentHTMLAttributes?.class, 'px-8px py-6px [box-shadow:var(--ant-box-shadow)] rounded-[var(--ant-border-radius-lg)] overflow-auto translate-x-[--inner-translate-x] translate-y-[--inner-translate-y]', props.plain ? 'text-[var(--ant-color-text)] bg-[var(--ant-color-bg-container-tertiary)]' : 'text-[var(--ant-color-text-light-solid)] bg-[var(--ant-color-bg-spotlight)]');
-                }
-              }), false, true);
-              insert(_el$2, createComponent(TooltipContext.Provider, {
-                value: context,
-                get children() {
-                  return unwrapContent(props.content, () => setOpen(false));
-                }
-              }));
-              insert(_el$, createComponent(Show, {
+              return [(() => {
+                var _el$ = _tmpl$$H(),
+                  _el$2 = _el$.firstChild;
+                use(setPopupRef, _el$2);
+                spread(_el$2, mergeProps$1(() => props.contentHTMLAttributes, {
+                  get ["class"]() {
+                    return cs(props.contentHTMLAttributes?.class, 'px-8px py-6px [box-shadow:var(--ant-box-shadow)] rounded-[var(--ant-border-radius-lg)] overflow-auto translate-x-[--inner-translate-x] translate-y-[--inner-translate-y]', props.plain ? 'text-[var(--ant-color-text)] bg-[var(--ant-color-bg-container-tertiary)]' : 'text-[var(--ant-color-text-light-solid)] bg-[var(--ant-color-bg-spotlight)]');
+                  }
+                }), false, true);
+                insert(_el$2, createComponent(TooltipContext.Provider, {
+                  value: context,
+                  get children() {
+                    return unwrapContent(props.content, () => setOpen(false));
+                  }
+                }));
+                effect(_p$ => {
+                  var _v$ = typeof maxWidth() === 'number' ? `${maxWidth()}px` : undefined,
+                    _v$2 = typeof maxHeight() === 'number' ? `${maxHeight()}px` : undefined;
+                  _v$ !== _p$.e && ((_p$.e = _v$) != null ? _el$.style.setProperty("max-width", _v$) : _el$.style.removeProperty("max-width"));
+                  _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$.style.setProperty("max-height", _v$2) : _el$.style.removeProperty("max-height"));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$;
+              })(), createComponent(Show, {
                 get when() {
                   return props.arrow;
                 },
                 get children() {
-                  var _el$3 = _tmpl$$H();
+                  var _el$3 = _tmpl$2$q();
                   effect(_p$ => {
-                    var _v$ = cs('w-8px h-8px absolute border-transparent [box-shadow:var(--ant-box-shadow)]'),
-                      _v$2 = {
+                    var _v$3 = cs('w-8px h-8px absolute border-transparent [box-shadow:var(--ant-box-shadow)]'),
+                      _v$4 = {
                         'clip-path': 'polygon(-100% -100%, 200% -100%, 200% 200%)',
                         'background-color': props.plain ? 'var(--ant-color-bg-container-tertiary)' : 'var(--ant-color-bg-spotlight)',
                         ...ARROW_STYLE_DICT[mergePlacement(reversedMainPlacement(), reversedMinorPlacement())]
                       };
-                    _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
-                    _p$.t = style(_el$3, _v$2, _p$.t);
+                    _v$3 !== _p$.e && className(_el$3, _p$.e = _v$3);
+                    _p$.t = style(_el$3, _v$4, _p$.t);
                     return _p$;
                   }, {
                     e: undefined,
@@ -2362,8 +2372,7 @@ const Tooltip = _props => {
                   });
                   return _el$3;
                 }
-              }), null);
-              return _el$;
+              })];
             }
           });
         }