deepsea-components 5.8.0 → 5.8.2

package/src/components/CopyButton.tsx

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

package/src/components/Echart.tsx

@@ -1,5 +1,16 @@
 "use client"
 
+import {
+    ComponentPropsWithoutRef,
+    ForwardRefExoticComponent,
+    ForwardedRef,
+    RefAttributes,
+    forwardRef,
+    useEffect,
+    useImperativeHandle,
+    useLayoutEffect,
+    useRef,
+} from "react"
 import {
     BarSeriesOption,
     ComposeOption,
@@ -12,17 +23,6 @@ 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/ExportExcel.tsx

@@ -1,18 +1,18 @@
-import { ExportExcelParams, exportExcel } from "deepsea-tools"
-import { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from "react"
-
-export interface ExportExcelProps extends ComponentPropsWithoutRef<"button">, ExportExcelParams {}
-
-/** 导出 excel 的 button 组件 */
-const ExportExcel = forwardRef<ComponentRef<"button">, ExportExcelProps>((props, ref) => {
-    const { data, fileName, onClick, ...rest } = props
-
-    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {
-        exportExcel({ data, fileName })
-        onClick?.(e)
-    }
-
-    return <button ref={ref} onClick={onButtonClick} {...rest} />
-})
-
-export default ExportExcel
+"use client"
+
+import { ComponentPropsWithoutRef, ComponentRef, MouseEvent as ReactMouseEvent, forwardRef } from "react"
+import { ExportExcelParams, exportExcel } from "deepsea-tools"
+
+export interface ExportExcelProps extends ComponentPropsWithoutRef<"button">, ExportExcelParams {}
+
+/** 导出 excel 的 button 组件 */
+export const ExportExcel = forwardRef<ComponentRef<"button">, ExportExcelProps>((props, ref) => {
+    const { data, fileName, onClick, ...rest } = props
+
+    function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {
+        exportExcel({ data, fileName })
+        onClick?.(e)
+    }
+
+    return <button ref={ref} onClick={onButtonClick} {...rest} />
+})

package/src/components/Flow.tsx

@@ -1,10 +1,10 @@
 "use client"
 
+import { CSSProperties, HTMLAttributes, Key, ReactNode, RefObject, useEffect, useImperativeHandle, useRef, useState } from "react"
+import { css } from "@emotion/css"
 import { useSize } from "ahooks"
 import { clsx } from "deepsea-tools"
-import { CSSProperties, HTMLAttributes, Key, ReactNode, RefObject, useEffect, useImperativeHandle, useRef, useState } from "react"
 
-import { css } from "@emotion/css"
 import { px, transformCSSVariable } from "@/utils"
 
 export interface FlowSizeData {

package/src/components/HlsPlayer.tsx

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

package/src/components/ImportExcel.tsx

@@ -1,17 +1,17 @@
-"use client"
-
-import { readExcel } from "deepsea-tools"
-import { forwardRef } from "react"
-
-import { InputFile, InputFileProps } from "./InputFile"
-
-export interface ImportExcelProps extends Omit<InputFileProps, "multiple" | "onChange" | "accept" | "type"> {
-    onChange?: (data: Record<string, any>[]) => void
-}
-
-/** 专门用于读取 excel 的组件 */
-export const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {
-    const { onChange, ...rest } = props
-
-    return <InputFile ref={ref} accept=".xlsx" type="arrayBuffer" onChange={({ result }) => onChange?.(readExcel(result))} {...rest} />
-})
+"use client"
+
+import { forwardRef } from "react"
+import { readExcel } from "deepsea-tools"
+
+import { InputFile, InputFileProps } from "./InputFile"
+
+export interface ImportExcelProps extends Omit<InputFileProps, "multiple" | "onChange" | "accept" | "type"> {
+    onChange?: (data: Record<string, any>[]) => void
+}
+
+/** 专门用于读取 excel 的组件 */
+export const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {
+    const { onChange, ...rest } = props
+
+    return <InputFile ref={ref} accept=".xlsx" type="arrayBuffer" onChange={({ result }) => onChange?.(readExcel(result))} {...rest} />
+})

package/src/components/InfiniteScroll.tsx

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

package/src/components/LoopSwiper.tsx

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

package/src/components/Scroll.tsx

@@ -1,11 +1,11 @@
 "use client"
 
-import { clsx } from "deepsea-tools"
 import { CSSProperties, ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react"
+import { css } from "@emotion/css"
+import { clsx } from "deepsea-tools"
 import Scrollbar from "smooth-scrollbar"
 import type { ScrollListener, ScrollbarOptions } from "smooth-scrollbar/interfaces"
 
-import { css } from "@emotion/css"
 import { px, transformCSSVariable } from "@/utils"
 
 export { default as Scrollbar } from "smooth-scrollbar"
@@ -58,25 +58,24 @@ export const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {
             className={clsx(
                 css`
                     .scrollbar-track.scrollbar-track-x {
-                        ${thumbWidth !== undefined ? "height: var(--thumb-width);" : ""}
-                        ${trackColor !== undefined ? "background-color: var(--track-color);" : ""}
+                        ${thumbWidth !== undefined ? "height: var(--thumb-width);" : ""} ${trackColor !== undefined
+                            ? "background-color: var(--track-color);"
+                            : ""}
                     }
-
                     .scrollbar-thumb.scrollbar-thumb-x {
-                        ${thumbWidth !== undefined ? "height: var(--thumb-width);" : ""}
-                        ${thumbRadius !== undefined ? "border-radius: var(--thumb-radius);" : ""}
-                        ${thumbColor !== undefined ? "background-color: var(--thumb-color);" : ""}
+                        ${thumbWidth !== undefined ? "height: var(--thumb-width);" : ""} ${thumbRadius !== undefined
+                            ? "border-radius: var(--thumb-radius);"
+                            : ""} ${thumbColor !== undefined ? "background-color: var(--thumb-color);" : ""}
                     }
-
                     .scrollbar-track.scrollbar-track-y {
-                        ${thumbWidth !== undefined ? "width: var(--thumb-width);" : ""}
-                        ${trackColor !== undefined ? "background-color: var(--track-color);" : ""}
+                        ${thumbWidth !== undefined ? "width: var(--thumb-width);" : ""} ${trackColor !== undefined
+                            ? "background-color: var(--track-color);"
+                            : ""}
                     }
-
                     .scrollbar-thumb.scrollbar-thumb-y {
-                        ${thumbWidth !== undefined ? "width: var(--thumb-width);" : ""}
-                        ${thumbRadius !== undefined ? "border-radius: var(--thumb-radius);" : ""}
-                        ${thumbColor !== undefined ? "background-color: var(--thumb-color);" : ""}
+                        ${thumbWidth !== undefined ? "width: var(--thumb-width);" : ""} ${thumbRadius !== undefined
+                            ? "border-radius: var(--thumb-radius);"
+                            : ""} ${thumbColor !== undefined ? "background-color: var(--thumb-color);" : ""}
                     }
                 `,
                 className,

package/src/components/SectionRing.tsx

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

package/src/components/Skeleton.tsx

@@ -1,9 +1,8 @@
 "use client"
 
-import { clsx } from "deepsea-tools"
 import { HTMLAttributes, forwardRef } from "react"
-
 import { css } from "@emotion/css"
+import { clsx } from "deepsea-tools"
 
 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/TransitionBox.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { useSize } from "ahooks"
 import { CSSProperties, FC, HTMLAttributes, forwardRef, useEffect, useRef, useState } from "react"
+import { useSize } from "ahooks"
 
 export interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {
     containerClassName?: string

package/src/components/TransitionNum.tsx

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

package/src/components/Trapezium.tsx

@@ -1,9 +1,9 @@
 "use client"
 
-import { clsx } from "deepsea-tools"
 import { HTMLAttributes, forwardRef } from "react"
-
 import { css } from "@emotion/css"
+import { clsx } from "deepsea-tools"
+
 import { px, transformCSSVariable } from "@/utils"
 
 export interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {