antd-solid 0.0.12 → 0.0.14

package/es/Modal.d.ts

@@ -1,47 +0,0 @@
-import { type JSXElement, type Ref } from 'solid-js';
-export interface ModalInstance {
-    open: () => void;
-    close: () => void;
-}
-export interface ModalProps {
-    ref?: Ref<ModalInstance>;
-    title?: JSXElement;
-    defaultOpen?: boolean;
-    width?: string;
-    height?: string;
-    children?: JSXElement;
-    /**
-     * 垂直居中展示 Modal
-     */
-    centered?: boolean;
-    /**
-     * 点击蒙层是否允许关闭
-     * 默认 true
-     */
-    maskClosable?: boolean;
-    /**
-     * 设置为 false 时隐藏关闭按钮
-     */
-    closeIcon?: boolean;
-    footer?: boolean | ((modal: ModalInstance) => JSXElement);
-    /**
-     * 关闭时销毁 Modal 里的子元素
-     */
-    destroyOnClose?: boolean;
-    /**
-     * 返回 true，会自动关闭 modal
-     */
-    onOk?: () => boolean | Promise<boolean>;
-    afterClose?: () => void;
-    /**
-     * 自定义渲染对话框
-     */
-    modalRender?: () => JSXElement;
-}
-export interface MethodProps extends Pick<ModalProps, 'title' | 'children' | 'onOk' | 'afterClose'> {
-}
-declare function Modal(_props: ModalProps): import("solid-js").JSX.Element;
-declare namespace Modal {
-    var warning: (props: MethodProps) => void;
-}
-export default Modal;

package/es/Modal.js

