deepsea-components 2.8.5 → 3.0.1

package/dist/cjs/components/TransitionBox.js

@@ -0,0 +1,45 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TransitionBox.tsx
+var TransitionBox_exports = {};
+__export(TransitionBox_exports, {
+  TransitionBox: () => TransitionBox
+});
+module.exports = __toCommonJS(TransitionBox_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var TransitionBox = (0, import_react.forwardRef)((props, ref) => {
+  const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3e3, ...rest } = props;
+  const container = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(container);
+  const width = size?.width ?? 0;
+  const height = size?.height ?? 0;
+  const [count, setCount] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    setCount((count2) => Math.min(count2 + 1, 3));
+  }, [width, height]);
+  const outerStyle = { transitionProperty: count === 3 ? [horizontal && "width", vertical && "height"].filter(Boolean).join(", ") : void 0, transitionDuration: count === 3 ? `${time}ms` : void 0, width, height, overflow: "hidden", position: "relative", ...style };
+  return /* @__PURE__ */ React.createElement("div", { ref, style: outerStyle, ...rest }, /* @__PURE__ */ React.createElement("div", { className: containerClassName, style: { position: "absolute", ...containerStyle }, ref: container }, children));
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TransitionBox
+});
+//# sourceMappingURL=TransitionBox.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;AAAA;AAAA;AAAA;AAAA;AAEA,oBAAwB;AACxB,mBAA2F;AAWpF,IAAM,oBAAwC,yBAA+C,CAAC,OAAO,QAAQ;AAChH,QAAM,EAAE,OAAO,oBAAoB,gBAAgB,UAAU,WAAW,MAAM,aAAa,MAAM,OAAO,KAAM,GAAG,KAAK,IAAI;AAC1H,QAAM,gBAAY,qBAAuB,IAAI;AAC7C,QAAM,WAAO,uBAAQ,SAAS;AAC9B,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AAEpC,8BAAU,MAAM;AACZ,aAAS,CAAAA,WAAS,KAAK,IAAIA,SAAQ,GAAG,CAAC,CAAC;AAAA,EAC5C,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,aAA4B,EAAE,oBAAoB,UAAU,IAAI,CAAC,cAAc,SAAS,YAAY,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI,IAAI,QAAW,oBAAoB,UAAU,IAAI,GAAG,WAAW,QAAW,OAAO,QAAQ,UAAU,UAAU,UAAU,YAAY,GAAG,MAAM;AAEzR,SACI,oCAAC,SAAI,KAAU,OAAO,YAAa,GAAG,QAClC,oCAAC,SAAI,WAAW,oBAAoB,OAAO,EAAE,UAAU,YAAY,GAAG,eAAe,GAAG,KAAK,aACxF,QACL,CACJ;AAER,CAAC;",
+  "names": ["count"]
+}

package/dist/cjs/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/cjs/components/TransitionNum.js

