antd-solid 0.0.22 → 0.0.23

package/es/Button/index.d.ts

@@ -15,6 +15,10 @@ export interface ButtonProps extends ParentProps, JSX.CustomAttributes<HTMLButto
      * 'auto' 代表开启自动 loading，当按钮 click 事件返回 promise 对象时，会自动开启 loading 状态
      */
     loading?: boolean | 'auto';
+    /**
+     * 当 loading 为 true 时，是否隐藏子元素
+     */
+    hideChildrenWhenLoading?: boolean;
     /**
      * 设置危险按钮
      */
@@ -24,8 +28,7 @@ export interface ButtonProps extends ParentProps, JSX.CustomAttributes<HTMLButto
      * 将按钮宽度调整为其父宽度的选项
      */
     block?: boolean;
-    contentClass?: string;
-    contentStyle?: JSX.CSSProperties;
+    contentHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     icon?: StringOrJSXElement;
 }
 declare const Button: Component<ButtonProps>;

package/es/Button/index.js

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1, insert, effect, className, style, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, insert, memo, spread, template } from 'solid-js/web';
 import { mergeProps, splitProps, createSignal, createMemo, children, Show } from 'solid-js';
 import cs from 'classnames';
 import './index.scss.js';
@@ -93,21 +93,16 @@ const Button = _props => {
         }
       }), createComponent(Show, {
         get when() {
-          return resolvedChildren();
+          return memo(() => !!resolvedChildren())() && !(props.hideChildrenWhenLoading && loading());
         },
         get children() {
           var _el$2 = _tmpl$2();
+          spread(_el$2, mergeProps$1(() => props.contentHTMLAttributes, {
+            get ["class"]() {
+              return cs('inline-block leading-inherit', props.contentHTMLAttributes?.class);
+            }
+          }), false, true);
           insert(_el$2, resolvedChildren);
-          effect(_p$ => {
-            var _v$ = cs('inline-block leading-inherit', props.contentClass),
-              _v$2 = props.contentStyle;
-            _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-            _p$.t = style(_el$2, _v$2, _p$.t);
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined
-          });
           return _el$2;
         }
       })];

package/es/ColorPicker/ColorPickerInput.js