@@ -1,210 +0,0 @@
-import { delegateEvents, createComponent, Portal, insert, memo, effect, className, render, mergeProps as mergeProps$1, template } from 'solid-js/web';
-import { mergeProps, createSignal, untrack, Show } from 'solid-js';
-import Button from './Button/index.js';
-import cs from 'classnames';
-
-const _tmpl$ = /*#__PURE__*/template(`<span class="i-ant-design:close-outlined">`),
-  _tmpl$2 = /*#__PURE__*/template(`<div class="ant-flex ant-gap-8px ant-justify-end">`),
-  _tmpl$3 = /*#__PURE__*/template(`<div class="ant-mt-12px">`),
-  _tmpl$4 = /*#__PURE__*/template(`<div><div class="ant-text-[rgba(0,0,0,.88)] ant-text-16px ant-font-600 ant-mb-8px"></div><div class="ant-grow">`),
-  _tmpl$5 = /*#__PURE__*/template(`<div>`),
-  _tmpl$6 = /*#__PURE__*/template(`<span class="i-ant-design:exclamation-circle ant-text-22px ant-mr-12px ant-text-[var(--warning-color)]">`),
-  _tmpl$7 = /*#__PURE__*/template(`<div class="ant-ml-34px">`);
-function Modal(_props) {
-  const props = mergeProps({
-    footer: true
-  }, _props);
-  const [open, setOpen] = createSignal(props.defaultOpen ?? false);
-  const [hide, setHide] = createSignal(false);
-  let cleanup;
-  const instance = {
-    open() {
-      setOpen(true);
-      setHide(false);
-      const originOverflow = document.body.style.overflow;
-      document.body.style.overflow = 'hidden';
-      const onKeyup = e => {
-        if (e.key === 'Escape') {
-          instance.close();
-        }
-      };
-      document.addEventListener('keyup', onKeyup);
-      cleanup = () => {
-        document.body.style.overflow = originOverflow;
-        document.removeEventListener('keyup', onKeyup);
-      };
-    },
-    close() {
-      untrack(() => {
-        if (props.destroyOnClose) {
-          setOpen(false);
-        } else {
-          setHide(true);
-        }
-        cleanup();
-        props.afterClose?.();
-      });
-    }
-  };
-  untrack(() => {
-    if (typeof props.ref === 'function') {
-      props.ref?.(instance);
-    }
-  });
-  const [confirmLoading, setConfirmLoading] = createSignal(false);
-  return createComponent(Show, {
-    get when() {
-      return open();
-    },
-    get children() {
-      return createComponent(Portal, {
-        get children() {
-          const _el$ = _tmpl$5();
-          _el$.$$click = () => {
-            if (props.maskClosable ?? true) {
-              instance.close();
-            }
-          };
-          insert(_el$, createComponent(Show, {
-            get when() {
-              return typeof props.modalRender !== 'function';
-            },
-            get fallback() {
-              return props.modalRender();
-            },
-            get children() {
-              const _el$2 = _tmpl$4(),
-                _el$4 = _el$2.firstChild,
-                _el$5 = _el$4.nextSibling;
-              _el$2.$$click = e => {
-                e.stopPropagation();
-              };
-              insert(_el$2, createComponent(Show, {
-                get when() {
-                  return props.closeIcon !== false;
-                },
-                get children() {
-                  return createComponent(Button, {
-                    type: "text",
-                    get ["class"]() {
-                      return cs('ant-rm-size-btn !ant-w-22px !ant-h-22px !ant-flex !ant-justify-center !ant-items-center ant-text-center ant-text-18px !ant-absolute !ant-top-16px !ant-right-16px ant-z-1000 ant-text-[rgba(0,0,0,.45)] hover:!ant-text-[rgba(0,0,0,.88)]');
-                    },
-                    onClick: () => {
-                      instance.close();
-                    },
-                    get children() {
-                      return _tmpl$();
-                    }
-                  });
-                }
-              }), _el$4);
-              insert(_el$4, () => props.title);
-              insert(_el$5, () => props.children);
-              insert(_el$2, createComponent(Show, {
-                get when() {
-                  return props.footer !== false;
-                },
-                get children() {
-                  const _el$6 = _tmpl$3();
-                  insert(_el$6, createComponent(Show, {
-                    get when() {
-                      return typeof props.footer !== 'function';
-                    },
-                    get fallback() {
-                      return memo(() => typeof props.footer === 'function')() && props.footer(instance);
-                    },
-                    get children() {
-                      const _el$7 = _tmpl$2();
-                      insert(_el$7, createComponent(Button, {
-                        onClick: () => {
-                          instance.close();
-                        },
-                        children: "\u53D6\u6D88"
-                      }), null);
-                      insert(_el$7, createComponent(Button, {
-                        type: "primary",
-                        get loading() {
-                          return confirmLoading();
-                        },
-                        onClick: async () => {
-                          if (!props.onOk) return;
-                          let res = props.onOk?.();
-                          if (res instanceof Promise) {
-                            setConfirmLoading(true);
-                            res = await res.finally(() => setConfirmLoading(false));
-                          }
-                          if (res) {
-                            instance.close();
-                          }
-                        },
-                        children: "\u786E\u5B9A"
-                      }), null);
-                      return _el$7;
-                    }
-                  }));
-                  return _el$6;
-                }
-              }), null);
-              effect(_p$ => {
-                const _v$ = cs('ant-absolute ant-px-24px ant-py-20px ant-rounded-8px ant-overflow-hidden ant-bg-white ant-flex ant-flex-col',
-                  // '!ant-[animation-duration:.5s]',
-                  !props.centered && 'ant-top-100px'),
-                  _v$2 = props.width ?? '520px',
-                  _v$3 = props.height;
-                _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
-                _v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$2.style.setProperty("width", _v$2) : _el$2.style.removeProperty("width"));
-                _v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$2.style.setProperty("height", _v$3) : _el$2.style.removeProperty("height"));
-                return _p$;
-              }, {
-                _v$: undefined,
-                _v$2: undefined,
-                _v$3: undefined
-              });
-              return _el$2;
-            }
-          }));
-          effect(_p$ => {
-            const _v$4 = cs('ant-fixed ant-justify-center ant-inset-0 ant-bg-[rgba(0,0,0,.45)] ant-flex ant-z-1000', props.centered && 'ant-items-center'),
-              _v$5 = hide() ? 'none' : undefined;
-            _v$4 !== _p$._v$4 && className(_el$, _p$._v$4 = _v$4);
-            _v$5 !== _p$._v$5 && ((_p$._v$5 = _v$5) != null ? _el$.style.setProperty("display", _v$5) : _el$.style.removeProperty("display"));
-            return _p$;
-          }, {
-            _v$4: undefined,
-            _v$5: undefined
-          });
-          return _el$;
-        }
-      });
-    }
-  });
-}
-Modal.warning = props => {
-  const div = document.createElement('div');
-  document.body.appendChild(div);
-  const dispose = render(() => createComponent(Modal, mergeProps$1({
-    width: "416px",
-    maskClosable: false,
-    closeIcon: false
-  }, props, {
-    get title() {
-      return [_tmpl$6(), memo(() => props.title)];
-    },
-    get children() {
-      return (() => {
-        const _el$9 = _tmpl$7();
-        insert(_el$9, () => props.children);
-        return _el$9;
-      })();
-    },
-    defaultOpen: true,
-    afterClose: () => {
-      document.body.removeChild(div);
-      dispose();
-      props.afterClose?.();
-    }
-  })), div);
-};
-delegateEvents(["click"]);
-
-export { Modal as default };

