deepsea-components 2.8.5 → 3.0.1

package/dist/esm/components/Ring.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","jsx","_jsx","Ring","props","ref","outerWidth","innerWidth","style","rest","outerRadius","innerRadius","width","height","clipPath"],"sources":["../../../src/components/Ring.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { forwardRef, HTMLAttributes } from \"react\"\r\n\r\nexport interface RingProps extends HTMLAttributes<HTMLDivElement> {\r\n    outerWidth: number\r\n    innerWidth: number\r\n}\r\n\r\n/** 环形组件 */\r\nexport const Ring = forwardRef<HTMLDivElement, RingProps>((props, ref) => {\r\n    const { outerWidth, innerWidth, style, ...rest } = props\r\n\r\n    const outerRadius = outerWidth / 2\r\n\r\n    const innerRadius = innerWidth / 2\r\n\r\n    return <div ref={ref} style={{ ...style, width: `${outerWidth}px`, height: `${outerWidth}px`, clipPath: `path(\"M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z\")` }} {...rest} />\r\n})\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,UAAU,QAAwB,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOlD;AACA,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAA4B,CAACI,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAExD,MAAMM,WAAW,GAAGJ,UAAU,GAAG,CAAC;EAElC,MAAMK,WAAW,GAAGJ,UAAU,GAAG,CAAC;EAElC,oBAAOL,IAAA;IAAKG,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEI,KAAK,EAAG,GAAEN,UAAW,IAAG;MAAEO,MAAM,EAAG,GAAEP,UAAW,IAAG;MAAEQ,QAAQ,EAAG,YAAWJ,WAAY,KAAIA,WAAY,IAAGA,WAAY,UAASJ,UAAW,OAAMI,WAAY,IAAGA,WAAY,WAAUJ,UAAW,OAAMI,WAAW,GAAGC,WAAY,OAAMA,WAAY,IAAGA,WAAY,UAASA,WAAW,GAAG,CAAE,OAAMA,WAAY,IAAGA,WAAY,WAAUA,WAAW,GAAG,CAAE;IAAQ,CAAE;IAAA,GAAKF;EAAI,CAAG,CAAC;AACzZ,CAAC,CAAC"}

