deepsea-components 5.7.23 → 5.8.1

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> {

package/src/index.ts

@@ -4,9 +4,11 @@ export * from "@/components/AutoSizeTextarea"
 export * from "@/components/CircleText"
 export * from "@/components/CopyButton"
 export * from "@/components/Echart"
+export * from "@/components/ExportExcel"
 export * from "@/components/Flow"
 export * from "@/components/FormLabel"
 export * from "@/components/HlsPlayer"
+export * from "@/components/ImportExcel"
 export * from "@/components/InfiniteScroll"
 export * from "@/components/InputFile"
 export * from "@/components/LoopSwiper"