package/es/Popconfirm.js

@@ -1,64 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1, insert, template } from 'solid-js/web';
-import { mergeProps, splitProps, createSignal, untrack } from 'solid-js';
-import Button from './Button/index.js';
-import Tooltip from './Tooltip.js';
-
-const _tmpl$ = /*#__PURE__*/template(`<div><div class="ant-mb-8px ant-flex ant-items-center"><span class="i-ant-design:exclamation-circle-fill ant-text-#faad14"></span><span class="ant-ml-8px ant-text-[rgba(0,0,0,0.88)] ant-font-600"></span></div><div class="ant-ml-22px ant-mb-8px ant-text-[rgba(0,0,0,0.88)]"></div><div class="ant-text-right">`);
-const Popconfirm = props => {
-  const mergedProps = mergeProps({
-    okText: '确定',
-    cancelText: '取消'
-  }, props);
-  const [tooltipProps] = splitProps(props, ['placement', 'arrow']);
-  const [open, setOpen] = createSignal(false);
-  return createComponent(Tooltip, mergeProps$1({
-    mode: "light",
-    trigger: "click",
-    get open() {
-      return open();
-    },
-    onOpenChange: setOpen,
-    get content() {
-      return (() => {
-        const _el$ = _tmpl$(),
-          _el$2 = _el$.firstChild,
-          _el$3 = _el$2.firstChild,
-          _el$4 = _el$3.nextSibling,
-          _el$5 = _el$2.nextSibling,
-          _el$6 = _el$5.nextSibling;
-        insert(_el$4, () => mergedProps.title);
-        insert(_el$5, () => mergedProps.content);
-        insert(_el$6, createComponent(Button, {
-          "class": "ant-ml-8px",
-          size: "small",
-          onClick: () => {
-            setOpen(false);
-            untrack(() => mergedProps.onCancel?.());
-          },
-          get children() {
-            return mergedProps.cancelText;
-          }
-        }), null);
-        insert(_el$6, createComponent(Button, {
-          "class": "ant-ml-8px",
-          type: "primary",
-          size: "small",
-          onClick: () => {
-            setOpen(false);
-            untrack(() => mergedProps.onConfirm?.());
-          },
-          get children() {
-            return mergedProps.okText;
-          }
-        }), null);
-        return _el$;
-      })();
-    }
-  }, tooltipProps, {
-    get children() {
-      return mergedProps.children;
-    }
-  }));
-};
-
-export { Popconfirm as default };

package/es/Radio.d.ts

@@ -1,27 +0,0 @@
-import { type Component, type JSXElement, type ParentProps, type JSX } from 'solid-js';
-export interface RadioProps extends ParentProps {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    /**
-     * input 的 value
-     */
-    value?: string;
-    onChange?: JSX.ChangeEventHandler<HTMLInputElement, Event>;
-}
-export interface RadioGroupProps {
-    defaultValue?: string;
-    value?: string;
-    onChange?: JSX.ChangeEventHandler<HTMLInputElement, Event>;
-    optionType?: 'default' | 'button';
-    options: Array<{
-        label: JSXElement;
-        value: string;
-        disabled?: boolean;
-    }>;
-    block?: boolean;
-}
-declare const Radio: Component<RadioProps> & {
-    Group: Component<RadioGroupProps>;
-    Button: Component<RadioProps>;
-};
-export default Radio;

package/es/Radio.js

