deepsea-components 5.15.16 → 5.15.18

package/dist/components/AutoFit.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     AutoFit: ()=>AutoFit
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { width: designWidth = 1920, height: designHeight = 1080, direction, className, style, ...rest } = props;

package/dist/components/AutoFit.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
 const AutoFit = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { width: designWidth = 1920, height: designHeight = 1080, direction, className, style, ...rest } = props;

package/dist/components/AutoScroll.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     AutoScroll: ()=>AutoScroll
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const external_Scroll_cjs_namespaceObject = require("./Scroll.cjs");

package/dist/components/AutoScroll.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Scroll_js_70befd9e__ from "./Scroll.js";

package/dist/components/AutoSizeTextarea.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     AutoSizeTextArea: ()=>AutoSizeTextArea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const AutoSizeTextArea = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { className, style, ...rest } = props;

package/dist/components/AutoSizeTextarea.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
 const AutoSizeTextArea = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { className, style, ...rest } = props;

package/dist/components/CopyButton.cjs

@@ -38,9 +38,9 @@ __webpack_require__.d(__webpack_exports__, {
     CopyButton: ()=>CopyButton
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_clipboard_namespaceObject = require("clipboard");
 var external_clipboard_default = /*#__PURE__*/ __webpack_require__.n(external_clipboard_namespaceObject);
+const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const CopyButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props;

package/dist/components/CopyButton.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from "react";
 import { Event } from "clipboard";
+import { ComponentPropsWithoutRef } from "react";
 export { Event } from "clipboard";
 export type CopyButtonProps = ComponentPropsWithoutRef<"button"> & {
     text?: string;

package/dist/components/CopyButton.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_clipboard__ from "clipboard";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
 const CopyButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props;

package/dist/components/Echart.cjs

@@ -30,8 +30,8 @@ __webpack_require__.d(__webpack_exports__, {
     Line: ()=>Line
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_echarts_namespaceObject = require("echarts");
+const external_react_namespaceObject = require("react");
 const Echart = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { width, height, option, chart, ...rest } = props;
     const container = (0, external_react_namespaceObject.useRef)(null);

package/dist/components/Echart.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ForwardedRef, RefAttributes } from "react";
 import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from "echarts";
+import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ForwardedRef, RefAttributes } from "react";
 export type PieOption = ComposeOption<PieSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>;
 export type BarOption = ComposeOption<BarSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>;
 export type LineOption = ComposeOption<LineSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>;

package/dist/components/Echart.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_echarts__ from "echarts";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const Echart = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { width, height, option, chart, ...rest } = props;
     const container = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);

package/dist/components/Flow.cjs

@@ -31,9 +31,9 @@ __webpack_require__.d(__webpack_exports__, {
     ManualFlow: ()=>ManualFlow
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 function getGapRange(gap) {

package/dist/components/Flow.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
 function getGapRange(gap) {

package/dist/components/HlsPlayer.cjs

@@ -37,9 +37,9 @@ __webpack_require__.d(__webpack_exports__, {
     HlsPlayer: ()=>HlsPlayer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_hls_js_namespaceObject = require("hls.js");
 var external_hls_js_default = /*#__PURE__*/ __webpack_require__.n(external_hls_js_namespaceObject);
+const external_react_namespaceObject = require("react");
 const HlsPlayer = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { src, ...rest } = props;
     const video = (0, external_react_namespaceObject.useRef)(null);

package/dist/components/HlsPlayer.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_hls_js_a9a66012__ from "hls.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const HlsPlayer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { src, ...rest } = props;
     const video = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);

package/dist/components/InfiniteScroll.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     InfiniteScroll: ()=>InfiniteScroll
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;

package/dist/components/InfiniteScroll.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
 const InfiniteScroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;

package/dist/components/LoopSwiper.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     LoopSwiper: ()=>LoopSwiper
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const LoopSwiper = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { className, style, children, direction, period, reverse, gap, ...rest } = props;
     const wrapper = (0, external_react_namespaceObject.useRef)(null);

package/dist/components/LoopSwiper.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const LoopSwiper = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { className, style, children, direction, period, reverse, gap, ...rest } = props;
     const wrapper = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);

package/dist/components/ReadSheet.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
 import { WorkBookData, WorkSheetData } from "deepsea-tools";
+import { FC } from "react";
 import { InputFileProps } from "./InputFile";
 export interface ReadSheetProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
     onValueChange?: <Sheet = WorkSheetData>(data: WorkBookData<Sheet>) => void;

package/dist/components/Scroll.cjs

@@ -71,9 +71,9 @@ var __webpack_exports__ = {};
         Scrollbar: ()=>smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default.a
     });
     var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react/jsx-runtime");
-    var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
-    var _emotion_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@emotion/css");
-    var deepsea_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("deepsea-tools");
+    var _emotion_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("@emotion/css");
+    var deepsea_tools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("deepsea-tools");
+    var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("react");
     var smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("smooth-scrollbar");
     var smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/ __webpack_require__.n(smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4__);
     var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("@/utils");
@@ -87,18 +87,18 @@ var __webpack_exports__ = {};
         return smooth_scrollbar_interfaces__WEBPACK_IMPORTED_MODULE_6__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    const Scroll = /*#__PURE__*/ (0, react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((props, ref)=>{
+    const Scroll = /*#__PURE__*/ (0, react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)((props, ref)=>{
         const { children, options, className, style, scrollbar, onScrollbar, ...rest } = props;
         const { thumbWidth, thumbRadius, thumbColor, trackColor, ...scrollbarOptions } = options || {};
-        const ele = (0, react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-        const bar = (0, react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(()=>{
+        const ele = (0, react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+        const bar = (0, react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+        (0, react__WEBPACK_IMPORTED_MODULE_3__.useLayoutEffect)(()=>{
             bar.current = smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default().init(ele.current, scrollbarOptions);
             return ()=>bar.current?.destroy();
         }, []);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(ref, ()=>ele.current, []);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(scrollbar, ()=>bar.current, []);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        (0, react__WEBPACK_IMPORTED_MODULE_3__.useImperativeHandle)(ref, ()=>ele.current, []);
+        (0, react__WEBPACK_IMPORTED_MODULE_3__.useImperativeHandle)(scrollbar, ()=>bar.current, []);
+        (0, react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
             if (!onScrollbar) return;
             bar.current?.addListener(onScrollbar);
             return ()=>bar.current?.removeListener(onScrollbar);
@@ -107,7 +107,7 @@ var __webpack_exports__ = {};
         ]);
         return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
             ref: ele,
-            className: (0, deepsea_tools__WEBPACK_IMPORTED_MODULE_3__.clsx)((0, _emotion_css__WEBPACK_IMPORTED_MODULE_2__.css)`
+            className: (0, deepsea_tools__WEBPACK_IMPORTED_MODULE_2__.clsx)((0, _emotion_css__WEBPACK_IMPORTED_MODULE_1__.css)`
                     .scrollbar-track.scrollbar-track-x {
                         ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
                     }

package/dist/components/Scroll.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_smooth_scrollbar_80cf4563__ from "smooth-scrollbar";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
 export * from "smooth-scrollbar/interfaces";

package/dist/components/ScrollMask.cjs

@@ -36,8 +36,8 @@ __webpack_require__.d(__webpack_exports__, {
     ScrollMask: ()=>ScrollMask
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const external_ScrollMask_module_cjs_namespaceObject = require("./ScrollMask.module.cjs");
 var external_ScrollMask_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_ScrollMask_module_cjs_namespaceObject);

package/dist/components/ScrollMask.js

@@ -1,6 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
 import * as __WEBPACK_EXTERNAL_MODULE__ScrollMask_module_js_e15d4b28__ from "./ScrollMask.module.js";
 const ScrollMask = ({ className, style, position = "top", size = 8, from = "rgba(0, 0, 0, 0.1)", to = "rgba(0, 0, 0, 0)", contentClassName, contentStyle, showRadian = false, ...rest })=>{

package/dist/components/SectionRing.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     SectionRing: ()=>SectionRing
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const SectionRing = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
     const s = 2 * Math.PI / c - a;

package/dist/components/SectionRing.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const SectionRing = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
     const s = 2 * Math.PI / c - a;

package/dist/components/Skeleton.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     Skeleton: ()=>Skeleton
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const Skeleton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { className, children, loading = null == children, ...rest } = props;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {

package/dist/components/Skeleton.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const Skeleton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { className, children, loading = null == children, ...rest } = props;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {

package/dist/components/Title.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     Title: ()=>Title
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const external_react_dom_namespaceObject = require("react-dom");
-const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const getReactVersion_cjs_namespaceObject = require("../utils/getReactVersion.cjs");
 const [major] = (0, getReactVersion_cjs_namespaceObject.getReactVersion)();
 const Title = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{

package/dist/components/Title.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getReactVersion_js_9bf41edb__ from "../utils/getReactVersion.js";
 const [major] = (0, __WEBPACK_EXTERNAL_MODULE__utils_getReactVersion_js_9bf41edb__.getReactVersion)();
 const Title = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{

package/dist/components/TransitionNum.cjs

@@ -28,8 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     TransitionNum: ()=>TransitionNum
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const TransitionNum = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { children: num, period, numToStr, ins, ...rest } = props;
     if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) throw new RangeError("目标数字必须是整数，周期必须是正整数");

package/dist/components/TransitionNum.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const TransitionNum = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { children: num, period, numToStr, ins, ...rest } = props;
     if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) throw new RangeError("目标数字必须是整数，周期必须是正整数");

package/dist/components/Trapezium.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     Trapezium: ()=>Trapezium
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const Trapezium = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { top, bottom, height, borderRadius, className, style, ...rest } = props;

package/dist/components/Trapezium.js

@@ -1,8 +1,8 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
 const Trapezium = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
     const { top, bottom, height, borderRadius, className, style, ...rest } = props;

package/dist/components/Unify.cjs

@@ -29,8 +29,8 @@ __webpack_require__.d(__webpack_exports__, {
     UnifyConfigProvider: ()=>UnifyConfigProvider
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const UnifyConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
 const UnifyConfigProvider = ({ className, style, children })=>{
     const { className: _className, style: _style } = (0, external_react_namespaceObject.useContext)(UnifyConfigContext);

package/dist/components/Unify.js

@@ -1,7 +1,7 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const UnifyConfigContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
 const UnifyConfigProvider = ({ className, style, children })=>{
     const { className: _className, style: _style } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(UnifyConfigContext);

package/dist/components/WriteSheet.cjs

@@ -27,8 +27,8 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     WriteSheet: ()=>WriteSheet
 });
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 function WriteSheet(props) {
     const { as, excel, onClick: _onClick, ...rest } = props;
     function onClick(e) {

package/dist/components/WriteSheet.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, JSX, JSXElementConstructor } from "react";
 import { WriteSheetParams } from "deepsea-tools";
+import { ComponentProps, JSX, JSXElementConstructor } from "react";
 export type WriteSheetProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "excel"> & {
     as?: AS;
     excel?: WriteSheetParams;

package/dist/components/WriteSheet.js

@@ -1,6 +1,6 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 function WriteSheet(props) {
     const { as, excel, onClick: _onClick, ...rest } = props;
     function onClick(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.15.16",
+  "version": "5.15.18",
   "description": "格数科技自用组件库",
   "type": "module",
   "exports": {
@@ -40,8 +40,8 @@
     "echarts": "^5.6.0",
     "hls.js": "^1.6.7",
     "smooth-scrollbar": "^8.8.4",
-    "deepsea-tools": "5.38.2",
-    "soda-hooks": "6.11.0"
+    "deepsea-tools": "5.39.0",
+    "soda-hooks": "6.12.1"
   },
   "devDependencies": {
     "typescript": "^5.8.3"

package/src/components/AutoFit.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react"
 
 import { px, transformCSSVariable } from "@/utils"
 

package/src/components/AutoScroll.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { CSSProperties, MouseEvent as ReactMouseEvent, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import { css } from "@emotion/css"
 import { clsx, getArray } from "deepsea-tools"
+import { CSSProperties, MouseEvent as ReactMouseEvent, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import Scrollbar from "smooth-scrollbar"
 import { ScrollStatus } from "smooth-scrollbar/interfaces/scrollbar"
 import { useSize } from "soda-hooks"

package/src/components/AutoSizeTextarea.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { TextareaHTMLAttributes, forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { TextareaHTMLAttributes, forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from "react"
 
 import { px, transformCSSVariable } from "@/utils"
 

package/src/components/CopyButton.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentPropsWithoutRef, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import ClipboardJS, { Event } from "clipboard"
+import { ComponentPropsWithoutRef, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import { useLatest } from "soda-hooks"
 
 export { Event } from "clipboard"

package/src/components/Echart.tsx

@@ -1,16 +1,5 @@
 "use client"
 
-import {
-    ComponentPropsWithoutRef,
-    ForwardRefExoticComponent,
-    ForwardedRef,
-    RefAttributes,
-    forwardRef,
-    useEffect,
-    useImperativeHandle,
-    useLayoutEffect,
-    useRef,
-} from "react"
 import {
     BarSeriesOption,
     ComposeOption,
@@ -23,6 +12,17 @@ import {
     TooltipComponentOption,
     init,
 } from "echarts"
+import {
+    ComponentPropsWithoutRef,
+    ForwardRefExoticComponent,
+    ForwardedRef,
+    RefAttributes,
+    forwardRef,
+    useEffect,
+    useImperativeHandle,
+    useLayoutEffect,
+    useRef,
+} from "react"
 
 export type PieOption = ComposeOption<PieSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>
 

package/src/components/Flow.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { CSSProperties, HTMLAttributes, Key, ReactNode, Ref, useEffect, useImperativeHandle, useRef, useState } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { CSSProperties, HTMLAttributes, Key, ReactNode, Ref, useEffect, useImperativeHandle, useRef, useState } from "react"
 import { useSize } from "soda-hooks"
 
 import { px, transformCSSVariable } from "@/utils"

package/src/components/HlsPlayer.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { MediaHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import Hls from "hls.js"
+import { MediaHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 
 export interface HlsPlayerProps extends Omit<MediaHTMLAttributes<HTMLVideoElement>, "src"> {
     src: string

package/src/components/InfiniteScroll.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { CSSProperties, ComponentPropsWithoutRef, MouseEvent as ReactMouseEvent, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { CSSProperties, ComponentPropsWithoutRef, MouseEvent as ReactMouseEvent, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import { useSize } from "soda-hooks"
 
 export type InfiniteScrollProps = ComponentPropsWithoutRef<"div"> & {

package/src/components/LoopSwiper.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { CSSProperties, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { CSSProperties, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react"
 
 export interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {
     direction?: "horizontal" | "vertical"

package/src/components/ReadSheet.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { FC } from "react"
 import { WorkBookData, WorkSheetData, readSheet } from "deepsea-tools"
+import { FC } from "react"
 
 import { InputFile, InputFileProps } from "./InputFile"
 

package/src/components/Scroll.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { CSSProperties, ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { CSSProperties, ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react"
 import Scrollbar from "smooth-scrollbar"
 import type { ScrollListener, ScrollbarOptions } from "smooth-scrollbar/interfaces"
 

package/src/components/ScrollMask.tsx

@@ -1,5 +1,5 @@
-import { CSSProperties, ComponentProps, FC, useRef } from "react"
 import { clsx, isNonNullable } from "deepsea-tools"
+import { CSSProperties, ComponentProps, FC, useRef } from "react"
 import { useSize } from "soda-hooks"
 
 import styles from "./ScrollMask.module.css"

package/src/components/SectionRing.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { HTMLAttributes, forwardRef } from "react"
 import { DrawArcOptions, drawArc } from "deepsea-tools"
+import { HTMLAttributes, forwardRef } from "react"
 
 export interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {
     outerRadius: number

package/src/components/Skeleton.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { HTMLAttributes, forwardRef } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { HTMLAttributes, forwardRef } from "react"
 
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
     loading?: boolean

package/src/components/Title.tsx

@@ -1,8 +1,8 @@
 "use client"
 
+import { isBrowser } from "deepsea-tools"
 import { ComponentPropsWithoutRef, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react"
 import { createPortal } from "react-dom"
-import { isBrowser } from "deepsea-tools"
 
 import { getReactVersion } from "@/utils/getReactVersion"
 

package/src/components/TransitionNum.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 import { setFrameInterval } from "deepsea-tools"
+import { ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 
 export interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     /** 当前数字 */

package/src/components/Trapezium.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { HTMLAttributes, forwardRef } from "react"
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"
+import { HTMLAttributes, forwardRef } from "react"
 
 import { px, transformCSSVariable } from "@/utils"
 

package/src/components/Unify.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { CSSProperties, ComponentProps, FC, JSX, JSXElementConstructor, ReactNode, createContext, createElement, useContext } from "react"
 import { clsx } from "deepsea-tools"
+import { CSSProperties, ComponentProps, FC, JSX, JSXElementConstructor, ReactNode, createContext, createElement, useContext } from "react"
 
 export interface UnifyConfig {
     className?: string

package/src/components/WriteSheet.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { ComponentProps, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent, createElement } from "react"
 import { WriteSheetParams, writeSheet } from "deepsea-tools"
+import { ComponentProps, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent, createElement } from "react"
 
 export type WriteSheetProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "excel"> & {
     as?: AS