deepsea-components 2.8.5 → 3.0.0

package/dist/cjs/index.js

@@ -1,12 +1,7 @@
-"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))
@@ -20,510 +15,36 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/index.tsx
 var src_exports = {};
-__export(src_exports, {
-  AutoFit: () => AutoFit,
-  AutoSizeTextArea: () => AutoSizeTextArea,
-  CircleText: () => CircleText,
-  ExportExcel: () => ExportExcel,
-  Flow: () => Flow,
-  ImportExcel: () => ImportExcel,
-  InputFile: () => InputFile,
-  InputFileButton: () => InputFileButton,
-  LoopSwiper: () => LoopSwiper,
-  Ring: () => Ring,
-  SeaRadar: () => SeaRadar,
-  SectionRing: () => SectionRing,
-  TransitionBox: () => TransitionBox,
-  TransitionNum: () => TransitionNum,
-  Trapezium: () => Trapezium,
-  exportExcel: () => exportExcel,
-  getFileData: () => getFileData,
-  getGapCountAndSize: () => getGapCountAndSize,
-  getGapRange: () => getGapRange
-});
 module.exports = __toCommonJS(src_exports);
-var import_css = require("@emotion/css");
-var import_deepsea_tools = require("deepsea-tools");
-var import_react = require("react");
-var import_xlsx = require("xlsx");
-__reExport(src_exports, require("./components/Scroll"), module.exports);
+__reExport(src_exports, require("./components/AutoFit"), module.exports);
 __reExport(src_exports, require("./components/AutoScroll"), module.exports);