@@ -1,93 +0,0 @@
-import { delegateEvents, insert, effect, className, createComponent, Dynamic, template } from 'solid-js/web';
-import { untrack, mergeProps, createSelector, For } from 'solid-js';
-import cs from 'classnames';
-import createControllableValue from './hooks/createControllableValue.js';
-
-const _tmpl$ = /*#__PURE__*/template(`<label class="ant-inline-flex ant-gap-4px ant-cursor-pointer ant-inline-flex ant-items-center"><span><input class="ant-m-0 ant-hidden" type="radio">`),
-  _tmpl$2 = /*#__PURE__*/template(`<label><input class="ant-w-0 ant-h-0" type="radio">`),
-  _tmpl$3 = /*#__PURE__*/template(`<div>`);
-const Radio = props => {
-  const [checked, setChecked] = createControllableValue(props, {
-    defaultValue: false,
-    defaultValuePropName: 'defaultChecked',
-    valuePropName: 'checked',
-    trigger: null
-  });
-  return (() => {
-    const _el$ = _tmpl$(),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild;
-    _el$3.$$input = e => {
-      setChecked(e.target.checked);
-      untrack(() => props.onChange?.(e));
-    };
-    insert(_el$, () => props.children, null);
-    effect(() => className(_el$2, cs('ant-w-16px ant-h-16px ant-rounded-50% ant-[border:1px_solid_var(--ant-color-border)]', checked() && 'ant-[border:5px_solid_var(--ant-color-primary)]')));
-    effect(() => _el$3.checked = checked());
-    effect(() => _el$3.value = props.value ?? '');
-    return _el$;
-  })();
-};
-Radio.Button = props => {
-  const [checked, setChecked] = createControllableValue(props, {
-    defaultValue: false,
-    defaultValuePropName: 'defaultChecked',
-    valuePropName: 'checked',
-    trigger: null
-  });
-  return (() => {
-    const _el$4 = _tmpl$2(),
-      _el$5 = _el$4.firstChild;
-    _el$5.$$input = e => {
-      setChecked(e.target.checked);
-      untrack(() => props.onChange?.(e));
-    };
-    insert(_el$4, () => props.children, null);
-    effect(() => className(_el$4, cs('ant-px-15px ant-[border:1px_solid_rgb(217,217,217)] first:ant-rounded-l-6px last:ant-rounded-r-6px ant-h-32px ant-inline-flex ant-items-center hover:ant-text-[var(--ant-color-primary)] not[:last-child]:ant-border-r-transparent ant-cursor-pointer ant-flex-grow ant-justify-center', checked() && 'ant-text-[var(--ant-color-primary)] ant-[border:1px_solid_var(--ant-color-primary)] !ant-border-r-[var(--ant-color-primary)]')));
-    effect(() => _el$5.checked = checked());
-    effect(() => _el$5.value = props.value ?? '');
-    return _el$4;
-  })();
-};
-Radio.Group = _props => {
-  const props = mergeProps({
-    optionType: 'default'
-  }, _props);
-  const [value, setValue] = createControllableValue(props, {
-    trigger: null
-  });
-  const isChecked = createSelector(value);
-  return (() => {
-    const _el$6 = _tmpl$3();
-    insert(_el$6, createComponent(For, {
-      get each() {
-        return props.options;
-      },
-      children: option => createComponent(Dynamic, {
-        get component() {
-          return props.optionType === 'default' ? Radio : Radio.Button;
-        },
-        get checked() {
-          return isChecked(option.value);
-        },
-        get value() {
-          return option.value;
-        },
-        onChange: e => {
-          setValue(option.value);
-          untrack(() => {
-            props.onChange?.(e);
-          });
-        },
-        get children() {
-          return option.label;
-        }
-      })
-    }));
-    effect(() => className(_el$6, cs(props.block ? 'ant-flex' : 'ant-inline-flex', props.optionType === 'default' ? 'ant-gap-8px' : '')));
-    return _el$6;
-  })();
-};
-delegateEvents(["input"]);
-
-export { Radio as default };

package/es/Result.js

@@ -1,29 +0,0 @@
-import { insert, effect, className, template } from 'solid-js/web';
-import cs from 'classnames';
-
-const _tmpl$ = /*#__PURE__*/template(`<div class="ant-text-center ant-px-32px ant-py-48px"><div class="ant-mb-24px"><span></span></div><div class="ant-my-8px ant-text-[rgba(0,0,0,.88)] ant-text-24px"></div><div class="ant-text-[rgba(0,0,0,.45)] ant-text-14px"></div><div class="ant-mt-24px"></div><div class="ant-mt-24px">`);
-const statusIconMap = {
-  success: 'ant-text-#52c41a i-ant-design:check-circle-filled',
-  info: 'ant-text-[var(--ant-color-primary)] i-ant-design:exclamation-circle-filled',
-  warning: 'ant-text-#faad14 i-ant-design:warning-filled',
-  error: 'ant-text-#ff4d4f i-ant-design:close-circle-filled'
-};
-const Result = props => {
-  return (() => {
-    const _el$ = _tmpl$(),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$2.nextSibling,
-      _el$5 = _el$4.nextSibling,
-      _el$6 = _el$5.nextSibling,
-      _el$7 = _el$6.nextSibling;
-    insert(_el$4, () => props.title);
-    insert(_el$5, () => props.subTitle);
-    insert(_el$6, () => props.extra);
-    insert(_el$7, () => props.children);
-    effect(() => className(_el$3, cs(statusIconMap[props.status], 'ant-text-72px')));
-    return _el$;
-  })();
-};
-
-export { Result as default };

