deepsea-components 5.18.4 → 5.18.5

package/dist/utils/index.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -47,11 +47,11 @@ function px(value) {
 exports.px = __webpack_exports__.px;
 exports.transformCSSVariable = __webpack_exports__.transformCSSVariable;
 exports.transformCSSVariableName = __webpack_exports__.transformCSSVariableName;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "px",
     "transformCSSVariable",
     "transformCSSVariableName"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.18.4",
+  "version": "5.18.5",
   "description": "格数科技自用组件库",
   "type": "module",
   "exports": {
@@ -41,14 +41,14 @@
     "hls.js": "^1.6.13",
     "smooth-scrollbar": "^8.8.4",
     "stable-hash": "^0.0.6",
-    "deepsea-tools": "5.47.11",
-    "soda-hooks": "6.17.0"
+    "soda-hooks": "6.17.1",
+    "deepsea-tools": "5.48.0"
   },
   "devDependencies": {
     "typescript": ">=5.8.3"
   },
   "peerDependencies": {
-    "@types/node": "^24.10.14",
+    "@types/node": "^24.12.4",
     "@types/react": ">=19.2.7",
     "@types/react-dom": ">=19.2.3",
     "react": ">=19.2.3",

package/src/components/AutoFit.tsx

@@ -39,6 +39,7 @@ export const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) =>
     const [width, setWidth] = useState<string | undefined>(undefined)
     const [height, setHeight] = useState<string | undefined>(undefined)
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     useImperativeHandle(ref, () => ele.current!, [ele.current])
 
     useLayoutEffect(() => {
@@ -80,6 +81,7 @@ export const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) =>
     }, [ele.current?.parentElement, designWidth, designHeight, direction])
 
     if (process.env.NODE_ENV === "development") {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(() => {
             const parent = ele.current?.parentElement
             if (!parent) return

package/src/components/AutoScroll.tsx

@@ -127,6 +127,7 @@ export const AutoScroll: FC<AutoScrollProps> = ({
         return () => {
             clearTimeout(timeout.current)
             bar.current?.removeListener(listener)
+            // eslint-disable-next-line react-hooks/exhaustive-deps
             bar.current?.scrollTo(0, 0)
         }
     }, [size, count, itemSize, gap, duration, animation, isVertical])

package/src/components/CopyButton.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+/* eslint-disable no-restricted-syntax */
+
 import { ComponentPropsWithoutRef, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 
 import ClipboardJS, { Event } from "clipboard"
@@ -19,6 +21,7 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>((props,
     const onCopySuccess = useLatest(_onCoptSuccess)
     const onCopyError = useLatest(_onCopyError)
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     useImperativeHandle(ref, () => ele.current!, [ele.current])
 
     useEffect(() => {
@@ -26,6 +29,7 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>((props,
         clipboard.on("success", event => onCopySuccess.current?.(event))
         clipboard.on("error", event => onCopyError.current?.(event))
         return () => clipboard.destroy()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [])
 
     return <button ref={ele} {...rest} data-clipboard-text={text} />

package/src/components/DraggableGrid.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable no-restricted-syntax */
+
 import { ComponentProps, CSSProperties, Key, ReactNode, useEffect, useMemo, useRef, useState } from "react"
 
 import { clsx, getArray, isNullable } from "deepsea-tools"
@@ -347,8 +349,10 @@ export function DraggableGrid<T, K extends Key = T extends Key ? T : never>({
             setKeyToOrder(newOrderMap)
             onOrderMapChange?.(newOrderMap)
             const newRenderKeys = new Set(newOrderMap.keys())
+            // eslint-disable-next-line react-hooks/immutability
             setRenderKeys(prev => prev.intersection(newRenderKeys).union(newRenderKeys.difference(prev)))
         }
+        // eslint-disable-next-line react-hooks/refs
     }, [dragging, cache, orders, keyToItem, keyToOrder, orderPriority, onOrderMapChange])
 
     /** 渲染的元素的 key，不会随着 keyToOrder 的变化而变化 */
@@ -384,6 +388,7 @@ export function DraggableGrid<T, K extends Key = T extends Key ? T : never>({
 
         if (!!orderMap && isLegalOrderMap({ orders, keys: keyToItem.keys(), orderMap })) setKeyToOrder(orderMap)
         else onOrderMapChange?.(keyToOrder)
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [orderMap, keyToOrder, onOrderMapChange])
 
     function onDragMoveStart(key: K, event: DragMoveEvent<HTMLDivElement>) {
@@ -512,6 +517,7 @@ export function DraggableGrid<T, K extends Key = T extends Key ? T : never>({
             }
             {...rest}
         >
+            {/* eslint-disable-next-line react-hooks/refs */}
             {Array.from(renderKeys).map(key => {
                 if (!keyToItem.has(key)) return undefined
                 const item = keyToItem.get(key)!

package/src/components/Echart.tsx

@@ -180,12 +180,14 @@ export function Echart<T extends ECBasicOption = ECBasicOption>({
         const ele = container.current!
         chartRef.current = init(ele, option, { ...initOption, width, height, locale })
         return () => chartRef.current?.dispose()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [])
 
     useImperativeHandle(ref, () => container.current!)
 
     useImperativeHandle(chart, () => chartRef.current!)
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     useEffect(() => chartRef.current?.setOption(option), [hash(option)])
 
     // @ts-expect-error width and height can be string

package/src/components/Flow.tsx

@@ -154,6 +154,7 @@ export function ManualFlow<T>(props: ManualFlowProps<T>) {
         return index >= maxRows * columnCount
     }
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/refs
     useImperativeHandle(element, () => ele.current!, [ele.current])
 
     useEffect(() => {
@@ -180,6 +181,7 @@ export function ManualFlow<T>(props: ManualFlowProps<T>) {
             itemCount: data.length,
             maxRows: maxRows ?? null,
         })
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [width, height, columnGapSize, columnCount, rowGap, contentShownRows, data.length, itemWidth, itemHeight, maxRows])
 
     return (
@@ -266,8 +268,12 @@ export function Flow<T>(props: FlowProps<T>): ReactNode {
     const ele = useRef<HTMLDivElement>(null)
     const size = useSize(ele)
     const width = useRef(size?.width || 0)
+    // eslint-disable-next-line react-hooks/refs
     if (size && size.width !== 0) width.current = size.width
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/refs
     useImperativeHandle(element, () => ele.current!, [ele.current])
+    // eslint-disable-next-line react-hooks/refs
     if (width.current === 0) return <div ref={ele} {...rest} />
+    // eslint-disable-next-line react-hooks/refs
     return <ManualFlow element={ele} {...props} width={width.current} />
 }

package/src/components/InfiniteScroll.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+/* eslint-disable no-restricted-syntax */
+
 import { ComponentPropsWithoutRef, CSSProperties, forwardRef, MouseEvent as ReactMouseEvent, useEffect, useImperativeHandle, useRef } from "react"
 
 import { css } from "@emotion/css"
@@ -58,6 +60,7 @@ export const InfiniteScroll = forwardRef<HTMLDivElement, InfiniteScrollProps>((p
 
     const ele = useRef<HTMLDivElement>(null)
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     useImperativeHandle(ref, () => wrapper.current as HTMLDivElement, [wrapper.current])
 
     const container = useRef<HTMLDivElement>(null)
@@ -88,6 +91,7 @@ export const InfiniteScroll = forwardRef<HTMLDivElement, InfiniteScrollProps>((p
             { duration, iterations: Infinity },
         )
         return () => animation.current?.cancel()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [wrapperSize, containerSize, overflow, direction, duration])
 
     function enter(e: ReactMouseEvent<HTMLDivElement, MouseEvent>) {
@@ -102,6 +106,7 @@ export const InfiniteScroll = forwardRef<HTMLDivElement, InfiniteScrollProps>((p
 
     useEffect(() => {
         if (!pauseOnHover && animation.current?.playState === "paused") animation.current?.play()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [animation.current, pauseOnHover])
 
     return (

package/src/components/InputFile.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+/* eslint-disable no-restricted-syntax */
+
 import { ChangeEvent, ComponentProps, ReactNode, useState } from "react"
 
 export interface InputFileDataTypeMap {
@@ -34,6 +36,7 @@ export function getFileData<T extends InputFileDataType>(file: File, type: T): P
                     fileReader.readAsArrayBuffer(file)
                     break
                 case "binary":
+                    // eslint-disable-next-line @typescript-eslint/no-deprecated
                     fileReader.readAsBinaryString(file)
                     break
                 case "base64":

package/src/components/InputFileButton.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+/* eslint-disable no-restricted-syntax */
+
 import {
     ComponentProps,
     ComponentRef,
@@ -68,6 +70,7 @@ export function InputFileButton<
     const input = useRef<HTMLInputElement>(null)
     const isDisabled = disabled || _disabled || __disabled
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/refs
     useImperativeHandle(ref, () => input.current!, [input.current])
 
     function onClick(e: ReactMouseEvent<ComponentRef<AS>, MouseEvent>) {
@@ -116,6 +119,7 @@ export function InputFileButton<
         e.preventDefault()
     }
 
+    /* eslint-disable react-hooks/refs */
     return (
         <Fragment>
             <InputFile<Multiple, Type>
@@ -141,4 +145,5 @@ export function InputFileButton<
             })}
         </Fragment>
     )
+    /* eslint-enable react-hooks/refs */
 }

package/src/components/LoopSwiper.tsx

@@ -39,6 +39,7 @@ export const LoopSwiper: FC<LoopSwiperProps> = ({
     const container = useRef<HTMLDivElement>(null)
     const [swiper, setSwiper] = useState(false)
     const directionRef = useRef(direction)
+    // eslint-disable-next-line react-hooks/refs
     directionRef.current = direction
     const flexDirection: CSSProperties["flexDirection"] = direction === "vertical" ? (reverse ? "column-reverse" : "column") : reverse ? "row-reverse" : "row"
     const animationName = swiper

package/src/components/Scroll.tsx

@@ -49,6 +49,7 @@ export const Scroll: FC<ScrollProps> = ({
     useLayoutEffect(() => {
         bar.current = Scrollbar.init(ele.current!, scrollbarOptions)
         return () => bar.current?.destroy()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [])
 
     useImperativeHandle(ref, () => ele.current!, [])

package/src/components/Title.tsx

@@ -15,10 +15,13 @@ export const Title: FC<ComponentProps<"title">> = ({ ref, children, ...rest }) =
 
     if (major >= 19) return <title ref={ref} {...rest} children={children} />
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const ele = useRef<HTMLTitleElement>(null)
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks, react-hooks/exhaustive-deps, react-hooks/refs
     useImperativeHandle(ref, () => ele.current as HTMLTitleElement, [ele.current])
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     useLayoutEffect(() => {
         const title = document.head.querySelector("title")
         if (title === ele.current) return

package/src/components/Unify.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+/* eslint-disable no-restricted-syntax */
+
 import { ComponentProps, createContext, createElement, CSSProperties, FC, JSX, JSXElementConstructor, ReactNode, useContext } from "react"
 
 import { clsx } from "deepsea-tools"

package/src/components/WriteSheet.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+/* eslint-disable no-restricted-syntax */
+
 import { ComponentProps, createElement, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent } from "react"
 
 import { writeSheet, WriteSheetParams } from "deepsea-tools"

package/src/components/rtspPlayer/reader.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-restricted-syntax */
+
 /*
  * Derived from MediaMTX reader.js:
  * https://github.com/bluenviron/mediamtx/blob/main/internal/servers/webrtc/reader.js

package/tsconfig.json

@@ -7,6 +7,11 @@
         "target": "ESNext",
         "module": "ESNext",
         "moduleResolution": "Bundler",
+        "types": [
+            "node",
+            "react",
+            "react-dom"
+        ],
         "paths": {
             "@/*": [
                 "./src/*"