package/dist/esm/components/Scroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","clsx","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","Scrollbar","jsx","_jsx","default","Scroll","props","ref","children","options","className","style","scrollbar","onScrollbar","rest","thumbWidth","thumbRadius","thumbColor","trackColor","scrollbarOptions","ele","bar","current","init","destroy","addListener","removeListener","undefined"],"sources":["../../../src/components/Scroll.tsx"],"sourcesContent":["\"use client\"\r\nimport { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { CSSProperties, ForwardedRef, forwardRef, HTMLAttributes, useEffect, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\r\nimport Scrollbar from \"smooth-scrollbar\"\r\nimport type { ScrollbarOptions, ScrollListener } from \"smooth-scrollbar/interfaces\"\r\nexport { default as Scrollbar } from \"smooth-scrollbar\"\r\nexport * from \"smooth-scrollbar/interfaces\"\r\n\r\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\r\n    /** 滑块宽度 */\r\n    thumbWidth?: number | string\r\n    /** 滑块圆角大小 */\r\n    thumbRadius?: number | string\r\n    /** 滑块背景颜色 */\r\n    thumbColor?: string\r\n    /** 滚动条背景颜色 */\r\n    trackColor?: string\r\n}\r\n\r\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\r\n    /** 滚动的配置 */\r\n    options?: ScrollOptions\r\n    /** 滚动条实例 */\r\n    scrollbar?: ForwardedRef<Scrollbar>\r\n    /** 滚动条滚动事件 */\r\n    onScrollbar?: ScrollListener\r\n}\r\n\r\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\r\n    const { children, options, className, style, scrollbar, onScrollbar, ...rest } = props\r\n    const { thumbWidth, thumbRadius, thumbColor, trackColor, ...scrollbarOptions } = options || {}\r\n    const ele = useRef<HTMLDivElement>(null)\r\n    const bar = useRef<Scrollbar | null>(null)\r\n\r\n    useLayoutEffect(() => {\r\n        bar.current = Scrollbar.init(ele.current!, scrollbarOptions)\r\n        return () => bar.current?.destroy()\r\n    }, [])\r\n\r\n    useImperativeHandle(ref, () => ele.current!, [])\r\n\r\n    useImperativeHandle(scrollbar, () => bar.current!, [])\r\n\r\n    useEffect(() => {\r\n        if (!onScrollbar) return\r\n        bar.current?.addListener(onScrollbar)\r\n        return () => bar.current?.removeListener(onScrollbar)\r\n    }, [onScrollbar])\r\n\r\n    return (\r\n        <div\r\n            ref={ele}\r\n            className={clsx(\r\n                css`\r\n                    .scrollbar-track.scrollbar-track-x {\r\n                        ${thumbWidth !== undefined ? \"height: var(--thumb-width);\" : \"\"}\r\n                        ${trackColor !== undefined ? \"background-color: var(--track-color);\" : \"\"}\r\n                    }\r\n\r\n                    .scrollbar-thumb.scrollbar-thumb-x {\r\n                        ${thumbWidth !== undefined ? \"height: var(--thumb-width);\" : \"\"}\r\n                        ${thumbRadius !== undefined ? \"border-radius: var(--thumb-radius);\" : \"\"}\r\n                        ${thumbColor !== undefined ? \"background-color: var(--thumb-color);\" : \"\"}\r\n                    }\r\n\r\n                    .scrollbar-track.scrollbar-track-y {\r\n                        ${thumbWidth !== undefined ? \"width: var(--thumb-width);\" : \"\"}\r\n                        ${trackColor !== undefined ? \"background-color: var(--track-color);\" : \"\"}\r\n                    }\r\n\r\n                    .scrollbar-thumb.scrollbar-thumb-y {\r\n                        ${thumbWidth !== undefined ? \"width: var(--thumb-width);\" : \"\"}\r\n                        ${thumbRadius !== undefined ? \"border-radius: var(--thumb-radius);\" : \"\"}\r\n                        ${thumbColor !== undefined ? \"background-color: var(--thumb-color);\" : \"\"}\r\n                    }\r\n                `,\r\n                className\r\n            )}\r\n            style={\r\n                {\r\n                    \"--thumb-width\": typeof thumbWidth === \"number\" ? `${thumbWidth}px` : thumbWidth,\r\n                    \"--thumb-radius\": typeof thumbRadius === \"number\" ? `${thumbRadius}px` : thumbRadius,\r\n                    \"--thumb-color\": thumbColor,\r\n                    \"--track-color\": trackColor,\r\n                    ...style\r\n                } as CSSProperties\r\n            }\r\n            {...rest}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n"],"mappings":"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"}
+{"version":3,"names":["css","clsx","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","Scrollbar","jsx","_jsx","default","Scroll","props","ref","children","options","className","style","scrollbar","onScrollbar","rest","thumbWidth","thumbRadius","thumbColor","trackColor","scrollbarOptions","ele","bar","current","init","destroy","addListener","removeListener","undefined"],"sources":["../../../src/components/Scroll.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { CSSProperties, ForwardedRef, forwardRef, HTMLAttributes, useEffect, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\r\nimport Scrollbar from \"smooth-scrollbar\"\r\nimport type { ScrollbarOptions, ScrollListener } from \"smooth-scrollbar/interfaces\"\r\nexport { default as Scrollbar } from \"smooth-scrollbar\"\r\nexport * from \"smooth-scrollbar/interfaces\"\r\n\r\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\r\n    /** 滑块宽度 */\r\n    thumbWidth?: number | string\r\n    /** 滑块圆角大小 */\r\n    thumbRadius?: number | string\r\n    /** 滑块背景颜色 */\r\n    thumbColor?: string\r\n    /** 滚动条背景颜色 */\r\n    trackColor?: string\r\n}\r\n\r\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\r\n    /** 滚动的配置 */\r\n    options?: ScrollOptions\r\n    /** 滚动条实例 */\r\n    scrollbar?: ForwardedRef<Scrollbar>\r\n    /** 滚动条滚动事件 */\r\n    onScrollbar?: ScrollListener\r\n}\r\n\r\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\r\n    const { children, options, className, style, scrollbar, onScrollbar, ...rest } = props\r\n    const { thumbWidth, thumbRadius, thumbColor, trackColor, ...scrollbarOptions } = options || {}\r\n    const ele = useRef<HTMLDivElement>(null)\r\n    const bar = useRef<Scrollbar | null>(null)\r\n\r\n    useLayoutEffect(() => {\r\n        bar.current = Scrollbar.init(ele.current!, scrollbarOptions)\r\n        return () => bar.current?.destroy()\r\n    }, [])\r\n\r\n    useImperativeHandle(ref, () => ele.current!, [])\r\n\r\n    useImperativeHandle(scrollbar, () => bar.current!, [])\r\n\r\n    useEffect(() => {\r\n        if (!onScrollbar) return\r\n        bar.current?.addListener(onScrollbar)\r\n        return () => bar.current?.removeListener(onScrollbar)\r\n    }, [onScrollbar])\r\n\r\n    return (\r\n        <div\r\n            ref={ele}\r\n            className={clsx(\r\n                css`\r\n                    .scrollbar-track.scrollbar-track-x {\r\n                        ${thumbWidth !== undefined ? \"height: var(--thumb-width);\" : \"\"}\r\n                        ${trackColor !== undefined ? \"background-color: var(--track-color);\" : \"\"}\r\n                    }\r\n\r\n                    .scrollbar-thumb.scrollbar-thumb-x {\r\n                        ${thumbWidth !== undefined ? \"height: var(--thumb-width);\" : \"\"}\r\n                        ${thumbRadius !== undefined ? \"border-radius: var(--thumb-radius);\" : \"\"}\r\n                        ${thumbColor !== undefined ? \"background-color: var(--thumb-color);\" : \"\"}\r\n                    }\r\n\r\n                    .scrollbar-track.scrollbar-track-y {\r\n                        ${thumbWidth !== undefined ? \"width: var(--thumb-width);\" : \"\"}\r\n                        ${trackColor !== undefined ? \"background-color: var(--track-color);\" : \"\"}\r\n                    }\r\n\r\n                    .scrollbar-thumb.scrollbar-thumb-y {\r\n                        ${thumbWidth !== undefined ? \"width: var(--thumb-width);\" : \"\"}\r\n                        ${thumbRadius !== undefined ? \"border-radius: var(--thumb-radius);\" : \"\"}\r\n                        ${thumbColor !== undefined ? \"background-color: var(--thumb-color);\" : \"\"}\r\n                    }\r\n                `,\r\n                className\r\n            )}\r\n            style={\r\n                {\r\n                    \"--thumb-width\": typeof thumbWidth === \"number\" ? `${thumbWidth}px` : thumbWidth,\r\n                    \"--thumb-radius\": typeof thumbRadius === \"number\" ? `${thumbRadius}px` : thumbRadius,\r\n                    \"--thumb-color\": thumbColor,\r\n                    \"--track-color\": trackColor,\r\n                    ...style\r\n                } as CSSProperties\r\n            }\r\n            {...rest}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n"],"mappings":"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"}

package/dist/esm/components/SectionRing.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from "react";
+export interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {
+    outerRadius: number;
+    innerRadius: number;
+    count: number;
+    angel: number;
+}
+export declare const SectionRing: FC<SectionRingProps>;

package/dist/esm/components/SectionRing.js

@@ -0,0 +1,31 @@
+"use client";
+
+import { drawArc } from "deepsea-tools";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SectionRing = props => {
+  const {
+    outerRadius: o,
+    innerRadius: i,
+    count: c,
+    angel: a,
+    style,
+    ...rest
+  } = props;
+  const s = Math.PI * 2 / c - a;
+  function arc(radius, startAngle, endAngle, options = {}) {
+    return drawArc(o, o, radius, startAngle, endAngle, options);
+  }
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      ...style,
+      width: o * 2,
+      height: o * 2,
+      clipPath: `path("${Array(c).fill(0).map((it, idx) => `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
+        line: true,
+        anticlockwise: true
+      })}`).join(" ")} Z")`
+    },
+    ...rest
+  });
+};
+//# sourceMappingURL=SectionRing.js.map