@@ -52,6 +52,7 @@ const ColorPickerInput = () => {
           },
           get children() {
             return createComponent(Input, {
+              "class": "ant-color-picker-hex-input",
               size: "small",
               get value() {
                 return hexInputValue();

package/es/ColorPicker/index.js

@@ -72,13 +72,16 @@ const ColorPicker = props => {
       return props.disabled ? false : 'click';
     },
     content: getPopoverContent,
+    contentHTMLAttributes: {
+      class: 'ant-color-picker'
+    },
     get placement() {
       return props.placement ?? 'bottomLeft';
     },
     get children() {
       return createComponent(Element, {
         get ["class"]() {
-          return cs('inline-block', props.disabled && 'cursor-not-allowed');
+          return cs('ant-color-picker-trigger inline-block', props.disabled && 'cursor-not-allowed');
         },
         get children() {
           var _el$4 = _tmpl$4();

package/es/Cursor/index.d.ts

@@ -1,6 +1,17 @@
-import { type Component, type ParentProps, type JSX } from 'solid-js';
+import { type Component, type ParentProps, type JSX, type Ref } from 'solid-js';
+export interface CursorIntance {
+    onMouseEnter: (e: MouseEvent, ele: HTMLElement | SVGElement) => void;
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseLeave: (e: MouseEvent, ele: HTMLElement | SVGElement) => void;
+}
 export interface CursorProps extends ParentProps {
+    ref?: Ref<CursorIntance>;
     cursor: JSX.Element;
 }
-declare const Cursor: Component<CursorProps>;
+declare function createCursor(props: CursorProps): {
+    dispose: () => void;
+};
+declare const Cursor: Component<CursorProps> & {
+    createCursor: typeof createCursor;
+};
 export default Cursor;

package/es/Cursor/index.js

@@ -1,7 +1,20 @@
-import { createComponent, Portal, insert, effect, template } from 'solid-js/web';
+import { createComponent, Portal, insert, effect, template, render } from 'solid-js/web';
 import { children, createSignal, createEffect, onCleanup, Show } from 'solid-js';
+import { setRef } from '../utils/solid.js';
 
 var _tmpl$ = /*#__PURE__*/template(`<span class="absolute pointer-events-none z-2000">`);
+function createCursor(props) {
+  const container = document.createElement('div');
+  document.body.appendChild(container);
+  const _dispose = render(() => createComponent(Cursor, props), container);
+  const dispose = () => {
+    _dispose();
+    document.body.removeChild(container);
+  };
+  return {
+    dispose
+  };
+}
 const Cursor = props => {
   const resolvedChildren = children(() => props.children);
   const [hover, setHover] = createSignal(false);
@@ -10,30 +23,47 @@ const Cursor = props => {
     y: 0
   });
   let originalCursor;
+  const onMouseEnter = (_, _children) => {
+    setHover(true);
+    originalCursor = _children.style.cursor;
+    _children.style.cursor = 'none';
+  };
+  const onMouseMove = e => {
+    setCursorPosition({
+      x: e.clientX,
+      y: e.clientY
+    });
+  };
+  const onMouseLeave = (_, _children) => {
+    setHover(false);
+    if (originalCursor) {
+      _children.style.cursor = originalCursor;
+    } else {
+      _children.style.removeProperty('cursor');
+    }
+    originalCursor = undefined;
+  };
+  setRef(props, {
+    onMouseEnter,
+    onMouseMove,
+    onMouseLeave
+  });
   createEffect(() => {
     const _children = resolvedChildren();
     if (!(_children instanceof HTMLElement || _children instanceof SVGElement)) return;
     const abortController = new AbortController();
-    _children.addEventListener('mouseenter', () => {
-      setHover(true);
-      originalCursor = _children.style.cursor;
-      _children.style.cursor = 'none';
+    _children.addEventListener('mouseenter', e => {
+      onMouseEnter(e, _children);
     }, {
       capture: true,
       signal: abortController.signal
     });
-    _children.addEventListener('mousemove', e => {
-      setCursorPosition({
-        x: e.clientX,
-        y: e.clientY
-      });
-    }, {
+    _children.addEventListener('mousemove', onMouseMove, {
       capture: true,
       signal: abortController.signal
     });
-    _children.addEventListener('mouseleave', () => {
-      setHover(false);
-      if (originalCursor) _children.style.cursor = originalCursor;
+    _children.addEventListener('mouseleave', e => {
+      onMouseLeave(e, _children);
     }, {
       capture: true,
       signal: abortController.signal
@@ -67,5 +97,6 @@ const Cursor = props => {
     }
   })];
 };
+Cursor.createCursor = createCursor;
 
 export { Cursor as default };

package/es/Drawer/index.js

@@ -91,7 +91,12 @@ const Drawer = _props => {
               typeof _ref$ === "function" ? _ref$(r$) : drawerRef = r$;
             },
             get ["class"]() {
-              return cs(props.class, '[font-size:var(--ant-font-size)] text-[var(--ant-color-text)] leading-[var(--ant-line-height)]', 'inset-0 z-1000', isBody() ? 'fixed' : 'absolute');
+              return cs(props.class, '[font-size:var(--ant-font-size)] text-[var(--ant-color-text)] leading-[var(--ant-line-height)]', 'inset-0 z-1000', !props.mask && {
+                left: '!right-auto',
+                right: '!left-auto',
+                top: '!bottom-auto',
+                bottom: '!top-auto'
+              }[props.placement], isBody() ? 'fixed' : 'absolute');
             },
             get style() {
               return {

package/es/Dropdown/index.js

@@ -34,8 +34,10 @@ const Dropdown = _props => {
         props.menu?.onClick?.(info);
       }
     })),
-    contentStyle: {
-      padding: 0
+    contentHTMLAttributes: {
+      style: {
+        padding: 0
+      }
     }
   }, popoverProps, {
     get children() {

package/es/Input/index.d.ts

@@ -7,9 +7,13 @@ type CommonInputProps = RootStyleProps & Omit<JSX.InputHTMLAttributes<HTMLInputE
     defaultValue?: string | null | undefined;
     value?: string | null | undefined;
     addonBefore?: JSXElement;
+    addonBeforeHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     addonAfter?: JSXElement;
+    addonAfterHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     prefix?: JSXElement;
+    prefixHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     suffix?: JSXElement;
+    suffixHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     /**
        * 仅供 InputNumber 使用
        */
@@ -29,6 +33,7 @@ type CommonInputProps = RootStyleProps & Omit<JSX.InputHTMLAttributes<HTMLInputE
     onChange?: JSX.InputEventHandler<HTMLInputElement, InputEvent>;
     onPressEnter?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;
     onKeyDown?: JSX.EventHandler<HTMLInputElement, KeyboardEvent>;
+    affixWrapperHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
 };
 export declare const statusClassDict: {
     default: (disabled: boolean, foucs: boolean) => "border-[--ant-color-border]" | "border-[--ant-color-primary] [box-shadow:0_0_0_2px_rgba(5,145,255,0.1)]" | "border-[--ant-color-border] hover:border-[--ant-color-primary]";

package/es/Input/index.js

@@ -1,4 +1,4 @@
-import { delegateEvents, createComponent, insert, effect, className, use, spread, mergeProps, template } from 'solid-js/web';
+import { delegateEvents, createComponent, spread, mergeProps, insert, use, template } from 'solid-js/web';
 import { isNil, omit } from 'lodash-es';
 import { useContext, splitProps, onMount, createMemo, Show } from 'solid-js';
 import cs from 'classnames';
@@ -12,11 +12,9 @@ import useFocus from '../hooks/useFocus.js';
 import CompactContext from '../Compact/context.js';
 
 var _tmpl$ = /*#__PURE__*/template(`<div>`),
-  _tmpl$2 = /*#__PURE__*/template(`<div class=mr-4px>`),
-  _tmpl$3 = /*#__PURE__*/template(`<span class="ml-4px i-ant-design:close-circle-filled cursor-pointer text-[var(--ant-color-text-quaternary)] hover:text-[var(--ant-color-text-tertiary)] active:text-[var(--ant-color-text)]">`),
-  _tmpl$4 = /*#__PURE__*/template(`<div class=ml-4px>`),
-  _tmpl$5 = /*#__PURE__*/template(`<div class="[display:var(--actions-display)] absolute top-0 bottom-0 right-0 h-[calc(100%-2px)] translate-y-1px -translate-x-1px">`),
-  _tmpl$6 = /*#__PURE__*/template(`<div><input>`);
+  _tmpl$2 = /*#__PURE__*/template(`<span class="ml-4px i-ant-design:close-circle-filled cursor-pointer text-[var(--ant-color-text-quaternary)] hover:text-[var(--ant-color-text-tertiary)] active:text-[var(--ant-color-text)]">`),
+  _tmpl$3 = /*#__PURE__*/template(`<div class="[display:var(--actions-display)] absolute top-0 bottom-0 right-0 h-[calc(100%-2px)] translate-y-1px -translate-x-1px">`),
+  _tmpl$4 = /*#__PURE__*/template(`<div><input>`);
 const statusClassDict = {
   default: (disabled, foucs) => {
     if (disabled) {
@@ -105,19 +103,33 @@ function CommonInput(props) {
         },
         get children() {
           var _el$ = _tmpl$();
+          spread(_el$, mergeProps(() => props.addonBeforeHTMLAttributes, {
+            get ["class"]() {
+              return cs(props.addonBeforeHTMLAttributes?.class, 'ant-input-addon ant-input-addon-before', 'shrink-0 flex justify-center items-center px-11px bg-[rgba(0,0,0,.02)] [border:1px_solid_var(--ant-color-border)] border-r-0');
+            }
+          }), false, true);
           insert(_el$, addonBefore);
-          effect(() => className(_el$, cs('ant-input-addon', 'shrink-0 flex justify-center items-center px-11px bg-[rgba(0,0,0,.02)] [border:1px_solid_var(--ant-color-border)] border-r-0')));
           return _el$;
         }
       }), (() => {
-        var _el$2 = _tmpl$6(),
+        var _el$2 = _tmpl$4(),
           _el$4 = _el$2.firstChild;
+        spread(_el$2, mergeProps(() => props.affixWrapperHTMLAttributes, {
+          get ["class"]() {
+            return cs(props.affixWrapperHTMLAttributes?.class, 'ant-input-affix-wrapper', 'flex items-center w-full relative p:hover-child[input]:border-[--ant-color-primary] bg-[--ant-color-bg-container] p-[--ant-input-padding] border-1px border-solid', ['[--actions-display:none]', !props.disabled && 'hover:[--actions-display:block]'], statusClassDict[props.status ?? 'default'](!!props.disabled, foucs()));
+          }
+        }), false, true);
         insert(_el$2, createComponent(Show, {
           get when() {
             return !isNil(prefix());
           },
           get children() {
-            var _el$3 = _tmpl$2();
+            var _el$3 = _tmpl$();
+            spread(_el$3, mergeProps(() => props.prefixHTMLAttributes, {
+              get ["class"]() {
+                return cs(props.prefixHTMLAttributes?.class, 'mr-4px');
+              }
+            }), false, true);
             insert(_el$3, prefix);
             return _el$3;
           }
@@ -155,7 +167,7 @@ function CommonInput(props) {
             return showClearBtn();
           },
           get children() {
-            var _el$5 = _tmpl$3();
+            var _el$5 = _tmpl$2();
             _el$5.$$click = e => {
               e.stopPropagation();
               inputRef.value = '';
@@ -173,7 +185,12 @@ function CommonInput(props) {
             return !isNil(suffix());
           },
           get children() {
-            var _el$6 = _tmpl$4();
+            var _el$6 = _tmpl$();
+            spread(_el$6, mergeProps(() => props.suffixHTMLAttributes, {
+              get ["class"]() {
+                return cs(props.suffixHTMLAttributes?.class, 'ml-4px');
+              }
+            }), false, true);
             insert(_el$6, suffix);
             return _el$6;
           }
@@ -183,12 +200,11 @@ function CommonInput(props) {
             return !isNil(actions());
           },
           get children() {
-            var _el$7 = _tmpl$5();
+            var _el$7 = _tmpl$3();
             insert(_el$7, actions);
             return _el$7;
           }
         }), null);
-        effect(() => className(_el$2, cs('ant-input-affix-wrapper', 'flex items-center w-full relative p:hover-child[input]:border-[--ant-color-primary] bg-[--ant-color-bg-container] p-[--ant-input-padding] border-1px border-solid', ['[--actions-display:none]', !props.disabled && 'hover:[--actions-display:block]'], statusClassDict[props.status ?? 'default'](!!props.disabled, foucs()))));
         return _el$2;
       })(), createComponent(Show, {
         get when() {
@@ -196,8 +212,12 @@ function CommonInput(props) {
         },
         get children() {
           var _el$8 = _tmpl$();
+          spread(_el$8, mergeProps(() => props.addonAfterHTMLAttributes, {
+            get ["class"]() {
+              return cs(props.addonAfterHTMLAttributes?.class, 'ant-input-addon ant-input-addon-after', 'shrink-0 flex justify-center items-center px-11px bg-[rgba(0,0,0,.02)] [border:1px_solid_var(--ant-color-border)] border-l-0');
+            }
+          }), false, true);
           insert(_el$8, addonAfter);
-          effect(() => className(_el$8, cs('ant-input-addon', 'shrink-0 flex justify-center items-center px-11px bg-[rgba(0,0,0,.02)] [border:1px_solid_var(--ant-color-border)] border-l-0')));
           return _el$8;
         }
       })];

package/es/Menu/InternalMenu.js

@@ -125,8 +125,10 @@ function InternalMenu(props) {
                       });
                       return _el$6;
                     })(),
-                    contentStyle: {
-                      padding: 0
+                    contentHTMLAttributes: {
+                      style: {
+                        padding: 0
+                      }
                     },
                     get children() {
                       return getLabel({

package/es/RangeInput/index.js

@@ -102,8 +102,10 @@ function RangeInput(props) {
         trigger: false,
         placement: "bottomLeft",
         arrow: false,
-        contentStyle: {
-          padding: 0
+        contentHTMLAttributes: {
+          style: {
+            padding: 0
+          }
         },
         content: () => (() => {
           var _el$8 = _tmpl$3();

package/es/Segmented/index.js

@@ -49,7 +49,7 @@ const Segmented = props => {
             children: item
           }));
           effect(_p$ => {
-            var _v$ = cs(props.block && 'basis-0 grow-1', isDisabledValue(item) && 'cursor-not-allowed'),
+            var _v$ = cs('ant-segmented-item', props.block && 'basis-0 grow-1', isDisabledValue(item) && 'cursor-not-allowed'),
               _v$2 = cs('rounded-[var(--ant-border-radius-sm)] px-[var(--ant-padding-sm)] cursor-pointer [white-space:nowrap]', isSelected(unWarpValue(item)) && 'bg-[var(--ant-segmented-item-selected-bg)]', isDisabledValue(item) ? '[pointer-events:none] text-[var(--ant-color-text-disabled)]' : isSelected(unWarpValue(item)) ? 'shadow-[var(--ant-box-shadow-tertiary)] text-[var(--ant-segmented-item-selected-color)]' : 'text-[var(--ant-segmented-item-color)] hover:text-[var(--ant-segmented-item-hover-color)] hover:bg-[var(--ant-segmented-item-hover-bg)] active:bg-[var(--ant-segmented-item-active-bg)]', props.block && 'flex justify-center', {
                 small: 'leading-20px',
                 middle: 'leading-28px',

package/es/Select/index.d.ts

@@ -6,7 +6,7 @@ export interface SelectOption<T = Key> {
     value: T;
     class?: string;
 }
-export interface SelectProps<T = Key> extends Pick<SelectInputProps<T>, 'multiple' | 'allowClear' | 'class' | 'style' | 'disabled' | 'placeholder' | 'status' | 'size' | 'variant' | 'suffixIcon' | 'placement' | 'getPopupContainer' | 'defaultOpen' | 'open' | 'onOpenChange'> {
+export interface SelectProps<T = Key> extends Pick<SelectInputProps<T>, 'ref' | 'multiple' | 'allowClear' | 'class' | 'style' | 'disabled' | 'placeholder' | 'status' | 'size' | 'variant' | 'suffixIcon' | 'placement' | 'getPopupContainer' | 'defaultOpen' | 'open' | 'onOpenChange'> {
     defaultValue?: T | T[] | null;
     value?: T | T[] | null;
     onChange?: (value: T | T[] | undefined) => void;

package/es/Select/index.js

@@ -11,12 +11,15 @@ import { unwrapStringOrJSXElement } from '../utils/solid.js';
 var _tmpl$ = /*#__PURE__*/template(`<div class=p-2px>`),
   _tmpl$2 = /*#__PURE__*/template(`<div>`);
 function Select(props) {
-  const [selectInputProps] = splitProps(props, ['multiple', 'allowClear', 'class', 'style', 'disabled', 'placeholder', 'status', 'size', 'variant', 'suffixIcon', 'placement', 'getPopupContainer']);
+  const [selectInputProps] = splitProps(props, ['ref', 'multiple', 'allowClear', 'class', 'style', 'disabled', 'placeholder', 'status', 'size', 'variant', 'suffixIcon', 'placement', 'getPopupContainer', 'defaultOpen', 'open', 'onOpenChange']);
   const [value, setValue] = createControllableValue(props);
   const valueArr = createMemo(() => toArray(value(), false));
   const selectedValue = createSelector(() => new Map(valueArr().map(v => [v, true])), (a, b) => b.has(a));
   const optionDict = createMemo(() => new Map(props.options?.map(o => [o.value, o])));
   return createComponent(SelectInput, mergeProps(selectInputProps, {
+    get ["class"]() {
+      return cs('ant-select', selectInputProps.class);
+    },
     labelRender: v => props.labelRender ? props.labelRender(optionDict().get(v), v) : unwrapStringOrJSXElement(optionDict().get(v)?.label) ?? v,
     get value() {
       return valueArr();
@@ -53,7 +56,7 @@ function Select(props) {
             };
             insert(_el$2, () => unwrapStringOrJSXElement(item.label));
             effect(_p$ => {
-              var _v$ = cs('ellipsis box-content px-12px py-5px min-h-22px leading-22px hover:bg-[var(--ant-select-option-active-bg)] cursor-pointer rounded-[var(--ant-border-radius-sm)]', selectedValue(item.value) ? '!bg-[var(--ant-select-option-selected-bg)]' : '', item.class),
+              var _v$ = cs('ant-select-item', 'ellipsis box-content px-12px py-5px min-h-22px leading-22px hover:bg-[var(--ant-select-option-active-bg)] cursor-pointer rounded-[var(--ant-border-radius-sm)]', selectedValue(item.value) ? '!bg-[var(--ant-select-option-selected-bg)]' : '', item.class),
                 _v$2 = typeof item.label === 'string' || typeof item.label === 'number' ? item.label.toString() : undefined;
               _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
               _v$2 !== _p$.t && setAttribute(_el$2, "title", _p$.t = _v$2);

package/es/SelectInput/index.d.ts

@@ -1,6 +1,7 @@
-import { type JSXElement, type JSX } from 'solid-js';
+import { type JSXElement, type JSX, type Ref } from 'solid-js';
 import { type TooltipProps } from '../Tooltip';
 export interface SelectInputProps<T> extends Pick<TooltipProps, 'getPopupContainer' | 'defaultOpen' | 'open' | 'onOpenChange'> {
+    ref?: Ref<HTMLDivElement>;
     multiple?: boolean;
     defaultValue?: T[] | null;
     value?: T[] | null;

package/es/SelectInput/index.js

@@ -8,6 +8,7 @@ import useClickAway from '../hooks/useClickAway.js';
 import Element from '../Element/index.js';
 import useComponentSize from '../hooks/useComponentSize.js';
 import CompactContext from '../Compact/context.js';
+import { setRef } from '../utils/solid.js';
 
 var _tmpl$ = /*#__PURE__*/template(`<div class=w-full>`),
   _tmpl$2 = /*#__PURE__*/template(`<span class="right-[--ant-select-input-padding-right] i-ant-design:close-circle-filled cursor-pointer text-[var(--ant-color-text-quaternary)] hover:text-[var(--ant-color-text-tertiary)] active:text-[var(--ant-color-text)]">`),
@@ -67,9 +68,9 @@ function SelectInput(_props) {
     ...props.style
   }));
   return createComponent(Element, {
-    ref(r$) {
-      var _ref$ = select;
-      typeof _ref$ === "function" ? _ref$(r$) : select = r$;
+    ref: el => {
+      setRef(props, el);
+      select = el;
     },
     get ["class"]() {
       return cs('!p[.ant-input-addon]:my--1px !p[.ant-input-addon]:mx--12px', 'rounded-6px cursor-pointer inline-block text-[var(--ant-color-text)] leading-[var(--ant-line-height)]', isCompact && 'ant-compact-item', props.class, props.disabled && 'cursor-not-allowed');
@@ -89,13 +90,16 @@ function SelectInput(_props) {
           return props.placement;
         },
         arrow: false,
-        contentStyle: {
-          padding: 0
+        contentHTMLAttributes: {
+          class: 'ant-select-dropdown',
+          style: {
+            padding: 0
+          }
         },
         content: () => (() => {
           var _el$5 = _tmpl$4();
-          var _ref$2 = tooltipContent;
-          typeof _ref$2 === "function" ? use(_ref$2, _el$5) : tooltipContent = _el$5;
+          var _ref$ = tooltipContent;
+          typeof _ref$ === "function" ? use(_ref$, _el$5) : tooltipContent = _el$5;
           insert(_el$5, () => props.content(() => setOpen(false)));
           effect(_$p => style(_el$5, {
             ...pick(style$1(), ['--ant-select-popup-font-size', '--ant-select-popup-match-width'])
@@ -182,7 +186,7 @@ function SelectInput(_props) {
             get fallback() {
               return createComponent(Show, {
                 get when() {
-                  return isUndefined(props.suffixIcon);
+                  return isUndefined(props.suffixIcon) || props.suffixIcon === true;
                 },
                 get fallback() {
                   return props.suffixIcon;

package/es/Timeline/index.d.ts

@@ -1,6 +1,5 @@
 import { type Accessor, type Component, type JSXElement } from 'solid-js';
-import { type TimelineItemProps as TimelineItemAntdProps } from 'antd';
-interface TimelineItemProps extends Omit<TimelineItemAntdProps, 'children' | 'dot' | 'label'> {
+interface TimelineItemProps {
     dot?: JSXElement;
     label?: JSXElement;
     children?: Accessor<JSXElement>;

package/es/Tooltip/index.d.ts

@@ -10,8 +10,8 @@ export interface TooltipProps {
      * 默认: top
      */
     placement?: TooltipPlacement;
-    contentStyle?: JSX.CSSProperties;
     content?: JSXElement | ((close: () => void) => JSXElement);
+    contentHTMLAttributes?: JSX.HTMLAttributes<HTMLDivElement>;
     children?: JSXElement;
     /**
      * 只有在 trigger 为 manual 时生效

package/es/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { createComponent, memo, Dynamic, Portal, insert, effect, className, style, template } from 'solid-js/web';
+import { createComponent, memo, Dynamic, Portal, spread, mergeProps as mergeProps$1, insert, effect, className, style, template } from 'solid-js/web';
 import { isEqual, compact } from 'lodash-es';
 import { mergeProps, createSignal, useContext, children, createMemo, createEffect, onCleanup, createRenderEffect, on, Show } from 'solid-js';
 import cs from 'classnames';
@@ -445,25 +445,17 @@ const Tooltip = _props => {
             get children() {
               return [(() => {
                 var _el$ = _tmpl$();
+                spread(_el$, 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$, createComponent(TooltipContext.Provider, {
                   value: context,
                   get children() {
                     return unwrapContent(props.content, () => setOpen(false));
                   }
                 }));
-                effect(_p$ => {
-                  var _v$ = cs('px-8px py-6px [box-shadow:var(--ant-box-shadow)] rounded-[var(--ant-border-radius-lg)] overflow-auto', 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)]'),
-                    _v$2 = {
-                      transform: 'translate(var(--inner-translate-x), var(--inner-translate-y))',
-                      ...props.contentStyle
-                    };
-                  _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-                  _p$.t = style(_el$, _v$2, _p$.t);
-                  return _p$;
-                }, {
-                  e: undefined,
-                  t: undefined
-                });
                 return _el$;
               })(), createComponent(Show, {
                 get when() {
@@ -472,14 +464,14 @@ const Tooltip = _props => {
                 get children() {
                   var _el$2 = _tmpl$();
                   effect(_p$ => {
-                    var _v$3 = cs('w-8px h-8px absolute border-transparent [box-shadow:var(--ant-box-shadow)]'),
-                      _v$4 = {
+                    var _v$ = cs('w-8px h-8px absolute border-transparent [box-shadow:var(--ant-box-shadow)]'),
+                      _v$2 = {
                         '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$3 !== _p$.e && className(_el$2, _p$.e = _v$3);
-                    _p$.t = style(_el$2, _v$4, _p$.t);
+                    _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+                    _p$.t = style(_el$2, _v$2, _p$.t);
                     return _p$;
                   }, {
                     e: undefined,

package/es/index.d.ts

@@ -69,7 +69,7 @@ export type { DropdownProps } from './Dropdown';
 export { default as Element } from './Element';
 export type { ElementProps } from './Element';
 export { default as Cursor } from './Cursor';
-export type { CursorProps } from './Cursor';
+export type { CursorProps, CursorIntance } from './Cursor';
 export { default as Space } from './Space';
 export { default as CodeInput } from './CodeInput';
 export type { CodeInputProps } from './CodeInput';

package/es/utils/setupGlobalDrag.js

@@ -8,15 +8,23 @@
  * @param cursor - 拖拽过程中的 style.cursor
  */
 function setupGlobalDrag(onMove, onEnd, cursor) {
-  const originalPointerEvents = document.body.style.pointerEvents;
+  // 防止拖拽时误选中文字等
+  const originalUserSelect = document.body.style.userSelect;
+  document.body.style.userSelect = 'none';
   const originalCursor = document.documentElement.style.cursor;
   if (cursor) {
     document.documentElement.style.cursor = cursor;
   }
+  // 防止 mouseup 被 disabled 元素吞掉
+  const style = document.createElement('style');
+  style.textContent = `
+    :disabled {
+      pointer-events: none;
+    }
+  `;
+  document.head.appendChild(style);
   const abortController = new AbortController();
   window.addEventListener('mousemove', e => {
-    // 延迟设置 document.body.style.pointerEvents，直到 mousemove 触发，这样才算 drag。避免影响自身及子元素的 click 事件
-    document.body.style.pointerEvents = 'none'; // 防止 mouseup 被 disabled 元素吞掉，以及拖拽时误选中文字等
     onMove(e);
   }, {
     signal: abortController.signal,
@@ -24,10 +32,11 @@ function setupGlobalDrag(onMove, onEnd, cursor) {
   });
   window.addEventListener('mouseup', e => {
     onEnd?.(e);
-    document.body.style.pointerEvents = originalPointerEvents;
+    document.body.style.userSelect = originalUserSelect;
     if (cursor) {
       document.documentElement.style.cursor = originalCursor;
     }
+    document.head.removeChild(style);
     abortController.abort();
   }, {
     once: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-solid",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "",
   "main": "dist/index.esm.js",
   "module": "es/index.js",
@@ -52,7 +52,6 @@
   "dependencies": {
     "@ant-design/colors": "^7.0.2",
     "@ctrl/tinycolor": "^4.1.0",
-    "antd": "^5.10.2",
     "classnames": "^2.3.2",
     "lodash-es": "^4.17.21",
     "nanoid": "^5.0.1",