deepsea-components 5.18.5 → 5.18.7

package/src/components/ScrollMask.module.css

@@ -1,87 +1,87 @@
-.scroll-mask {
-    position: sticky;
-    z-index: 10;
-    pointer-events: none;
-}
-
-.top-scroll-mask {
-    width: 100%;
-    height: 0;
-    top: 0;
-    right: 0;
-    bottom: 100%;
-    left: 0;
-}
-
-.scroll-mask-content {
-    position: absolute;
-    background-image: linear-gradient(
-        to var(--scroll-mask-direction),
-        var(--scroll-mask-color-from, rgba(0, 0, 0, 0.1)),
-        var(--scroll-mask-color-to, rgba(0, 0, 0, 0))
-    );
-    clip-path: var(--scroll-mask-clip-path, none);
-}
-
-.top-scroll-mask-content {
-    width: 100%;
-    height: var(--scroll-mask-size, 8px);
-    top: 0;
-    right: 50%;
-    transform: translateX(50%);
-    --scroll-mask-direction: bottom;
-}
-
-.bottom-scroll-mask {
-    width: 100%;
-    height: 0;
-    top: 100%;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-
-.bottom-scroll-mask-content {
-    width: 100%;
-    height: var(--scroll-mask-size, 8px);
-    bottom: 0;
-    left: 50%;
-    transform: translateX(-50%);
-    --scroll-mask-direction: top;
-}
-
-.left-scroll-mask {
-    width: 0;
-    height: 100%;
-    top: 0;
-    right: 100%;
-    bottom: 0;
-    left: 0;
-}
-
-.left-scroll-mask-content {
-    width: var(--scroll-mask-size, 8px);
-    height: 100%;
-    left: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    --scroll-mask-direction: right;
-}
-
-.right-scroll-mask {
-    width: 0;
-    height: 100%;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 100%;
-}
-
-.right-scroll-mask-content {
-    width: var(--scroll-mask-size, 8px);
-    height: 100%;
-    right: 0;
-    bottom: 50%;
-    transform: translateY(50%);
-    --scroll-mask-direction: left;
-}
+.scroll-mask {
+    position: sticky;
+    z-index: 10;
+    pointer-events: none;
+}
+
+.top-scroll-mask {
+    width: 100%;
+    height: 0;
+    top: 0;
+    right: 0;
+    bottom: 100%;
+    left: 0;
+}
+
+.scroll-mask-content {
+    position: absolute;
+    background-image: linear-gradient(
+        to var(--scroll-mask-direction),
+        var(--scroll-mask-color-from, rgba(0, 0, 0, 0.1)),
+        var(--scroll-mask-color-to, rgba(0, 0, 0, 0))
+    );
+    clip-path: var(--scroll-mask-clip-path, none);
+}
+
+.top-scroll-mask-content {
+    width: 100%;
+    height: var(--scroll-mask-size, 8px);
+    top: 0;
+    right: 50%;
+    transform: translateX(50%);
+    --scroll-mask-direction: bottom;
+}
+
+.bottom-scroll-mask {
+    width: 100%;
+    height: 0;
+    top: 100%;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.bottom-scroll-mask-content {
+    width: 100%;
+    height: var(--scroll-mask-size, 8px);
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    --scroll-mask-direction: top;
+}
+
+.left-scroll-mask {
+    width: 0;
+    height: 100%;
+    top: 0;
+    right: 100%;
+    bottom: 0;
+    left: 0;
+}
+
+.left-scroll-mask-content {
+    width: var(--scroll-mask-size, 8px);
+    height: 100%;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    --scroll-mask-direction: right;
+}
+
+.right-scroll-mask {
+    width: 0;
+    height: 100%;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 100%;
+}
+
+.right-scroll-mask-content {
+    width: var(--scroll-mask-size, 8px);
+    height: 100%;
+    right: 0;
+    bottom: 50%;
+    transform: translateY(50%);
+    --scroll-mask-direction: left;
+}

package/src/components/ScrollMask.tsx

@@ -1,4 +1,4 @@
-import { ComponentProps, CSSProperties, FC, useRef } from "react"
+import { type ComponentProps, type CSSProperties, type FC, useRef } from "react"
 
 import { clsx, isNonNullable } from "deepsea-tools"
 import { useSize } from "soda-hooks"

package/src/components/SectionRing.tsx

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

package/src/components/Skeleton.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { forwardRef, HTMLAttributes } from "react"
+import { type HTMLAttributes, forwardRef } from "react"
 
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"

package/src/components/Title.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { ComponentProps, FC, useImperativeHandle, useLayoutEffect, useRef } from "react"
+import { type ComponentProps, type FC, useImperativeHandle, useLayoutEffect, useRef } from "react"
 import { createPortal } from "react-dom"
 import { renderToString } from "react-dom/server"
 

package/src/components/TransitionBox.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { CSSProperties, FC, forwardRef, HTMLAttributes, useEffect, useRef, useState } from "react"
+import { type CSSProperties, type FC, type HTMLAttributes, forwardRef, useEffect, useRef, useState } from "react"
 
 import { useSize } from "soda-hooks"
 

package/src/components/TransitionNum.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { ForwardedRef, forwardRef, HTMLAttributes, useEffect, useImperativeHandle, useRef } from "react"
+import { type ForwardedRef, type HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from "react"
 
 import { setFrameInterval } from "deepsea-tools"
 

package/src/components/Trapezium.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { forwardRef, HTMLAttributes } from "react"
+import { type HTMLAttributes, forwardRef } from "react"
 
 import { css } from "@emotion/css"
 import { clsx } from "deepsea-tools"

package/src/components/Unify.tsx

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

package/src/components/WriteExcel.tsx

@@ -1,13 +1,13 @@
-"use client"
-
-import { WriteSheet, WriteSheetProps } from "./WriteSheet"
-
-/**
- * @deprecated 请使用 WriteSheetProps 代替
- */
-export type WriteExcelProps = WriteSheetProps
-
-/**
- * @deprecated 请使用 WriteSheet 代替
- */
-export const WriteExcel = WriteSheet
+"use client"
+
+import { type WriteSheetProps, WriteSheet } from "./WriteSheet"
+
+/**
+ * @deprecated 请使用 WriteSheetProps 代替
+ */
+export type WriteExcelProps = WriteSheetProps
+
+/**
+ * @deprecated 请使用 WriteSheet 代替
+ */
+export const WriteExcel = WriteSheet

package/src/components/WriteSheet.tsx

@@ -2,9 +2,9 @@
 
 /* eslint-disable no-restricted-syntax */
 
-import { ComponentProps, createElement, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent } from "react"
+import { type ComponentProps, type JSX, type JSXElementConstructor, type MouseEvent as ReactMouseEvent, createElement } from "react"
 
-import { writeSheet, WriteSheetParams } from "deepsea-tools"
+import { type WriteSheetParams, writeSheet } from "deepsea-tools"
 
 export type WriteSheetProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "excel"> & {
     as?: AS

package/src/components/rtspPlayer/reader.ts

@@ -86,12 +86,14 @@ export class MediaMTXWebRTCReader {
             let payloadType = ""
 
             pc.addTransceiver(mediaType, { direction: "recvonly" })
+
             pc.createOffer()
                 .then(offer => {
                     if (offer.sdp === undefined) throw new Error("SDP not present")
                     if (offer.sdp.includes(` ${codec}`)) throw new Error("already present")
 
                     const sections = offer.sdp.split(`m=${mediaType}`)
+
                     const payloadTypes = sections
                         .slice(1)
                         .map(section => section.split("\r\n")[0].split(" ").slice(3))
@@ -128,8 +130,7 @@ export class MediaMTXWebRTCReader {
                                 `a=rtpmap:${payloadType} ${codec}\r\n` +
                                 (fmtp !== undefined ? `a=fmtp:${payloadType} ${fmtp}\r\n` : ""),
                         }),
-                    ),
-                )
+                    ))
                 .then(() => resolve(true))
                 .catch(() => resolve(false))
                 .finally(() => pc.close())
@@ -296,6 +297,7 @@ export class MediaMTXWebRTCReader {
 
     private static editOffer(sdp: string, nonAdvertisedCodecs: string[]) {
         const sections = sdp.split("m=")
+
         const payloadTypes = sections
             .slice(1)
             .map(section => section.split("\r\n")[0].split(" ").slice(3))
@@ -373,16 +375,11 @@ export class MediaMTXWebRTCReader {
 
     private getNonAdvertisedCodecs() {
         Promise.all(
-            [
-                ["pcma/8000/2"],
-                ["multiopus/48000/6", "channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2"],
-                ["L16/48000/2"],
-            ].map(codec =>
+            [["pcma/8000/2"], ["multiopus/48000/6", "channel_mapping=0,4,1,2,3,5;num_streams=4;coupled_streams=2"], ["L16/48000/2"]].map(codec =>
                 MediaMTXWebRTCReader.supportsNonAdvertisedCodec(codec[0], codec[1]).then(isSupported => {
                     if (!isSupported) return false
                     return codec[0]
-                }),
-            ),
+                })),
         )
             .then(codecs => codecs.filter((codec): codec is string => codec !== false))
             .then(codecs => {

package/src/utils/getReactVersion.ts

@@ -1,7 +1,7 @@
-import { version } from "react"
-
-const reg = /(\d+)\.(\d+)\.(\d+)/
-
-export function getReactVersion() {
-    return version.match(reg)!.slice(1).map(Number)
-}
+import { version } from "react"
+
+const reg = /(\d+)\.(\d+)\.(\d+)/
+
+export function getReactVersion() {
+    return version.match(reg)!.slice(1).map(Number)
+}

package/src/utils/index.ts

@@ -1,33 +1,33 @@
-import { CSSProperties } from "react"
-
-export type CSSVariableName = `--${string}`
-
-export type CSSVariableValue = string | number | undefined
-
-export interface StyleWithCSSVariable extends CSSProperties {
-    [X: CSSVariableName]: CSSVariableValue
-}
-
-const cssVariableReg = /[A-Z]/
-
-function addCSSVariableLine(match: string): string {
-    return `-${match}`
-}
-
-export function transformCSSVariableName(name: string): CSSVariableName {
-    return `--${name.replace(cssVariableReg, addCSSVariableLine).toLowerCase()}`
-}
-
-export function transformCSSVariable(style: Partial<Record<string, CSSVariableValue>>, style2?: CSSProperties): CSSProperties {
-    return Object.assign(
-        Object.entries(style).reduce((acc: StyleWithCSSVariable, [key, value]) => {
-            acc[transformCSSVariableName(key)] = value
-            return acc
-        }, {}),
-        style2,
-    )
-}
-
-export function px(value: string | number | undefined): string | undefined {
-    return typeof value === "number" ? `${value}px` : value
-}
+import type { CSSProperties } from "react"
+
+export type CSSVariableName = `--${string}`
+
+export type CSSVariableValue = string | number | undefined
+
+export interface StyleWithCSSVariable extends CSSProperties {
+    [X: CSSVariableName]: CSSVariableValue
+}
+
+const cssVariableReg = /[A-Z]/
+
+function addCSSVariableLine(match: string): string {
+    return `-${match}`
+}
+
+export function transformCSSVariableName(name: string): CSSVariableName {
+    return `--${name.replace(cssVariableReg, addCSSVariableLine).toLowerCase()}`
+}
+
+export function transformCSSVariable(style: Partial<Record<string, CSSVariableValue>>, style2?: CSSProperties): CSSProperties {
+    return Object.assign(
+        Object.entries(style).reduce((acc: StyleWithCSSVariable, [key, value]) => {
+            acc[transformCSSVariableName(key)] = value
+            return acc
+        }, {}),
+        style2,
+    )
+}
+
+export function px(value: string | number | undefined): string | undefined {
+    return typeof value === "number" ? `${value}px` : value
+}

package/tsconfig.json

@@ -1,5 +1,6 @@
 {
     "compilerOptions": {
+        "rootDir": "src",
         "strict": true,
         "declaration": true,
         "skipLibCheck": true,
@@ -7,19 +8,11 @@
         "target": "ESNext",
         "module": "ESNext",
         "moduleResolution": "Bundler",
-        "types": [
-            "node",
-            "react",
-            "react-dom"
-        ],
+        "types": ["node", "react", "react-dom"],
+        "verbatimModuleSyntax": true,
         "paths": {
-            "@/*": [
-                "./src/*"
-            ]
+            "@/*": ["./src/*"]
         }
     },
-    "include": [
-        "src",
-        "types.d.ts"
-    ]
-}
+    "include": ["src", "types.d.ts"]
+}