package/dist/esm/components/SectionRing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawArc","jsx","_jsx","SectionRing","props","outerRadius","o","innerRadius","i","count","c","angel","a","style","rest","s","Math","PI","arc","radius","startAngle","endAngle","options","width","height","clipPath","Array","fill","map","it","idx","line","anticlockwise","join"],"sources":["../../../src/components/SectionRing.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { DrawArcOptions, drawArc } from \"deepsea-tools\"\r\nimport { FC, HTMLAttributes } from \"react\"\r\n\r\nexport interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {\r\n    outerRadius: number\r\n    innerRadius: number\r\n    count: number\r\n    angel: number\r\n}\r\n\r\nexport const SectionRing: FC<SectionRingProps> = props => {\r\n    const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props\r\n\r\n    const s = (Math.PI * 2) / c - a\r\n\r\n    function arc(radius: number, startAngle: number, endAngle: number, options: DrawArcOptions = {}) {\r\n        return drawArc(o, o, radius, startAngle, endAngle, options)\r\n    }\r\n\r\n    return (\r\n        <div\r\n            style={{\r\n                ...style,\r\n                width: o * 2,\r\n                height: o * 2,\r\n                clipPath: `path(\"${Array(c)\r\n                    .fill(0)\r\n                    .map((it, idx) => `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), { line: true, anticlockwise: true })}`)\r\n                    .join(\" \")} Z\")`\r\n            }}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAyBA,OAAO,QAAQ,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUvD,OAAO,MAAMC,WAAiC,GAAGC,KAAK,IAAI;EACtD,MAAM;IAAEC,WAAW,EAAEC,CAAC;IAAEC,WAAW,EAAEC,CAAC;IAAEC,KAAK,EAAEC,CAAC;IAAEC,KAAK,EAAEC,CAAC;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGV,KAAK;EAEpF,MAAMW,CAAC,GAAIC,IAAI,CAACC,EAAE,GAAG,CAAC,GAAIP,CAAC,GAAGE,CAAC;EAE/B,SAASM,GAAGA,CAACC,MAAc,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,OAAuB,GAAG,CAAC,CAAC,EAAE;IAC7F,OAAOtB,OAAO,CAACM,CAAC,EAAEA,CAAC,EAAEa,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,CAAC;EAC/D;EAEA,oBACIpB,IAAA;IACIW,KAAK,EAAE;MACH,GAAGA,KAAK;MACRU,KAAK,EAAEjB,CAAC,GAAG,CAAC;MACZkB,MAAM,EAAElB,CAAC,GAAG,CAAC;MACbmB,QAAQ,EAAG,SAAQC,KAAK,CAAChB,CAAC,CAAC,CACtBiB,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,CAACC,EAAE,EAAEC,GAAG,KAAM,GAAEZ,GAAG,CAACZ,CAAC,EAAEwB,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,EAAEe,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,GAAGH,CAAC,CAAE,IAAGM,GAAG,CAACV,CAAC,EAAEsB,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,GAAGH,CAAC,EAAEkB,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,EAAE;QAAEgB,IAAI,EAAE,IAAI;QAAEC,aAAa,EAAE;MAAK,CAAC,CAAE,EAAC,CAAC,CAChJC,IAAI,CAAC,GAAG,CAAE;IACnB,CAAE;IAAA,GACEnB;EAAI,CACX,CAAC;AAEV,CAAC"}

package/dist/esm/components/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from "react";
+declare const Skeleton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export default Skeleton;

package/dist/esm/components/Skeleton.js

@@ -0,0 +1,36 @@
+"use client";
+
+import { css } from "@emotion/css";
+import { clsx } from "deepsea-tools";
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Skeleton = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx("div", {
+    ref: ref,
+    className: clsx(css`
+                    @keyframes shimmer {
+                        0% {
+                            background-position: -400px 0px;
+                        }
+                        100% {
+                            background-position: 400px 0px;
+                        }
+                    }
+
+                    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.067) 8%, rgba(0, 0, 0, 0.133) 18%, rgba(0, 0, 0, 0.067) 33%);
+                    animation-duration: 1s;
+                    animation-fill-mode: forwards;
+                    animation-iteration-count: infinite;
+                    animation-name: shimmer;
+                    animation-timing-function: linear;
+                    background-size: 800px 104px;
+                `, className),
+    ...rest
+  });
+});
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/esm/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","clsx","forwardRef","jsx","_jsx","Skeleton","props","ref","className","rest"],"sources":["../../../src/components/Skeleton.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { css } from \"@emotion/css\"\r\nimport { clsx } from \"deepsea-tools\"\r\nimport { forwardRef, HTMLAttributes } from \"react\"\r\n\r\nconst Skeleton = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>((props, ref) => {\r\n    const { className, ...rest } = props\r\n\r\n    return (\r\n        <div\r\n            ref={ref}\r\n            className={clsx(\r\n                css`\r\n                    @keyframes shimmer {\r\n                        0% {\r\n                            background-position: -400px 0px;\r\n                        }\r\n                        100% {\r\n                            background-position: 400px 0px;\r\n                        }\r\n                    }\r\n\r\n                    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.067) 8%, rgba(0, 0, 0, 0.133) 18%, rgba(0, 0, 0, 0.067) 33%);\r\n                    animation-duration: 1s;\r\n                    animation-fill-mode: forwards;\r\n                    animation-iteration-count: infinite;\r\n                    animation-name: shimmer;\r\n                    animation-timing-function: linear;\r\n                    background-size: 800px 104px;\r\n                `,\r\n                className\r\n            )}\r\n            {...rest}\r\n        />\r\n    )\r\n})\r\n\r\nexport default Skeleton\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,UAAU,QAAwB,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,QAAQ,gBAAGH,UAAU,CAAiD,CAACI,KAAK,EAAEC,GAAG,KAAK;EACxF,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEpC,oBACIF,IAAA;IACIG,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEP,IAAI,CACXD,GAAI;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,EACDQ,SACJ,CAAE;IAAA,GACEC;EAAI,CACX,CAAC;AAEV,CAAC,CAAC;AAEF,eAAeJ,QAAQ"}