-async function getFileData(file, type) {
-  const fileReader = new FileReader();
-  switch (type) {
-    case "arrayBuffer":
-      fileReader.readAsArrayBuffer(file);
-      break;
-    case "binary":
-      fileReader.readAsBinaryString(file);
-      break;
-    case "base64":
-      fileReader.readAsDataURL(file);
-      break;
-    case "text":
-      fileReader.readAsText(file);
-      break;
-    default:
-      return file;
-  }
-  return new Promise((resolve) => {
-    fileReader.addEventListener("load", () => {
-      resolve(fileReader.result);
-    });
-  });
-}
-var InputFile = (0, import_react.forwardRef)((props, ref) => {
-  const { multiple = false, type = "file", onChange, disabled: inputDisabled, clearAfterChange, ...others } = props;
-  const [disabled, setDisabled] = (0, import_react.useState)(false);
-  async function onInputChange(e) {
-    const input = e.target;
-    const { files } = input;
-    if (!files || files.length === 0)
-      return;
-    setDisabled(true);
-    try {
-      if (multiple) {
-        const result = [];
-        for (const file of Array.from(files)) {
-          result.push({
-            result: await getFileData(file, type),
-            file
-          });
-        }
-        onChange?.(result);
-      } else {
-        onChange?.({
-          result: await getFileData(files[0], type),
-          file: files[0]
-        });
-      }
-      setDisabled(false);
-      if (clearAfterChange)
-        input.value = "";
-    } catch (error) {
-      setDisabled(false);
-      if (clearAfterChange)
-        input.value = "";
-      throw error;
-    }
-  }
-  return /* @__PURE__ */ React.createElement("input", { disabled: disabled && inputDisabled, ref, type: "file", multiple, onChange: onInputChange, ...others });
-});
-var InputFileButton = (0, import_react.forwardRef)((props, ref) => {
-  const { onClick, children, input: inputProps, ...others } = props;
-  const { style, ...otherInputProps } = inputProps;
-  const input = (0, import_react.useRef)(null);
-  function onBtnClick(e) {
-    input.current?.click();
-    onClick?.(e);
-  }
-  return /* @__PURE__ */ React.createElement("button", { ref, type: "button", onClick: onBtnClick, ...others }, /* @__PURE__ */ React.createElement(InputFile, { ref: input, style: { display: "none", ...style }, ...otherInputProps }), children);
-});
-var ImportExcel = (0, import_react.forwardRef)((props, ref) => {
-  const { onChange, ...others } = props;
-  function onInputChange(data) {
-    const wb = (0, import_xlsx.read)(data.result);
-    const result = import_xlsx.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
-    if (typeof result === "object") {
-      const $ = result.map((it) => {
-        const _ = {};
-        Object.keys(it).filter((key) => key !== "__rowNum__").forEach((key) => _[key] = String(it[key]));
-        return _;
-      });
-      onChange?.($);
-    }
-  }
-  return /* @__PURE__ */ React.createElement(InputFile, { ref, accept: ".xlsx", type: "arrayBuffer", onChange: onInputChange, ...others });
-});
-function exportExcel(data, name) {
-  const workSheet = import_xlsx.utils.json_to_sheet(data);
-  const workBook = import_xlsx.utils.book_new();
-  import_xlsx.utils.book_append_sheet(workBook, workSheet);
-  (0, import_xlsx.writeFile)(workBook, `${name}${name.endsWith(".xlsx") ? "" : ".xlsx"}`);
-}
-var ExportExcel = (0, import_react.forwardRef)((props, ref) => {
-  const { data, fileName, onClick, ...others } = props;
-  function onButtonClick(e) {
-    exportExcel(data, fileName);
-    onClick?.(e);
-  }
-  return /* @__PURE__ */ React.createElement("button", { ref, onClick: onButtonClick, ...others });
-});
-var TransitionBox = (props) => {
-  const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3e3, ...others } = props;
-  const box = (0, import_react.useRef)(null);
-  const [width, setWidth] = (0, import_react.useState)(0);
-  const [height, setHeight] = (0, import_react.useState)(0);
-  const [count, setCount] = (0, import_react.useState)(0);
-  (0, import_react.useEffect)(() => {
-    const observer = new ResizeObserver((entries) => {
-      const { width: currentWidth, height: currentHeight } = entries[0].contentRect;
-      setWidth(currentWidth);
-      setHeight(currentHeight);
-    });
-    observer.observe(box.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-  (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", { style: outerStyle, ...others }, /* @__PURE__ */ React.createElement("div", { className: containerClassName, style: { position: "absolute", ...containerStyle }, ref: box }, children));
-};
-var SeaRadar = (props) => {
-  const { unitRadius = 50, circleCount = 4, circleWidth = 1, circleColor, directionCount = 36, directionWidth = 1, directionColor, backgroundColor, scanColor, scanAngle = Math.PI / 6, period = 8, targets, showGraduationLine, showGraduationText, showCircle, showDirection } = props;
-  const style = { "--unit-radius": `${unitRadius}px`, "--circle-count": circleCount, "--circle-width": `${circleWidth}px`, "--circle-color": circleColor, "--direction-count": directionCount, "--direction-width": `${directionWidth}px`, "--direction-color": directionColor, "--background-color": backgroundColor, "--scan-color": scanColor, "--period": `${period}s` };
-  return /* @__PURE__ */ React.createElement("div", { className: "sea-radar-wrapper", style }, Array(180).fill(0).map((_, index) => /* @__PURE__ */ React.createElement("div", { className: "sea-radar-little-graduation", style: { transform: `rotateZ(${2 * index}deg)`, display: showGraduationLine ? "block" : "none" } })), Array(36).fill(0).map((_, index) => /* @__PURE__ */ React.createElement("div", { className: "sea-radar-graduation", style: { transform: `rotateZ(${10 * index}deg)`, display: showGraduationLine ? "block" : "none" } }, /* @__PURE__ */ React.createElement("span", { className: "sea-radar-graduation-text", style: { display: showGraduationText ? "block" : "none" } }, String(index * 10).padStart(3, "0")))), /* @__PURE__ */ React.createElement("div", { className: "sea-radar" }, /* @__PURE__ */ React.createElement("div", { className: "sea-radar-scan", style: { height: `${unitRadius * circleCount * Math.tan(scanAngle)}px`, clipPath: `polygon(0 0, 0 100%, 100% 100%)` } }), showCircle && Array(circleCount).fill(0).map((_, index) => /* @__PURE__ */ React.createElement("div", { className: "sea-radar-circle", style: { width: `${unitRadius * 2 * (index + 1)}px`, height: `${unitRadius * 2 * (index + 1)}px` } })), showDirection && Array(directionCount).fill(0).map((_, index) => /* @__PURE__ */ React.createElement("div", { className: "sea-radar-direction", style: { transform: `rotateZ(${360 / directionCount * index}deg)` } })), targets?.map((it) => /* @__PURE__ */ React.createElement("div", { className: "sea-radar-target", style: { left: `${unitRadius * circleCount + it.radius * Math.cos(it.angle)}px`, bottom: `${unitRadius * circleCount + it.radius * Math.sin(it.angle)}px` } }, it.element))));
-};
-var Ring = (props) => {
-  const { outerWidth, innerWidth, style, ...leftProps } = props;
-  const outerRadius = outerWidth / 2;
-  const innerRadius = innerWidth / 2;
-  return /* @__PURE__ */ React.createElement("div", { 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")` }, ...leftProps });
-};
-function getGapRange(gap) {
-  if (typeof gap === "number")
-    return [gap, gap];
-  if (Array.isArray(gap))
-    return [gap[0] || 0, gap[1]];
-  return [0, null];
-}
-function getGapCountAndSize(width, itemWidth, minGap, maxGap) {
-  const count = Math.floor((width + minGap) / (itemWidth + minGap)) || 1;
-  if (count === 1)
-    return [count, 0];
-  const averageGap = (width - itemWidth * count) / (count - 1);
-  if (averageGap < minGap)
-    return [count, minGap];
-  if (maxGap !== null && averageGap > maxGap)
-    return [count, maxGap];
-  return [count, averageGap];
-}
-function Flow(props) {
-  const { itemWidth, itemHeight, columnGap, rowGap = 0, maxRows, data, render, keyExactor, className, style, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, ...others } = props;
-  const [minColumnGap, maxColumnGap] = getGapRange(columnGap);
-  const [width, setWidth] = (0, import_react.useState)(0);
-  const [columnCount, setColumnCount] = (0, import_react.useState)(1);
-  const [columnGapSize, setColumnGapSize] = (0, import_react.useState)(minColumnGap);
-  const [showItems, setShowItems] = (0, import_react.useState)(false);
-  const ele = (0, import_react.useRef)(null);
-  const contentRows = Math.ceil(data.length / columnCount);
-  const contentShownRows = typeof maxRows === "number" ? Math.min(contentRows, maxRows) : contentRows;
-  const height = contentShownRows > 0 ? contentShownRows * (itemHeight + rowGap) - rowGap : 0;
-  function getPosition(index) {
-    const y = Math.floor(index / columnCount);
-    const x = index - y * columnCount;
-    return {
-      left: x * (itemWidth + columnGapSize),
-      top: y * (itemHeight + rowGap)
-    };
-  }
-  function getHidden(index) {
-    if (typeof maxRows !== "number")
-      return false;
-    return index >= maxRows * columnCount;
-  }
-  (0, import_react.useEffect)(() => {
-    let timeout;
-    const observer = new ResizeObserver((entries) => {
-      clearTimeout(timeout);
-      function task() {
-        const { inlineSize: width2 } = entries[0].borderBoxSize[0];
-        const [newColumnCount, newColumnGapSize] = getGapCountAndSize(width2, itemWidth, minColumnGap, maxColumnGap);
-        setShowItems(true);
-        setWidth(width2);
-        setColumnCount(newColumnCount);
-        setColumnGapSize(newColumnGapSize);
-      }
-      if (throttle === null) {
-        task();
-      } else {
-        timeout = window.setTimeout(task, throttle || 200);
-      }
-    });
-    observer.observe(ele.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, [itemWidth, throttle, columnGap]);
-  (0, import_react.useEffect)(() => {
-    onSizeChange?.({ width, height, itemWidth, itemHeight, columnGap: columnGapSize, columnCount, rowGap, rowCount: contentShownRows, overflow: data.length > contentShownRows * columnCount, itemCount: data.length, maxRows: maxRows ?? null });
-  }, [width, height, columnGapSize, columnCount, rowGap, contentShownRows, data.length, itemWidth, itemHeight, maxRows]);
-  return /* @__PURE__ */ React.createElement("div", { ref: ele, className, style: { position: "relative", boxSizing: "border-box", height, ...style }, ...others }, showItems && data.map((it, idx) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: keyExactor?.(it, idx) || idx,
-      className: containerClassName,
-      style: {
-        position: "absolute",
-        width: itemWidth,
-        height: itemHeight,
-        transition: transitionDuration !== null ? `all ${transitionDuration ?? 400}ms` : void 0,
-        ...getPosition(idx)
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { style: { width: itemWidth, height: itemHeight, display: maxRows && idx >= maxRows * columnCount ? "none" : "block", ...containerStyle } }, render(it, idx, getHidden(idx)))
-  )));
-}
-var Trapezium = (0, import_react.forwardRef)((props, ref) => {
-  const { top, bottom, height, borderRadius, style, ...other } = 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 }, ...other });
-});
-import_css.css`
-    @keyframes deepsea-horizontal-loop-swipe {
-        from {
-            transform: translateX(0);
-        }
-        to {
-            transform: translateX(-100%);
-        }
-    }
-    @keyframes deepsea-reverse-horizontal-loop-swipe {
-        from {
-            transform: translateX(0);
-        }
-        to {
-            transform: translateX(100%);
-        }
-    }
-    @keyframes deepsea-vertical-loop-swipe {
-        from {
-            transform: translateY(0);
-        }
-        to {
-            transform: translateY(-100%);
-        }
-    }
-    @keyframes deepsea-reverse-vertical-loop-swipe {
-        from {
-            transform: translateY(0);
-        }
-        to {
-            transform: translateY(100%);
-        }
-    }
-`;
-var LoopSwiper = (0, import_react.forwardRef)((props, ref) => {
-  const { style, children, direction, period, reverse, gap, ...others } = props;
-  const wrapper = (0, import_react.useRef)(null);
-  const container = (0, import_react.useRef)(null);
-  const [swiper, setSwiper] = (0, import_react.useState)(false);
-  const directionRef = (0, import_react.useRef)(direction);
-  directionRef.current = direction;
-  const flexDirection = direction === "vertical" ? reverse ? "column-reverse" : "column" : reverse ? "row-reverse" : "row";
-  const animationName = swiper ? direction === "vertical" ? reverse ? "deepsea-reverse-vertical-loop-swipe" : "deepsea-vertical-loop-swipe" : reverse ? "deepsea-reverse-horizontal-loop-swipe" : "deepsea-horizontal-loop-swipe" : "none";
-  const animationDuration = `${period}ms`;
-  const animationTimingFunction = "linear";
-  const animationIterationCount = "infinite";
-  (0, import_react.useImperativeHandle)(ref, () => wrapper.current);
-  (0, import_react.useEffect)(() => {
-    const wrapperEle = wrapper.current;
-    const containerEle = container.current;
-    let wrapperWidth = 0;
-    let wrapperHeight = 0;
-    let containerWidth = 0;
-    let containerHeight = 0;
-    const observer = new ResizeObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.target === wrapperEle) {
-          wrapperWidth = entry.contentRect.width;
-          wrapperHeight = entry.contentRect.height;
-        } else if (entry.target === containerEle) {
-          containerWidth = entry.contentRect.width;
-          containerHeight = entry.contentRect.height;
-        }
-      });
-      setSwiper(directionRef.current === "vertical" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth);
-    });
-    observer.observe(wrapperEle);
-    observer.observe(containerEle);
-  }, []);
-  return /* @__PURE__ */ React.createElement("div", { ref: wrapper, style: { display: "flex", flexDirection, gap, ...style }, ...others }, /* @__PURE__ */ React.createElement("div", { ref: container, style: { display: "flex", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount } }, children), /* @__PURE__ */ React.createElement("div", { style: { display: swiper ? "flex" : "none", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount } }, children));
-});
-var SectionRing = (props) => {
-  const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...others } = props;
-  const s = Math.PI * 2 / c - a;
-  function arc(radius, startAngle, endAngle, options = {}) {
-    return (0, import_deepsea_tools.drawArc)(o, o, radius, startAngle, endAngle, options);
-  }
-  return /* @__PURE__ */ React.createElement(
-    "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")`
-      },
-      ...others
-    }
-  );
-};
-var TransitionNum = (0, import_react.forwardRef)((props, ref) => {
-  const { children: num, period, numToStr, ...others } = 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, () => ({ 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, ...others });
-});
-var CircleText = (props) => {
-  const { width, height, radius, startAngel = 0, gapAngel = 0, align = "center", style, direction = "outer", reverse = false, separator, children, ...others } = props;
-  const unitAngle = Math.atan(width / 2 / radius) * 2;
-  const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel;
-  const offsetAngle = align === "left" ? 0 : align === "right" ? totalAngle : totalAngle / 2;
-  function getTransform(idx) {
-    const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2;
-    const x = (radius + height / 2) * Math.cos(angle) - width / 2;
-    const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2;
-    const z = Math.PI / 2 - angle + (direction === "inner" ? Math.PI : 0);
-    return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
-  }
-  const words = typeof separator === "function" ? separator(children) : children.split(separator ?? "");
-  if (reverse)
-    words.reverse();
-  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, words.map((w, idx) => /* @__PURE__ */ React.createElement("span", { key: idx, style: { position: "absolute", ...style, transform: getTransform(idx), textAlign: "center", width, lineHeight: `${height}px`, height }, ...others }, w)));
-};
-var AutoSizeTextArea = (0, import_react.forwardRef)((props, ref) => {
-  const { style = {}, ...others } = props;
-  const { height, resize, overflowY, ...otherStyle } = style;
-  const ele = (0, import_react.useRef)(null);
-  (0, import_react.useImperativeHandle)(ref, () => ele.current);
-  (0, import_react.useEffect)(() => {
-    const textarea = ele.current;
-    function resizeTextarea() {
-      textarea.style.height = "auto";
-      textarea.style.height = `${textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight}px`;
-    }
-    textarea.addEventListener("input", resizeTextarea);
-    textarea.addEventListener("change", resizeTextarea);
-    return () => {
-      textarea.removeEventListener("input", resizeTextarea);
-      textarea.removeEventListener("change", resizeTextarea);
-    };
-  }, []);
-  return /* @__PURE__ */ React.createElement("textarea", { ref: ele, style: { ...otherStyle, resize: "none", overflowY: "hidden" }, ...others });
-});
-var AutoFit = (0, import_react.forwardRef)((props, ref) => {
-  const { width = 1920, height = 1080, direction, className, ...rest } = props;
-  const ele = (0, import_react.useRef)(null);
-  const [show, setShow] = (0, import_react.useState)(false);
-  (0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
-  (0, import_react.useLayoutEffect)(() => {
-    const element = ele.current;
-    const parent = element?.parentElement;
-    if (!element || !parent)
-      return;
-    function listener(entries) {
-      const entry = entries[0];
-      const { contentRect } = entry;
-      if (direction === "horizontal") {
-        const scale = contentRect.width / width;
-        element?.style.setProperty("--transform", `scale(${scale})`);
-        element?.style.setProperty("--width", `${width}px`);
-        element?.style.setProperty("--height", `${contentRect.height / scale}px`);
-      } else if (direction === "vertical") {
-        const scale = contentRect.height / height;
-        element?.style.setProperty("--transform", `scale(${scale})`);
-        element?.style.setProperty("--width", `${contentRect.width / scale}px`);
-        element?.style.setProperty("--height", `${height}px`);
-      } else {
-        const scale = Math.min(contentRect.width / width, contentRect.height / height);
-        element?.style.setProperty("--transform", `translateX(${(contentRect.width - width * scale) / 2}px) translateY(${(contentRect.height - height * scale) / 2}px) scale(${scale})`);
-        element?.style.setProperty("--width", `${width}px`);
-        element?.style.setProperty("--height", `${height}px`);
-      }
-      setShow(true);
-    }
-    const observer = new ResizeObserver(listener);
-    observer.observe(parent);
-    return () => observer.disconnect();
-  }, [ele.current?.parentElement, width, height, direction]);
-  if (process.env.NODE_ENV === "development") {
-    (0, import_react.useEffect)(() => {
-      const parent = ele.current?.parentElement;
-      if (!parent)
-        return;
-      const style = getComputedStyle(parent);
-      if (style.position === "static") {
-        console.warn("AutoFit 组件的父元素的 position 属性不应该是 static");
-      }
-    }, [ele.current?.parentElement]);
-  }
-  if (!show)
-    return /* @__PURE__ */ React.createElement("div", { ref: ele, style: { display: "none" } });
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: ele,
-      className: (0, import_deepsea_tools.clsx)(
-        import_css.css`
-                    position: absolute;
-                    transform: var(--transform);
-                    transform-origin: top left;
-                    width: var(--width);
-                    height: var(--height);
-                `,
-        className
-      ),
-      ...rest
-    }
-  );
-});
+__reExport(src_exports, require("./components/AutoSizeTextarea"), module.exports);
+__reExport(src_exports, require("./components/CircleText"), module.exports);
+__reExport(src_exports, require("./components/Flow"), module.exports);
+__reExport(src_exports, require("./components/InputFile"), module.exports);
+__reExport(src_exports, require("./components/LoopSwiper"), module.exports);
+__reExport(src_exports, require("./components/Ring"), module.exports);
+__reExport(src_exports, require("./components/Scroll"), module.exports);
+__reExport(src_exports, require("./components/SectionRing"), module.exports);
+__reExport(src_exports, require("./components/Skeleton"), module.exports);
+__reExport(src_exports, require("./components/TransitionBox"), module.exports);
+__reExport(src_exports, require("./components/TransitionNum"), module.exports);
+__reExport(src_exports, require("./components/Trapezium"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AutoFit,
-  AutoSizeTextArea,
-  CircleText,
-  ExportExcel,
-  Flow,
-  ImportExcel,
-  InputFile,
-  InputFileButton,
-  LoopSwiper,
-  Ring,
-  SeaRadar,
-  SectionRing,
-  TransitionBox,
-  TransitionNum,
-  Trapezium,
-  exportExcel,
-  getFileData,
-  getGapCountAndSize,
-  getGapRange,
+  ...require("./components/AutoFit"),
+  ...require("./components/AutoScroll"),
+  ...require("./components/AutoSizeTextarea"),
+  ...require("./components/CircleText"),
+  ...require("./components/Flow"),
+  ...require("./components/InputFile"),
+  ...require("./components/LoopSwiper"),
+  ...require("./components/Ring"),
   ...require("./components/Scroll"),
-  ...require("./components/AutoScroll")
+  ...require("./components/SectionRing"),
+  ...require("./components/Skeleton"),
+  ...require("./components/TransitionBox"),
+  ...require("./components/TransitionNum"),
+  ...require("./components/Trapezium")
 });
 //# sourceMappingURL=index.js.map