package/es/Select.d.ts

@@ -1,16 +0,0 @@
-import { type JSXElement, type Component } from 'solid-js';
-import { type Key } from './types';
-interface SelectOption {
-    label: JSXElement;
-    value: Key;
-}
-interface SelectProps {
-    value?: Key;
-    onChange?: (value: Key) => void;
-    options: SelectOption[];
-    placeholder?: string;
-    allowClear?: boolean;
-    class?: string;
-}
-declare const Select: Component<SelectProps>;
-export default Select;

package/es/Select.js

@@ -1,113 +0,0 @@
-import { delegateEvents, createComponent, insert, effect, className, use, setAttribute, template } from 'solid-js/web';
-import { createSelector, createMemo, createSignal, For, Show } from 'solid-js';
-import Tooltip from './Tooltip.js';
-import createControllableValue from './hooks/createControllableValue.js';
-import cs from 'classnames';
-import useClickAway from './hooks/useClickAway.js';
-import { isNil } from 'lodash-es';
-
-const _tmpl$ = /*#__PURE__*/template(`<div>`),
-  _tmpl$2 = /*#__PURE__*/template(`<span class="i-ant-design:close-circle-filled ant-cursor-pointer ant-text-[var(--ant-clear-color)] hover:ant-text-[var(--ant-clear-color-hover)]">`),
-  _tmpl$3 = /*#__PURE__*/template(`<div tabindex="0"><div class="ant-relative ant-h-full"><div class="ant-absolute ant-top-0 ant-bottom-0 ant-right-0">`),
-  _tmpl$4 = /*#__PURE__*/template(`<div class="ant-bg-white ant-w-200px">`),
-  _tmpl$5 = /*#__PURE__*/template(`<input class="ant-h-full ant-w-full ant-float-left ant-[outline:none]" readonly>`),
-  _tmpl$6 = /*#__PURE__*/template(`<span class="i-ant-design:down-outlined ant-text-[var(--ant-allow-color)]">`);
-const Select = props => {
-  let select;
-  const [value, setValue] = createControllableValue(props);
-  const selectedValue = createSelector(value);
-  const selectedOption = createMemo(() => !isNil(value()) ? props.options.find(option => option.value === value()) : undefined);
-  const [open, setOpen] = createSignal(false);
-  useClickAway(() => setOpen(false), () => select);
-  const [width, setWidth] = createSignal(0);
-  const [hover, setHover] = createSignal(false);
-  const showClearBtn = createMemo(() => props.allowClear && hover() && !isNil(value()));
-  return createComponent(Tooltip, {
-    mode: "light",
-    get open() {
-      return open();
-    },
-    onOpenChange: setOpen,
-    trigger: [],
-    placement: "bottomLeft",
-    arrow: false,
-    contentStyle: {
-      padding: 0
-    },
-    content: close => (() => {
-      const _el$6 = _tmpl$4();
-      insert(_el$6, createComponent(For, {
-        get each() {
-          return props.options;
-        },
-        children: item => (() => {
-          const _el$7 = _tmpl$();
-          _el$7.$$click = () => {
-            setValue(item.value);
-            close();
-          };
-          insert(_el$7, () => item.label);
-          effect(() => className(_el$7, cs('ant-box-content ant-px-12px ant-py-5px ant-h-22px ant-leading-22px hover:ant-bg-[var(--hover-bg-color)]', selectedValue(item.value) ? '!ant-bg-[var(--ant-select-option-selected-bg)]' : '')));
-          return _el$7;
-        })()
-      }));
-      effect(() => `${width()}px` != null ? _el$6.style.setProperty("width", `${width()}px`) : _el$6.style.removeProperty("width"));
-      return _el$6;
-    })(),
-    get children() {
-      const _el$ = _tmpl$3(),
-        _el$2 = _el$.firstChild,
-        _el$4 = _el$2.firstChild;
-      _el$.addEventListener("mouseleave", () => setHover(false));
-      _el$.addEventListener("mouseenter", () => setHover(true));
-      _el$.$$click = e => {
-        setOpen(true);
-        setWidth(e.currentTarget.offsetWidth);
-        e.currentTarget.focus();
-      };
-      const _ref$ = select;
-      typeof _ref$ === "function" ? use(_ref$, _el$) : select = _el$;
-      _el$.style.setProperty("--ant-arrow-color", "rgba(146, 146, 146, 1)");
-      _el$.style.setProperty("--ant-clear-color", "rgba(146, 146, 146, 1)");
-      _el$.style.setProperty("--ant-clear-color-hover", "rgba(194, 194, 194, 1)");
-      insert(_el$2, createComponent(Show, {
-        get when() {
-          return !isNil(value());
-        },
-        get fallback() {
-          return (() => {
-            const _el$8 = _tmpl$5();
-            effect(() => setAttribute(_el$8, "placeholder", props.placeholder));
-            return _el$8;
-          })();
-        },
-        get children() {
-          const _el$3 = _tmpl$();
-          insert(_el$3, () => selectedOption().label ?? value());
-          return _el$3;
-        }
-      }), _el$4);
-      insert(_el$4, createComponent(Show, {
-        get when() {
-          return showClearBtn();
-        },
-        get fallback() {
-          return _tmpl$6();
-        },
-        get children() {
-          const _el$5 = _tmpl$2();
-          _el$5.$$click = e => {
-            e.stopPropagation();
-            setValue(undefined);
-          };
-          return _el$5;
-        }
-      }));
-      effect(() => className(_el$, cs('ant-h-32px ant-leading-32px ant-rounded-6px ant-[border:1px_solid_var(--ant-color-border)] ant-px-11px focus:ant-[border-color:var(--ant-color-primary)]', props.class)));
-      return _el$;
-    }
-  });
-};
-delegateEvents(["click"]);
-
-export { Select as default };