package/dist/esm/components/TransitionBox.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, FC, HTMLAttributes } from "react";
+export interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {
+    containerClassName?: string;
+    containerStyle?: CSSProperties;
+    vertical?: boolean;
+    horizontal?: boolean;
+    time?: number;
+}
+/** 尺寸渐变的组件 */
+export declare const TransitionBox: FC<TransitionBoxProps>;

package/dist/esm/components/TransitionBox.js

@@ -0,0 +1,50 @@
+"use client";
+
+import { useSize } from "ahooks";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** 尺寸渐变的组件 */
+export const TransitionBox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    style,
+    containerClassName,
+    containerStyle,
+    children,
+    vertical = true,
+    horizontal = true,
+    time = 3000,
+    ...rest
+  } = props;
+  const container = useRef(null);
+  const size = useSize(container);
+  const width = size?.width ?? 0;
+  const height = size?.height ?? 0;
+  const [count, setCount] = useState(0);
+  useEffect(() => {
+    setCount(count => Math.min(count + 1, 3));
+  }, [width, height]);
+  const outerStyle = {
+    transitionProperty: count === 3 ? [horizontal && "width", vertical && "height"].filter(Boolean).join(", ") : undefined,
+    transitionDuration: count === 3 ? `${time}ms` : undefined,
+    width,
+    height,
+    overflow: "hidden",
+    position: "relative",
+    ...style
+  };
+  return /*#__PURE__*/_jsx("div", {
+    ref: ref,
+    style: outerStyle,
+    ...rest,
+    children: /*#__PURE__*/_jsx("div", {
+      className: containerClassName,
+      style: {
+        position: "absolute",
+        ...containerStyle
+      },
+      ref: container,
+      children: children
+    })
+  });
+});
+//# sourceMappingURL=TransitionBox.js.map

package/dist/esm/components/TransitionBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSize","forwardRef","useEffect","useRef","useState","jsx","_jsx","TransitionBox","props","ref","style","containerClassName","containerStyle","children","vertical","horizontal","time","rest","container","size","width","height","count","setCount","Math","min","outerStyle","transitionProperty","filter","Boolean","join","undefined","transitionDuration","overflow","position","className"],"sources":["../../../src/components/TransitionBox.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { useSize } from \"ahooks\"\r\nimport { CSSProperties, FC, forwardRef, HTMLAttributes, useEffect, useRef, useState } from \"react\"\r\n\r\nexport interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n    containerClassName?: string\r\n    containerStyle?: CSSProperties\r\n    vertical?: boolean\r\n    horizontal?: boolean\r\n    time?: number\r\n}\r\n\r\n/** 尺寸渐变的组件 */\r\nexport const TransitionBox: FC<TransitionBoxProps> = forwardRef<HTMLDivElement, TransitionBoxProps>((props, ref) => {\r\n    const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props\r\n    const container = useRef<HTMLDivElement>(null)\r\n    const size = useSize(container)\r\n    const width = size?.width ?? 0\r\n    const height = size?.height ?? 0\r\n    const [count, setCount] = useState(0)\r\n\r\n    useEffect(() => {\r\n        setCount(count => Math.min(count + 1, 3))\r\n    }, [width, height])\r\n\r\n    const outerStyle: CSSProperties = { transitionProperty: count === 3 ? [horizontal && \"width\", vertical && \"height\"].filter(Boolean).join(\", \") : undefined, transitionDuration: count === 3 ? `${time}ms` : undefined, width, height, overflow: \"hidden\", position: \"relative\", ...style }\r\n\r\n    return (\r\n        <div ref={ref} style={outerStyle} {...rest}>\r\n            <div className={containerClassName} style={{ position: \"absolute\", ...containerStyle }} ref={container}>\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n})\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,OAAO,QAAQ,QAAQ;AAChC,SAA4BC,UAAU,EAAkBC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUlG;AACA,OAAO,MAAMC,aAAqC,gBAAGN,UAAU,CAAqC,CAACO,KAAK,EAAEC,GAAG,KAAK;EAChH,MAAM;IAAEC,KAAK;IAAEC,kBAAkB;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,IAAI;IAAEC,UAAU,GAAG,IAAI;IAAEC,IAAI,GAAG,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGT,KAAK;EAC/H,MAAMU,SAAS,GAAGf,MAAM,CAAiB,IAAI,CAAC;EAC9C,MAAMgB,IAAI,GAAGnB,OAAO,CAACkB,SAAS,CAAC;EAC/B,MAAME,KAAK,GAAGD,IAAI,EAAEC,KAAK,IAAI,CAAC;EAC9B,MAAMC,MAAM,GAAGF,IAAI,EAAEE,MAAM,IAAI,CAAC;EAChC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CAAC,CAAC,CAAC;EAErCF,SAAS,CAAC,MAAM;IACZqB,QAAQ,CAACD,KAAK,IAAIE,IAAI,CAACC,GAAG,CAACH,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACF,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,MAAMK,UAAyB,GAAG;IAAEC,kBAAkB,EAAEL,KAAK,KAAK,CAAC,GAAG,CAACP,UAAU,IAAI,OAAO,EAAED,QAAQ,IAAI,QAAQ,CAAC,CAACc,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAAGC,SAAS;IAAEC,kBAAkB,EAAEV,KAAK,KAAK,CAAC,GAAI,GAAEN,IAAK,IAAG,GAAGe,SAAS;IAAEX,KAAK;IAAEC,MAAM;IAAEY,QAAQ,EAAE,QAAQ;IAAEC,QAAQ,EAAE,UAAU;IAAE,GAAGxB;EAAM,CAAC;EAE1R,oBACIJ,IAAA;IAAKG,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEgB,UAAW;IAAA,GAAKT,IAAI;IAAAJ,QAAA,eACtCP,IAAA;MAAK6B,SAAS,EAAExB,kBAAmB;MAACD,KAAK,EAAE;QAAEwB,QAAQ,EAAE,UAAU;QAAE,GAAGtB;MAAe,CAAE;MAACH,GAAG,EAAES,SAAU;MAAAL,QAAA,EAClGA;IAAQ,CACR;EAAC,CACL,CAAC;AAEd,CAAC,CAAC"}

package/dist/esm/components/TransitionNum.d.ts