@@ -0,0 +1,62 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TransitionNum.tsx
+var TransitionNum_exports = {};
+__export(TransitionNum_exports, {
+  TransitionNum: () => TransitionNum
+});
+module.exports = __toCommonJS(TransitionNum_exports);
+var import_deepsea_tools = require("deepsea-tools");
+var import_react = require("react");
+var TransitionNum = (0, import_react.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 = (0, import_react.useRef)(null);
+  const cache = (0, import_react.useRef)({ num, period, numToStr, show: num });
+  cache.current = { ...cache.current, num, period, numToStr };
+  (0, import_react.useImperativeHandle)(ref, () => ele.current, []);
+  (0, import_react.useImperativeHandle)(ins, () => ({ get: () => cache.current.show }), []);
+  (0, import_react.useEffect)(() => {
+    const { num: num2, period: period2, show, numToStr: numToStr2 } = cache.current;
+    ele.current.innerText = (numToStr2 || String)(show);
+    if (num2 === show)
+      return;
+    const div = ele.current;
+    const speed = (num2 - show) / period2;
+    const cancel = (0, import_deepsea_tools.setFrameInterval)(() => {
+      const { num: num3, numToStr: numToStr3 } = cache.current;
+      cache.current.show += speed;
+      if (speed > 0 && cache.current.show > num3 || speed < 0 && cache.current.show < num3) {
+        cancel();
+        cache.current.show = num3;
+      }
+      div.innerText = (numToStr3 || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+    }, 1);
+    return cancel;
+  }, [num]);
+  return /* @__PURE__ */ React.createElement("div", { ref: ele, ...rest });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TransitionNum
+});
+//# sourceMappingURL=TransitionNum.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;AAAA;AAAA;AAAA;AAAA;AAEA,2BAAiC;AACjC,mBAAiG;AAkB1F,IAAM,oBAAgB,yBAA+C,CAAC,OAAO,QAAQ;AACxF,QAAM,EAAE,UAAU,KAAK,QAAQ,UAAU,KAAK,GAAG,KAAK,IAAI;AAC1D,MAAI,CAAC,OAAO,UAAU,GAAG,KAAK,CAAC,OAAO,UAAU,MAAM,KAAK,UAAU,GAAG;AACpE,UAAM,IAAI,WAAW,oBAAoB;AAAA,EAC7C;AACA,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,YAAQ,qBAAO,EAAE,KAAK,QAAQ,UAAU,MAAM,IAAI,CAAC;AACzD,QAAM,UAAU,EAAE,GAAG,MAAM,SAAS,KAAK,QAAQ,SAAS;AAE1D,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,CAAC;AAC/C,wCAAoB,KAAK,OAAO,EAAE,KAAK,MAAM,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC;AAEtE,8BAAU,MAAM;AACZ,UAAM,EAAE,KAAAA,MAAK,QAAAC,SAAQ,MAAM,UAAAC,UAAS,IAAI,MAAM;AAC9C,QAAI,QAAS,aAAaA,aAAY,QAAQ,IAAI;AAClD,QAAIF,SAAQ;AAAM;AAClB,UAAM,MAAM,IAAI;AAChB,UAAM,SAASA,OAAM,QAAQC;AAC7B,UAAM,aAAS,uCAAiB,MAAM;AAClC,YAAM,EAAE,KAAAD,MAAK,UAAAE,UAAS,IAAI,MAAM;AAChC,YAAM,QAAQ,QAAQ;AACtB,UAAK,QAAQ,KAAK,MAAM,QAAQ,OAAOF,QAAS,QAAQ,KAAK,MAAM,QAAQ,OAAOA,MAAM;AACpF,eAAO;AACP,cAAM,QAAQ,OAAOA;AAAA,MACzB;AACA,UAAI,aAAaE,aAAY,QAAQ,QAAQ,IAAI,KAAK,MAAM,MAAM,QAAQ,IAAI,IAAI,KAAK,KAAK,MAAM,QAAQ,IAAI,CAAC;AAAA,IACnH,GAAG,CAAC;AAEJ,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,CAAC;AAER,SAAO,oCAAC,SAAI,KAAK,KAAM,GAAG,MAAM;AACpC,CAAC;",
+  "names": ["num", "period", "numToStr"]
+}

package/dist/cjs/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/cjs/components/Trapezium.js

@@ -0,0 +1,44 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Trapezium.tsx
+var Trapezium_exports = {};
+__export(Trapezium_exports, {
+  Trapezium: () => Trapezium
+});
+module.exports = __toCommonJS(Trapezium_exports);
+var import_react = require("react");
+var Trapezium = (0, import_react.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__ */ React.createElement("div", { 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 });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Trapezium
+});
+//# sourceMappingURL=Trapezium.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2C;AAUpC,IAAM,gBAAY,yBAA2C,CAAC,OAAO,QAAQ;AAChF,QAAM,EAAE,KAAK,QAAQ,QAAQ,cAAc,OAAO,GAAG,KAAK,IAAI;AAE9D,QAAM,QAAQ,SAAS,OAAO;AAE9B,QAAM,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI;AAErC,QAAM,IAAI,eAAe,KAAK,IAAI,CAAC;AAEnC,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,QAAM,IAAI,KAAK,KAAK,IAAI;AAExB,QAAM,IAAI,eAAe,KAAK,IAAI,CAAC;AAEnC,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,SAAO,oCAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAU,WAAW,OAAO,KAAK,QAAQ,gBAAgB,sBAAsB,OAAO,KAAK,OAAO,KAAK,SAAS,OAAO,gBAAgB,sBAAsB,KAAK,YAAY,SAAS,KAAK,YAAY,gBAAgB,sBAAsB,SAAS,KAAK,SAAS,OAAO,MAAM,OAAO,KAAK,OAAO,gBAAgB,sBAAsB,MAAM,OAAO,KAAK,SAAS,GAAG,MAAM,GAAI,GAAG,MAAM;AACtb,CAAC;",
+  "names": []
+}

package/dist/cjs/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";