package/es/Skeleton.d.ts

@@ -1,9 +0,0 @@
-declare const Image: import("solid-js").Component<Omit<import("antd/es/skeleton/Image").SkeletonImageProps, "className"> & {
-    class?: string | undefined;
-}>;
-declare const Skeleton: import("solid-js").Component<Omit<import("antd").SkeletonProps, "className"> & {
-    class?: string | undefined;
-}> & {
-    Image: typeof Image;
-};
-export default Skeleton;

package/es/Skeleton.js

@@ -1,9 +0,0 @@
-import { Skeleton as Skeleton$1 } from 'antd';
-import { replaceClassName, reactToSolidComponent } from './utils/component.js';
-
-const _Skeleton = replaceClassName(reactToSolidComponent(Skeleton$1));
-const Image = replaceClassName(reactToSolidComponent(Skeleton$1.Image));
-const Skeleton = _Skeleton;
-Skeleton.Image = Image;
-
-export { Skeleton as default };

package/es/Spin.d.ts

@@ -1,10 +0,0 @@
-import { type Component, type ParentProps } from 'solid-js';
-interface SpinProps extends ParentProps {
-    /**
-     * 是否为加载中状态
-     */
-    spinning?: boolean;
-    size?: number;
-}
-declare const Spin: Component<SpinProps>;
-export default Spin;

package/es/Spin.js

@@ -1,28 +0,0 @@
-import { insert, createComponent, effect, template } from 'solid-js/web';
-import { mergeProps, Show } from 'solid-js';
-
-const _tmpl$ = /*#__PURE__*/template(`<div class="ant-flex ant-items-center ant-justify-center ant-bg-[rgba(255,255,255,.5)]"><span class="i-ant-design:loading keyframes-spin ant-[animation:spin_1s_linear_infinite] ant-text-[var(--ant-color-primary)]">`),
-  _tmpl$2 = /*#__PURE__*/template(`<div>`);
-const Spin = _props => {
-  const props = mergeProps({
-    size: 20
-  }, _props);
-  return (() => {
-    const _el$ = _tmpl$2();
-    insert(_el$, () => props.children, null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return props.spinning;
-      },
-      get children() {
-        const _el$2 = _tmpl$(),
-          _el$3 = _el$2.firstChild;
-        effect(() => `${props.size}px` != null ? _el$3.style.setProperty("font-size", `${props.size}px`) : _el$3.style.removeProperty("font-size"));
-        return _el$2;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-
-export { Spin as default };