@@ -0,0 +1,16 @@
+import { ForwardedRef, HTMLAttributes } from "react";
+export interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** 当前数字 */
+    children: number;
+    /** 变换周期，单位帧 */
+    period: number;
+    /** 数字转换为字符串的方法 */
+    numToStr?: (num: number) => string;
+    /** 实例 */
+    ins?: ForwardedRef<TransitionNumIns>;
+}
+export interface TransitionNumIns {
+    get(): number;
+}
+/** 渐变数字组件 */
+export declare const TransitionNum: import("react").ForwardRefExoticComponent<TransitionNumProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/TransitionNum.js

@@ -0,0 +1,65 @@
+"use client";
+
+import { setFrameInterval } from "deepsea-tools";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** 渐变数字组件 */
+export const TransitionNum = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children: num,
+    period,
+    numToStr,
+    ins,
+    ...rest
+  } = props;
+  if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {
+    throw new RangeError("目标数字必须是整数，周期必须是正整数");
+  }
+  const ele = useRef(null);
+  const cache = useRef({
+    num,
+    period,
+    numToStr,
+    show: num
+  });
+  cache.current = {
+    ...cache.current,
+    num,
+    period,
+    numToStr
+  };
+  useImperativeHandle(ref, () => ele.current, []);
+  useImperativeHandle(ins, () => ({
+    get: () => cache.current.show
+  }), []);
+  useEffect(() => {
+    const {
+      num,
+      period,
+      show,
+      numToStr
+    } = cache.current;
+    ele.current.innerText = (numToStr || String)(show);
+    if (num === show) return;
+    const div = ele.current;
+    const speed = (num - show) / period;
+    const cancel = setFrameInterval(() => {
+      const {
+        num,
+        numToStr
+      } = cache.current;
+      cache.current.show += speed;
+      if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
+        cancel();
+        cache.current.show = num;
+      }
+      div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+    }, 1);
+    return cancel;
+  }, [num]);
+  return /*#__PURE__*/_jsx("div", {
+    ref: ele,
+    ...rest
+  });
+});
+//# sourceMappingURL=TransitionNum.js.map

package/dist/esm/components/TransitionNum.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["setFrameInterval","forwardRef","useEffect","useImperativeHandle","useRef","jsx","_jsx","TransitionNum","props","ref","children","num","period","numToStr","ins","rest","Number","isInteger","RangeError","ele","cache","show","current","get","innerText","String","div","speed","cancel","Math","floor","ceil"],"sources":["../../../src/components/TransitionNum.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { setFrameInterval } from \"deepsea-tools\"\r\nimport { ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\r\n\r\nexport interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n    /** 当前数字 */\r\n    children: number\r\n    /** 变换周期，单位帧 */\r\n    period: number\r\n    /** 数字转换为字符串的方法 */\r\n    numToStr?: (num: number) => string\r\n    /** 实例 */\r\n    ins?: ForwardedRef<TransitionNumIns>\r\n}\r\n\r\nexport interface TransitionNumIns {\r\n    get(): number\r\n}\r\n\r\n/** 渐变数字组件 */\r\nexport const TransitionNum = forwardRef<HTMLDivElement, TransitionNumProps>((props, ref) => {\r\n    const { children: num, period, numToStr, ins, ...rest } = props\r\n    if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {\r\n        throw new RangeError(\"目标数字必须是整数，周期必须是正整数\")\r\n    }\r\n    const ele = useRef<HTMLDivElement>(null)\r\n    const cache = useRef({ num, period, numToStr, show: num })\r\n    cache.current = { ...cache.current, num, period, numToStr }\r\n\r\n    useImperativeHandle(ref, () => ele.current!, [])\r\n    useImperativeHandle(ins, () => ({ get: () => cache.current.show }), [])\r\n\r\n    useEffect(() => {\r\n        const { num, period, show, numToStr } = cache.current\r\n        ele.current!.innerText = (numToStr || String)(show)\r\n        if (num === show) return\r\n        const div = ele.current!\r\n        const speed = (num - show) / period\r\n        const cancel = setFrameInterval(() => {\r\n            const { num, numToStr } = cache.current\r\n            cache.current.show += speed\r\n            if ((speed > 0 && cache.current.show > num) || (speed < 0 && cache.current.show < num)) {\r\n                cancel()\r\n                cache.current.show = num\r\n            }\r\n            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show))\r\n        }, 1)\r\n\r\n        return cancel\r\n    }, [num])\r\n\r\n    return <div ref={ele} {...rest} />\r\n})\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,gBAAgB,QAAQ,eAAe;AAChD,SAAuCC,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAiBxG;AACA,OAAO,MAAMC,aAAa,gBAAGN,UAAU,CAAqC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACxF,MAAM;IAAEC,QAAQ,EAAEC,GAAG;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,GAAG;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAC/D,IAAI,CAACQ,MAAM,CAACC,SAAS,CAACN,GAAG,CAAC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACL,MAAM,CAAC,IAAIA,MAAM,IAAI,CAAC,EAAE;IACpE,MAAM,IAAIM,UAAU,CAAC,oBAAoB,CAAC;EAC9C;EACA,MAAMC,GAAG,GAAGf,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAMgB,KAAK,GAAGhB,MAAM,CAAC;IAAEO,GAAG;IAAEC,MAAM;IAAEC,QAAQ;IAAEQ,IAAI,EAAEV;EAAI,CAAC,CAAC;EAC1DS,KAAK,CAACE,OAAO,GAAG;IAAE,GAAGF,KAAK,CAACE,OAAO;IAAEX,GAAG;IAAEC,MAAM;IAAEC;EAAS,CAAC;EAE3DV,mBAAmB,CAACM,GAAG,EAAE,MAAMU,GAAG,CAACG,OAAQ,EAAE,EAAE,CAAC;EAChDnB,mBAAmB,CAACW,GAAG,EAAE,OAAO;IAAES,GAAG,EAAEA,CAAA,KAAMH,KAAK,CAACE,OAAO,CAACD;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEvEnB,SAAS,CAAC,MAAM;IACZ,MAAM;MAAES,GAAG;MAAEC,MAAM;MAAES,IAAI;MAAER;IAAS,CAAC,GAAGO,KAAK,CAACE,OAAO;IACrDH,GAAG,CAACG,OAAO,CAAEE,SAAS,GAAG,CAACX,QAAQ,IAAIY,MAAM,EAAEJ,IAAI,CAAC;IACnD,IAAIV,GAAG,KAAKU,IAAI,EAAE;IAClB,MAAMK,GAAG,GAAGP,GAAG,CAACG,OAAQ;IACxB,MAAMK,KAAK,GAAG,CAAChB,GAAG,GAAGU,IAAI,IAAIT,MAAM;IACnC,MAAMgB,MAAM,GAAG5B,gBAAgB,CAAC,MAAM;MAClC,MAAM;QAAEW,GAAG;QAAEE;MAAS,CAAC,GAAGO,KAAK,CAACE,OAAO;MACvCF,KAAK,CAACE,OAAO,CAACD,IAAI,IAAIM,KAAK;MAC3B,IAAKA,KAAK,GAAG,CAAC,IAAIP,KAAK,CAACE,OAAO,CAACD,IAAI,GAAGV,GAAG,IAAMgB,KAAK,GAAG,CAAC,IAAIP,KAAK,CAACE,OAAO,CAACD,IAAI,GAAGV,GAAI,EAAE;QACpFiB,MAAM,CAAC,CAAC;QACRR,KAAK,CAACE,OAAO,CAACD,IAAI,GAAGV,GAAG;MAC5B;MACAe,GAAG,CAACF,SAAS,GAAG,CAACX,QAAQ,IAAIY,MAAM,EAAEE,KAAK,GAAG,CAAC,GAAGE,IAAI,CAACC,KAAK,CAACV,KAAK,CAACE,OAAO,CAACD,IAAI,CAAC,GAAGQ,IAAI,CAACE,IAAI,CAACX,KAAK,CAACE,OAAO,CAACD,IAAI,CAAC,CAAC;IACpH,CAAC,EAAE,CAAC,CAAC;IAEL,OAAOO,MAAM;EACjB,CAAC,EAAE,CAACjB,GAAG,CAAC,CAAC;EAET,oBAAOL,IAAA;IAAKG,GAAG,EAAEU,GAAI;IAAA,GAAKJ;EAAI,CAAG,CAAC;AACtC,CAAC,CAAC"}

package/dist/esm/components/Trapezium.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from "react";
+export interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {
+    top: number;
+    bottom: number;
+    height: number;
+    borderRadius: number;
+}
+/** 梯形组件 */
+export declare const Trapezium: import("react").ForwardRefExoticComponent<TrapeziumProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Trapezium.js

@@ -0,0 +1,35 @@
+"use client";
+
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** 梯形组件 */
+export const Trapezium = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    top,
+    bottom,
+    height,
+    borderRadius,
+    style,
+    ...rest
+  } = props;
+  const diff = (bottom - top) / 2;
+  const a = Math.atan(height / diff) / 2;
+  const b = borderRadius / Math.tan(a);
+  const c = b * Math.cos(a * 2);
+  const d = b * Math.sin(a * 2);
+  const e = Math.PI / 2 - a;
+  const f = borderRadius / Math.tan(e);
+  const g = f * Math.cos(a * 2);
+  const h = f * Math.sin(a * 2);
+  return /*#__PURE__*/_jsx("div", {
+    ref: ref,
+    style: {
+      width: bottom,
+      height,
+      clipPath: `path("M ${diff + f} ${0}  A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} ${0} Z")`,
+      ...style
+    },
+    ...rest
+  });
+});
+//# sourceMappingURL=Trapezium.js.map

package/dist/esm/components/Trapezium.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","jsx","_jsx","Trapezium","props","ref","top","bottom","height","borderRadius","style","rest","diff","a","Math","atan","b","tan","c","cos","d","sin","e","PI","f","g","h","width","clipPath"],"sources":["../../../src/components/Trapezium.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { HTMLAttributes, forwardRef } from \"react\"\r\n\r\nexport interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {\r\n    top: number\r\n    bottom: number\r\n    height: number\r\n    borderRadius: number\r\n}\r\n\r\n/** 梯形组件 */\r\nexport const Trapezium = forwardRef<HTMLDivElement, TrapeziumProps>((props, ref) => {\r\n    const { top, bottom, height, borderRadius, style, ...rest } = props\r\n\r\n    const diff = (bottom - top) / 2\r\n\r\n    const a = Math.atan(height / diff) / 2\r\n\r\n    const b = borderRadius / Math.tan(a)\r\n\r\n    const c = b * Math.cos(a * 2)\r\n\r\n    const d = b * Math.sin(a * 2)\r\n\r\n    const e = Math.PI / 2 - a\r\n\r\n    const f = borderRadius / Math.tan(e)\r\n\r\n    const g = f * Math.cos(a * 2)\r\n\r\n    const h = f * Math.sin(a * 2)\r\n\r\n    return <div ref={ref} style={{ width: bottom, height, clipPath: `path(\"M ${diff + f} ${0}  A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} ${0} Z\")`, ...style }} {...rest} />\r\n})\r\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAyBA,UAAU,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASlD;AACA,OAAO,MAAMC,SAAS,gBAAGH,UAAU,CAAiC,CAACI,KAAK,EAAEC,GAAG,KAAK;EAChF,MAAM;IAAEC,GAAG;IAAEC,MAAM;IAAEC,MAAM;IAAEC,YAAY;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAEnE,MAAMQ,IAAI,GAAG,CAACL,MAAM,GAAGD,GAAG,IAAI,CAAC;EAE/B,MAAMO,CAAC,GAAGC,IAAI,CAACC,IAAI,CAACP,MAAM,GAAGI,IAAI,CAAC,GAAG,CAAC;EAEtC,MAAMI,CAAC,GAAGP,YAAY,GAAGK,IAAI,CAACG,GAAG,CAACJ,CAAC,CAAC;EAEpC,MAAMK,CAAC,GAAGF,CAAC,GAAGF,IAAI,CAACK,GAAG,CAACN,CAAC,GAAG,CAAC,CAAC;EAE7B,MAAMO,CAAC,GAAGJ,CAAC,GAAGF,IAAI,CAACO,GAAG,CAACR,CAAC,GAAG,CAAC,CAAC;EAE7B,MAAMS,CAAC,GAAGR,IAAI,CAACS,EAAE,GAAG,CAAC,GAAGV,CAAC;EAEzB,MAAMW,CAAC,GAAGf,YAAY,GAAGK,IAAI,CAACG,GAAG,CAACK,CAAC,CAAC;EAEpC,MAAMG,CAAC,GAAGD,CAAC,GAAGV,IAAI,CAACK,GAAG,CAACN,CAAC,GAAG,CAAC,CAAC;EAE7B,MAAMa,CAAC,GAAGF,CAAC,GAAGV,IAAI,CAACO,GAAG,CAACR,CAAC,GAAG,CAAC,CAAC;EAE7B,oBAAOX,IAAA;IAAKG,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAE;MAAEiB,KAAK,EAAEpB,MAAM;MAAEC,MAAM;MAAEoB,QAAQ,EAAG,WAAUhB,IAAI,GAAGY,CAAE,IAAG,CAAE,OAAMf,YAAa,IAAGA,YAAa,UAASG,IAAI,GAAGa,CAAE,IAAGC,CAAE,MAAKR,CAAE,IAAGV,MAAM,GAAGY,CAAE,MAAKX,YAAa,IAAGA,YAAa,UAASO,CAAE,IAAGR,MAAO,MAAKD,MAAM,GAAGS,CAAE,IAAGR,MAAO,MAAKC,YAAa,IAAGA,YAAa,UAASF,MAAM,GAAGW,CAAE,IAAGV,MAAM,GAAGY,CAAE,MAAKd,GAAG,GAAGM,IAAI,GAAGa,CAAE,IAAGC,CAAE,MAAKjB,YAAa,IAAGA,YAAa,UAASH,GAAG,GAAGM,IAAI,GAAGY,CAAE,IAAG,CAAE,MAAK;MAAE,GAAGd;IAAM,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AACxb,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -1,266 +1,15 @@
-import { ButtonHTMLAttributes, CSSProperties, FC, HTMLAttributes, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from "react";
-export * from "./components/Scroll";
+export * from "./components/AutoFit";
 export * from "./components/AutoScroll";
-export interface InputFileDataTypes {
-    base64: string;
-    text: string;
-    arrayBuffer: ArrayBuffer;
-    binary: string;
-    file: File;
-}
-export type InputFileDataType = keyof InputFileDataTypes;
-export interface InputFileData<T> {
-    result: T;
-    file: File;
-}
-export type InputFileProps = ({
-    multiple?: false;
-    type: "base64" | "text" | "binary";
-    onChange?: (data: InputFileData<string>) => void;
-} | {
-    multiple?: false;
-    type: "arrayBuffer";
-    onChange?: (data: InputFileData<ArrayBuffer>) => void;
-} | {
-    multiple?: false;
-    type?: "file";
-    onChange?: (data: InputFileData<File>) => void;
-} | {
-    multiple: true;
-    type: "base64" | "text" | "binary";
-    onChange?: (data: InputFileData<string>[]) => void;
-} | {
-    multiple: true;
-    type: "arrayBuffer";
-    onChange?: (data: InputFileData<ArrayBuffer>[]) => void;
-} | {
-    multiple: true;
-    type?: "file";
-    onChange?: (data: InputFileData<File>[]) => void;
-}) & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "multiple" | "type"> & {
-    /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */
-    clearAfterChange?: boolean;
-};
-export declare function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]>;
-/** 专用于读取文件的组件 */
-export declare const InputFile: import("react").ForwardRefExoticComponent<InputFileProps & import("react").RefAttributes<HTMLInputElement>>;
-export interface ImportExcelProps extends Omit<InputFileProps, "multiple" | "onChange" | "accept" | "type"> {
-    onChange?: (data: Record<string, string>[]) => void;
-}
-export type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    input: InputFileProps;
-};
-/** 专用于读取文件的 button 组件 */
-export declare const InputFileButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    input: InputFileProps;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-/** 专门用于读取 excel 的组件 */
-export declare const ImportExcel: import("react").ForwardRefExoticComponent<ImportExcelProps & import("react").RefAttributes<HTMLInputElement>>;
-/** 手动导出 excel */
-export declare function exportExcel(data: Record<string, string>[], name: string): void;
-export interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    data: Record<string, string>[];
-    fileName: string;
-}
-/** 导出 excel 的 button 组件 */
-export declare const ExportExcel: import("react").ForwardRefExoticComponent<ExportExcelProps & import("react").RefAttributes<HTMLButtonElement>>;
-export interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {
-    containerClassName?: string;
-    containerStyle?: CSSProperties;
-    vertical?: boolean;
-    horizontal?: boolean;
-    time?: number;
-}
-/** 尺寸渐变的组件 */
-export declare const TransitionBox: FC<TransitionBoxProps>;
-export interface SeaRadarTarget {
-    /** 半径 */
-    radius: number;
-    /** 弧度 */
-    angle: number;
-    /** 元素 */
-    element: ReactNode;
-}
-export interface SeaRadarProps {
-    /** 最小圆的半径 */
-    unitRadius?: number;
-    /** 一共的全数 */
-    circleCount?: number;
-    /** 角度分成多少份 */
-    directionCount?: number;
-    /** 圈的宽度 */
-    circleWidth?: number;
-    /** 圈的颜色 */
-    circleColor: string;
-    /** 角度的宽度 */
-    directionWidth?: number;
-    /** 角度颜色 */
-    directionColor: string;
-    /** 背景色 */
-    backgroundColor: string;
-    /** 扫描的颜色 */
-    scanColor: string;
-    /** 扫描的弧度 */
-    scanAngle?: number;
-    /** 扫描一周的时间，单位秒 */
-    period?: number;
-    /** 目标列表 */
-    targets?: SeaRadarTarget[];
-    /** 展示圈 */
-    showCircle?: boolean;
-    /** 展示方位 */
-    showDirection?: boolean;
-    /** 展示刻度线 */
-    showGraduationLine?: boolean;
-    /** 展示刻度文字 */
-    showGraduationText?: boolean;
-}
-/** 雷达组件 */
-export declare const SeaRadar: FC<SeaRadarProps>;
-export interface RingProps extends HTMLAttributes<HTMLDivElement> {
-    outerWidth: number;
-    innerWidth: number;
-}
-/** 忘了什么组件 */
-export declare const Ring: FC<RingProps>;
-export interface FlowSizeData {
-    /** 容器宽度 */
-    width: number;
-    /** 容器高度 */
-    height: number;
-    /** 元素宽度 */
-    itemWidth: number;
-    /** 元素高度 */
-    itemHeight: number;
-    /** 列间距 */
-    columnGap: number;
-    /** 列数 */
-    columnCount: number;
-    /** 行间距 */
-    rowGap: number;
-    /** 行数 */
-    rowCount: number;
-    /** 元素格数 */
-    itemCount: number;
-    /** 最大行数 */
-    maxRows: number | null;
-    /** 是否有元素被隐藏 */
-    overflow: boolean;
-}
-export interface FlowProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** 元素宽度 */
-    itemWidth: number;
-    /** 元素高度 */
-    itemHeight: number;
-    /** 列间距 */
-    columnGap?: number | null | (number | null)[];
-    /** 行间距 */
-    rowGap?: number;
-    /** 最大行数 */
-    maxRows?: number | null;
-    /** 源数据 */
-    data: T[];
-    /** 渲染 */
-    render: (item: T, index: number, hidden: boolean) => ReactNode;
-    /** key释放器，默认为 index */
-    keyExactor?: (item: T, index: number) => string | number;
-    /** 容器类名 */
-    containerClassName?: string;
-    /** 容器样式 */
-    containerStyle?: CSSProperties;
-    /** 节流时间，单位毫秒，默认200ms，传入 null 不节流 */
-    throttle?: number | null;
-    /** 动画时间，单位毫秒，默认400ms，传入 null 不展示动画 */
-    transitionDuration?: number | null;
-    /** 变化的回调函数 */
-    onSizeChange?: (sizeData: FlowSizeData) => void;
-}
-export declare function getGapRange(gap?: undefined | number | null | (number | null)[]): [number, number | null];
-export declare function getGapCountAndSize(width: number, itemWidth: number, minGap: number, maxGap: number | null): [number, number];
-/** 自适应浮动组件 */
-export declare function Flow<T>(props: FlowProps<T>): import("react/jsx-runtime").JSX.Element;
-export interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {
-    top: number;
-    bottom: number;
-    height: number;
-    borderRadius: number;
-}
-/** 梯形组件 */
-export declare const Trapezium: import("react").ForwardRefExoticComponent<TrapeziumProps & import("react").RefAttributes<HTMLDivElement>>;
-export interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {
-    direction?: "horizontal" | "vertical";
-    reverse?: boolean;
-    period: number;
-    gap?: CSSProperties["gap"];
-}
-/** 循环播放组件 */
-export declare const LoopSwiper: import("react").ForwardRefExoticComponent<LoopSwiperProps & import("react").RefAttributes<HTMLDivElement>>;
-export interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {
-    outerRadius: number;
-    innerRadius: number;
-    count: number;
-    angel: number;
-}
-export declare const SectionRing: FC<SectionRingProps>;
-export interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** 当前数字 */
-    children: number;
-    /** 变换周期，单位帧 */
-    period: number;
-    /** 数字转换为字符串的方法 */
-    numToStr?: (num: number) => string;
-}
-export interface TransitionNumIns {
-    get(): number;
-}
-/** 渐变数字组件 */
-export declare const TransitionNum: import("react").ForwardRefExoticComponent<TransitionNumProps & import("react").RefAttributes<TransitionNumIns>>;
-export interface CircleTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
-    /** 每一个方块的宽度 */
-    width: number;
-    /** 每一个方块的高度 */
-    height: number;
-    /** 圆弧的半径，不包含方块的高度 */
-    radius: number;
-    /** 开始旋转的弧度，逆时针增加，0 为 x 轴方向 */
-    startAngel?: number;
-    /** 每一个方块之间间隔的弧度 */
-    gapAngel?: number;
-    /** 文字对齐的方式，默认居中 */
-    align?: "left" | "center" | "right";
-    /** 文字朝向圆心还是外侧，默认外侧 */
-    direction?: "inner" | "outer";
-    /** 是否反转文字顺序 */
-    reverse?: boolean;
-    /** 分割文字的方法 */
-    separator?: string | RegExp | ((text: string) => string[]);
-    /** 显示的文字 */
-    children: string;
-}
-/** 环形文字 */
-export declare const CircleText: FC<CircleTextProps>;
-export declare const AutoSizeTextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {
-    /** 设计稿宽度，默认 1920 */
-    width?: number;
-    /** 设计稿高度，默认 1080 */
-    height?: number;
-    /**
-     * 在哪些方向进行缩放，默认缩放所有方向
-     * 1. 水平方向是指，宽度按照设计稿进行占满，高度反向缩放
-     * 2. 垂直方向是指，高度按照设计稿进行占满，宽度反向缩放
-     * 3. 默认是水平和垂直方向都进行缩放，类似于 background-size: contain 的效果
-     */
-    direction?: "horizontal" | "vertical" | "both";
-}
-/**
- * 自适应缩放组件
- *
- * 注意：
- * 1. 父元素必须设置非 static 定位方式
- * 2. 父元素只能有且仅有一个子元素，那就是 AutoFit
- * 3. 不要设置 AutoFit 的 position、left、top、transform、width、height 属性
- * 4. 在第一次完成缩放前，无论 props 是什么，返回的都是 <div style={{ display: "none" }} />
- * 5. 元素的属性、事件、资源并不是立即加载的，会有一帧的延迟，在第一次完成缩放后才会显示
- */
-export declare const AutoFit: import("react").ForwardRefExoticComponent<AutoFitProps & import("react").RefAttributes<HTMLDivElement>>;
+export * from "./components/AutoSizeTextarea";
+export * from "./components/CircleText";
+export * from "./components/Flow";
+export * from "./components/HlsPlayer";
+export * from "./components/InputFile";
+export * from "./components/LoopSwiper";
+export * from "./components/Ring";
+export * from "./components/Scroll";
+export * from "./components/SectionRing";
+export * from "./components/Skeleton";
+export * from "./components/TransitionBox";
+export * from "./components/TransitionNum";
+export * from "./components/Trapezium";