deepsea-components 2.5.3 → 2.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -262,4 +262,13 @@ export interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {
262
262
  /** 设计稿高度,默认 1080 */
263
263
  height?: number;
264
264
  }
265
+ /**
266
+ * 自适应缩放组件
267
+ *
268
+ * 注意:
269
+ * 1. 父元素必须设置 position: relative 或者其他非 static 的 position
270
+ * 2. 不要设置元素的 position、left、top、transform 属性
271
+ * 3. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示
272
+ * 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: "none" }} />
273
+ */
265
274
  export declare const AutoFit: import("react").ForwardRefExoticComponent<AutoFitProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/cjs/index.js CHANGED
@@ -485,6 +485,7 @@ var AutoSizeTextArea = (0, import_react.forwardRef)((props, ref) => {
485
485
  var AutoFit = (0, import_react.forwardRef)((props, ref) => {
486
486
  const { width = 1920, height = 1080, style, ...rest } = props;
487
487
  const ele = (0, import_react.useRef)(null);
488
+ const [show, setShow] = (0, import_react.useState)(false);
488
489
  (0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
489
490
  (0, import_react.useLayoutEffect)(() => {
490
491
  const element = ele.current;
@@ -496,11 +497,14 @@ var AutoFit = (0, import_react.forwardRef)((props, ref) => {
496
497
  const { contentRect } = entry;
497
498
  const scale = Math.min(contentRect.width / width, contentRect.height / height);
498
499
  element?.style.setProperty("--scale", scale.toString());
500
+ setShow(true);
499
501
  }
500
502
  const observer = new ResizeObserver(listener);
501
503
  observer.observe(parent);
502
504
  return () => observer.disconnect();
503
505
  }, [ele.current?.parentElement, width, height]);
506
+ if (!show)
507
+ return /* @__PURE__ */ React.createElement("div", { ref: ele, style: { display: "none" } });
504
508
  return /* @__PURE__ */ React.createElement("div", { ref: ele, style: { position: "absolute", left: "50%", top: "50%", transform: `translateX(-50%) translateY(-50%) scale(var(--scale))`, width, height, ...style }, ...rest });
505
509
  });
506
510
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "sourcesContent": ["\"use client\"\r\nimport { css } from \"@emotion/css\"\r\nimport { DrawArcOptions, clsx, drawArc, setFrameInterval } from \"deepsea-tools\"\r\nimport { ButtonHTMLAttributes, CSSProperties, ChangeEvent, FC, Fragment, HTMLAttributes, InputHTMLAttributes, MouseEvent as ReactMouseEvent, ReactNode, TextareaHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from \"react\"\r\nimport SmoothScrollBar from \"smooth-scrollbar\"\r\nimport type { ScrollbarOptions } from \"smooth-scrollbar/interfaces\"\r\nimport { read, utils, writeFile } from \"xlsx\"\r\n\r\nexport interface InputFileDataTypes {\r\n base64: string\r\n text: string\r\n arrayBuffer: ArrayBuffer\r\n binary: string\r\n file: File\r\n}\r\n\r\nexport type InputFileDataType = keyof InputFileDataTypes\r\n\r\nexport interface InputFileData<T> {\r\n result: T\r\n file: File\r\n}\r\n\r\nexport type InputFileProps = (\r\n | {\r\n multiple?: false\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>[]) => void\r\n }\r\n) &\r\n Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\r\n /** 是否在捕获文件后清除 input 上的文件,默认为 false,主要区别在于如果不清除,连续两次选择同样的文件不会触发 onChange 事件,如果用于 form 表单,请设置为 flase */\r\n clearAfterChange?: boolean\r\n }\r\n\r\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\r\n const fileReader = new FileReader()\r\n switch (type) {\r\n case \"arrayBuffer\":\r\n fileReader.readAsArrayBuffer(file)\r\n break\r\n case \"binary\":\r\n fileReader.readAsBinaryString(file)\r\n break\r\n case \"base64\":\r\n fileReader.readAsDataURL(file)\r\n break\r\n case \"text\":\r\n fileReader.readAsText(file)\r\n break\r\n default:\r\n return file as any\r\n }\r\n return new Promise(resolve => {\r\n fileReader.addEventListener(\"load\", () => {\r\n resolve(fileReader.result as any)\r\n })\r\n })\r\n}\r\n\r\n/** 专用于读取文件的组件 */\r\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\r\n const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...others } = props\r\n const [disabled, setDisabled] = useState(false)\r\n\r\n async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\r\n const input = e.target\r\n const { files } = input\r\n if (!files || files.length === 0) return\r\n setDisabled(true)\r\n try {\r\n if (multiple) {\r\n const result: any[] = []\r\n for (const file of Array.from(files)) {\r\n result.push({\r\n result: await getFileData(file, type),\r\n file\r\n })\r\n }\r\n onChange?.(result as any)\r\n } else {\r\n onChange?.({\r\n result: await getFileData(files[0], type),\r\n file: files[0]\r\n } as any)\r\n }\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n } catch (error) {\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n throw error\r\n }\r\n }\r\n\r\n return <input disabled={disabled && inputDisabled} ref={ref} type=\"file\" multiple={multiple} onChange={onInputChange} {...others} />\r\n})\r\n\r\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\r\n onChange?: (data: Record<string, string>[]) => void\r\n}\r\n\r\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\r\n input: InputFileProps\r\n}\r\n\r\n/** 专用于读取文件的 button 组件 */\r\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\r\n const { onClick, children, input: inputProps, ...others } = props\r\n const { style, ...otherInputProps } = inputProps\r\n const input = useRef<HTMLInputElement>(null)\r\n\r\n function onBtnClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n input.current?.click()\r\n onClick?.(e)\r\n }\r\n\r\n return (\r\n <button ref={ref} type=\"button\" onClick={onBtnClick} {...others}>\r\n <InputFile ref={input} style={{ display: \"none\", ...style }} {...otherInputProps} />\r\n {children}\r\n </button>\r\n )\r\n})\r\n\r\n/** 专门用于读取 excel 的组件 */\r\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\r\n const { onChange, ...others } = props\r\n\r\n function onInputChange(data: InputFileData<ArrayBuffer>) {\r\n const wb = read(data.result)\r\n const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])\r\n if (typeof result === \"object\") {\r\n const $ = result.map(it => {\r\n const _: Record<string, string> = {}\r\n Object.keys(it)\r\n .filter(key => key !== \"__rowNum__\")\r\n .forEach(key => (_[key] = String(it[key])))\r\n return _\r\n })\r\n onChange?.($)\r\n }\r\n }\r\n\r\n return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={onInputChange} {...others} />\r\n})\r\n\r\n/** 手动导出 excel */\r\nexport function exportExcel(data: Record<string, string>[], name: string) {\r\n const workSheet = utils.json_to_sheet(data)\r\n const workBook = utils.book_new()\r\n utils.book_append_sheet(workBook, workSheet)\r\n writeFile(workBook, `${name}${name.endsWith(\".xlsx\") ? \"\" : \".xlsx\"}`)\r\n}\r\n\r\nexport interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n data: Record<string, string>[]\r\n fileName: string\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport const ExportExcel = forwardRef<HTMLButtonElement, ExportExcelProps>((props, ref) => {\r\n const { data, fileName, onClick, ...others } = props\r\n\r\n function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n exportExcel(data, fileName)\r\n onClick?.(e)\r\n }\r\n\r\n return <button ref={ref} onClick={onButtonClick} {...others} />\r\n})\r\n\r\nexport interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n containerClassName?: string\r\n containerStyle?: CSSProperties\r\n vertical?: boolean\r\n horizontal?: boolean\r\n time?: number\r\n}\r\n\r\n/** 尺寸渐变的组件 */\r\nexport const TransitionBox: FC<TransitionBoxProps> = props => {\r\n const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...others } = props\r\n const box = useRef<HTMLDivElement>(null)\r\n const [width, setWidth] = useState(0)\r\n const [height, setHeight] = useState(0)\r\n const [count, setCount] = useState(0)\r\n\r\n useEffect(() => {\r\n const observer = new ResizeObserver(entries => {\r\n const { width: currentWidth, height: currentHeight } = entries[0].contentRect\r\n setWidth(currentWidth)\r\n setHeight(currentHeight)\r\n })\r\n\r\n observer.observe(box.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n setCount(count => Math.min(count + 1, 3))\r\n }, [width, height])\r\n\r\n const outerStyle: CSSProperties = { transitionProperty: count === 3 ? [horizontal && \"width\", vertical && \"height\"].filter(Boolean).join(\", \") : undefined, transitionDuration: count === 3 ? `${time}ms` : undefined, width, height, overflow: \"hidden\", position: \"relative\", ...style }\r\n\r\n return (\r\n <div style={outerStyle} {...others}>\r\n <div className={containerClassName} style={{ position: \"absolute\", ...containerStyle }} ref={box}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface SeaRadarTarget {\r\n /** 半径 */\r\n radius: number\r\n /** 弧度 */\r\n angle: number\r\n /** 元素 */\r\n element: ReactNode\r\n}\r\n\r\nexport interface SeaRadarProps {\r\n /** 最小圆的半径 */\r\n unitRadius?: number\r\n /** 一共的全数 */\r\n circleCount?: number\r\n /** 角度分成多少份 */\r\n directionCount?: number\r\n /** 圈的宽度 */\r\n circleWidth?: number\r\n /** 圈的颜色 */\r\n circleColor: string\r\n /** 角度的宽度 */\r\n directionWidth?: number\r\n /** 角度颜色 */\r\n directionColor: string\r\n /** 背景色 */\r\n backgroundColor: string\r\n /** 扫描的颜色 */\r\n scanColor: string\r\n /** 扫描的弧度 */\r\n scanAngle?: number\r\n /** 扫描一周的时间,单位秒 */\r\n period?: number\r\n /** 目标列表 */\r\n targets?: SeaRadarTarget[]\r\n /** 展示圈 */\r\n showCircle?: boolean\r\n /** 展示方位 */\r\n showDirection?: boolean\r\n /** 展示刻度线 */\r\n showGraduationLine?: boolean\r\n /** 展示刻度文字 */\r\n showGraduationText?: boolean\r\n}\r\n\r\n/** 雷达组件 */\r\nexport const SeaRadar: FC<SeaRadarProps> = props => {\r\n const { unitRadius = 50, circleCount = 4, circleWidth = 1, circleColor, directionCount = 36, directionWidth = 1, directionColor, backgroundColor, scanColor, scanAngle = Math.PI / 6, period = 8, targets, showGraduationLine, showGraduationText, showCircle, showDirection } = props\r\n const style = { \"--unit-radius\": `${unitRadius}px`, \"--circle-count\": circleCount, \"--circle-width\": `${circleWidth}px`, \"--circle-color\": circleColor, \"--direction-count\": directionCount, \"--direction-width\": `${directionWidth}px`, \"--direction-color\": directionColor, \"--background-color\": backgroundColor, \"--scan-color\": scanColor, \"--period\": `${period}s` } as CSSProperties\r\n return (\r\n <div className=\"sea-radar-wrapper\" style={style}>\r\n {Array(180)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-little-graduation\" style={{ transform: `rotateZ(${2 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}></div>\r\n ))}\r\n {Array(36)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-graduation\" style={{ transform: `rotateZ(${10 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}>\r\n <span className=\"sea-radar-graduation-text\" style={{ display: showGraduationText ? \"block\" : \"none\" }}>\r\n {String(index * 10).padStart(3, \"0\")}\r\n </span>\r\n </div>\r\n ))}\r\n <div className=\"sea-radar\">\r\n <div className=\"sea-radar-scan\" style={{ height: `${unitRadius * circleCount * Math.tan(scanAngle)}px`, clipPath: `polygon(0 0, 0 100%, 100% 100%)` }}></div>\r\n {showCircle &&\r\n Array(circleCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-circle\" style={{ width: `${unitRadius * 2 * (index + 1)}px`, height: `${unitRadius * 2 * (index + 1)}px` }}></div>)}\r\n {showDirection &&\r\n Array(directionCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-direction\" style={{ transform: `rotateZ(${(360 / directionCount) * index}deg)` }}></div>)}\r\n {targets?.map(it => (\r\n <div className=\"sea-radar-target\" style={{ left: `${unitRadius * circleCount + it.radius * Math.cos(it.angle)}px`, bottom: `${unitRadius * circleCount + it.radius * Math.sin(it.angle)}px` }}>\r\n {it.element}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface RingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerWidth: number\r\n innerWidth: number\r\n}\r\n\r\n/** 忘了什么组件 */\r\nexport const Ring: FC<RingProps> = props => {\r\n const { outerWidth, innerWidth, style, ...leftProps } = props\r\n\r\n const outerRadius = outerWidth / 2\r\n\r\n const innerRadius = innerWidth / 2\r\n\r\n return <div style={{ ...style, width: `${outerWidth}px`, height: `${outerWidth}px`, clipPath: `path(\"M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z\")` }} {...leftProps} />\r\n}\r\n\r\nexport interface FlowSizeData {\r\n /** 容器宽度 */\r\n width: number\r\n /** 容器高度 */\r\n height: number\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap: number\r\n /** 列数 */\r\n columnCount: number\r\n /** 行间距 */\r\n rowGap: number\r\n /** 行数 */\r\n rowCount: number\r\n /** 元素格数 */\r\n itemCount: number\r\n /** 最大行数 */\r\n maxRows: number | null\r\n /** 是否有元素被隐藏 */\r\n overflow: boolean\r\n}\r\n\r\nexport interface FlowProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap?: number | null | (number | null)[]\r\n /** 行间距 */\r\n rowGap?: number\r\n /** 最大行数 */\r\n maxRows?: number | null\r\n /** 源数据 */\r\n data: T[]\r\n /** 渲染 */\r\n render: (item: T, index: number, hidden: boolean) => ReactNode\r\n /** key释放器,默认为 index */\r\n keyExactor?: (item: T, index: number) => string | number\r\n /** 容器类名 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n /** 节流时间,单位毫秒,默认200ms,传入 null 不节流 */\r\n throttle?: number | null\r\n /** 动画时间,单位毫秒,默认400ms,传入 null 不展示动画 */\r\n transitionDuration?: number | null\r\n /** 变化的回调函数 */\r\n onSizeChange?: (sizeData: FlowSizeData) => void\r\n}\r\n\r\nexport function getGapRange(gap?: undefined | number | null | (number | null)[]): [number, number | null] {\r\n if (typeof gap === \"number\") return [gap, gap]\r\n if (Array.isArray(gap)) return [gap[0] || 0, gap[1]]\r\n return [0, null]\r\n}\r\n\r\nexport function getGapCountAndSize(width: number, itemWidth: number, minGap: number, maxGap: number | null): [number, number] {\r\n const count = Math.floor((width + minGap) / (itemWidth + minGap)) || 1\r\n if (count === 1) return [count, 0]\r\n const averageGap = (width - itemWidth * count) / (count - 1)\r\n if (averageGap < minGap) return [count, minGap]\r\n if (maxGap !== null && averageGap > maxGap) return [count, maxGap]\r\n return [count, averageGap]\r\n}\r\n\r\n/** 自适应浮动组件 */\r\nexport function Flow<T>(props: FlowProps<T>) {\r\n const { itemWidth, itemHeight, columnGap, rowGap = 0, maxRows, data, render, keyExactor, className, style, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, ...others } = props\r\n const [minColumnGap, maxColumnGap] = getGapRange(columnGap)\r\n const [width, setWidth] = useState(0)\r\n const [columnCount, setColumnCount] = useState(1)\r\n const [columnGapSize, setColumnGapSize] = useState(minColumnGap)\r\n const [showItems, setShowItems] = useState(false)\r\n const ele = useRef<HTMLDivElement>(null)\r\n const contentRows = Math.ceil(data.length / columnCount)\r\n const contentShownRows = typeof maxRows === \"number\" ? Math.min(contentRows, maxRows) : contentRows\r\n const height = contentShownRows > 0 ? contentShownRows * (itemHeight + rowGap) - rowGap : 0\r\n\r\n interface Position {\r\n left: number\r\n top: number\r\n }\r\n\r\n function getPosition(index: number): Position {\r\n const y = Math.floor(index / columnCount)\r\n const x = index - y * columnCount\r\n return {\r\n left: x * (itemWidth + columnGapSize),\r\n top: y * (itemHeight + rowGap)\r\n }\r\n }\r\n\r\n function getHidden(index: number) {\r\n if (typeof maxRows !== \"number\") return false\r\n return index >= maxRows * columnCount\r\n }\r\n\r\n useEffect(() => {\r\n let timeout: number\r\n const observer = new ResizeObserver(entries => {\r\n clearTimeout(timeout)\r\n function task() {\r\n const { inlineSize: width } = entries[0].borderBoxSize[0]\r\n const [newColumnCount, newColumnGapSize] = getGapCountAndSize(width, itemWidth, minColumnGap, maxColumnGap)\r\n setShowItems(true)\r\n setWidth(width)\r\n setColumnCount(newColumnCount)\r\n setColumnGapSize(newColumnGapSize)\r\n }\r\n if (throttle === null) {\r\n task()\r\n } else {\r\n timeout = window.setTimeout(task, throttle || 200)\r\n }\r\n })\r\n observer.observe(ele.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [itemWidth, throttle, columnGap])\r\n\r\n useEffect(() => {\r\n onSizeChange?.({ width, height, itemWidth, itemHeight, columnGap: columnGapSize, columnCount, rowGap, rowCount: contentShownRows, overflow: data.length > contentShownRows * columnCount, itemCount: data.length, maxRows: maxRows ?? null })\r\n }, [width, height, columnGapSize, columnCount, rowGap, contentShownRows, data.length, itemWidth, itemHeight, maxRows])\r\n\r\n return (\r\n <div ref={ele} className={className} style={{ position: \"relative\", boxSizing: \"border-box\", height, ...style }} {...others}>\r\n {showItems &&\r\n data.map((it, idx) => (\r\n <div\r\n key={keyExactor?.(it, idx) || idx}\r\n className={containerClassName}\r\n style={{\r\n position: \"absolute\",\r\n width: itemWidth,\r\n height: itemHeight,\r\n transition: transitionDuration !== null ? `all ${transitionDuration ?? 400}ms` : undefined,\r\n ...getPosition(idx)\r\n }}>\r\n <div style={{ width: itemWidth, height: itemHeight, display: maxRows && idx >= maxRows * columnCount ? \"none\" : \"block\", ...containerStyle }}>{render(it, idx, getHidden(idx))}</div>\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {\r\n top: number\r\n bottom: number\r\n height: number\r\n borderRadius: number\r\n}\r\n\r\n/** 梯形组件 */\r\nexport const Trapezium = forwardRef<HTMLDivElement, TrapeziumProps>((props, ref) => {\r\n const { top, bottom, height, borderRadius, style, ...other } = props\r\n\r\n const diff = (bottom - top) / 2\r\n\r\n const a = Math.atan(height / diff) / 2\r\n\r\n const b = borderRadius / Math.tan(a)\r\n\r\n const c = b * Math.cos(a * 2)\r\n\r\n const d = b * Math.sin(a * 2)\r\n\r\n const e = Math.PI / 2 - a\r\n\r\n const f = borderRadius / Math.tan(e)\r\n\r\n const g = f * Math.cos(a * 2)\r\n\r\n const h = f * Math.sin(a * 2)\r\n\r\n return <div ref={ref} style={{ width: bottom, height, clipPath: `path(\"M ${diff + f} ${0} A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} ${0} Z\")`, ...style }} {...other} />\r\n})\r\n\r\nexport interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {\r\n direction?: \"horizontal\" | \"vertical\"\r\n reverse?: boolean\r\n period: number\r\n gap?: CSSProperties[\"gap\"]\r\n}\r\n\r\ncss`\r\n @keyframes deepsea-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(100%);\r\n }\r\n }\r\n @keyframes deepsea-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n }\r\n`\r\n\r\n/** 循环播放组件 */\r\nexport const LoopSwiper = forwardRef<HTMLDivElement, LoopSwiperProps>((props, ref) => {\r\n const { style, children, direction, period, reverse, gap, ...others } = props\r\n const wrapper = useRef<HTMLDivElement>(null)\r\n const container = useRef<HTMLDivElement>(null)\r\n const [swiper, setSwiper] = useState(false)\r\n const directionRef = useRef(direction)\r\n directionRef.current = direction\r\n const flexDirection: CSSProperties[\"flexDirection\"] = direction === \"vertical\" ? (reverse ? \"column-reverse\" : \"column\") : reverse ? \"row-reverse\" : \"row\"\r\n const animationName = swiper ? (direction === \"vertical\" ? (reverse ? \"deepsea-reverse-vertical-loop-swipe\" : \"deepsea-vertical-loop-swipe\") : reverse ? \"deepsea-reverse-horizontal-loop-swipe\" : \"deepsea-horizontal-loop-swipe\") : \"none\"\r\n const animationDuration = `${period}ms`\r\n const animationTimingFunction = \"linear\"\r\n const animationIterationCount = \"infinite\"\r\n\r\n useImperativeHandle(ref, () => wrapper.current!)\r\n\r\n useEffect(() => {\r\n const wrapperEle = wrapper.current!\r\n const containerEle = container.current!\r\n let wrapperWidth = 0\r\n let wrapperHeight = 0\r\n let containerWidth = 0\r\n let containerHeight = 0\r\n const observer = new ResizeObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.target === wrapperEle) {\r\n wrapperWidth = entry.contentRect.width\r\n wrapperHeight = entry.contentRect.height\r\n } else if (entry.target === containerEle) {\r\n containerWidth = entry.contentRect.width\r\n containerHeight = entry.contentRect.height\r\n }\r\n })\r\n setSwiper(directionRef.current === \"vertical\" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth)\r\n })\r\n observer.observe(wrapperEle)\r\n observer.observe(containerEle)\r\n }, [])\r\n\r\n return (\r\n <div ref={wrapper} style={{ display: \"flex\", flexDirection, gap, ...style }} {...others}>\r\n <div ref={container} style={{ display: \"flex\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>\r\n {children}\r\n </div>\r\n <div style={{ display: swiper ? \"flex\" : \"none\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>{children}</div>\r\n </div>\r\n )\r\n})\r\n\r\nexport interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerRadius: number\r\n innerRadius: number\r\n count: number\r\n angel: number\r\n}\r\n\r\nexport const SectionRing: FC<SectionRingProps> = props => {\r\n const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...others } = props\r\n\r\n const s = (Math.PI * 2) / c - a\r\n\r\n function arc(radius: number, startAngle: number, endAngle: number, options: DrawArcOptions = {}) {\r\n return drawArc(o, o, radius, startAngle, endAngle, options)\r\n }\r\n\r\n return (\r\n <div\r\n style={{\r\n ...style,\r\n width: o * 2,\r\n height: o * 2,\r\n clipPath: `path(\"${Array(c)\r\n .fill(0)\r\n .map((it, idx) => `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), { line: true, anticlockwise: true })}`)\r\n .join(\" \")} Z\")`\r\n }}\r\n {...others}\r\n />\r\n )\r\n}\r\n\r\nexport interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 当前数字 */\r\n children: number\r\n /** 变换周期,单位帧 */\r\n period: number\r\n /** 数字转换为字符串的方法 */\r\n numToStr?: (num: number) => string\r\n}\r\n\r\nexport interface TransitionNumIns {\r\n get(): number\r\n}\r\n\r\n/** 渐变数字组件 */\r\nexport const TransitionNum = forwardRef<TransitionNumIns, TransitionNumProps>((props, ref) => {\r\n const { children: num, period, numToStr, ...others } = props\r\n if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {\r\n throw new RangeError(\"目标数字必须是整数,周期必须是正整数\")\r\n }\r\n const ele = useRef<HTMLDivElement>(null)\r\n const cache = useRef({ num, period, numToStr, show: num })\r\n cache.current = { ...cache.current, num, period, numToStr }\r\n\r\n useImperativeHandle(ref, () => ({ get: () => cache.current.show }), [])\r\n\r\n useEffect(() => {\r\n const { num, period, show, numToStr } = cache.current\r\n ele.current!.innerText = (numToStr || String)(show)\r\n if (num === show) return\r\n const div = ele.current!\r\n const speed = (num - show) / period\r\n const cancel = setFrameInterval(() => {\r\n const { num, numToStr } = cache.current\r\n cache.current.show += speed\r\n if ((speed > 0 && cache.current.show > num) || (speed < 0 && cache.current.show < num)) {\r\n cancel()\r\n cache.current.show = num\r\n }\r\n div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show))\r\n }, 1)\r\n\r\n return cancel\r\n }, [num])\r\n\r\n return <div ref={ele} {...others} />\r\n})\r\n\r\nexport interface CircleTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\r\n /** 每一个方块的宽度 */\r\n width: number\r\n /** 每一个方块的高度 */\r\n height: number\r\n /** 圆弧的半径,不包含方块的高度 */\r\n radius: number\r\n /** 开始旋转的弧度,逆时针增加,0 为 x 轴方向 */\r\n startAngel?: number\r\n /** 每一个方块之间间隔的弧度 */\r\n gapAngel?: number\r\n /** 文字对齐的方式,默认居中 */\r\n align?: \"left\" | \"center\" | \"right\"\r\n /** 文字朝向圆心还是外侧,默认外侧 */\r\n direction?: \"inner\" | \"outer\"\r\n /** 是否反转文字顺序 */\r\n reverse?: boolean\r\n /** 分割文字的方法 */\r\n separator?: string | RegExp | ((text: string) => string[])\r\n /** 显示的文字 */\r\n children: string\r\n}\r\n\r\n/** 环形文字 */\r\nexport const CircleText: FC<CircleTextProps> = props => {\r\n const { width, height, radius, startAngel = 0, gapAngel = 0, align = \"center\", style, direction = \"outer\", reverse = false, separator, children, ...others } = props\r\n const unitAngle = Math.atan(width / 2 / radius) * 2\r\n const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel\r\n const offsetAngle = align === \"left\" ? 0 : align === \"right\" ? totalAngle : totalAngle / 2\r\n\r\n function getTransform(idx: number) {\r\n const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2\r\n const x = (radius + height / 2) * Math.cos(angle) - width / 2\r\n const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2\r\n const z = Math.PI / 2 - angle + (direction === \"inner\" ? Math.PI : 0)\r\n return `translateX(${x}px) translateY(${y}px) rotateZ(${(z / Math.PI) * 180}deg)`\r\n }\r\n\r\n const words = typeof separator === \"function\" ? separator(children) : children.split(separator ?? \"\")\r\n\r\n if (reverse) words.reverse()\r\n\r\n return (\r\n <Fragment>\r\n {words.map((w, idx) => (\r\n <span key={idx} style={{ position: \"absolute\", ...style, transform: getTransform(idx), textAlign: \"center\", width, lineHeight: `${height}px`, height: height }} {...others}>\r\n {w}\r\n </span>\r\n ))}\r\n </Fragment>\r\n )\r\n}\r\n\r\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\r\n /** 滑块宽度 */\r\n thumbWidth?: number\r\n}\r\n\r\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 滚动的配置 */\r\n options?: ScrollOptions\r\n /** 容器宽度 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n}\r\n\r\n/**\r\n * 滚动条组件\r\n * @description 注意 children 不是直接渲染在组件上的,而是渲染在内部的容器上\r\n */\r\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\r\n const { children, containerClassName, containerStyle, options, className, ...others } = props\r\n const { thumbWidth, ...scrollbarOptions } = options || {}\r\n const ele = useRef<HTMLDivElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n SmoothScrollBar.init(ele.current!, scrollbarOptions)\r\n }, [])\r\n\r\n return (\r\n <div\r\n ref={ele}\r\n className={clsx(\r\n !!thumbWidth &&\r\n css`\r\n .scrollbar-track.scrollbar-track-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-track.scrollbar-track-y {\r\n width: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-y {\r\n width: ${thumbWidth}px;\r\n }\r\n `,\r\n className\r\n )}\r\n {...others}>\r\n <div className={containerClassName} style={containerStyle}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n})\r\n\r\nexport const AutoSizeTextArea = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>((props, ref) => {\r\n const { style = {}, ...others } = props\r\n const { height, resize, overflowY, ...otherStyle } = style\r\n const ele = useRef<HTMLTextAreaElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n const textarea = ele.current!\r\n function resizeTextarea() {\r\n textarea.style.height = \"auto\"\r\n textarea.style.height = `${textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight}px`\r\n }\r\n textarea.addEventListener(\"input\", resizeTextarea)\r\n textarea.addEventListener(\"change\", resizeTextarea)\r\n\r\n return () => {\r\n textarea.removeEventListener(\"input\", resizeTextarea)\r\n textarea.removeEventListener(\"change\", resizeTextarea)\r\n }\r\n }, [])\r\n\r\n return <textarea ref={ele} style={{ ...otherStyle, resize: \"none\", overflowY: \"hidden\" }} {...others} />\r\n})\r\n\r\nexport interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 设计稿宽度,默认 1920 */\r\n width?: number\r\n /** 设计稿高度,默认 1080 */\r\n height?: number\r\n}\r\n\r\nexport const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) => {\r\n const { width = 1920, height = 1080, style, ...rest } = props\r\n const ele = useRef<HTMLDivElement>(null)\r\n useImperativeHandle(ref, () => ele.current!, [ele.current])\r\n useLayoutEffect(() => {\r\n const element = ele.current\r\n const parent = element?.parentElement\r\n if (!element || !parent) return\r\n function listener(entries: ResizeObserverEntry[]) {\r\n const entry = entries[0]\r\n const { contentRect } = entry\r\n const scale = Math.min(contentRect.width / width, contentRect.height / height)\r\n element?.style.setProperty(\"--scale\", scale.toString())\r\n }\r\n const observer = new ResizeObserver(listener)\r\n observer.observe(parent)\r\n return () => observer.disconnect()\r\n }, [ele.current?.parentElement, width, height])\r\n\r\n return <div ref={ele} style={{ position: \"absolute\", left: \"50%\", top: \"50%\", transform: `translateX(-50%) translateY(-50%) scale(var(--scale))`, width, height, ...style }} {...rest} />\r\n})\r\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["\"use client\"\r\nimport { css } from \"@emotion/css\"\r\nimport { DrawArcOptions, clsx, drawArc, setFrameInterval } from \"deepsea-tools\"\r\nimport { ButtonHTMLAttributes, CSSProperties, ChangeEvent, FC, Fragment, HTMLAttributes, InputHTMLAttributes, MouseEvent as ReactMouseEvent, ReactNode, TextareaHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from \"react\"\r\nimport SmoothScrollBar from \"smooth-scrollbar\"\r\nimport type { ScrollbarOptions } from \"smooth-scrollbar/interfaces\"\r\nimport { read, utils, writeFile } from \"xlsx\"\r\n\r\nexport interface InputFileDataTypes {\r\n base64: string\r\n text: string\r\n arrayBuffer: ArrayBuffer\r\n binary: string\r\n file: File\r\n}\r\n\r\nexport type InputFileDataType = keyof InputFileDataTypes\r\n\r\nexport interface InputFileData<T> {\r\n result: T\r\n file: File\r\n}\r\n\r\nexport type InputFileProps = (\r\n | {\r\n multiple?: false\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>[]) => void\r\n }\r\n) &\r\n Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\r\n /** 是否在捕获文件后清除 input 上的文件,默认为 false,主要区别在于如果不清除,连续两次选择同样的文件不会触发 onChange 事件,如果用于 form 表单,请设置为 flase */\r\n clearAfterChange?: boolean\r\n }\r\n\r\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\r\n const fileReader = new FileReader()\r\n switch (type) {\r\n case \"arrayBuffer\":\r\n fileReader.readAsArrayBuffer(file)\r\n break\r\n case \"binary\":\r\n fileReader.readAsBinaryString(file)\r\n break\r\n case \"base64\":\r\n fileReader.readAsDataURL(file)\r\n break\r\n case \"text\":\r\n fileReader.readAsText(file)\r\n break\r\n default:\r\n return file as any\r\n }\r\n return new Promise(resolve => {\r\n fileReader.addEventListener(\"load\", () => {\r\n resolve(fileReader.result as any)\r\n })\r\n })\r\n}\r\n\r\n/** 专用于读取文件的组件 */\r\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\r\n const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...others } = props\r\n const [disabled, setDisabled] = useState(false)\r\n\r\n async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\r\n const input = e.target\r\n const { files } = input\r\n if (!files || files.length === 0) return\r\n setDisabled(true)\r\n try {\r\n if (multiple) {\r\n const result: any[] = []\r\n for (const file of Array.from(files)) {\r\n result.push({\r\n result: await getFileData(file, type),\r\n file\r\n })\r\n }\r\n onChange?.(result as any)\r\n } else {\r\n onChange?.({\r\n result: await getFileData(files[0], type),\r\n file: files[0]\r\n } as any)\r\n }\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n } catch (error) {\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n throw error\r\n }\r\n }\r\n\r\n return <input disabled={disabled && inputDisabled} ref={ref} type=\"file\" multiple={multiple} onChange={onInputChange} {...others} />\r\n})\r\n\r\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\r\n onChange?: (data: Record<string, string>[]) => void\r\n}\r\n\r\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\r\n input: InputFileProps\r\n}\r\n\r\n/** 专用于读取文件的 button 组件 */\r\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\r\n const { onClick, children, input: inputProps, ...others } = props\r\n const { style, ...otherInputProps } = inputProps\r\n const input = useRef<HTMLInputElement>(null)\r\n\r\n function onBtnClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n input.current?.click()\r\n onClick?.(e)\r\n }\r\n\r\n return (\r\n <button ref={ref} type=\"button\" onClick={onBtnClick} {...others}>\r\n <InputFile ref={input} style={{ display: \"none\", ...style }} {...otherInputProps} />\r\n {children}\r\n </button>\r\n )\r\n})\r\n\r\n/** 专门用于读取 excel 的组件 */\r\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\r\n const { onChange, ...others } = props\r\n\r\n function onInputChange(data: InputFileData<ArrayBuffer>) {\r\n const wb = read(data.result)\r\n const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])\r\n if (typeof result === \"object\") {\r\n const $ = result.map(it => {\r\n const _: Record<string, string> = {}\r\n Object.keys(it)\r\n .filter(key => key !== \"__rowNum__\")\r\n .forEach(key => (_[key] = String(it[key])))\r\n return _\r\n })\r\n onChange?.($)\r\n }\r\n }\r\n\r\n return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={onInputChange} {...others} />\r\n})\r\n\r\n/** 手动导出 excel */\r\nexport function exportExcel(data: Record<string, string>[], name: string) {\r\n const workSheet = utils.json_to_sheet(data)\r\n const workBook = utils.book_new()\r\n utils.book_append_sheet(workBook, workSheet)\r\n writeFile(workBook, `${name}${name.endsWith(\".xlsx\") ? \"\" : \".xlsx\"}`)\r\n}\r\n\r\nexport interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n data: Record<string, string>[]\r\n fileName: string\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport const ExportExcel = forwardRef<HTMLButtonElement, ExportExcelProps>((props, ref) => {\r\n const { data, fileName, onClick, ...others } = props\r\n\r\n function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n exportExcel(data, fileName)\r\n onClick?.(e)\r\n }\r\n\r\n return <button ref={ref} onClick={onButtonClick} {...others} />\r\n})\r\n\r\nexport interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n containerClassName?: string\r\n containerStyle?: CSSProperties\r\n vertical?: boolean\r\n horizontal?: boolean\r\n time?: number\r\n}\r\n\r\n/** 尺寸渐变的组件 */\r\nexport const TransitionBox: FC<TransitionBoxProps> = props => {\r\n const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...others } = props\r\n const box = useRef<HTMLDivElement>(null)\r\n const [width, setWidth] = useState(0)\r\n const [height, setHeight] = useState(0)\r\n const [count, setCount] = useState(0)\r\n\r\n useEffect(() => {\r\n const observer = new ResizeObserver(entries => {\r\n const { width: currentWidth, height: currentHeight } = entries[0].contentRect\r\n setWidth(currentWidth)\r\n setHeight(currentHeight)\r\n })\r\n\r\n observer.observe(box.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n setCount(count => Math.min(count + 1, 3))\r\n }, [width, height])\r\n\r\n const outerStyle: CSSProperties = { transitionProperty: count === 3 ? [horizontal && \"width\", vertical && \"height\"].filter(Boolean).join(\", \") : undefined, transitionDuration: count === 3 ? `${time}ms` : undefined, width, height, overflow: \"hidden\", position: \"relative\", ...style }\r\n\r\n return (\r\n <div style={outerStyle} {...others}>\r\n <div className={containerClassName} style={{ position: \"absolute\", ...containerStyle }} ref={box}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface SeaRadarTarget {\r\n /** 半径 */\r\n radius: number\r\n /** 弧度 */\r\n angle: number\r\n /** 元素 */\r\n element: ReactNode\r\n}\r\n\r\nexport interface SeaRadarProps {\r\n /** 最小圆的半径 */\r\n unitRadius?: number\r\n /** 一共的全数 */\r\n circleCount?: number\r\n /** 角度分成多少份 */\r\n directionCount?: number\r\n /** 圈的宽度 */\r\n circleWidth?: number\r\n /** 圈的颜色 */\r\n circleColor: string\r\n /** 角度的宽度 */\r\n directionWidth?: number\r\n /** 角度颜色 */\r\n directionColor: string\r\n /** 背景色 */\r\n backgroundColor: string\r\n /** 扫描的颜色 */\r\n scanColor: string\r\n /** 扫描的弧度 */\r\n scanAngle?: number\r\n /** 扫描一周的时间,单位秒 */\r\n period?: number\r\n /** 目标列表 */\r\n targets?: SeaRadarTarget[]\r\n /** 展示圈 */\r\n showCircle?: boolean\r\n /** 展示方位 */\r\n showDirection?: boolean\r\n /** 展示刻度线 */\r\n showGraduationLine?: boolean\r\n /** 展示刻度文字 */\r\n showGraduationText?: boolean\r\n}\r\n\r\n/** 雷达组件 */\r\nexport const SeaRadar: FC<SeaRadarProps> = props => {\r\n const { unitRadius = 50, circleCount = 4, circleWidth = 1, circleColor, directionCount = 36, directionWidth = 1, directionColor, backgroundColor, scanColor, scanAngle = Math.PI / 6, period = 8, targets, showGraduationLine, showGraduationText, showCircle, showDirection } = props\r\n const style = { \"--unit-radius\": `${unitRadius}px`, \"--circle-count\": circleCount, \"--circle-width\": `${circleWidth}px`, \"--circle-color\": circleColor, \"--direction-count\": directionCount, \"--direction-width\": `${directionWidth}px`, \"--direction-color\": directionColor, \"--background-color\": backgroundColor, \"--scan-color\": scanColor, \"--period\": `${period}s` } as CSSProperties\r\n return (\r\n <div className=\"sea-radar-wrapper\" style={style}>\r\n {Array(180)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-little-graduation\" style={{ transform: `rotateZ(${2 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}></div>\r\n ))}\r\n {Array(36)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-graduation\" style={{ transform: `rotateZ(${10 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}>\r\n <span className=\"sea-radar-graduation-text\" style={{ display: showGraduationText ? \"block\" : \"none\" }}>\r\n {String(index * 10).padStart(3, \"0\")}\r\n </span>\r\n </div>\r\n ))}\r\n <div className=\"sea-radar\">\r\n <div className=\"sea-radar-scan\" style={{ height: `${unitRadius * circleCount * Math.tan(scanAngle)}px`, clipPath: `polygon(0 0, 0 100%, 100% 100%)` }}></div>\r\n {showCircle &&\r\n Array(circleCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-circle\" style={{ width: `${unitRadius * 2 * (index + 1)}px`, height: `${unitRadius * 2 * (index + 1)}px` }}></div>)}\r\n {showDirection &&\r\n Array(directionCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-direction\" style={{ transform: `rotateZ(${(360 / directionCount) * index}deg)` }}></div>)}\r\n {targets?.map(it => (\r\n <div className=\"sea-radar-target\" style={{ left: `${unitRadius * circleCount + it.radius * Math.cos(it.angle)}px`, bottom: `${unitRadius * circleCount + it.radius * Math.sin(it.angle)}px` }}>\r\n {it.element}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface RingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerWidth: number\r\n innerWidth: number\r\n}\r\n\r\n/** 忘了什么组件 */\r\nexport const Ring: FC<RingProps> = props => {\r\n const { outerWidth, innerWidth, style, ...leftProps } = props\r\n\r\n const outerRadius = outerWidth / 2\r\n\r\n const innerRadius = innerWidth / 2\r\n\r\n return <div style={{ ...style, width: `${outerWidth}px`, height: `${outerWidth}px`, clipPath: `path(\"M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z\")` }} {...leftProps} />\r\n}\r\n\r\nexport interface FlowSizeData {\r\n /** 容器宽度 */\r\n width: number\r\n /** 容器高度 */\r\n height: number\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap: number\r\n /** 列数 */\r\n columnCount: number\r\n /** 行间距 */\r\n rowGap: number\r\n /** 行数 */\r\n rowCount: number\r\n /** 元素格数 */\r\n itemCount: number\r\n /** 最大行数 */\r\n maxRows: number | null\r\n /** 是否有元素被隐藏 */\r\n overflow: boolean\r\n}\r\n\r\nexport interface FlowProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap?: number | null | (number | null)[]\r\n /** 行间距 */\r\n rowGap?: number\r\n /** 最大行数 */\r\n maxRows?: number | null\r\n /** 源数据 */\r\n data: T[]\r\n /** 渲染 */\r\n render: (item: T, index: number, hidden: boolean) => ReactNode\r\n /** key释放器,默认为 index */\r\n keyExactor?: (item: T, index: number) => string | number\r\n /** 容器类名 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n /** 节流时间,单位毫秒,默认200ms,传入 null 不节流 */\r\n throttle?: number | null\r\n /** 动画时间,单位毫秒,默认400ms,传入 null 不展示动画 */\r\n transitionDuration?: number | null\r\n /** 变化的回调函数 */\r\n onSizeChange?: (sizeData: FlowSizeData) => void\r\n}\r\n\r\nexport function getGapRange(gap?: undefined | number | null | (number | null)[]): [number, number | null] {\r\n if (typeof gap === \"number\") return [gap, gap]\r\n if (Array.isArray(gap)) return [gap[0] || 0, gap[1]]\r\n return [0, null]\r\n}\r\n\r\nexport function getGapCountAndSize(width: number, itemWidth: number, minGap: number, maxGap: number | null): [number, number] {\r\n const count = Math.floor((width + minGap) / (itemWidth + minGap)) || 1\r\n if (count === 1) return [count, 0]\r\n const averageGap = (width - itemWidth * count) / (count - 1)\r\n if (averageGap < minGap) return [count, minGap]\r\n if (maxGap !== null && averageGap > maxGap) return [count, maxGap]\r\n return [count, averageGap]\r\n}\r\n\r\n/** 自适应浮动组件 */\r\nexport function Flow<T>(props: FlowProps<T>) {\r\n const { itemWidth, itemHeight, columnGap, rowGap = 0, maxRows, data, render, keyExactor, className, style, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, ...others } = props\r\n const [minColumnGap, maxColumnGap] = getGapRange(columnGap)\r\n const [width, setWidth] = useState(0)\r\n const [columnCount, setColumnCount] = useState(1)\r\n const [columnGapSize, setColumnGapSize] = useState(minColumnGap)\r\n const [showItems, setShowItems] = useState(false)\r\n const ele = useRef<HTMLDivElement>(null)\r\n const contentRows = Math.ceil(data.length / columnCount)\r\n const contentShownRows = typeof maxRows === \"number\" ? Math.min(contentRows, maxRows) : contentRows\r\n const height = contentShownRows > 0 ? contentShownRows * (itemHeight + rowGap) - rowGap : 0\r\n\r\n interface Position {\r\n left: number\r\n top: number\r\n }\r\n\r\n function getPosition(index: number): Position {\r\n const y = Math.floor(index / columnCount)\r\n const x = index - y * columnCount\r\n return {\r\n left: x * (itemWidth + columnGapSize),\r\n top: y * (itemHeight + rowGap)\r\n }\r\n }\r\n\r\n function getHidden(index: number) {\r\n if (typeof maxRows !== \"number\") return false\r\n return index >= maxRows * columnCount\r\n }\r\n\r\n useEffect(() => {\r\n let timeout: number\r\n const observer = new ResizeObserver(entries => {\r\n clearTimeout(timeout)\r\n function task() {\r\n const { inlineSize: width } = entries[0].borderBoxSize[0]\r\n const [newColumnCount, newColumnGapSize] = getGapCountAndSize(width, itemWidth, minColumnGap, maxColumnGap)\r\n setShowItems(true)\r\n setWidth(width)\r\n setColumnCount(newColumnCount)\r\n setColumnGapSize(newColumnGapSize)\r\n }\r\n if (throttle === null) {\r\n task()\r\n } else {\r\n timeout = window.setTimeout(task, throttle || 200)\r\n }\r\n })\r\n observer.observe(ele.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [itemWidth, throttle, columnGap])\r\n\r\n useEffect(() => {\r\n onSizeChange?.({ width, height, itemWidth, itemHeight, columnGap: columnGapSize, columnCount, rowGap, rowCount: contentShownRows, overflow: data.length > contentShownRows * columnCount, itemCount: data.length, maxRows: maxRows ?? null })\r\n }, [width, height, columnGapSize, columnCount, rowGap, contentShownRows, data.length, itemWidth, itemHeight, maxRows])\r\n\r\n return (\r\n <div ref={ele} className={className} style={{ position: \"relative\", boxSizing: \"border-box\", height, ...style }} {...others}>\r\n {showItems &&\r\n data.map((it, idx) => (\r\n <div\r\n key={keyExactor?.(it, idx) || idx}\r\n className={containerClassName}\r\n style={{\r\n position: \"absolute\",\r\n width: itemWidth,\r\n height: itemHeight,\r\n transition: transitionDuration !== null ? `all ${transitionDuration ?? 400}ms` : undefined,\r\n ...getPosition(idx)\r\n }}>\r\n <div style={{ width: itemWidth, height: itemHeight, display: maxRows && idx >= maxRows * columnCount ? \"none\" : \"block\", ...containerStyle }}>{render(it, idx, getHidden(idx))}</div>\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {\r\n top: number\r\n bottom: number\r\n height: number\r\n borderRadius: number\r\n}\r\n\r\n/** 梯形组件 */\r\nexport const Trapezium = forwardRef<HTMLDivElement, TrapeziumProps>((props, ref) => {\r\n const { top, bottom, height, borderRadius, style, ...other } = props\r\n\r\n const diff = (bottom - top) / 2\r\n\r\n const a = Math.atan(height / diff) / 2\r\n\r\n const b = borderRadius / Math.tan(a)\r\n\r\n const c = b * Math.cos(a * 2)\r\n\r\n const d = b * Math.sin(a * 2)\r\n\r\n const e = Math.PI / 2 - a\r\n\r\n const f = borderRadius / Math.tan(e)\r\n\r\n const g = f * Math.cos(a * 2)\r\n\r\n const h = f * Math.sin(a * 2)\r\n\r\n return <div ref={ref} style={{ width: bottom, height, clipPath: `path(\"M ${diff + f} ${0} A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} ${0} Z\")`, ...style }} {...other} />\r\n})\r\n\r\nexport interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {\r\n direction?: \"horizontal\" | \"vertical\"\r\n reverse?: boolean\r\n period: number\r\n gap?: CSSProperties[\"gap\"]\r\n}\r\n\r\ncss`\r\n @keyframes deepsea-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(100%);\r\n }\r\n }\r\n @keyframes deepsea-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n }\r\n`\r\n\r\n/** 循环播放组件 */\r\nexport const LoopSwiper = forwardRef<HTMLDivElement, LoopSwiperProps>((props, ref) => {\r\n const { style, children, direction, period, reverse, gap, ...others } = props\r\n const wrapper = useRef<HTMLDivElement>(null)\r\n const container = useRef<HTMLDivElement>(null)\r\n const [swiper, setSwiper] = useState(false)\r\n const directionRef = useRef(direction)\r\n directionRef.current = direction\r\n const flexDirection: CSSProperties[\"flexDirection\"] = direction === \"vertical\" ? (reverse ? \"column-reverse\" : \"column\") : reverse ? \"row-reverse\" : \"row\"\r\n const animationName = swiper ? (direction === \"vertical\" ? (reverse ? \"deepsea-reverse-vertical-loop-swipe\" : \"deepsea-vertical-loop-swipe\") : reverse ? \"deepsea-reverse-horizontal-loop-swipe\" : \"deepsea-horizontal-loop-swipe\") : \"none\"\r\n const animationDuration = `${period}ms`\r\n const animationTimingFunction = \"linear\"\r\n const animationIterationCount = \"infinite\"\r\n\r\n useImperativeHandle(ref, () => wrapper.current!)\r\n\r\n useEffect(() => {\r\n const wrapperEle = wrapper.current!\r\n const containerEle = container.current!\r\n let wrapperWidth = 0\r\n let wrapperHeight = 0\r\n let containerWidth = 0\r\n let containerHeight = 0\r\n const observer = new ResizeObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.target === wrapperEle) {\r\n wrapperWidth = entry.contentRect.width\r\n wrapperHeight = entry.contentRect.height\r\n } else if (entry.target === containerEle) {\r\n containerWidth = entry.contentRect.width\r\n containerHeight = entry.contentRect.height\r\n }\r\n })\r\n setSwiper(directionRef.current === \"vertical\" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth)\r\n })\r\n observer.observe(wrapperEle)\r\n observer.observe(containerEle)\r\n }, [])\r\n\r\n return (\r\n <div ref={wrapper} style={{ display: \"flex\", flexDirection, gap, ...style }} {...others}>\r\n <div ref={container} style={{ display: \"flex\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>\r\n {children}\r\n </div>\r\n <div style={{ display: swiper ? \"flex\" : \"none\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>{children}</div>\r\n </div>\r\n )\r\n})\r\n\r\nexport interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerRadius: number\r\n innerRadius: number\r\n count: number\r\n angel: number\r\n}\r\n\r\nexport const SectionRing: FC<SectionRingProps> = props => {\r\n const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...others } = props\r\n\r\n const s = (Math.PI * 2) / c - a\r\n\r\n function arc(radius: number, startAngle: number, endAngle: number, options: DrawArcOptions = {}) {\r\n return drawArc(o, o, radius, startAngle, endAngle, options)\r\n }\r\n\r\n return (\r\n <div\r\n style={{\r\n ...style,\r\n width: o * 2,\r\n height: o * 2,\r\n clipPath: `path(\"${Array(c)\r\n .fill(0)\r\n .map((it, idx) => `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), { line: true, anticlockwise: true })}`)\r\n .join(\" \")} Z\")`\r\n }}\r\n {...others}\r\n />\r\n )\r\n}\r\n\r\nexport interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 当前数字 */\r\n children: number\r\n /** 变换周期,单位帧 */\r\n period: number\r\n /** 数字转换为字符串的方法 */\r\n numToStr?: (num: number) => string\r\n}\r\n\r\nexport interface TransitionNumIns {\r\n get(): number\r\n}\r\n\r\n/** 渐变数字组件 */\r\nexport const TransitionNum = forwardRef<TransitionNumIns, TransitionNumProps>((props, ref) => {\r\n const { children: num, period, numToStr, ...others } = props\r\n if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {\r\n throw new RangeError(\"目标数字必须是整数,周期必须是正整数\")\r\n }\r\n const ele = useRef<HTMLDivElement>(null)\r\n const cache = useRef({ num, period, numToStr, show: num })\r\n cache.current = { ...cache.current, num, period, numToStr }\r\n\r\n useImperativeHandle(ref, () => ({ get: () => cache.current.show }), [])\r\n\r\n useEffect(() => {\r\n const { num, period, show, numToStr } = cache.current\r\n ele.current!.innerText = (numToStr || String)(show)\r\n if (num === show) return\r\n const div = ele.current!\r\n const speed = (num - show) / period\r\n const cancel = setFrameInterval(() => {\r\n const { num, numToStr } = cache.current\r\n cache.current.show += speed\r\n if ((speed > 0 && cache.current.show > num) || (speed < 0 && cache.current.show < num)) {\r\n cancel()\r\n cache.current.show = num\r\n }\r\n div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show))\r\n }, 1)\r\n\r\n return cancel\r\n }, [num])\r\n\r\n return <div ref={ele} {...others} />\r\n})\r\n\r\nexport interface CircleTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\r\n /** 每一个方块的宽度 */\r\n width: number\r\n /** 每一个方块的高度 */\r\n height: number\r\n /** 圆弧的半径,不包含方块的高度 */\r\n radius: number\r\n /** 开始旋转的弧度,逆时针增加,0 为 x 轴方向 */\r\n startAngel?: number\r\n /** 每一个方块之间间隔的弧度 */\r\n gapAngel?: number\r\n /** 文字对齐的方式,默认居中 */\r\n align?: \"left\" | \"center\" | \"right\"\r\n /** 文字朝向圆心还是外侧,默认外侧 */\r\n direction?: \"inner\" | \"outer\"\r\n /** 是否反转文字顺序 */\r\n reverse?: boolean\r\n /** 分割文字的方法 */\r\n separator?: string | RegExp | ((text: string) => string[])\r\n /** 显示的文字 */\r\n children: string\r\n}\r\n\r\n/** 环形文字 */\r\nexport const CircleText: FC<CircleTextProps> = props => {\r\n const { width, height, radius, startAngel = 0, gapAngel = 0, align = \"center\", style, direction = \"outer\", reverse = false, separator, children, ...others } = props\r\n const unitAngle = Math.atan(width / 2 / radius) * 2\r\n const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel\r\n const offsetAngle = align === \"left\" ? 0 : align === \"right\" ? totalAngle : totalAngle / 2\r\n\r\n function getTransform(idx: number) {\r\n const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2\r\n const x = (radius + height / 2) * Math.cos(angle) - width / 2\r\n const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2\r\n const z = Math.PI / 2 - angle + (direction === \"inner\" ? Math.PI : 0)\r\n return `translateX(${x}px) translateY(${y}px) rotateZ(${(z / Math.PI) * 180}deg)`\r\n }\r\n\r\n const words = typeof separator === \"function\" ? separator(children) : children.split(separator ?? \"\")\r\n\r\n if (reverse) words.reverse()\r\n\r\n return (\r\n <Fragment>\r\n {words.map((w, idx) => (\r\n <span key={idx} style={{ position: \"absolute\", ...style, transform: getTransform(idx), textAlign: \"center\", width, lineHeight: `${height}px`, height: height }} {...others}>\r\n {w}\r\n </span>\r\n ))}\r\n </Fragment>\r\n )\r\n}\r\n\r\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\r\n /** 滑块宽度 */\r\n thumbWidth?: number\r\n}\r\n\r\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 滚动的配置 */\r\n options?: ScrollOptions\r\n /** 容器宽度 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n}\r\n\r\n/**\r\n * 滚动条组件\r\n * @description 注意 children 不是直接渲染在组件上的,而是渲染在内部的容器上\r\n */\r\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\r\n const { children, containerClassName, containerStyle, options, className, ...others } = props\r\n const { thumbWidth, ...scrollbarOptions } = options || {}\r\n const ele = useRef<HTMLDivElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n SmoothScrollBar.init(ele.current!, scrollbarOptions)\r\n }, [])\r\n\r\n return (\r\n <div\r\n ref={ele}\r\n className={clsx(\r\n !!thumbWidth &&\r\n css`\r\n .scrollbar-track.scrollbar-track-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-track.scrollbar-track-y {\r\n width: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-y {\r\n width: ${thumbWidth}px;\r\n }\r\n `,\r\n className\r\n )}\r\n {...others}>\r\n <div className={containerClassName} style={containerStyle}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n})\r\n\r\nexport const AutoSizeTextArea = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>((props, ref) => {\r\n const { style = {}, ...others } = props\r\n const { height, resize, overflowY, ...otherStyle } = style\r\n const ele = useRef<HTMLTextAreaElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n const textarea = ele.current!\r\n function resizeTextarea() {\r\n textarea.style.height = \"auto\"\r\n textarea.style.height = `${textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight}px`\r\n }\r\n textarea.addEventListener(\"input\", resizeTextarea)\r\n textarea.addEventListener(\"change\", resizeTextarea)\r\n\r\n return () => {\r\n textarea.removeEventListener(\"input\", resizeTextarea)\r\n textarea.removeEventListener(\"change\", resizeTextarea)\r\n }\r\n }, [])\r\n\r\n return <textarea ref={ele} style={{ ...otherStyle, resize: \"none\", overflowY: \"hidden\" }} {...others} />\r\n})\r\n\r\nexport interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 设计稿宽度,默认 1920 */\r\n width?: number\r\n /** 设计稿高度,默认 1080 */\r\n height?: number\r\n}\r\n\r\n/** \r\n * 自适应缩放组件\r\n * \r\n * 注意:\r\n * 1. 父元素必须设置 position: relative 或者其他非 static 的 position\r\n * 2. 不要设置元素的 position、left、top、transform 属性\r\n * 3. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示\r\n * 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: \"none\" }} />\r\n */\r\nexport const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) => {\r\n const { width = 1920, height = 1080, style, ...rest } = props\r\n const ele = useRef<HTMLDivElement>(null)\r\n const [show, setShow] = useState(false)\r\n useImperativeHandle(ref, () => ele.current!, [ele.current])\r\n useLayoutEffect(() => {\r\n const element = ele.current\r\n const parent = element?.parentElement\r\n if (!element || !parent) return\r\n function listener(entries: ResizeObserverEntry[]) {\r\n const entry = entries[0]\r\n const { contentRect } = entry\r\n const scale = Math.min(contentRect.width / width, contentRect.height / height)\r\n element?.style.setProperty(\"--scale\", scale.toString())\r\n setShow(true)\r\n }\r\n const observer = new ResizeObserver(listener)\r\n observer.observe(parent)\r\n return () => observer.disconnect()\r\n }, [ele.current?.parentElement, width, height])\r\n\r\n if (!show) return <div ref={ele} style={{ display: \"none\" }} />\r\n\r\n return <div ref={ele} style={{ position: \"absolute\", left: \"50%\", top: \"50%\", transform: `translateX(-50%) translateY(-50%) scale(var(--scale))`, width, height, ...style }} {...rest} />\r\n})\r\n"],
5
+ "mappings": "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",
6
6
  "names": ["count", "width", "num", "period", "numToStr", "SmoothScrollBar"]
7
7
  }
@@ -262,4 +262,13 @@ export interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {
262
262
  /** 设计稿高度,默认 1080 */
263
263
  height?: number;
264
264
  }
265
+ /**
266
+ * 自适应缩放组件
267
+ *
268
+ * 注意:
269
+ * 1. 父元素必须设置 position: relative 或者其他非 static 的 position
270
+ * 2. 不要设置元素的 position、left、top、transform 属性
271
+ * 3. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示
272
+ * 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: "none" }} />
273
+ */
265
274
  export declare const AutoFit: import("react").ForwardRefExoticComponent<AutoFitProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/esm/index.js CHANGED
@@ -810,6 +810,15 @@ export const AutoSizeTextArea = /*#__PURE__*/forwardRef((props, ref) => {
810
810
  ...others
811
811
  });
812
812
  });
813
+ /**
814
+ * 自适应缩放组件
815
+ *
816
+ * 注意:
817
+ * 1. 父元素必须设置 position: relative 或者其他非 static 的 position
818
+ * 2. 不要设置元素的 position、left、top、transform 属性
819
+ * 3. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示
820
+ * 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: "none" }} />
821
+ */
813
822
  export const AutoFit = /*#__PURE__*/forwardRef((props, ref) => {
814
823
  const {
815
824
  width = 1920,
@@ -818,6 +827,7 @@ export const AutoFit = /*#__PURE__*/forwardRef((props, ref) => {
818
827
  ...rest
819
828
  } = props;
820
829
  const ele = useRef(null);
830
+ const [show, setShow] = useState(false);
821
831
  useImperativeHandle(ref, () => ele.current, [ele.current]);
822
832
  useLayoutEffect(() => {
823
833
  const element = ele.current;
@@ -830,11 +840,18 @@ export const AutoFit = /*#__PURE__*/forwardRef((props, ref) => {
830
840
  } = entry;
831
841
  const scale = Math.min(contentRect.width / width, contentRect.height / height);
832
842
  element?.style.setProperty("--scale", scale.toString());
843
+ setShow(true);
833
844
  }
834
845
  const observer = new ResizeObserver(listener);
835
846
  observer.observe(parent);
836
847
  return () => observer.disconnect();
837
848
  }, [ele.current?.parentElement, width, height]);
849
+ if (!show) return /*#__PURE__*/_jsx("div", {
850
+ ref: ele,
851
+ style: {
852
+ display: "none"
853
+ }
854
+ });
838
855
  return /*#__PURE__*/_jsx("div", {
839
856
  ref: ele,
840
857
  style: {
@@ -1 +1 @@
1
- {"version":3,"names":["css","clsx","drawArc","setFrameInterval","Fragment","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","SmoothScrollBar","read","utils","writeFile","jsx","_jsx","jsxs","_jsxs","getFileData","file","type","fileReader","FileReader","readAsArrayBuffer","readAsBinaryString","readAsDataURL","readAsText","Promise","resolve","addEventListener","result","InputFile","props","ref","multiple","onChange","disabled","inputDisabled","clearAfterChange","others","setDisabled","onInputChange","e","input","target","files","length","Array","from","push","value","error","InputFileButton","onClick","children","inputProps","style","otherInputProps","onBtnClick","current","click","display","ImportExcel","data","wb","sheet_to_json","Sheets","SheetNames","$","map","it","_","Object","keys","filter","key","forEach","String","accept","exportExcel","name","workSheet","json_to_sheet","workBook","book_new","book_append_sheet","endsWith","ExportExcel","fileName","onButtonClick","TransitionBox","containerClassName","containerStyle","vertical","horizontal","time","box","width","setWidth","height","setHeight","count","setCount","observer","ResizeObserver","entries","currentWidth","currentHeight","contentRect","observe","disconnect","Math","min","outerStyle","transitionProperty","Boolean","join","undefined","transitionDuration","overflow","position","className","SeaRadar","unitRadius","circleCount","circleWidth","circleColor","directionCount","directionWidth","directionColor","backgroundColor","scanColor","scanAngle","PI","period","targets","showGraduationLine","showGraduationText","showCircle","showDirection","fill","index","transform","padStart","tan","clipPath","left","radius","cos","angle","bottom","sin","element","Ring","outerWidth","innerWidth","leftProps","outerRadius","innerRadius","getGapRange","gap","isArray","getGapCountAndSize","itemWidth","minGap","maxGap","floor","averageGap","Flow","itemHeight","columnGap","rowGap","maxRows","render","keyExactor","throttle","onSizeChange","minColumnGap","maxColumnGap","columnCount","setColumnCount","columnGapSize","setColumnGapSize","showItems","setShowItems","ele","contentRows","ceil","contentShownRows","getPosition","y","x","top","getHidden","timeout","clearTimeout","task","inlineSize","borderBoxSize","newColumnCount","newColumnGapSize","window","setTimeout","rowCount","itemCount","boxSizing","idx","transition","Trapezium","borderRadius","other","diff","a","atan","b","c","d","f","g","h","LoopSwiper","direction","reverse","wrapper","container","swiper","setSwiper","directionRef","flexDirection","animationName","animationDuration","animationTimingFunction","animationIterationCount","wrapperEle","containerEle","wrapperWidth","wrapperHeight","containerWidth","containerHeight","entry","SectionRing","o","i","angel","s","arc","startAngle","endAngle","options","line","anticlockwise","TransitionNum","num","numToStr","Number","isInteger","RangeError","cache","show","get","innerText","div","speed","cancel","CircleText","startAngel","gapAngel","align","separator","unitAngle","totalAngle","offsetAngle","getTransform","z","words","split","w","textAlign","lineHeight","Scroll","thumbWidth","scrollbarOptions","init","AutoSizeTextArea","resize","overflowY","otherStyle","textarea","resizeTextarea","scrollHeight","offsetHeight","clientHeight","removeEventListener","AutoFit","rest","parent","parentElement","listener","scale","setProperty","toString"],"sources":["../../src/index.tsx"],"sourcesContent":["\"use client\"\r\nimport { css } from \"@emotion/css\"\r\nimport { DrawArcOptions, clsx, drawArc, setFrameInterval } from \"deepsea-tools\"\r\nimport { ButtonHTMLAttributes, CSSProperties, ChangeEvent, FC, Fragment, HTMLAttributes, InputHTMLAttributes, MouseEvent as ReactMouseEvent, ReactNode, TextareaHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from \"react\"\r\nimport SmoothScrollBar from \"smooth-scrollbar\"\r\nimport type { ScrollbarOptions } from \"smooth-scrollbar/interfaces\"\r\nimport { read, utils, writeFile } from \"xlsx\"\r\n\r\nexport interface InputFileDataTypes {\r\n base64: string\r\n text: string\r\n arrayBuffer: ArrayBuffer\r\n binary: string\r\n file: File\r\n}\r\n\r\nexport type InputFileDataType = keyof InputFileDataTypes\r\n\r\nexport interface InputFileData<T> {\r\n result: T\r\n file: File\r\n}\r\n\r\nexport type InputFileProps = (\r\n | {\r\n multiple?: false\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>[]) => void\r\n }\r\n) &\r\n Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\r\n /** 是否在捕获文件后清除 input 上的文件,默认为 false,主要区别在于如果不清除,连续两次选择同样的文件不会触发 onChange 事件,如果用于 form 表单,请设置为 flase */\r\n clearAfterChange?: boolean\r\n }\r\n\r\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\r\n const fileReader = new FileReader()\r\n switch (type) {\r\n case \"arrayBuffer\":\r\n fileReader.readAsArrayBuffer(file)\r\n break\r\n case \"binary\":\r\n fileReader.readAsBinaryString(file)\r\n break\r\n case \"base64\":\r\n fileReader.readAsDataURL(file)\r\n break\r\n case \"text\":\r\n fileReader.readAsText(file)\r\n break\r\n default:\r\n return file as any\r\n }\r\n return new Promise(resolve => {\r\n fileReader.addEventListener(\"load\", () => {\r\n resolve(fileReader.result as any)\r\n })\r\n })\r\n}\r\n\r\n/** 专用于读取文件的组件 */\r\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\r\n const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...others } = props\r\n const [disabled, setDisabled] = useState(false)\r\n\r\n async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\r\n const input = e.target\r\n const { files } = input\r\n if (!files || files.length === 0) return\r\n setDisabled(true)\r\n try {\r\n if (multiple) {\r\n const result: any[] = []\r\n for (const file of Array.from(files)) {\r\n result.push({\r\n result: await getFileData(file, type),\r\n file\r\n })\r\n }\r\n onChange?.(result as any)\r\n } else {\r\n onChange?.({\r\n result: await getFileData(files[0], type),\r\n file: files[0]\r\n } as any)\r\n }\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n } catch (error) {\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n throw error\r\n }\r\n }\r\n\r\n return <input disabled={disabled && inputDisabled} ref={ref} type=\"file\" multiple={multiple} onChange={onInputChange} {...others} />\r\n})\r\n\r\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\r\n onChange?: (data: Record<string, string>[]) => void\r\n}\r\n\r\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\r\n input: InputFileProps\r\n}\r\n\r\n/** 专用于读取文件的 button 组件 */\r\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\r\n const { onClick, children, input: inputProps, ...others } = props\r\n const { style, ...otherInputProps } = inputProps\r\n const input = useRef<HTMLInputElement>(null)\r\n\r\n function onBtnClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n input.current?.click()\r\n onClick?.(e)\r\n }\r\n\r\n return (\r\n <button ref={ref} type=\"button\" onClick={onBtnClick} {...others}>\r\n <InputFile ref={input} style={{ display: \"none\", ...style }} {...otherInputProps} />\r\n {children}\r\n </button>\r\n )\r\n})\r\n\r\n/** 专门用于读取 excel 的组件 */\r\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\r\n const { onChange, ...others } = props\r\n\r\n function onInputChange(data: InputFileData<ArrayBuffer>) {\r\n const wb = read(data.result)\r\n const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])\r\n if (typeof result === \"object\") {\r\n const $ = result.map(it => {\r\n const _: Record<string, string> = {}\r\n Object.keys(it)\r\n .filter(key => key !== \"__rowNum__\")\r\n .forEach(key => (_[key] = String(it[key])))\r\n return _\r\n })\r\n onChange?.($)\r\n }\r\n }\r\n\r\n return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={onInputChange} {...others} />\r\n})\r\n\r\n/** 手动导出 excel */\r\nexport function exportExcel(data: Record<string, string>[], name: string) {\r\n const workSheet = utils.json_to_sheet(data)\r\n const workBook = utils.book_new()\r\n utils.book_append_sheet(workBook, workSheet)\r\n writeFile(workBook, `${name}${name.endsWith(\".xlsx\") ? \"\" : \".xlsx\"}`)\r\n}\r\n\r\nexport interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n data: Record<string, string>[]\r\n fileName: string\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport const ExportExcel = forwardRef<HTMLButtonElement, ExportExcelProps>((props, ref) => {\r\n const { data, fileName, onClick, ...others } = props\r\n\r\n function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n exportExcel(data, fileName)\r\n onClick?.(e)\r\n }\r\n\r\n return <button ref={ref} onClick={onButtonClick} {...others} />\r\n})\r\n\r\nexport interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n containerClassName?: string\r\n containerStyle?: CSSProperties\r\n vertical?: boolean\r\n horizontal?: boolean\r\n time?: number\r\n}\r\n\r\n/** 尺寸渐变的组件 */\r\nexport const TransitionBox: FC<TransitionBoxProps> = props => {\r\n const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...others } = props\r\n const box = useRef<HTMLDivElement>(null)\r\n const [width, setWidth] = useState(0)\r\n const [height, setHeight] = useState(0)\r\n const [count, setCount] = useState(0)\r\n\r\n useEffect(() => {\r\n const observer = new ResizeObserver(entries => {\r\n const { width: currentWidth, height: currentHeight } = entries[0].contentRect\r\n setWidth(currentWidth)\r\n setHeight(currentHeight)\r\n })\r\n\r\n observer.observe(box.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n setCount(count => Math.min(count + 1, 3))\r\n }, [width, height])\r\n\r\n const outerStyle: CSSProperties = { transitionProperty: count === 3 ? [horizontal && \"width\", vertical && \"height\"].filter(Boolean).join(\", \") : undefined, transitionDuration: count === 3 ? `${time}ms` : undefined, width, height, overflow: \"hidden\", position: \"relative\", ...style }\r\n\r\n return (\r\n <div style={outerStyle} {...others}>\r\n <div className={containerClassName} style={{ position: \"absolute\", ...containerStyle }} ref={box}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface SeaRadarTarget {\r\n /** 半径 */\r\n radius: number\r\n /** 弧度 */\r\n angle: number\r\n /** 元素 */\r\n element: ReactNode\r\n}\r\n\r\nexport interface SeaRadarProps {\r\n /** 最小圆的半径 */\r\n unitRadius?: number\r\n /** 一共的全数 */\r\n circleCount?: number\r\n /** 角度分成多少份 */\r\n directionCount?: number\r\n /** 圈的宽度 */\r\n circleWidth?: number\r\n /** 圈的颜色 */\r\n circleColor: string\r\n /** 角度的宽度 */\r\n directionWidth?: number\r\n /** 角度颜色 */\r\n directionColor: string\r\n /** 背景色 */\r\n backgroundColor: string\r\n /** 扫描的颜色 */\r\n scanColor: string\r\n /** 扫描的弧度 */\r\n scanAngle?: number\r\n /** 扫描一周的时间,单位秒 */\r\n period?: number\r\n /** 目标列表 */\r\n targets?: SeaRadarTarget[]\r\n /** 展示圈 */\r\n showCircle?: boolean\r\n /** 展示方位 */\r\n showDirection?: boolean\r\n /** 展示刻度线 */\r\n showGraduationLine?: boolean\r\n /** 展示刻度文字 */\r\n showGraduationText?: boolean\r\n}\r\n\r\n/** 雷达组件 */\r\nexport const SeaRadar: FC<SeaRadarProps> = props => {\r\n const { unitRadius = 50, circleCount = 4, circleWidth = 1, circleColor, directionCount = 36, directionWidth = 1, directionColor, backgroundColor, scanColor, scanAngle = Math.PI / 6, period = 8, targets, showGraduationLine, showGraduationText, showCircle, showDirection } = props\r\n const style = { \"--unit-radius\": `${unitRadius}px`, \"--circle-count\": circleCount, \"--circle-width\": `${circleWidth}px`, \"--circle-color\": circleColor, \"--direction-count\": directionCount, \"--direction-width\": `${directionWidth}px`, \"--direction-color\": directionColor, \"--background-color\": backgroundColor, \"--scan-color\": scanColor, \"--period\": `${period}s` } as CSSProperties\r\n return (\r\n <div className=\"sea-radar-wrapper\" style={style}>\r\n {Array(180)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-little-graduation\" style={{ transform: `rotateZ(${2 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}></div>\r\n ))}\r\n {Array(36)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-graduation\" style={{ transform: `rotateZ(${10 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}>\r\n <span className=\"sea-radar-graduation-text\" style={{ display: showGraduationText ? \"block\" : \"none\" }}>\r\n {String(index * 10).padStart(3, \"0\")}\r\n </span>\r\n </div>\r\n ))}\r\n <div className=\"sea-radar\">\r\n <div className=\"sea-radar-scan\" style={{ height: `${unitRadius * circleCount * Math.tan(scanAngle)}px`, clipPath: `polygon(0 0, 0 100%, 100% 100%)` }}></div>\r\n {showCircle &&\r\n Array(circleCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-circle\" style={{ width: `${unitRadius * 2 * (index + 1)}px`, height: `${unitRadius * 2 * (index + 1)}px` }}></div>)}\r\n {showDirection &&\r\n Array(directionCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-direction\" style={{ transform: `rotateZ(${(360 / directionCount) * index}deg)` }}></div>)}\r\n {targets?.map(it => (\r\n <div className=\"sea-radar-target\" style={{ left: `${unitRadius * circleCount + it.radius * Math.cos(it.angle)}px`, bottom: `${unitRadius * circleCount + it.radius * Math.sin(it.angle)}px` }}>\r\n {it.element}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface RingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerWidth: number\r\n innerWidth: number\r\n}\r\n\r\n/** 忘了什么组件 */\r\nexport const Ring: FC<RingProps> = props => {\r\n const { outerWidth, innerWidth, style, ...leftProps } = props\r\n\r\n const outerRadius = outerWidth / 2\r\n\r\n const innerRadius = innerWidth / 2\r\n\r\n return <div style={{ ...style, width: `${outerWidth}px`, height: `${outerWidth}px`, clipPath: `path(\"M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z\")` }} {...leftProps} />\r\n}\r\n\r\nexport interface FlowSizeData {\r\n /** 容器宽度 */\r\n width: number\r\n /** 容器高度 */\r\n height: number\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap: number\r\n /** 列数 */\r\n columnCount: number\r\n /** 行间距 */\r\n rowGap: number\r\n /** 行数 */\r\n rowCount: number\r\n /** 元素格数 */\r\n itemCount: number\r\n /** 最大行数 */\r\n maxRows: number | null\r\n /** 是否有元素被隐藏 */\r\n overflow: boolean\r\n}\r\n\r\nexport interface FlowProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap?: number | null | (number | null)[]\r\n /** 行间距 */\r\n rowGap?: number\r\n /** 最大行数 */\r\n maxRows?: number | null\r\n /** 源数据 */\r\n data: T[]\r\n /** 渲染 */\r\n render: (item: T, index: number, hidden: boolean) => ReactNode\r\n /** key释放器,默认为 index */\r\n keyExactor?: (item: T, index: number) => string | number\r\n /** 容器类名 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n /** 节流时间,单位毫秒,默认200ms,传入 null 不节流 */\r\n throttle?: number | null\r\n /** 动画时间,单位毫秒,默认400ms,传入 null 不展示动画 */\r\n transitionDuration?: number | null\r\n /** 变化的回调函数 */\r\n onSizeChange?: (sizeData: FlowSizeData) => void\r\n}\r\n\r\nexport function getGapRange(gap?: undefined | number | null | (number | null)[]): [number, number | null] {\r\n if (typeof gap === \"number\") return [gap, gap]\r\n if (Array.isArray(gap)) return [gap[0] || 0, gap[1]]\r\n return [0, null]\r\n}\r\n\r\nexport function getGapCountAndSize(width: number, itemWidth: number, minGap: number, maxGap: number | null): [number, number] {\r\n const count = Math.floor((width + minGap) / (itemWidth + minGap)) || 1\r\n if (count === 1) return [count, 0]\r\n const averageGap = (width - itemWidth * count) / (count - 1)\r\n if (averageGap < minGap) return [count, minGap]\r\n if (maxGap !== null && averageGap > maxGap) return [count, maxGap]\r\n return [count, averageGap]\r\n}\r\n\r\n/** 自适应浮动组件 */\r\nexport function Flow<T>(props: FlowProps<T>) {\r\n const { itemWidth, itemHeight, columnGap, rowGap = 0, maxRows, data, render, keyExactor, className, style, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, ...others } = props\r\n const [minColumnGap, maxColumnGap] = getGapRange(columnGap)\r\n const [width, setWidth] = useState(0)\r\n const [columnCount, setColumnCount] = useState(1)\r\n const [columnGapSize, setColumnGapSize] = useState(minColumnGap)\r\n const [showItems, setShowItems] = useState(false)\r\n const ele = useRef<HTMLDivElement>(null)\r\n const contentRows = Math.ceil(data.length / columnCount)\r\n const contentShownRows = typeof maxRows === \"number\" ? Math.min(contentRows, maxRows) : contentRows\r\n const height = contentShownRows > 0 ? contentShownRows * (itemHeight + rowGap) - rowGap : 0\r\n\r\n interface Position {\r\n left: number\r\n top: number\r\n }\r\n\r\n function getPosition(index: number): Position {\r\n const y = Math.floor(index / columnCount)\r\n const x = index - y * columnCount\r\n return {\r\n left: x * (itemWidth + columnGapSize),\r\n top: y * (itemHeight + rowGap)\r\n }\r\n }\r\n\r\n function getHidden(index: number) {\r\n if (typeof maxRows !== \"number\") return false\r\n return index >= maxRows * columnCount\r\n }\r\n\r\n useEffect(() => {\r\n let timeout: number\r\n const observer = new ResizeObserver(entries => {\r\n clearTimeout(timeout)\r\n function task() {\r\n const { inlineSize: width } = entries[0].borderBoxSize[0]\r\n const [newColumnCount, newColumnGapSize] = getGapCountAndSize(width, itemWidth, minColumnGap, maxColumnGap)\r\n setShowItems(true)\r\n setWidth(width)\r\n setColumnCount(newColumnCount)\r\n setColumnGapSize(newColumnGapSize)\r\n }\r\n if (throttle === null) {\r\n task()\r\n } else {\r\n timeout = window.setTimeout(task, throttle || 200)\r\n }\r\n })\r\n observer.observe(ele.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [itemWidth, throttle, columnGap])\r\n\r\n useEffect(() => {\r\n onSizeChange?.({ width, height, itemWidth, itemHeight, columnGap: columnGapSize, columnCount, rowGap, rowCount: contentShownRows, overflow: data.length > contentShownRows * columnCount, itemCount: data.length, maxRows: maxRows ?? null })\r\n }, [width, height, columnGapSize, columnCount, rowGap, contentShownRows, data.length, itemWidth, itemHeight, maxRows])\r\n\r\n return (\r\n <div ref={ele} className={className} style={{ position: \"relative\", boxSizing: \"border-box\", height, ...style }} {...others}>\r\n {showItems &&\r\n data.map((it, idx) => (\r\n <div\r\n key={keyExactor?.(it, idx) || idx}\r\n className={containerClassName}\r\n style={{\r\n position: \"absolute\",\r\n width: itemWidth,\r\n height: itemHeight,\r\n transition: transitionDuration !== null ? `all ${transitionDuration ?? 400}ms` : undefined,\r\n ...getPosition(idx)\r\n }}>\r\n <div style={{ width: itemWidth, height: itemHeight, display: maxRows && idx >= maxRows * columnCount ? \"none\" : \"block\", ...containerStyle }}>{render(it, idx, getHidden(idx))}</div>\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {\r\n top: number\r\n bottom: number\r\n height: number\r\n borderRadius: number\r\n}\r\n\r\n/** 梯形组件 */\r\nexport const Trapezium = forwardRef<HTMLDivElement, TrapeziumProps>((props, ref) => {\r\n const { top, bottom, height, borderRadius, style, ...other } = props\r\n\r\n const diff = (bottom - top) / 2\r\n\r\n const a = Math.atan(height / diff) / 2\r\n\r\n const b = borderRadius / Math.tan(a)\r\n\r\n const c = b * Math.cos(a * 2)\r\n\r\n const d = b * Math.sin(a * 2)\r\n\r\n const e = Math.PI / 2 - a\r\n\r\n const f = borderRadius / Math.tan(e)\r\n\r\n const g = f * Math.cos(a * 2)\r\n\r\n const h = f * Math.sin(a * 2)\r\n\r\n return <div ref={ref} style={{ width: bottom, height, clipPath: `path(\"M ${diff + f} ${0} A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} ${0} Z\")`, ...style }} {...other} />\r\n})\r\n\r\nexport interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {\r\n direction?: \"horizontal\" | \"vertical\"\r\n reverse?: boolean\r\n period: number\r\n gap?: CSSProperties[\"gap\"]\r\n}\r\n\r\ncss`\r\n @keyframes deepsea-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(100%);\r\n }\r\n }\r\n @keyframes deepsea-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n }\r\n`\r\n\r\n/** 循环播放组件 */\r\nexport const LoopSwiper = forwardRef<HTMLDivElement, LoopSwiperProps>((props, ref) => {\r\n const { style, children, direction, period, reverse, gap, ...others } = props\r\n const wrapper = useRef<HTMLDivElement>(null)\r\n const container = useRef<HTMLDivElement>(null)\r\n const [swiper, setSwiper] = useState(false)\r\n const directionRef = useRef(direction)\r\n directionRef.current = direction\r\n const flexDirection: CSSProperties[\"flexDirection\"] = direction === \"vertical\" ? (reverse ? \"column-reverse\" : \"column\") : reverse ? \"row-reverse\" : \"row\"\r\n const animationName = swiper ? (direction === \"vertical\" ? (reverse ? \"deepsea-reverse-vertical-loop-swipe\" : \"deepsea-vertical-loop-swipe\") : reverse ? \"deepsea-reverse-horizontal-loop-swipe\" : \"deepsea-horizontal-loop-swipe\") : \"none\"\r\n const animationDuration = `${period}ms`\r\n const animationTimingFunction = \"linear\"\r\n const animationIterationCount = \"infinite\"\r\n\r\n useImperativeHandle(ref, () => wrapper.current!)\r\n\r\n useEffect(() => {\r\n const wrapperEle = wrapper.current!\r\n const containerEle = container.current!\r\n let wrapperWidth = 0\r\n let wrapperHeight = 0\r\n let containerWidth = 0\r\n let containerHeight = 0\r\n const observer = new ResizeObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.target === wrapperEle) {\r\n wrapperWidth = entry.contentRect.width\r\n wrapperHeight = entry.contentRect.height\r\n } else if (entry.target === containerEle) {\r\n containerWidth = entry.contentRect.width\r\n containerHeight = entry.contentRect.height\r\n }\r\n })\r\n setSwiper(directionRef.current === \"vertical\" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth)\r\n })\r\n observer.observe(wrapperEle)\r\n observer.observe(containerEle)\r\n }, [])\r\n\r\n return (\r\n <div ref={wrapper} style={{ display: \"flex\", flexDirection, gap, ...style }} {...others}>\r\n <div ref={container} style={{ display: \"flex\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>\r\n {children}\r\n </div>\r\n <div style={{ display: swiper ? \"flex\" : \"none\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>{children}</div>\r\n </div>\r\n )\r\n})\r\n\r\nexport interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerRadius: number\r\n innerRadius: number\r\n count: number\r\n angel: number\r\n}\r\n\r\nexport const SectionRing: FC<SectionRingProps> = props => {\r\n const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...others } = props\r\n\r\n const s = (Math.PI * 2) / c - a\r\n\r\n function arc(radius: number, startAngle: number, endAngle: number, options: DrawArcOptions = {}) {\r\n return drawArc(o, o, radius, startAngle, endAngle, options)\r\n }\r\n\r\n return (\r\n <div\r\n style={{\r\n ...style,\r\n width: o * 2,\r\n height: o * 2,\r\n clipPath: `path(\"${Array(c)\r\n .fill(0)\r\n .map((it, idx) => `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), { line: true, anticlockwise: true })}`)\r\n .join(\" \")} Z\")`\r\n }}\r\n {...others}\r\n />\r\n )\r\n}\r\n\r\nexport interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 当前数字 */\r\n children: number\r\n /** 变换周期,单位帧 */\r\n period: number\r\n /** 数字转换为字符串的方法 */\r\n numToStr?: (num: number) => string\r\n}\r\n\r\nexport interface TransitionNumIns {\r\n get(): number\r\n}\r\n\r\n/** 渐变数字组件 */\r\nexport const TransitionNum = forwardRef<TransitionNumIns, TransitionNumProps>((props, ref) => {\r\n const { children: num, period, numToStr, ...others } = props\r\n if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {\r\n throw new RangeError(\"目标数字必须是整数,周期必须是正整数\")\r\n }\r\n const ele = useRef<HTMLDivElement>(null)\r\n const cache = useRef({ num, period, numToStr, show: num })\r\n cache.current = { ...cache.current, num, period, numToStr }\r\n\r\n useImperativeHandle(ref, () => ({ get: () => cache.current.show }), [])\r\n\r\n useEffect(() => {\r\n const { num, period, show, numToStr } = cache.current\r\n ele.current!.innerText = (numToStr || String)(show)\r\n if (num === show) return\r\n const div = ele.current!\r\n const speed = (num - show) / period\r\n const cancel = setFrameInterval(() => {\r\n const { num, numToStr } = cache.current\r\n cache.current.show += speed\r\n if ((speed > 0 && cache.current.show > num) || (speed < 0 && cache.current.show < num)) {\r\n cancel()\r\n cache.current.show = num\r\n }\r\n div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show))\r\n }, 1)\r\n\r\n return cancel\r\n }, [num])\r\n\r\n return <div ref={ele} {...others} />\r\n})\r\n\r\nexport interface CircleTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\r\n /** 每一个方块的宽度 */\r\n width: number\r\n /** 每一个方块的高度 */\r\n height: number\r\n /** 圆弧的半径,不包含方块的高度 */\r\n radius: number\r\n /** 开始旋转的弧度,逆时针增加,0 为 x 轴方向 */\r\n startAngel?: number\r\n /** 每一个方块之间间隔的弧度 */\r\n gapAngel?: number\r\n /** 文字对齐的方式,默认居中 */\r\n align?: \"left\" | \"center\" | \"right\"\r\n /** 文字朝向圆心还是外侧,默认外侧 */\r\n direction?: \"inner\" | \"outer\"\r\n /** 是否反转文字顺序 */\r\n reverse?: boolean\r\n /** 分割文字的方法 */\r\n separator?: string | RegExp | ((text: string) => string[])\r\n /** 显示的文字 */\r\n children: string\r\n}\r\n\r\n/** 环形文字 */\r\nexport const CircleText: FC<CircleTextProps> = props => {\r\n const { width, height, radius, startAngel = 0, gapAngel = 0, align = \"center\", style, direction = \"outer\", reverse = false, separator, children, ...others } = props\r\n const unitAngle = Math.atan(width / 2 / radius) * 2\r\n const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel\r\n const offsetAngle = align === \"left\" ? 0 : align === \"right\" ? totalAngle : totalAngle / 2\r\n\r\n function getTransform(idx: number) {\r\n const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2\r\n const x = (radius + height / 2) * Math.cos(angle) - width / 2\r\n const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2\r\n const z = Math.PI / 2 - angle + (direction === \"inner\" ? Math.PI : 0)\r\n return `translateX(${x}px) translateY(${y}px) rotateZ(${(z / Math.PI) * 180}deg)`\r\n }\r\n\r\n const words = typeof separator === \"function\" ? separator(children) : children.split(separator ?? \"\")\r\n\r\n if (reverse) words.reverse()\r\n\r\n return (\r\n <Fragment>\r\n {words.map((w, idx) => (\r\n <span key={idx} style={{ position: \"absolute\", ...style, transform: getTransform(idx), textAlign: \"center\", width, lineHeight: `${height}px`, height: height }} {...others}>\r\n {w}\r\n </span>\r\n ))}\r\n </Fragment>\r\n )\r\n}\r\n\r\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\r\n /** 滑块宽度 */\r\n thumbWidth?: number\r\n}\r\n\r\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 滚动的配置 */\r\n options?: ScrollOptions\r\n /** 容器宽度 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n}\r\n\r\n/**\r\n * 滚动条组件\r\n * @description 注意 children 不是直接渲染在组件上的,而是渲染在内部的容器上\r\n */\r\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\r\n const { children, containerClassName, containerStyle, options, className, ...others } = props\r\n const { thumbWidth, ...scrollbarOptions } = options || {}\r\n const ele = useRef<HTMLDivElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n SmoothScrollBar.init(ele.current!, scrollbarOptions)\r\n }, [])\r\n\r\n return (\r\n <div\r\n ref={ele}\r\n className={clsx(\r\n !!thumbWidth &&\r\n css`\r\n .scrollbar-track.scrollbar-track-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-track.scrollbar-track-y {\r\n width: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-y {\r\n width: ${thumbWidth}px;\r\n }\r\n `,\r\n className\r\n )}\r\n {...others}>\r\n <div className={containerClassName} style={containerStyle}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n})\r\n\r\nexport const AutoSizeTextArea = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>((props, ref) => {\r\n const { style = {}, ...others } = props\r\n const { height, resize, overflowY, ...otherStyle } = style\r\n const ele = useRef<HTMLTextAreaElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n const textarea = ele.current!\r\n function resizeTextarea() {\r\n textarea.style.height = \"auto\"\r\n textarea.style.height = `${textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight}px`\r\n }\r\n textarea.addEventListener(\"input\", resizeTextarea)\r\n textarea.addEventListener(\"change\", resizeTextarea)\r\n\r\n return () => {\r\n textarea.removeEventListener(\"input\", resizeTextarea)\r\n textarea.removeEventListener(\"change\", resizeTextarea)\r\n }\r\n }, [])\r\n\r\n return <textarea ref={ele} style={{ ...otherStyle, resize: \"none\", overflowY: \"hidden\" }} {...others} />\r\n})\r\n\r\nexport interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 设计稿宽度,默认 1920 */\r\n width?: number\r\n /** 设计稿高度,默认 1080 */\r\n height?: number\r\n}\r\n\r\nexport const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) => {\r\n const { width = 1920, height = 1080, style, ...rest } = props\r\n const ele = useRef<HTMLDivElement>(null)\r\n useImperativeHandle(ref, () => ele.current!, [ele.current])\r\n useLayoutEffect(() => {\r\n const element = ele.current\r\n const parent = element?.parentElement\r\n if (!element || !parent) return\r\n function listener(entries: ResizeObserverEntry[]) {\r\n const entry = entries[0]\r\n const { contentRect } = entry\r\n const scale = Math.min(contentRect.width / width, contentRect.height / height)\r\n element?.style.setProperty(\"--scale\", scale.toString())\r\n }\r\n const observer = new ResizeObserver(listener)\r\n observer.observe(parent)\r\n return () => observer.disconnect()\r\n }, [ele.current?.parentElement, width, height])\r\n\r\n return <div ref={ele} style={{ position: \"absolute\", left: \"50%\", top: \"50%\", transform: `translateX(-50%) translateY(-50%) scale(var(--scale))`, width, height, ...style }} {...rest} />\r\n})\r\n"],"mappings":"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"}
1
+ {"version":3,"names":["css","clsx","drawArc","setFrameInterval","Fragment","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","SmoothScrollBar","read","utils","writeFile","jsx","_jsx","jsxs","_jsxs","getFileData","file","type","fileReader","FileReader","readAsArrayBuffer","readAsBinaryString","readAsDataURL","readAsText","Promise","resolve","addEventListener","result","InputFile","props","ref","multiple","onChange","disabled","inputDisabled","clearAfterChange","others","setDisabled","onInputChange","e","input","target","files","length","Array","from","push","value","error","InputFileButton","onClick","children","inputProps","style","otherInputProps","onBtnClick","current","click","display","ImportExcel","data","wb","sheet_to_json","Sheets","SheetNames","$","map","it","_","Object","keys","filter","key","forEach","String","accept","exportExcel","name","workSheet","json_to_sheet","workBook","book_new","book_append_sheet","endsWith","ExportExcel","fileName","onButtonClick","TransitionBox","containerClassName","containerStyle","vertical","horizontal","time","box","width","setWidth","height","setHeight","count","setCount","observer","ResizeObserver","entries","currentWidth","currentHeight","contentRect","observe","disconnect","Math","min","outerStyle","transitionProperty","Boolean","join","undefined","transitionDuration","overflow","position","className","SeaRadar","unitRadius","circleCount","circleWidth","circleColor","directionCount","directionWidth","directionColor","backgroundColor","scanColor","scanAngle","PI","period","targets","showGraduationLine","showGraduationText","showCircle","showDirection","fill","index","transform","padStart","tan","clipPath","left","radius","cos","angle","bottom","sin","element","Ring","outerWidth","innerWidth","leftProps","outerRadius","innerRadius","getGapRange","gap","isArray","getGapCountAndSize","itemWidth","minGap","maxGap","floor","averageGap","Flow","itemHeight","columnGap","rowGap","maxRows","render","keyExactor","throttle","onSizeChange","minColumnGap","maxColumnGap","columnCount","setColumnCount","columnGapSize","setColumnGapSize","showItems","setShowItems","ele","contentRows","ceil","contentShownRows","getPosition","y","x","top","getHidden","timeout","clearTimeout","task","inlineSize","borderBoxSize","newColumnCount","newColumnGapSize","window","setTimeout","rowCount","itemCount","boxSizing","idx","transition","Trapezium","borderRadius","other","diff","a","atan","b","c","d","f","g","h","LoopSwiper","direction","reverse","wrapper","container","swiper","setSwiper","directionRef","flexDirection","animationName","animationDuration","animationTimingFunction","animationIterationCount","wrapperEle","containerEle","wrapperWidth","wrapperHeight","containerWidth","containerHeight","entry","SectionRing","o","i","angel","s","arc","startAngle","endAngle","options","line","anticlockwise","TransitionNum","num","numToStr","Number","isInteger","RangeError","cache","show","get","innerText","div","speed","cancel","CircleText","startAngel","gapAngel","align","separator","unitAngle","totalAngle","offsetAngle","getTransform","z","words","split","w","textAlign","lineHeight","Scroll","thumbWidth","scrollbarOptions","init","AutoSizeTextArea","resize","overflowY","otherStyle","textarea","resizeTextarea","scrollHeight","offsetHeight","clientHeight","removeEventListener","AutoFit","rest","setShow","parent","parentElement","listener","scale","setProperty","toString"],"sources":["../../src/index.tsx"],"sourcesContent":["\"use client\"\r\nimport { css } from \"@emotion/css\"\r\nimport { DrawArcOptions, clsx, drawArc, setFrameInterval } from \"deepsea-tools\"\r\nimport { ButtonHTMLAttributes, CSSProperties, ChangeEvent, FC, Fragment, HTMLAttributes, InputHTMLAttributes, MouseEvent as ReactMouseEvent, ReactNode, TextareaHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from \"react\"\r\nimport SmoothScrollBar from \"smooth-scrollbar\"\r\nimport type { ScrollbarOptions } from \"smooth-scrollbar/interfaces\"\r\nimport { read, utils, writeFile } from \"xlsx\"\r\n\r\nexport interface InputFileDataTypes {\r\n base64: string\r\n text: string\r\n arrayBuffer: ArrayBuffer\r\n binary: string\r\n file: File\r\n}\r\n\r\nexport type InputFileDataType = keyof InputFileDataTypes\r\n\r\nexport interface InputFileData<T> {\r\n result: T\r\n file: File\r\n}\r\n\r\nexport type InputFileProps = (\r\n | {\r\n multiple?: false\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>) => void\r\n }\r\n | {\r\n multiple?: false\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"base64\" | \"text\" | \"binary\"\r\n onChange?: (data: InputFileData<string>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type: \"arrayBuffer\"\r\n onChange?: (data: InputFileData<ArrayBuffer>[]) => void\r\n }\r\n | {\r\n multiple: true\r\n type?: \"file\"\r\n onChange?: (data: InputFileData<File>[]) => void\r\n }\r\n) &\r\n Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"multiple\" | \"type\"> & {\r\n /** 是否在捕获文件后清除 input 上的文件,默认为 false,主要区别在于如果不清除,连续两次选择同样的文件不会触发 onChange 事件,如果用于 form 表单,请设置为 flase */\r\n clearAfterChange?: boolean\r\n }\r\n\r\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypes[T]> {\r\n const fileReader = new FileReader()\r\n switch (type) {\r\n case \"arrayBuffer\":\r\n fileReader.readAsArrayBuffer(file)\r\n break\r\n case \"binary\":\r\n fileReader.readAsBinaryString(file)\r\n break\r\n case \"base64\":\r\n fileReader.readAsDataURL(file)\r\n break\r\n case \"text\":\r\n fileReader.readAsText(file)\r\n break\r\n default:\r\n return file as any\r\n }\r\n return new Promise(resolve => {\r\n fileReader.addEventListener(\"load\", () => {\r\n resolve(fileReader.result as any)\r\n })\r\n })\r\n}\r\n\r\n/** 专用于读取文件的组件 */\r\nexport const InputFile = forwardRef<HTMLInputElement, InputFileProps>((props, ref) => {\r\n const { multiple = false, type = \"file\", onChange, disabled: inputDisabled, clearAfterChange, ...others } = props\r\n const [disabled, setDisabled] = useState(false)\r\n\r\n async function onInputChange(e: ChangeEvent<HTMLInputElement>) {\r\n const input = e.target\r\n const { files } = input\r\n if (!files || files.length === 0) return\r\n setDisabled(true)\r\n try {\r\n if (multiple) {\r\n const result: any[] = []\r\n for (const file of Array.from(files)) {\r\n result.push({\r\n result: await getFileData(file, type),\r\n file\r\n })\r\n }\r\n onChange?.(result as any)\r\n } else {\r\n onChange?.({\r\n result: await getFileData(files[0], type),\r\n file: files[0]\r\n } as any)\r\n }\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n } catch (error) {\r\n setDisabled(false)\r\n if (clearAfterChange) input.value = \"\"\r\n throw error\r\n }\r\n }\r\n\r\n return <input disabled={disabled && inputDisabled} ref={ref} type=\"file\" multiple={multiple} onChange={onInputChange} {...others} />\r\n})\r\n\r\nexport interface ImportExcelProps extends Omit<InputFileProps, \"multiple\" | \"onChange\" | \"accept\" | \"type\"> {\r\n onChange?: (data: Record<string, string>[]) => void\r\n}\r\n\r\nexport type InputFileButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\r\n input: InputFileProps\r\n}\r\n\r\n/** 专用于读取文件的 button 组件 */\r\nexport const InputFileButton = forwardRef<HTMLButtonElement, InputFileButtonProps>((props, ref) => {\r\n const { onClick, children, input: inputProps, ...others } = props\r\n const { style, ...otherInputProps } = inputProps\r\n const input = useRef<HTMLInputElement>(null)\r\n\r\n function onBtnClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n input.current?.click()\r\n onClick?.(e)\r\n }\r\n\r\n return (\r\n <button ref={ref} type=\"button\" onClick={onBtnClick} {...others}>\r\n <InputFile ref={input} style={{ display: \"none\", ...style }} {...otherInputProps} />\r\n {children}\r\n </button>\r\n )\r\n})\r\n\r\n/** 专门用于读取 excel 的组件 */\r\nexport const ImportExcel = forwardRef<HTMLInputElement, ImportExcelProps>((props, ref) => {\r\n const { onChange, ...others } = props\r\n\r\n function onInputChange(data: InputFileData<ArrayBuffer>) {\r\n const wb = read(data.result)\r\n const result = utils.sheet_to_json<any>(wb.Sheets[wb.SheetNames[0]])\r\n if (typeof result === \"object\") {\r\n const $ = result.map(it => {\r\n const _: Record<string, string> = {}\r\n Object.keys(it)\r\n .filter(key => key !== \"__rowNum__\")\r\n .forEach(key => (_[key] = String(it[key])))\r\n return _\r\n })\r\n onChange?.($)\r\n }\r\n }\r\n\r\n return <InputFile ref={ref} accept=\".xlsx\" type=\"arrayBuffer\" onChange={onInputChange} {...others} />\r\n})\r\n\r\n/** 手动导出 excel */\r\nexport function exportExcel(data: Record<string, string>[], name: string) {\r\n const workSheet = utils.json_to_sheet(data)\r\n const workBook = utils.book_new()\r\n utils.book_append_sheet(workBook, workSheet)\r\n writeFile(workBook, `${name}${name.endsWith(\".xlsx\") ? \"\" : \".xlsx\"}`)\r\n}\r\n\r\nexport interface ExportExcelProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n data: Record<string, string>[]\r\n fileName: string\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport const ExportExcel = forwardRef<HTMLButtonElement, ExportExcelProps>((props, ref) => {\r\n const { data, fileName, onClick, ...others } = props\r\n\r\n function onButtonClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n exportExcel(data, fileName)\r\n onClick?.(e)\r\n }\r\n\r\n return <button ref={ref} onClick={onButtonClick} {...others} />\r\n})\r\n\r\nexport interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n containerClassName?: string\r\n containerStyle?: CSSProperties\r\n vertical?: boolean\r\n horizontal?: boolean\r\n time?: number\r\n}\r\n\r\n/** 尺寸渐变的组件 */\r\nexport const TransitionBox: FC<TransitionBoxProps> = props => {\r\n const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...others } = props\r\n const box = useRef<HTMLDivElement>(null)\r\n const [width, setWidth] = useState(0)\r\n const [height, setHeight] = useState(0)\r\n const [count, setCount] = useState(0)\r\n\r\n useEffect(() => {\r\n const observer = new ResizeObserver(entries => {\r\n const { width: currentWidth, height: currentHeight } = entries[0].contentRect\r\n setWidth(currentWidth)\r\n setHeight(currentHeight)\r\n })\r\n\r\n observer.observe(box.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n setCount(count => Math.min(count + 1, 3))\r\n }, [width, height])\r\n\r\n const outerStyle: CSSProperties = { transitionProperty: count === 3 ? [horizontal && \"width\", vertical && \"height\"].filter(Boolean).join(\", \") : undefined, transitionDuration: count === 3 ? `${time}ms` : undefined, width, height, overflow: \"hidden\", position: \"relative\", ...style }\r\n\r\n return (\r\n <div style={outerStyle} {...others}>\r\n <div className={containerClassName} style={{ position: \"absolute\", ...containerStyle }} ref={box}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface SeaRadarTarget {\r\n /** 半径 */\r\n radius: number\r\n /** 弧度 */\r\n angle: number\r\n /** 元素 */\r\n element: ReactNode\r\n}\r\n\r\nexport interface SeaRadarProps {\r\n /** 最小圆的半径 */\r\n unitRadius?: number\r\n /** 一共的全数 */\r\n circleCount?: number\r\n /** 角度分成多少份 */\r\n directionCount?: number\r\n /** 圈的宽度 */\r\n circleWidth?: number\r\n /** 圈的颜色 */\r\n circleColor: string\r\n /** 角度的宽度 */\r\n directionWidth?: number\r\n /** 角度颜色 */\r\n directionColor: string\r\n /** 背景色 */\r\n backgroundColor: string\r\n /** 扫描的颜色 */\r\n scanColor: string\r\n /** 扫描的弧度 */\r\n scanAngle?: number\r\n /** 扫描一周的时间,单位秒 */\r\n period?: number\r\n /** 目标列表 */\r\n targets?: SeaRadarTarget[]\r\n /** 展示圈 */\r\n showCircle?: boolean\r\n /** 展示方位 */\r\n showDirection?: boolean\r\n /** 展示刻度线 */\r\n showGraduationLine?: boolean\r\n /** 展示刻度文字 */\r\n showGraduationText?: boolean\r\n}\r\n\r\n/** 雷达组件 */\r\nexport const SeaRadar: FC<SeaRadarProps> = props => {\r\n const { unitRadius = 50, circleCount = 4, circleWidth = 1, circleColor, directionCount = 36, directionWidth = 1, directionColor, backgroundColor, scanColor, scanAngle = Math.PI / 6, period = 8, targets, showGraduationLine, showGraduationText, showCircle, showDirection } = props\r\n const style = { \"--unit-radius\": `${unitRadius}px`, \"--circle-count\": circleCount, \"--circle-width\": `${circleWidth}px`, \"--circle-color\": circleColor, \"--direction-count\": directionCount, \"--direction-width\": `${directionWidth}px`, \"--direction-color\": directionColor, \"--background-color\": backgroundColor, \"--scan-color\": scanColor, \"--period\": `${period}s` } as CSSProperties\r\n return (\r\n <div className=\"sea-radar-wrapper\" style={style}>\r\n {Array(180)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-little-graduation\" style={{ transform: `rotateZ(${2 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}></div>\r\n ))}\r\n {Array(36)\r\n .fill(0)\r\n .map((_, index) => (\r\n <div className=\"sea-radar-graduation\" style={{ transform: `rotateZ(${10 * index}deg)`, display: showGraduationLine ? \"block\" : \"none\" }}>\r\n <span className=\"sea-radar-graduation-text\" style={{ display: showGraduationText ? \"block\" : \"none\" }}>\r\n {String(index * 10).padStart(3, \"0\")}\r\n </span>\r\n </div>\r\n ))}\r\n <div className=\"sea-radar\">\r\n <div className=\"sea-radar-scan\" style={{ height: `${unitRadius * circleCount * Math.tan(scanAngle)}px`, clipPath: `polygon(0 0, 0 100%, 100% 100%)` }}></div>\r\n {showCircle &&\r\n Array(circleCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-circle\" style={{ width: `${unitRadius * 2 * (index + 1)}px`, height: `${unitRadius * 2 * (index + 1)}px` }}></div>)}\r\n {showDirection &&\r\n Array(directionCount)\r\n .fill(0)\r\n .map((_, index) => <div className=\"sea-radar-direction\" style={{ transform: `rotateZ(${(360 / directionCount) * index}deg)` }}></div>)}\r\n {targets?.map(it => (\r\n <div className=\"sea-radar-target\" style={{ left: `${unitRadius * circleCount + it.radius * Math.cos(it.angle)}px`, bottom: `${unitRadius * circleCount + it.radius * Math.sin(it.angle)}px` }}>\r\n {it.element}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport interface RingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerWidth: number\r\n innerWidth: number\r\n}\r\n\r\n/** 忘了什么组件 */\r\nexport const Ring: FC<RingProps> = props => {\r\n const { outerWidth, innerWidth, style, ...leftProps } = props\r\n\r\n const outerRadius = outerWidth / 2\r\n\r\n const innerRadius = innerWidth / 2\r\n\r\n return <div style={{ ...style, width: `${outerWidth}px`, height: `${outerWidth}px`, clipPath: `path(\"M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z\")` }} {...leftProps} />\r\n}\r\n\r\nexport interface FlowSizeData {\r\n /** 容器宽度 */\r\n width: number\r\n /** 容器高度 */\r\n height: number\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap: number\r\n /** 列数 */\r\n columnCount: number\r\n /** 行间距 */\r\n rowGap: number\r\n /** 行数 */\r\n rowCount: number\r\n /** 元素格数 */\r\n itemCount: number\r\n /** 最大行数 */\r\n maxRows: number | null\r\n /** 是否有元素被隐藏 */\r\n overflow: boolean\r\n}\r\n\r\nexport interface FlowProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 元素宽度 */\r\n itemWidth: number\r\n /** 元素高度 */\r\n itemHeight: number\r\n /** 列间距 */\r\n columnGap?: number | null | (number | null)[]\r\n /** 行间距 */\r\n rowGap?: number\r\n /** 最大行数 */\r\n maxRows?: number | null\r\n /** 源数据 */\r\n data: T[]\r\n /** 渲染 */\r\n render: (item: T, index: number, hidden: boolean) => ReactNode\r\n /** key释放器,默认为 index */\r\n keyExactor?: (item: T, index: number) => string | number\r\n /** 容器类名 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n /** 节流时间,单位毫秒,默认200ms,传入 null 不节流 */\r\n throttle?: number | null\r\n /** 动画时间,单位毫秒,默认400ms,传入 null 不展示动画 */\r\n transitionDuration?: number | null\r\n /** 变化的回调函数 */\r\n onSizeChange?: (sizeData: FlowSizeData) => void\r\n}\r\n\r\nexport function getGapRange(gap?: undefined | number | null | (number | null)[]): [number, number | null] {\r\n if (typeof gap === \"number\") return [gap, gap]\r\n if (Array.isArray(gap)) return [gap[0] || 0, gap[1]]\r\n return [0, null]\r\n}\r\n\r\nexport function getGapCountAndSize(width: number, itemWidth: number, minGap: number, maxGap: number | null): [number, number] {\r\n const count = Math.floor((width + minGap) / (itemWidth + minGap)) || 1\r\n if (count === 1) return [count, 0]\r\n const averageGap = (width - itemWidth * count) / (count - 1)\r\n if (averageGap < minGap) return [count, minGap]\r\n if (maxGap !== null && averageGap > maxGap) return [count, maxGap]\r\n return [count, averageGap]\r\n}\r\n\r\n/** 自适应浮动组件 */\r\nexport function Flow<T>(props: FlowProps<T>) {\r\n const { itemWidth, itemHeight, columnGap, rowGap = 0, maxRows, data, render, keyExactor, className, style, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, ...others } = props\r\n const [minColumnGap, maxColumnGap] = getGapRange(columnGap)\r\n const [width, setWidth] = useState(0)\r\n const [columnCount, setColumnCount] = useState(1)\r\n const [columnGapSize, setColumnGapSize] = useState(minColumnGap)\r\n const [showItems, setShowItems] = useState(false)\r\n const ele = useRef<HTMLDivElement>(null)\r\n const contentRows = Math.ceil(data.length / columnCount)\r\n const contentShownRows = typeof maxRows === \"number\" ? Math.min(contentRows, maxRows) : contentRows\r\n const height = contentShownRows > 0 ? contentShownRows * (itemHeight + rowGap) - rowGap : 0\r\n\r\n interface Position {\r\n left: number\r\n top: number\r\n }\r\n\r\n function getPosition(index: number): Position {\r\n const y = Math.floor(index / columnCount)\r\n const x = index - y * columnCount\r\n return {\r\n left: x * (itemWidth + columnGapSize),\r\n top: y * (itemHeight + rowGap)\r\n }\r\n }\r\n\r\n function getHidden(index: number) {\r\n if (typeof maxRows !== \"number\") return false\r\n return index >= maxRows * columnCount\r\n }\r\n\r\n useEffect(() => {\r\n let timeout: number\r\n const observer = new ResizeObserver(entries => {\r\n clearTimeout(timeout)\r\n function task() {\r\n const { inlineSize: width } = entries[0].borderBoxSize[0]\r\n const [newColumnCount, newColumnGapSize] = getGapCountAndSize(width, itemWidth, minColumnGap, maxColumnGap)\r\n setShowItems(true)\r\n setWidth(width)\r\n setColumnCount(newColumnCount)\r\n setColumnGapSize(newColumnGapSize)\r\n }\r\n if (throttle === null) {\r\n task()\r\n } else {\r\n timeout = window.setTimeout(task, throttle || 200)\r\n }\r\n })\r\n observer.observe(ele.current!)\r\n\r\n return () => {\r\n observer.disconnect()\r\n }\r\n }, [itemWidth, throttle, columnGap])\r\n\r\n useEffect(() => {\r\n onSizeChange?.({ width, height, itemWidth, itemHeight, columnGap: columnGapSize, columnCount, rowGap, rowCount: contentShownRows, overflow: data.length > contentShownRows * columnCount, itemCount: data.length, maxRows: maxRows ?? null })\r\n }, [width, height, columnGapSize, columnCount, rowGap, contentShownRows, data.length, itemWidth, itemHeight, maxRows])\r\n\r\n return (\r\n <div ref={ele} className={className} style={{ position: \"relative\", boxSizing: \"border-box\", height, ...style }} {...others}>\r\n {showItems &&\r\n data.map((it, idx) => (\r\n <div\r\n key={keyExactor?.(it, idx) || idx}\r\n className={containerClassName}\r\n style={{\r\n position: \"absolute\",\r\n width: itemWidth,\r\n height: itemHeight,\r\n transition: transitionDuration !== null ? `all ${transitionDuration ?? 400}ms` : undefined,\r\n ...getPosition(idx)\r\n }}>\r\n <div style={{ width: itemWidth, height: itemHeight, display: maxRows && idx >= maxRows * columnCount ? \"none\" : \"block\", ...containerStyle }}>{render(it, idx, getHidden(idx))}</div>\r\n </div>\r\n ))}\r\n </div>\r\n )\r\n}\r\n\r\nexport interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {\r\n top: number\r\n bottom: number\r\n height: number\r\n borderRadius: number\r\n}\r\n\r\n/** 梯形组件 */\r\nexport const Trapezium = forwardRef<HTMLDivElement, TrapeziumProps>((props, ref) => {\r\n const { top, bottom, height, borderRadius, style, ...other } = props\r\n\r\n const diff = (bottom - top) / 2\r\n\r\n const a = Math.atan(height / diff) / 2\r\n\r\n const b = borderRadius / Math.tan(a)\r\n\r\n const c = b * Math.cos(a * 2)\r\n\r\n const d = b * Math.sin(a * 2)\r\n\r\n const e = Math.PI / 2 - a\r\n\r\n const f = borderRadius / Math.tan(e)\r\n\r\n const g = f * Math.cos(a * 2)\r\n\r\n const h = f * Math.sin(a * 2)\r\n\r\n return <div ref={ref} style={{ width: bottom, height, clipPath: `path(\"M ${diff + f} ${0} A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} ${0} Z\")`, ...style }} {...other} />\r\n})\r\n\r\nexport interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {\r\n direction?: \"horizontal\" | \"vertical\"\r\n reverse?: boolean\r\n period: number\r\n gap?: CSSProperties[\"gap\"]\r\n}\r\n\r\ncss`\r\n @keyframes deepsea-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-horizontal-loop-swipe {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(100%);\r\n }\r\n }\r\n @keyframes deepsea-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(-100%);\r\n }\r\n }\r\n @keyframes deepsea-reverse-vertical-loop-swipe {\r\n from {\r\n transform: translateY(0);\r\n }\r\n to {\r\n transform: translateY(100%);\r\n }\r\n }\r\n`\r\n\r\n/** 循环播放组件 */\r\nexport const LoopSwiper = forwardRef<HTMLDivElement, LoopSwiperProps>((props, ref) => {\r\n const { style, children, direction, period, reverse, gap, ...others } = props\r\n const wrapper = useRef<HTMLDivElement>(null)\r\n const container = useRef<HTMLDivElement>(null)\r\n const [swiper, setSwiper] = useState(false)\r\n const directionRef = useRef(direction)\r\n directionRef.current = direction\r\n const flexDirection: CSSProperties[\"flexDirection\"] = direction === \"vertical\" ? (reverse ? \"column-reverse\" : \"column\") : reverse ? \"row-reverse\" : \"row\"\r\n const animationName = swiper ? (direction === \"vertical\" ? (reverse ? \"deepsea-reverse-vertical-loop-swipe\" : \"deepsea-vertical-loop-swipe\") : reverse ? \"deepsea-reverse-horizontal-loop-swipe\" : \"deepsea-horizontal-loop-swipe\") : \"none\"\r\n const animationDuration = `${period}ms`\r\n const animationTimingFunction = \"linear\"\r\n const animationIterationCount = \"infinite\"\r\n\r\n useImperativeHandle(ref, () => wrapper.current!)\r\n\r\n useEffect(() => {\r\n const wrapperEle = wrapper.current!\r\n const containerEle = container.current!\r\n let wrapperWidth = 0\r\n let wrapperHeight = 0\r\n let containerWidth = 0\r\n let containerHeight = 0\r\n const observer = new ResizeObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.target === wrapperEle) {\r\n wrapperWidth = entry.contentRect.width\r\n wrapperHeight = entry.contentRect.height\r\n } else if (entry.target === containerEle) {\r\n containerWidth = entry.contentRect.width\r\n containerHeight = entry.contentRect.height\r\n }\r\n })\r\n setSwiper(directionRef.current === \"vertical\" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth)\r\n })\r\n observer.observe(wrapperEle)\r\n observer.observe(containerEle)\r\n }, [])\r\n\r\n return (\r\n <div ref={wrapper} style={{ display: \"flex\", flexDirection, gap, ...style }} {...others}>\r\n <div ref={container} style={{ display: \"flex\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>\r\n {children}\r\n </div>\r\n <div style={{ display: swiper ? \"flex\" : \"none\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}>{children}</div>\r\n </div>\r\n )\r\n})\r\n\r\nexport interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {\r\n outerRadius: number\r\n innerRadius: number\r\n count: number\r\n angel: number\r\n}\r\n\r\nexport const SectionRing: FC<SectionRingProps> = props => {\r\n const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...others } = props\r\n\r\n const s = (Math.PI * 2) / c - a\r\n\r\n function arc(radius: number, startAngle: number, endAngle: number, options: DrawArcOptions = {}) {\r\n return drawArc(o, o, radius, startAngle, endAngle, options)\r\n }\r\n\r\n return (\r\n <div\r\n style={{\r\n ...style,\r\n width: o * 2,\r\n height: o * 2,\r\n clipPath: `path(\"${Array(c)\r\n .fill(0)\r\n .map((it, idx) => `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), { line: true, anticlockwise: true })}`)\r\n .join(\" \")} Z\")`\r\n }}\r\n {...others}\r\n />\r\n )\r\n}\r\n\r\nexport interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\r\n /** 当前数字 */\r\n children: number\r\n /** 变换周期,单位帧 */\r\n period: number\r\n /** 数字转换为字符串的方法 */\r\n numToStr?: (num: number) => string\r\n}\r\n\r\nexport interface TransitionNumIns {\r\n get(): number\r\n}\r\n\r\n/** 渐变数字组件 */\r\nexport const TransitionNum = forwardRef<TransitionNumIns, TransitionNumProps>((props, ref) => {\r\n const { children: num, period, numToStr, ...others } = props\r\n if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {\r\n throw new RangeError(\"目标数字必须是整数,周期必须是正整数\")\r\n }\r\n const ele = useRef<HTMLDivElement>(null)\r\n const cache = useRef({ num, period, numToStr, show: num })\r\n cache.current = { ...cache.current, num, period, numToStr }\r\n\r\n useImperativeHandle(ref, () => ({ get: () => cache.current.show }), [])\r\n\r\n useEffect(() => {\r\n const { num, period, show, numToStr } = cache.current\r\n ele.current!.innerText = (numToStr || String)(show)\r\n if (num === show) return\r\n const div = ele.current!\r\n const speed = (num - show) / period\r\n const cancel = setFrameInterval(() => {\r\n const { num, numToStr } = cache.current\r\n cache.current.show += speed\r\n if ((speed > 0 && cache.current.show > num) || (speed < 0 && cache.current.show < num)) {\r\n cancel()\r\n cache.current.show = num\r\n }\r\n div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show))\r\n }, 1)\r\n\r\n return cancel\r\n }, [num])\r\n\r\n return <div ref={ele} {...others} />\r\n})\r\n\r\nexport interface CircleTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\r\n /** 每一个方块的宽度 */\r\n width: number\r\n /** 每一个方块的高度 */\r\n height: number\r\n /** 圆弧的半径,不包含方块的高度 */\r\n radius: number\r\n /** 开始旋转的弧度,逆时针增加,0 为 x 轴方向 */\r\n startAngel?: number\r\n /** 每一个方块之间间隔的弧度 */\r\n gapAngel?: number\r\n /** 文字对齐的方式,默认居中 */\r\n align?: \"left\" | \"center\" | \"right\"\r\n /** 文字朝向圆心还是外侧,默认外侧 */\r\n direction?: \"inner\" | \"outer\"\r\n /** 是否反转文字顺序 */\r\n reverse?: boolean\r\n /** 分割文字的方法 */\r\n separator?: string | RegExp | ((text: string) => string[])\r\n /** 显示的文字 */\r\n children: string\r\n}\r\n\r\n/** 环形文字 */\r\nexport const CircleText: FC<CircleTextProps> = props => {\r\n const { width, height, radius, startAngel = 0, gapAngel = 0, align = \"center\", style, direction = \"outer\", reverse = false, separator, children, ...others } = props\r\n const unitAngle = Math.atan(width / 2 / radius) * 2\r\n const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel\r\n const offsetAngle = align === \"left\" ? 0 : align === \"right\" ? totalAngle : totalAngle / 2\r\n\r\n function getTransform(idx: number) {\r\n const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2\r\n const x = (radius + height / 2) * Math.cos(angle) - width / 2\r\n const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2\r\n const z = Math.PI / 2 - angle + (direction === \"inner\" ? Math.PI : 0)\r\n return `translateX(${x}px) translateY(${y}px) rotateZ(${(z / Math.PI) * 180}deg)`\r\n }\r\n\r\n const words = typeof separator === \"function\" ? separator(children) : children.split(separator ?? \"\")\r\n\r\n if (reverse) words.reverse()\r\n\r\n return (\r\n <Fragment>\r\n {words.map((w, idx) => (\r\n <span key={idx} style={{ position: \"absolute\", ...style, transform: getTransform(idx), textAlign: \"center\", width, lineHeight: `${height}px`, height: height }} {...others}>\r\n {w}\r\n </span>\r\n ))}\r\n </Fragment>\r\n )\r\n}\r\n\r\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\r\n /** 滑块宽度 */\r\n thumbWidth?: number\r\n}\r\n\r\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 滚动的配置 */\r\n options?: ScrollOptions\r\n /** 容器宽度 */\r\n containerClassName?: string\r\n /** 容器样式 */\r\n containerStyle?: CSSProperties\r\n}\r\n\r\n/**\r\n * 滚动条组件\r\n * @description 注意 children 不是直接渲染在组件上的,而是渲染在内部的容器上\r\n */\r\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\r\n const { children, containerClassName, containerStyle, options, className, ...others } = props\r\n const { thumbWidth, ...scrollbarOptions } = options || {}\r\n const ele = useRef<HTMLDivElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n SmoothScrollBar.init(ele.current!, scrollbarOptions)\r\n }, [])\r\n\r\n return (\r\n <div\r\n ref={ele}\r\n className={clsx(\r\n !!thumbWidth &&\r\n css`\r\n .scrollbar-track.scrollbar-track-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-x {\r\n height: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-track.scrollbar-track-y {\r\n width: ${thumbWidth}px;\r\n }\r\n\r\n .scrollbar-thumb.scrollbar-thumb-y {\r\n width: ${thumbWidth}px;\r\n }\r\n `,\r\n className\r\n )}\r\n {...others}>\r\n <div className={containerClassName} style={containerStyle}>\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n})\r\n\r\nexport const AutoSizeTextArea = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>((props, ref) => {\r\n const { style = {}, ...others } = props\r\n const { height, resize, overflowY, ...otherStyle } = style\r\n const ele = useRef<HTMLTextAreaElement>(null)\r\n\r\n useImperativeHandle(ref, () => ele.current!)\r\n\r\n useEffect(() => {\r\n const textarea = ele.current!\r\n function resizeTextarea() {\r\n textarea.style.height = \"auto\"\r\n textarea.style.height = `${textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight}px`\r\n }\r\n textarea.addEventListener(\"input\", resizeTextarea)\r\n textarea.addEventListener(\"change\", resizeTextarea)\r\n\r\n return () => {\r\n textarea.removeEventListener(\"input\", resizeTextarea)\r\n textarea.removeEventListener(\"change\", resizeTextarea)\r\n }\r\n }, [])\r\n\r\n return <textarea ref={ele} style={{ ...otherStyle, resize: \"none\", overflowY: \"hidden\" }} {...others} />\r\n})\r\n\r\nexport interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {\r\n /** 设计稿宽度,默认 1920 */\r\n width?: number\r\n /** 设计稿高度,默认 1080 */\r\n height?: number\r\n}\r\n\r\n/** \r\n * 自适应缩放组件\r\n * \r\n * 注意:\r\n * 1. 父元素必须设置 position: relative 或者其他非 static 的 position\r\n * 2. 不要设置元素的 position、left、top、transform 属性\r\n * 3. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示\r\n * 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: \"none\" }} />\r\n */\r\nexport const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) => {\r\n const { width = 1920, height = 1080, style, ...rest } = props\r\n const ele = useRef<HTMLDivElement>(null)\r\n const [show, setShow] = useState(false)\r\n useImperativeHandle(ref, () => ele.current!, [ele.current])\r\n useLayoutEffect(() => {\r\n const element = ele.current\r\n const parent = element?.parentElement\r\n if (!element || !parent) return\r\n function listener(entries: ResizeObserverEntry[]) {\r\n const entry = entries[0]\r\n const { contentRect } = entry\r\n const scale = Math.min(contentRect.width / width, contentRect.height / height)\r\n element?.style.setProperty(\"--scale\", scale.toString())\r\n setShow(true)\r\n }\r\n const observer = new ResizeObserver(listener)\r\n observer.observe(parent)\r\n return () => observer.disconnect()\r\n }, [ele.current?.parentElement, width, height])\r\n\r\n if (!show) return <div ref={ele} style={{ display: \"none\" }} />\r\n\r\n return <div ref={ele} style={{ position: \"absolute\", left: \"50%\", top: \"50%\", transform: `translateX(-50%) translateY(-50%) scale(var(--scale))`, width, height, ...style }} {...rest} />\r\n})\r\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,GAAG,QAAQ,cAAc;AAClC,SAAyBC,IAAI,EAAEC,OAAO,EAAEC,gBAAgB,QAAQ,eAAe;AAC/E,SAA+DC,QAAQ,EAAyGC,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5Q,OAAOC,eAAe,MAAM,kBAAkB;AAE9C,SAASC,IAAI,EAAEC,KAAK,EAAEC,SAAS,QAAQ,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAsD7C,OAAO,eAAeC,WAAWA,CAA8BC,IAAU,EAAEC,IAAO,EAAkC;EAChH,MAAMC,UAAU,GAAG,IAAIC,UAAU,CAAC,CAAC;EACnC,QAAQF,IAAI;IACR,KAAK,aAAa;MACdC,UAAU,CAACE,iBAAiB,CAACJ,IAAI,CAAC;MAClC;IACJ,KAAK,QAAQ;MACTE,UAAU,CAACG,kBAAkB,CAACL,IAAI,CAAC;MACnC;IACJ,KAAK,QAAQ;MACTE,UAAU,CAACI,aAAa,CAACN,IAAI,CAAC;MAC9B;IACJ,KAAK,MAAM;MACPE,UAAU,CAACK,UAAU,CAACP,IAAI,CAAC;MAC3B;IACJ;MACI,OAAOA,IAAI;EACnB;EACA,OAAO,IAAIQ,OAAO,CAACC,OAAO,IAAI;IAC1BP,UAAU,CAACQ,gBAAgB,CAAC,MAAM,EAAE,MAAM;MACtCD,OAAO,CAACP,UAAU,CAACS,MAAa,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,CAAC;AACN;;AAEA;AACA,OAAO,MAAMC,SAAS,gBAAG3B,UAAU,CAAmC,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAM;IAAEC,QAAQ,GAAG,KAAK;IAAEd,IAAI,GAAG,MAAM;IAAEe,QAAQ;IAAEC,QAAQ,EAAEC,aAAa;IAAEC,gBAAgB;IAAE,GAAGC;EAAO,CAAC,GAAGP,KAAK;EACjH,MAAM,CAACI,QAAQ,EAAEI,WAAW,CAAC,GAAG/B,QAAQ,CAAC,KAAK,CAAC;EAE/C,eAAegC,aAAaA,CAACC,CAAgC,EAAE;IAC3D,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM;IACtB,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK;IACvB,IAAI,CAACE,KAAK,IAAIA,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;IAClCN,WAAW,CAAC,IAAI,CAAC;IACjB,IAAI;MACA,IAAIN,QAAQ,EAAE;QACV,MAAMJ,MAAa,GAAG,EAAE;QACxB,KAAK,MAAMX,IAAI,IAAI4B,KAAK,CAACC,IAAI,CAACH,KAAK,CAAC,EAAE;UAClCf,MAAM,CAACmB,IAAI,CAAC;YACRnB,MAAM,EAAE,MAAMZ,WAAW,CAACC,IAAI,EAAEC,IAAI,CAAC;YACrCD;UACJ,CAAC,CAAC;QACN;QACAgB,QAAQ,GAAGL,MAAa,CAAC;MAC7B,CAAC,MAAM;QACHK,QAAQ,GAAG;UACPL,MAAM,EAAE,MAAMZ,WAAW,CAAC2B,KAAK,CAAC,CAAC,CAAC,EAAEzB,IAAI,CAAC;UACzCD,IAAI,EAAE0B,KAAK,CAAC,CAAC;QACjB,CAAQ,CAAC;MACb;MACAL,WAAW,CAAC,KAAK,CAAC;MAClB,IAAIF,gBAAgB,EAAEK,KAAK,CAACO,KAAK,GAAG,EAAE;IAC1C,CAAC,CAAC,OAAOC,KAAK,EAAE;MACZX,WAAW,CAAC,KAAK,CAAC;MAClB,IAAIF,gBAAgB,EAAEK,KAAK,CAACO,KAAK,GAAG,EAAE;MACtC,MAAMC,KAAK;IACf;EACJ;EAEA,oBAAOpC,IAAA;IAAOqB,QAAQ,EAAEA,QAAQ,IAAIC,aAAc;IAACJ,GAAG,EAAEA,GAAI;IAACb,IAAI,EAAC,MAAM;IAACc,QAAQ,EAAEA,QAAS;IAACC,QAAQ,EAAEM,aAAc;IAAA,GAAKF;EAAM,CAAG,CAAC;AACxI,CAAC,CAAC;AAUF;AACA,OAAO,MAAMa,eAAe,gBAAGhD,UAAU,CAA0C,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAC/F,MAAM;IAAEoB,OAAO;IAAEC,QAAQ;IAAEX,KAAK,EAAEY,UAAU;IAAE,GAAGhB;EAAO,CAAC,GAAGP,KAAK;EACjE,MAAM;IAAEwB,KAAK;IAAE,GAAGC;EAAgB,CAAC,GAAGF,UAAU;EAChD,MAAMZ,KAAK,GAAGnC,MAAM,CAAmB,IAAI,CAAC;EAE5C,SAASkD,UAAUA,CAAChB,CAAiD,EAAE;IACnEC,KAAK,CAACgB,OAAO,EAAEC,KAAK,CAAC,CAAC;IACtBP,OAAO,GAAGX,CAAC,CAAC;EAChB;EAEA,oBACIzB,KAAA;IAAQgB,GAAG,EAAEA,GAAI;IAACb,IAAI,EAAC,QAAQ;IAACiC,OAAO,EAAEK,UAAW;IAAA,GAAKnB,MAAM;IAAAe,QAAA,gBAC3DvC,IAAA,CAACgB,SAAS;MAACE,GAAG,EAAEU,KAAM;MAACa,KAAK,EAAE;QAAEK,OAAO,EAAE,MAAM;QAAE,GAAGL;MAAM,CAAE;MAAA,GAAKC;IAAe,CAAG,CAAC,EACnFH,QAAQ;EAAA,CACL,CAAC;AAEjB,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMQ,WAAW,gBAAG1D,UAAU,CAAqC,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;IAAEE,QAAQ;IAAE,GAAGI;EAAO,CAAC,GAAGP,KAAK;EAErC,SAASS,aAAaA,CAACsB,IAAgC,EAAE;IACrD,MAAMC,EAAE,GAAGrD,IAAI,CAACoD,IAAI,CAACjC,MAAM,CAAC;IAC5B,MAAMA,MAAM,GAAGlB,KAAK,CAACqD,aAAa,CAAMD,EAAE,CAACE,MAAM,CAACF,EAAE,CAACG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,IAAI,OAAOrC,MAAM,KAAK,QAAQ,EAAE;MAC5B,MAAMsC,CAAC,GAAGtC,MAAM,CAACuC,GAAG,CAACC,EAAE,IAAI;QACvB,MAAMC,CAAyB,GAAG,CAAC,CAAC;QACpCC,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CACVI,MAAM,CAACC,GAAG,IAAIA,GAAG,KAAK,YAAY,CAAC,CACnCC,OAAO,CAACD,GAAG,IAAKJ,CAAC,CAACI,GAAG,CAAC,GAAGE,MAAM,CAACP,EAAE,CAACK,GAAG,CAAC,CAAE,CAAC;QAC/C,OAAOJ,CAAC;MACZ,CAAC,CAAC;MACFpC,QAAQ,GAAGiC,CAAC,CAAC;IACjB;EACJ;EAEA,oBAAOrD,IAAA,CAACgB,SAAS;IAACE,GAAG,EAAEA,GAAI;IAAC6C,MAAM,EAAC,OAAO;IAAC1D,IAAI,EAAC,aAAa;IAACe,QAAQ,EAAEM,aAAc;IAAA,GAAKF;EAAM,CAAG,CAAC;AACzG,CAAC,CAAC;;AAEF;AACA,OAAO,SAASwC,WAAWA,CAAChB,IAA8B,EAAEiB,IAAY,EAAE;EACtE,MAAMC,SAAS,GAAGrE,KAAK,CAACsE,aAAa,CAACnB,IAAI,CAAC;EAC3C,MAAMoB,QAAQ,GAAGvE,KAAK,CAACwE,QAAQ,CAAC,CAAC;EACjCxE,KAAK,CAACyE,iBAAiB,CAACF,QAAQ,EAAEF,SAAS,CAAC;EAC5CpE,SAAS,CAACsE,QAAQ,EAAG,GAAEH,IAAK,GAAEA,IAAI,CAACM,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,OAAQ,EAAC,CAAC;AAC1E;AAOA;AACA,OAAO,MAAMC,WAAW,gBAAGnF,UAAU,CAAsC,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;IAAE8B,IAAI;IAAEyB,QAAQ;IAAEnC,OAAO;IAAE,GAAGd;EAAO,CAAC,GAAGP,KAAK;EAEpD,SAASyD,aAAaA,CAAC/C,CAAiD,EAAE;IACtEqC,WAAW,CAAChB,IAAI,EAAEyB,QAAQ,CAAC;IAC3BnC,OAAO,GAAGX,CAAC,CAAC;EAChB;EAEA,oBAAO3B,IAAA;IAAQkB,GAAG,EAAEA,GAAI;IAACoB,OAAO,EAAEoC,aAAc;IAAA,GAAKlD;EAAM,CAAG,CAAC;AACnE,CAAC,CAAC;AAUF;AACA,OAAO,MAAMmD,aAAqC,GAAG1D,KAAK,IAAI;EAC1D,MAAM;IAAEwB,KAAK;IAAEmC,kBAAkB;IAAEC,cAAc;IAAEtC,QAAQ;IAAEuC,QAAQ,GAAG,IAAI;IAAEC,UAAU,GAAG,IAAI;IAAEC,IAAI,GAAG,IAAI;IAAE,GAAGxD;EAAO,CAAC,GAAGP,KAAK;EACjI,MAAMgE,GAAG,GAAGxF,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAM,CAACyF,KAAK,EAAEC,QAAQ,CAAC,GAAGzF,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAM,CAAC0F,MAAM,EAAEC,SAAS,CAAC,GAAG3F,QAAQ,CAAC,CAAC,CAAC;EACvC,MAAM,CAAC4F,KAAK,EAAEC,QAAQ,CAAC,GAAG7F,QAAQ,CAAC,CAAC,CAAC;EAErCJ,SAAS,CAAC,MAAM;IACZ,MAAMkG,QAAQ,GAAG,IAAIC,cAAc,CAACC,OAAO,IAAI;MAC3C,MAAM;QAAER,KAAK,EAAES,YAAY;QAAEP,MAAM,EAAEQ;MAAc,CAAC,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACG,WAAW;MAC7EV,QAAQ,CAACQ,YAAY,CAAC;MACtBN,SAAS,CAACO,aAAa,CAAC;IAC5B,CAAC,CAAC;IAEFJ,QAAQ,CAACM,OAAO,CAACb,GAAG,CAACrC,OAAQ,CAAC;IAE9B,OAAO,MAAM;MACT4C,QAAQ,CAACO,UAAU,CAAC,CAAC;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAENzG,SAAS,CAAC,MAAM;IACZiG,QAAQ,CAACD,KAAK,IAAIU,IAAI,CAACC,GAAG,CAACX,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACJ,KAAK,EAAEE,MAAM,CAAC,CAAC;EAEnB,MAAMc,UAAyB,GAAG;IAAEC,kBAAkB,EAAEb,KAAK,KAAK,CAAC,GAAG,CAACP,UAAU,IAAI,OAAO,EAAED,QAAQ,IAAI,QAAQ,CAAC,CAACnB,MAAM,CAACyC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAAGC,SAAS;IAAEC,kBAAkB,EAAEjB,KAAK,KAAK,CAAC,GAAI,GAAEN,IAAK,IAAG,GAAGsB,SAAS;IAAEpB,KAAK;IAAEE,MAAM;IAAEoB,QAAQ,EAAE,QAAQ;IAAEC,QAAQ,EAAE,UAAU;IAAE,GAAGhE;EAAM,CAAC;EAE1R,oBACIzC,IAAA;IAAKyC,KAAK,EAAEyD,UAAW;IAAA,GAAK1E,MAAM;IAAAe,QAAA,eAC9BvC,IAAA;MAAK0G,SAAS,EAAE9B,kBAAmB;MAACnC,KAAK,EAAE;QAAEgE,QAAQ,EAAE,UAAU;QAAE,GAAG5B;MAAe,CAAE;MAAC3D,GAAG,EAAE+D,GAAI;MAAA1C,QAAA,EAC5FA;IAAQ,CACR;EAAC,CACL,CAAC;AAEd,CAAC;AA8CD;AACA,OAAO,MAAMoE,QAA2B,GAAG1F,KAAK,IAAI;EAChD,MAAM;IAAE2F,UAAU,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC;IAAEC,WAAW,GAAG,CAAC;IAAEC,WAAW;IAAEC,cAAc,GAAG,EAAE;IAAEC,cAAc,GAAG,CAAC;IAAEC,cAAc;IAAEC,eAAe;IAAEC,SAAS;IAAEC,SAAS,GAAGrB,IAAI,CAACsB,EAAE,GAAG,CAAC;IAAEC,MAAM,GAAG,CAAC;IAAEC,OAAO;IAAEC,kBAAkB;IAAEC,kBAAkB;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAG3G,KAAK;EACtR,MAAMwB,KAAK,GAAG;IAAE,eAAe,EAAG,GAAEmE,UAAW,IAAG;IAAE,gBAAgB,EAAEC,WAAW;IAAE,gBAAgB,EAAG,GAAEC,WAAY,IAAG;IAAE,gBAAgB,EAAEC,WAAW;IAAE,mBAAmB,EAAEC,cAAc;IAAE,mBAAmB,EAAG,GAAEC,cAAe,IAAG;IAAE,mBAAmB,EAAEC,cAAc;IAAE,oBAAoB,EAAEC,eAAe;IAAE,cAAc,EAAEC,SAAS;IAAE,UAAU,EAAG,GAAEG,MAAO;EAAG,CAAkB;EAC3X,oBACIrH,KAAA;IAAKwG,SAAS,EAAC,mBAAmB;IAACjE,KAAK,EAAEA,KAAM;IAAAF,QAAA,GAC3CP,KAAK,CAAC,GAAG,CAAC,CACN6F,IAAI,CAAC,CAAC,CAAC,CACPvE,GAAG,CAAC,CAACE,CAAC,EAAEsE,KAAK,kBACV9H,IAAA;MAAK0G,SAAS,EAAC,6BAA6B;MAACjE,KAAK,EAAE;QAAEsF,SAAS,EAAG,WAAU,CAAC,GAAGD,KAAM,MAAK;QAAEhF,OAAO,EAAE2E,kBAAkB,GAAG,OAAO,GAAG;MAAO;IAAE,CAAM,CACvJ,CAAC,EACLzF,KAAK,CAAC,EAAE,CAAC,CACL6F,IAAI,CAAC,CAAC,CAAC,CACPvE,GAAG,CAAC,CAACE,CAAC,EAAEsE,KAAK,kBACV9H,IAAA;MAAK0G,SAAS,EAAC,sBAAsB;MAACjE,KAAK,EAAE;QAAEsF,SAAS,EAAG,WAAU,EAAE,GAAGD,KAAM,MAAK;QAAEhF,OAAO,EAAE2E,kBAAkB,GAAG,OAAO,GAAG;MAAO,CAAE;MAAAlF,QAAA,eACpIvC,IAAA;QAAM0G,SAAS,EAAC,2BAA2B;QAACjE,KAAK,EAAE;UAAEK,OAAO,EAAE4E,kBAAkB,GAAG,OAAO,GAAG;QAAO,CAAE;QAAAnF,QAAA,EACjGuB,MAAM,CAACgE,KAAK,GAAG,EAAE,CAAC,CAACE,QAAQ,CAAC,CAAC,EAAE,GAAG;MAAC,CAClC;IAAC,CACN,CACR,CAAC,eACN9H,KAAA;MAAKwG,SAAS,EAAC,WAAW;MAAAnE,QAAA,gBACtBvC,IAAA;QAAK0G,SAAS,EAAC,gBAAgB;QAACjE,KAAK,EAAE;UAAE2C,MAAM,EAAG,GAAEwB,UAAU,GAAGC,WAAW,GAAGb,IAAI,CAACiC,GAAG,CAACZ,SAAS,CAAE,IAAG;UAAEa,QAAQ,EAAG;QAAiC;MAAE,CAAM,CAAC,EAC5JP,UAAU,IACP3F,KAAK,CAAC6E,WAAW,CAAC,CACbgB,IAAI,CAAC,CAAC,CAAC,CACPvE,GAAG,CAAC,CAACE,CAAC,EAAEsE,KAAK,kBAAK9H,IAAA;QAAK0G,SAAS,EAAC,kBAAkB;QAACjE,KAAK,EAAE;UAAEyC,KAAK,EAAG,GAAE0B,UAAU,GAAG,CAAC,IAAIkB,KAAK,GAAG,CAAC,CAAE,IAAG;UAAE1C,MAAM,EAAG,GAAEwB,UAAU,GAAG,CAAC,IAAIkB,KAAK,GAAG,CAAC,CAAE;QAAI;MAAE,CAAM,CAAC,CAAC,EACvKF,aAAa,IACV5F,KAAK,CAACgF,cAAc,CAAC,CAChBa,IAAI,CAAC,CAAC,CAAC,CACPvE,GAAG,CAAC,CAACE,CAAC,EAAEsE,KAAK,kBAAK9H,IAAA;QAAK0G,SAAS,EAAC,qBAAqB;QAACjE,KAAK,EAAE;UAAEsF,SAAS,EAAG,WAAW,GAAG,GAAGf,cAAc,GAAIc,KAAM;QAAM;MAAE,CAAM,CAAC,CAAC,EAC7IN,OAAO,EAAElE,GAAG,CAACC,EAAE,iBACZvD,IAAA;QAAK0G,SAAS,EAAC,kBAAkB;QAACjE,KAAK,EAAE;UAAE0F,IAAI,EAAG,GAAEvB,UAAU,GAAGC,WAAW,GAAGtD,EAAE,CAAC6E,MAAM,GAAGpC,IAAI,CAACqC,GAAG,CAAC9E,EAAE,CAAC+E,KAAK,CAAE,IAAG;UAAEC,MAAM,EAAG,GAAE3B,UAAU,GAAGC,WAAW,GAAGtD,EAAE,CAAC6E,MAAM,GAAGpC,IAAI,CAACwC,GAAG,CAACjF,EAAE,CAAC+E,KAAK,CAAE;QAAI,CAAE;QAAA/F,QAAA,EACzLgB,EAAE,CAACkF;MAAO,CACV,CACR,CAAC;IAAA,CACD,CAAC;EAAA,CACL,CAAC;AAEd,CAAC;AAOD;AACA,OAAO,MAAMC,IAAmB,GAAGzH,KAAK,IAAI;EACxC,MAAM;IAAE0H,UAAU;IAAEC,UAAU;IAAEnG,KAAK;IAAE,GAAGoG;EAAU,CAAC,GAAG5H,KAAK;EAE7D,MAAM6H,WAAW,GAAGH,UAAU,GAAG,CAAC;EAElC,MAAMI,WAAW,GAAGH,UAAU,GAAG,CAAC;EAElC,oBAAO5I,IAAA;IAAKyC,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEyC,KAAK,EAAG,GAAEyD,UAAW,IAAG;MAAEvD,MAAM,EAAG,GAAEuD,UAAW,IAAG;MAAET,QAAQ,EAAG,YAAWY,WAAY,KAAIA,WAAY,IAAGA,WAAY,UAASH,UAAW,OAAMG,WAAY,IAAGA,WAAY,WAAUH,UAAW,OAAMG,WAAW,GAAGC,WAAY,OAAMA,WAAY,IAAGA,WAAY,UAASA,WAAW,GAAG,CAAE,OAAMA,WAAY,IAAGA,WAAY,WAAUA,WAAW,GAAG,CAAE;IAAQ,CAAE;IAAA,GAAKF;EAAS,CAAG,CAAC;AACpZ,CAAC;AAwDD,OAAO,SAASG,WAAWA,CAACC,GAAmD,EAA2B;EACtG,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE,OAAO,CAACA,GAAG,EAAEA,GAAG,CAAC;EAC9C,IAAIjH,KAAK,CAACkH,OAAO,CAACD,GAAG,CAAC,EAAE,OAAO,CAACA,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC;EACpD,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC;AACpB;AAEA,OAAO,SAASE,kBAAkBA,CAACjE,KAAa,EAAEkE,SAAiB,EAAEC,MAAc,EAAEC,MAAqB,EAAoB;EAC1H,MAAMhE,KAAK,GAAGU,IAAI,CAACuD,KAAK,CAAC,CAACrE,KAAK,GAAGmE,MAAM,KAAKD,SAAS,GAAGC,MAAM,CAAC,CAAC,IAAI,CAAC;EACtE,IAAI/D,KAAK,KAAK,CAAC,EAAE,OAAO,CAACA,KAAK,EAAE,CAAC,CAAC;EAClC,MAAMkE,UAAU,GAAG,CAACtE,KAAK,GAAGkE,SAAS,GAAG9D,KAAK,KAAKA,KAAK,GAAG,CAAC,CAAC;EAC5D,IAAIkE,UAAU,GAAGH,MAAM,EAAE,OAAO,CAAC/D,KAAK,EAAE+D,MAAM,CAAC;EAC/C,IAAIC,MAAM,KAAK,IAAI,IAAIE,UAAU,GAAGF,MAAM,EAAE,OAAO,CAAChE,KAAK,EAAEgE,MAAM,CAAC;EAClE,OAAO,CAAChE,KAAK,EAAEkE,UAAU,CAAC;AAC9B;;AAEA;AACA,OAAO,SAASC,IAAIA,CAAIxI,KAAmB,EAAE;EACzC,MAAM;IAAEmI,SAAS;IAAEM,UAAU;IAAEC,SAAS;IAAEC,MAAM,GAAG,CAAC;IAAEC,OAAO;IAAE7G,IAAI;IAAE8G,MAAM;IAAEC,UAAU;IAAErD,SAAS;IAAEjE,KAAK;IAAEmC,kBAAkB;IAAEC,cAAc;IAAEmF,QAAQ;IAAEzD,kBAAkB;IAAE0D,YAAY;IAAE,GAAGzI;EAAO,CAAC,GAAGP,KAAK;EAC9M,MAAM,CAACiJ,YAAY,EAAEC,YAAY,CAAC,GAAGnB,WAAW,CAACW,SAAS,CAAC;EAC3D,MAAM,CAACzE,KAAK,EAAEC,QAAQ,CAAC,GAAGzF,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAM,CAAC0K,WAAW,EAAEC,cAAc,CAAC,GAAG3K,QAAQ,CAAC,CAAC,CAAC;EACjD,MAAM,CAAC4K,aAAa,EAAEC,gBAAgB,CAAC,GAAG7K,QAAQ,CAACwK,YAAY,CAAC;EAChE,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAG/K,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMgL,GAAG,GAAGjL,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAMkL,WAAW,GAAG3E,IAAI,CAAC4E,IAAI,CAAC5H,IAAI,CAACjB,MAAM,GAAGqI,WAAW,CAAC;EACxD,MAAMS,gBAAgB,GAAG,OAAOhB,OAAO,KAAK,QAAQ,GAAG7D,IAAI,CAACC,GAAG,CAAC0E,WAAW,EAAEd,OAAO,CAAC,GAAGc,WAAW;EACnG,MAAMvF,MAAM,GAAGyF,gBAAgB,GAAG,CAAC,GAAGA,gBAAgB,IAAInB,UAAU,GAAGE,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC;EAO3F,SAASkB,WAAWA,CAAChD,KAAa,EAAY;IAC1C,MAAMiD,CAAC,GAAG/E,IAAI,CAACuD,KAAK,CAACzB,KAAK,GAAGsC,WAAW,CAAC;IACzC,MAAMY,CAAC,GAAGlD,KAAK,GAAGiD,CAAC,GAAGX,WAAW;IACjC,OAAO;MACHjC,IAAI,EAAE6C,CAAC,IAAI5B,SAAS,GAAGkB,aAAa,CAAC;MACrCW,GAAG,EAAEF,CAAC,IAAIrB,UAAU,GAAGE,MAAM;IACjC,CAAC;EACL;EAEA,SAASsB,SAASA,CAACpD,KAAa,EAAE;IAC9B,IAAI,OAAO+B,OAAO,KAAK,QAAQ,EAAE,OAAO,KAAK;IAC7C,OAAO/B,KAAK,IAAI+B,OAAO,GAAGO,WAAW;EACzC;EAEA9K,SAAS,CAAC,MAAM;IACZ,IAAI6L,OAAe;IACnB,MAAM3F,QAAQ,GAAG,IAAIC,cAAc,CAACC,OAAO,IAAI;MAC3C0F,YAAY,CAACD,OAAO,CAAC;MACrB,SAASE,IAAIA,CAAA,EAAG;QACZ,MAAM;UAAEC,UAAU,EAAEpG;QAAM,CAAC,GAAGQ,OAAO,CAAC,CAAC,CAAC,CAAC6F,aAAa,CAAC,CAAC,CAAC;QACzD,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAAGtC,kBAAkB,CAACjE,KAAK,EAAEkE,SAAS,EAAEc,YAAY,EAAEC,YAAY,CAAC;QAC3GM,YAAY,CAAC,IAAI,CAAC;QAClBtF,QAAQ,CAACD,KAAK,CAAC;QACfmF,cAAc,CAACmB,cAAc,CAAC;QAC9BjB,gBAAgB,CAACkB,gBAAgB,CAAC;MACtC;MACA,IAAIzB,QAAQ,KAAK,IAAI,EAAE;QACnBqB,IAAI,CAAC,CAAC;MACV,CAAC,MAAM;QACHF,OAAO,GAAGO,MAAM,CAACC,UAAU,CAACN,IAAI,EAAErB,QAAQ,IAAI,GAAG,CAAC;MACtD;IACJ,CAAC,CAAC;IACFxE,QAAQ,CAACM,OAAO,CAAC4E,GAAG,CAAC9H,OAAQ,CAAC;IAE9B,OAAO,MAAM;MACT4C,QAAQ,CAACO,UAAU,CAAC,CAAC;IACzB,CAAC;EACL,CAAC,EAAE,CAACqD,SAAS,EAAEY,QAAQ,EAAEL,SAAS,CAAC,CAAC;EAEpCrK,SAAS,CAAC,MAAM;IACZ2K,YAAY,GAAG;MAAE/E,KAAK;MAAEE,MAAM;MAAEgE,SAAS;MAAEM,UAAU;MAAEC,SAAS,EAAEW,aAAa;MAAEF,WAAW;MAAER,MAAM;MAAEgC,QAAQ,EAAEf,gBAAgB;MAAErE,QAAQ,EAAExD,IAAI,CAACjB,MAAM,GAAG8I,gBAAgB,GAAGT,WAAW;MAAEyB,SAAS,EAAE7I,IAAI,CAACjB,MAAM;MAAE8H,OAAO,EAAEA,OAAO,IAAI;IAAK,CAAC,CAAC;EACjP,CAAC,EAAE,CAAC3E,KAAK,EAAEE,MAAM,EAAEkF,aAAa,EAAEF,WAAW,EAAER,MAAM,EAAEiB,gBAAgB,EAAE7H,IAAI,CAACjB,MAAM,EAAEqH,SAAS,EAAEM,UAAU,EAAEG,OAAO,CAAC,CAAC;EAEtH,oBACI7J,IAAA;IAAKkB,GAAG,EAAEwJ,GAAI;IAAChE,SAAS,EAAEA,SAAU;IAACjE,KAAK,EAAE;MAAEgE,QAAQ,EAAE,UAAU;MAAEqF,SAAS,EAAE,YAAY;MAAE1G,MAAM;MAAE,GAAG3C;IAAM,CAAE;IAAA,GAAKjB,MAAM;IAAAe,QAAA,EACtHiI,SAAS,IACNxH,IAAI,CAACM,GAAG,CAAC,CAACC,EAAE,EAAEwI,GAAG,kBACb/L,IAAA;MAEI0G,SAAS,EAAE9B,kBAAmB;MAC9BnC,KAAK,EAAE;QACHgE,QAAQ,EAAE,UAAU;QACpBvB,KAAK,EAAEkE,SAAS;QAChBhE,MAAM,EAAEsE,UAAU;QAClBsC,UAAU,EAAEzF,kBAAkB,KAAK,IAAI,GAAI,OAAMA,kBAAkB,IAAI,GAAI,IAAG,GAAGD,SAAS;QAC1F,GAAGwE,WAAW,CAACiB,GAAG;MACtB,CAAE;MAAAxJ,QAAA,eACFvC,IAAA;QAAKyC,KAAK,EAAE;UAAEyC,KAAK,EAAEkE,SAAS;UAAEhE,MAAM,EAAEsE,UAAU;UAAE5G,OAAO,EAAE+G,OAAO,IAAIkC,GAAG,IAAIlC,OAAO,GAAGO,WAAW,GAAG,MAAM,GAAG,OAAO;UAAE,GAAGvF;QAAe,CAAE;QAAAtC,QAAA,EAAEuH,MAAM,CAACvG,EAAE,EAAEwI,GAAG,EAAEb,SAAS,CAACa,GAAG,CAAC;MAAC,CAAM;IAAC,GAThLhC,UAAU,GAAGxG,EAAE,EAAEwI,GAAG,CAAC,IAAIA,GAU7B,CACR;EAAC,CACL,CAAC;AAEd;AASA;AACA,OAAO,MAAME,SAAS,gBAAG5M,UAAU,CAAiC,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAChF,MAAM;IAAE+J,GAAG;IAAE1C,MAAM;IAAEnD,MAAM;IAAE8G,YAAY;IAAEzJ,KAAK;IAAE,GAAG0J;EAAM,CAAC,GAAGlL,KAAK;EAEpE,MAAMmL,IAAI,GAAG,CAAC7D,MAAM,GAAG0C,GAAG,IAAI,CAAC;EAE/B,MAAMoB,CAAC,GAAGrG,IAAI,CAACsG,IAAI,CAAClH,MAAM,GAAGgH,IAAI,CAAC,GAAG,CAAC;EAEtC,MAAMG,CAAC,GAAGL,YAAY,GAAGlG,IAAI,CAACiC,GAAG,CAACoE,CAAC,CAAC;EAEpC,MAAMG,CAAC,GAAGD,CAAC,GAAGvG,IAAI,CAACqC,GAAG,CAACgE,CAAC,GAAG,CAAC,CAAC;EAE7B,MAAMI,CAAC,GAAGF,CAAC,GAAGvG,IAAI,CAACwC,GAAG,CAAC6D,CAAC,GAAG,CAAC,CAAC;EAE7B,MAAM1K,CAAC,GAAGqE,IAAI,CAACsB,EAAE,GAAG,CAAC,GAAG+E,CAAC;EAEzB,MAAMK,CAAC,GAAGR,YAAY,GAAGlG,IAAI,CAACiC,GAAG,CAACtG,CAAC,CAAC;EAEpC,MAAMgL,CAAC,GAAGD,CAAC,GAAG1G,IAAI,CAACqC,GAAG,CAACgE,CAAC,GAAG,CAAC,CAAC;EAE7B,MAAMO,CAAC,GAAGF,CAAC,GAAG1G,IAAI,CAACwC,GAAG,CAAC6D,CAAC,GAAG,CAAC,CAAC;EAE7B,oBAAOrM,IAAA;IAAKkB,GAAG,EAAEA,GAAI;IAACuB,KAAK,EAAE;MAAEyC,KAAK,EAAEqD,MAAM;MAAEnD,MAAM;MAAE8C,QAAQ,EAAG,WAAUkE,IAAI,GAAGM,CAAE,IAAG,CAAE,OAAMR,YAAa,IAAGA,YAAa,UAASE,IAAI,GAAGO,CAAE,IAAGC,CAAE,MAAKJ,CAAE,IAAGpH,MAAM,GAAGqH,CAAE,MAAKP,YAAa,IAAGA,YAAa,UAASK,CAAE,IAAGnH,MAAO,MAAKmD,MAAM,GAAGgE,CAAE,IAAGnH,MAAO,MAAK8G,YAAa,IAAGA,YAAa,UAAS3D,MAAM,GAAGiE,CAAE,IAAGpH,MAAM,GAAGqH,CAAE,MAAKxB,GAAG,GAAGmB,IAAI,GAAGO,CAAE,IAAGC,CAAE,MAAKV,YAAa,IAAGA,YAAa,UAASjB,GAAG,GAAGmB,IAAI,GAAGM,CAAE,IAAG,CAAE,MAAK;MAAE,GAAGjK;IAAM,CAAE;IAAA,GAAK0J;EAAK,CAAG,CAAC;AACzb,CAAC,CAAC;AASFnN,GAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA,OAAO,MAAM6N,UAAU,gBAAGxN,UAAU,CAAkC,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAM;IAAEuB,KAAK;IAAEF,QAAQ;IAAEuK,SAAS;IAAEvF,MAAM;IAAEwF,OAAO;IAAE9D,GAAG;IAAE,GAAGzH;EAAO,CAAC,GAAGP,KAAK;EAC7E,MAAM+L,OAAO,GAAGvN,MAAM,CAAiB,IAAI,CAAC;EAC5C,MAAMwN,SAAS,GAAGxN,MAAM,CAAiB,IAAI,CAAC;EAC9C,MAAM,CAACyN,MAAM,EAAEC,SAAS,CAAC,GAAGzN,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM0N,YAAY,GAAG3N,MAAM,CAACqN,SAAS,CAAC;EACtCM,YAAY,CAACxK,OAAO,GAAGkK,SAAS;EAChC,MAAMO,aAA6C,GAAGP,SAAS,KAAK,UAAU,GAAIC,OAAO,GAAG,gBAAgB,GAAG,QAAQ,GAAIA,OAAO,GAAG,aAAa,GAAG,KAAK;EAC1J,MAAMO,aAAa,GAAGJ,MAAM,GAAIJ,SAAS,KAAK,UAAU,GAAIC,OAAO,GAAG,qCAAqC,GAAG,6BAA6B,GAAIA,OAAO,GAAG,uCAAuC,GAAG,+BAA+B,GAAI,MAAM;EAC5O,MAAMQ,iBAAiB,GAAI,GAAEhG,MAAO,IAAG;EACvC,MAAMiG,uBAAuB,GAAG,QAAQ;EACxC,MAAMC,uBAAuB,GAAG,UAAU;EAE1ClO,mBAAmB,CAAC2B,GAAG,EAAE,MAAM8L,OAAO,CAACpK,OAAQ,CAAC;EAEhDtD,SAAS,CAAC,MAAM;IACZ,MAAMoO,UAAU,GAAGV,OAAO,CAACpK,OAAQ;IACnC,MAAM+K,YAAY,GAAGV,SAAS,CAACrK,OAAQ;IACvC,IAAIgL,YAAY,GAAG,CAAC;IACpB,IAAIC,aAAa,GAAG,CAAC;IACrB,IAAIC,cAAc,GAAG,CAAC;IACtB,IAAIC,eAAe,GAAG,CAAC;IACvB,MAAMvI,QAAQ,GAAG,IAAIC,cAAc,CAACC,OAAO,IAAI;MAC3CA,OAAO,CAAC7B,OAAO,CAACmK,KAAK,IAAI;QACrB,IAAIA,KAAK,CAACnM,MAAM,KAAK6L,UAAU,EAAE;UAC7BE,YAAY,GAAGI,KAAK,CAACnI,WAAW,CAACX,KAAK;UACtC2I,aAAa,GAAGG,KAAK,CAACnI,WAAW,CAACT,MAAM;QAC5C,CAAC,MAAM,IAAI4I,KAAK,CAACnM,MAAM,KAAK8L,YAAY,EAAE;UACtCG,cAAc,GAAGE,KAAK,CAACnI,WAAW,CAACX,KAAK;UACxC6I,eAAe,GAAGC,KAAK,CAACnI,WAAW,CAACT,MAAM;QAC9C;MACJ,CAAC,CAAC;MACF+H,SAAS,CAACC,YAAY,CAACxK,OAAO,KAAK,UAAU,GAAGmL,eAAe,GAAGF,aAAa,GAAGC,cAAc,GAAGF,YAAY,CAAC;IACpH,CAAC,CAAC;IACFpI,QAAQ,CAACM,OAAO,CAAC4H,UAAU,CAAC;IAC5BlI,QAAQ,CAACM,OAAO,CAAC6H,YAAY,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIzN,KAAA;IAAKgB,GAAG,EAAE8L,OAAQ;IAACvK,KAAK,EAAE;MAAEK,OAAO,EAAE,MAAM;MAAEuK,aAAa;MAAEpE,GAAG;MAAE,GAAGxG;IAAM,CAAE;IAAA,GAAKjB,MAAM;IAAAe,QAAA,gBACnFvC,IAAA;MAAKkB,GAAG,EAAE+L,SAAU;MAACxK,KAAK,EAAE;QAAEK,OAAO,EAAE,MAAM;QAAEuK,aAAa;QAAEpE,GAAG;QAAEqE,aAAa;QAAEE,uBAAuB;QAAED,iBAAiB;QAAEE;MAAwB,CAAE;MAAAlL,QAAA,EACnJA;IAAQ,CACR,CAAC,eACNvC,IAAA;MAAKyC,KAAK,EAAE;QAAEK,OAAO,EAAEoK,MAAM,GAAG,MAAM,GAAG,MAAM;QAAEG,aAAa;QAAEpE,GAAG;QAAEqE,aAAa;QAAEE,uBAAuB;QAAED,iBAAiB;QAAEE;MAAwB,CAAE;MAAAlL,QAAA,EAAEA;IAAQ,CAAM,CAAC;EAAA,CAC1K,CAAC;AAEd,CAAC,CAAC;AASF,OAAO,MAAM0L,WAAiC,GAAGhN,KAAK,IAAI;EACtD,MAAM;IAAE6H,WAAW,EAAEoF,CAAC;IAAEnF,WAAW,EAAEoF,CAAC;IAAE7I,KAAK,EAAEkH,CAAC;IAAE4B,KAAK,EAAE/B,CAAC;IAAE5J,KAAK;IAAE,GAAGjB;EAAO,CAAC,GAAGP,KAAK;EAEtF,MAAMoN,CAAC,GAAIrI,IAAI,CAACsB,EAAE,GAAG,CAAC,GAAIkF,CAAC,GAAGH,CAAC;EAE/B,SAASiC,GAAGA,CAAClG,MAAc,EAAEmG,UAAkB,EAAEC,QAAgB,EAAEC,OAAuB,GAAG,CAAC,CAAC,EAAE;IAC7F,OAAOvP,OAAO,CAACgP,CAAC,EAAEA,CAAC,EAAE9F,MAAM,EAAEmG,UAAU,EAAEC,QAAQ,EAAEC,OAAO,CAAC;EAC/D;EAEA,oBACIzO,IAAA;IACIyC,KAAK,EAAE;MACH,GAAGA,KAAK;MACRyC,KAAK,EAAEgJ,CAAC,GAAG,CAAC;MACZ9I,MAAM,EAAE8I,CAAC,GAAG,CAAC;MACbhG,QAAQ,EAAG,SAAQlG,KAAK,CAACwK,CAAC,CAAC,CACtB3E,IAAI,CAAC,CAAC,CAAC,CACPvE,GAAG,CAAC,CAACC,EAAE,EAAEwI,GAAG,KAAM,GAAEuC,GAAG,CAACJ,CAAC,EAAEnC,GAAG,IAAIM,CAAC,GAAGgC,CAAC,CAAC,EAAEtC,GAAG,IAAIM,CAAC,GAAGgC,CAAC,CAAC,GAAGhC,CAAC,CAAE,IAAGiC,GAAG,CAACH,CAAC,EAAEpC,GAAG,IAAIM,CAAC,GAAGgC,CAAC,CAAC,GAAGhC,CAAC,EAAEN,GAAG,IAAIM,CAAC,GAAGgC,CAAC,CAAC,EAAE;QAAEK,IAAI,EAAE,IAAI;QAAEC,aAAa,EAAE;MAAK,CAAC,CAAE,EAAC,CAAC,CAChJtI,IAAI,CAAC,GAAG,CAAE;IACnB,CAAE;IAAA,GACE7E;EAAM,CACb,CAAC;AAEV,CAAC;AAeD;AACA,OAAO,MAAMoN,aAAa,gBAAGvP,UAAU,CAAuC,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAM;IAAEqB,QAAQ,EAAEsM,GAAG;IAAEtH,MAAM;IAAEuH,QAAQ;IAAE,GAAGtN;EAAO,CAAC,GAAGP,KAAK;EAC5D,IAAI,CAAC8N,MAAM,CAACC,SAAS,CAACH,GAAG,CAAC,IAAI,CAACE,MAAM,CAACC,SAAS,CAACzH,MAAM,CAAC,IAAIA,MAAM,IAAI,CAAC,EAAE;IACpE,MAAM,IAAI0H,UAAU,CAAC,oBAAoB,CAAC;EAC9C;EACA,MAAMvE,GAAG,GAAGjL,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAMyP,KAAK,GAAGzP,MAAM,CAAC;IAAEoP,GAAG;IAAEtH,MAAM;IAAEuH,QAAQ;IAAEK,IAAI,EAAEN;EAAI,CAAC,CAAC;EAC1DK,KAAK,CAACtM,OAAO,GAAG;IAAE,GAAGsM,KAAK,CAACtM,OAAO;IAAEiM,GAAG;IAAEtH,MAAM;IAAEuH;EAAS,CAAC;EAE3DvP,mBAAmB,CAAC2B,GAAG,EAAE,OAAO;IAAEkO,GAAG,EAAEA,CAAA,KAAMF,KAAK,CAACtM,OAAO,CAACuM;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEvE7P,SAAS,CAAC,MAAM;IACZ,MAAM;MAAEuP,GAAG;MAAEtH,MAAM;MAAE4H,IAAI;MAAEL;IAAS,CAAC,GAAGI,KAAK,CAACtM,OAAO;IACrD8H,GAAG,CAAC9H,OAAO,CAAEyM,SAAS,GAAG,CAACP,QAAQ,IAAIhL,MAAM,EAAEqL,IAAI,CAAC;IACnD,IAAIN,GAAG,KAAKM,IAAI,EAAE;IAClB,MAAMG,GAAG,GAAG5E,GAAG,CAAC9H,OAAQ;IACxB,MAAM2M,KAAK,GAAG,CAACV,GAAG,GAAGM,IAAI,IAAI5H,MAAM;IACnC,MAAMiI,MAAM,GAAGrQ,gBAAgB,CAAC,MAAM;MAClC,MAAM;QAAE0P,GAAG;QAAEC;MAAS,CAAC,GAAGI,KAAK,CAACtM,OAAO;MACvCsM,KAAK,CAACtM,OAAO,CAACuM,IAAI,IAAII,KAAK;MAC3B,IAAKA,KAAK,GAAG,CAAC,IAAIL,KAAK,CAACtM,OAAO,CAACuM,IAAI,GAAGN,GAAG,IAAMU,KAAK,GAAG,CAAC,IAAIL,KAAK,CAACtM,OAAO,CAACuM,IAAI,GAAGN,GAAI,EAAE;QACpFW,MAAM,CAAC,CAAC;QACRN,KAAK,CAACtM,OAAO,CAACuM,IAAI,GAAGN,GAAG;MAC5B;MACAS,GAAG,CAACD,SAAS,GAAG,CAACP,QAAQ,IAAIhL,MAAM,EAAEyL,KAAK,GAAG,CAAC,GAAGvJ,IAAI,CAACuD,KAAK,CAAC2F,KAAK,CAACtM,OAAO,CAACuM,IAAI,CAAC,GAAGnJ,IAAI,CAAC4E,IAAI,CAACsE,KAAK,CAACtM,OAAO,CAACuM,IAAI,CAAC,CAAC;IACpH,CAAC,EAAE,CAAC,CAAC;IAEL,OAAOK,MAAM;EACjB,CAAC,EAAE,CAACX,GAAG,CAAC,CAAC;EAET,oBAAO7O,IAAA;IAAKkB,GAAG,EAAEwJ,GAAI;IAAA,GAAKlJ;EAAM,CAAG,CAAC;AACxC,CAAC,CAAC;AAyBF;AACA,OAAO,MAAMiO,UAA+B,GAAGxO,KAAK,IAAI;EACpD,MAAM;IAAEiE,KAAK;IAAEE,MAAM;IAAEgD,MAAM;IAAEsH,UAAU,GAAG,CAAC;IAAEC,QAAQ,GAAG,CAAC;IAAEC,KAAK,GAAG,QAAQ;IAAEnN,KAAK;IAAEqK,SAAS,GAAG,OAAO;IAAEC,OAAO,GAAG,KAAK;IAAE8C,SAAS;IAAEtN,QAAQ;IAAE,GAAGf;EAAO,CAAC,GAAGP,KAAK;EACpK,MAAM6O,SAAS,GAAG9J,IAAI,CAACsG,IAAI,CAACpH,KAAK,GAAG,CAAC,GAAGkD,MAAM,CAAC,GAAG,CAAC;EACnD,MAAM2H,UAAU,GAAG,CAACD,SAAS,GAAGH,QAAQ,IAAIpN,QAAQ,CAACR,MAAM,GAAG4N,QAAQ;EACtE,MAAMK,WAAW,GAAGJ,KAAK,KAAK,MAAM,GAAG,CAAC,GAAGA,KAAK,KAAK,OAAO,GAAGG,UAAU,GAAGA,UAAU,GAAG,CAAC;EAE1F,SAASE,YAAYA,CAAClE,GAAW,EAAE;IAC/B,MAAMzD,KAAK,GAAGoH,UAAU,GAAG3D,GAAG,IAAI+D,SAAS,GAAGH,QAAQ,CAAC,GAAGK,WAAW,GAAGF,SAAS,GAAG,CAAC;IACrF,MAAM9E,CAAC,GAAG,CAAC5C,MAAM,GAAGhD,MAAM,GAAG,CAAC,IAAIY,IAAI,CAACqC,GAAG,CAACC,KAAK,CAAC,GAAGpD,KAAK,GAAG,CAAC;IAC7D,MAAM6F,CAAC,GAAG,CAAC3C,MAAM,GAAGhD,MAAM,GAAG,CAAC,IAAIY,IAAI,CAACwC,GAAG,CAACF,KAAK,CAAC,GAAG,CAAC,CAAC,GAAGlD,MAAM,GAAG,CAAC;IACnE,MAAM8K,CAAC,GAAGlK,IAAI,CAACsB,EAAE,GAAG,CAAC,GAAGgB,KAAK,IAAIwE,SAAS,KAAK,OAAO,GAAG9G,IAAI,CAACsB,EAAE,GAAG,CAAC,CAAC;IACrE,OAAQ,cAAa0D,CAAE,kBAAiBD,CAAE,eAAemF,CAAC,GAAGlK,IAAI,CAACsB,EAAE,GAAI,GAAI,MAAK;EACrF;EAEA,MAAM6I,KAAK,GAAG,OAAON,SAAS,KAAK,UAAU,GAAGA,SAAS,CAACtN,QAAQ,CAAC,GAAGA,QAAQ,CAAC6N,KAAK,CAACP,SAAS,IAAI,EAAE,CAAC;EAErG,IAAI9C,OAAO,EAAEoD,KAAK,CAACpD,OAAO,CAAC,CAAC;EAE5B,oBACI/M,IAAA,CAACZ,QAAQ;IAAAmD,QAAA,EACJ4N,KAAK,CAAC7M,GAAG,CAAC,CAAC+M,CAAC,EAAEtE,GAAG,kBACd/L,IAAA;MAAgByC,KAAK,EAAE;QAAEgE,QAAQ,EAAE,UAAU;QAAE,GAAGhE,KAAK;QAAEsF,SAAS,EAAEkI,YAAY,CAAClE,GAAG,CAAC;QAAEuE,SAAS,EAAE,QAAQ;QAAEpL,KAAK;QAAEqL,UAAU,EAAG,GAAEnL,MAAO,IAAG;QAAEA,MAAM,EAAEA;MAAO,CAAE;MAAA,GAAK5D,MAAM;MAAAe,QAAA,EACrK8N;IAAC,GADKtE,GAEL,CACT;EAAC,CACI,CAAC;AAEnB,CAAC;AAgBD;AACA;AACA;AACA;AACA,OAAO,MAAMyE,MAAM,gBAAGnR,UAAU,CAA8B,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAM;IAAEqB,QAAQ;IAAEqC,kBAAkB;IAAEC,cAAc;IAAE4J,OAAO;IAAE/H,SAAS;IAAE,GAAGlF;EAAO,CAAC,GAAGP,KAAK;EAC7F,MAAM;IAAEwP,UAAU;IAAE,GAAGC;EAAiB,CAAC,GAAGjC,OAAO,IAAI,CAAC,CAAC;EACzD,MAAM/D,GAAG,GAAGjL,MAAM,CAAiB,IAAI,CAAC;EAExCF,mBAAmB,CAAC2B,GAAG,EAAE,MAAMwJ,GAAG,CAAC9H,OAAQ,CAAC;EAE5CtD,SAAS,CAAC,MAAM;IACZK,eAAe,CAACgR,IAAI,CAACjG,GAAG,CAAC9H,OAAO,EAAG8N,gBAAgB,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI1Q,IAAA;IACIkB,GAAG,EAAEwJ,GAAI;IACThE,SAAS,EAAEzH,IAAI,CACX,CAAC,CAACwR,UAAU,IACRzR,GAAI;AACxB;AACA,sCAAsCyR,UAAW;AACjD;AACA;AACA;AACA,sCAAsCA,UAAW;AACjD;AACA;AACA;AACA,qCAAqCA,UAAW;AAChD;AACA;AACA;AACA,qCAAqCA,UAAW;AAChD;AACA,qBAAqB,EACL/J,SACJ,CAAE;IAAA,GACElF,MAAM;IAAAe,QAAA,eACVvC,IAAA;MAAK0G,SAAS,EAAE9B,kBAAmB;MAACnC,KAAK,EAAEoC,cAAe;MAAAtC,QAAA,EACrDA;IAAQ,CACR;EAAC,CACL,CAAC;AAEd,CAAC,CAAC;AAEF,OAAO,MAAMqO,gBAAgB,gBAAGvR,UAAU,CAAmE,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EACzH,MAAM;IAAEuB,KAAK,GAAG,CAAC,CAAC;IAAE,GAAGjB;EAAO,CAAC,GAAGP,KAAK;EACvC,MAAM;IAAEmE,MAAM;IAAEyL,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGtO,KAAK;EAC1D,MAAMiI,GAAG,GAAGjL,MAAM,CAAsB,IAAI,CAAC;EAE7CF,mBAAmB,CAAC2B,GAAG,EAAE,MAAMwJ,GAAG,CAAC9H,OAAQ,CAAC;EAE5CtD,SAAS,CAAC,MAAM;IACZ,MAAM0R,QAAQ,GAAGtG,GAAG,CAAC9H,OAAQ;IAC7B,SAASqO,cAAcA,CAAA,EAAG;MACtBD,QAAQ,CAACvO,KAAK,CAAC2C,MAAM,GAAG,MAAM;MAC9B4L,QAAQ,CAACvO,KAAK,CAAC2C,MAAM,GAAI,GAAE4L,QAAQ,CAACE,YAAY,GAAGF,QAAQ,CAACG,YAAY,GAAGH,QAAQ,CAACI,YAAa,IAAG;IACxG;IACAJ,QAAQ,CAAClQ,gBAAgB,CAAC,OAAO,EAAEmQ,cAAc,CAAC;IAClDD,QAAQ,CAAClQ,gBAAgB,CAAC,QAAQ,EAAEmQ,cAAc,CAAC;IAEnD,OAAO,MAAM;MACTD,QAAQ,CAACK,mBAAmB,CAAC,OAAO,EAAEJ,cAAc,CAAC;MACrDD,QAAQ,CAACK,mBAAmB,CAAC,QAAQ,EAAEJ,cAAc,CAAC;IAC1D,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOjR,IAAA;IAAUkB,GAAG,EAAEwJ,GAAI;IAACjI,KAAK,EAAE;MAAE,GAAGsO,UAAU;MAAEF,MAAM,EAAE,MAAM;MAAEC,SAAS,EAAE;IAAS,CAAE;IAAA,GAAKtP;EAAM,CAAG,CAAC;AAC5G,CAAC,CAAC;AASF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM8P,OAAO,gBAAGjS,UAAU,CAA+B,CAAC4B,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEgE,KAAK,GAAG,IAAI;IAAEE,MAAM,GAAG,IAAI;IAAE3C,KAAK;IAAE,GAAG8O;EAAK,CAAC,GAAGtQ,KAAK;EAC7D,MAAMyJ,GAAG,GAAGjL,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAM,CAAC0P,IAAI,EAAEqC,OAAO,CAAC,GAAG9R,QAAQ,CAAC,KAAK,CAAC;EACvCH,mBAAmB,CAAC2B,GAAG,EAAE,MAAMwJ,GAAG,CAAC9H,OAAQ,EAAE,CAAC8H,GAAG,CAAC9H,OAAO,CAAC,CAAC;EAC3DpD,eAAe,CAAC,MAAM;IAClB,MAAMiJ,OAAO,GAAGiC,GAAG,CAAC9H,OAAO;IAC3B,MAAM6O,MAAM,GAAGhJ,OAAO,EAAEiJ,aAAa;IACrC,IAAI,CAACjJ,OAAO,IAAI,CAACgJ,MAAM,EAAE;IACzB,SAASE,QAAQA,CAACjM,OAA8B,EAAE;MAC9C,MAAMsI,KAAK,GAAGtI,OAAO,CAAC,CAAC,CAAC;MACxB,MAAM;QAAEG;MAAY,CAAC,GAAGmI,KAAK;MAC7B,MAAM4D,KAAK,GAAG5L,IAAI,CAACC,GAAG,CAACJ,WAAW,CAACX,KAAK,GAAGA,KAAK,EAAEW,WAAW,CAACT,MAAM,GAAGA,MAAM,CAAC;MAC9EqD,OAAO,EAAEhG,KAAK,CAACoP,WAAW,CAAC,SAAS,EAAED,KAAK,CAACE,QAAQ,CAAC,CAAC,CAAC;MACvDN,OAAO,CAAC,IAAI,CAAC;IACjB;IACA,MAAMhM,QAAQ,GAAG,IAAIC,cAAc,CAACkM,QAAQ,CAAC;IAC7CnM,QAAQ,CAACM,OAAO,CAAC2L,MAAM,CAAC;IACxB,OAAO,MAAMjM,QAAQ,CAACO,UAAU,CAAC,CAAC;EACtC,CAAC,EAAE,CAAC2E,GAAG,CAAC9H,OAAO,EAAE8O,aAAa,EAAExM,KAAK,EAAEE,MAAM,CAAC,CAAC;EAE/C,IAAI,CAAC+J,IAAI,EAAE,oBAAOnP,IAAA;IAAKkB,GAAG,EAAEwJ,GAAI;IAACjI,KAAK,EAAE;MAAEK,OAAO,EAAE;IAAO;EAAE,CAAE,CAAC;EAE/D,oBAAO9C,IAAA;IAAKkB,GAAG,EAAEwJ,GAAI;IAACjI,KAAK,EAAE;MAAEgE,QAAQ,EAAE,UAAU;MAAE0B,IAAI,EAAE,KAAK;MAAE8C,GAAG,EAAE,KAAK;MAAElD,SAAS,EAAG,uDAAsD;MAAE7C,KAAK;MAAEE,MAAM;MAAE,GAAG3C;IAAM,CAAE;IAAA,GAAK8O;EAAI,CAAG,CAAC;AAC7L,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "deepsea-components",
3
- "version": "2.5.3",
3
+ "version": "2.5.5",
4
4
  "description": "格数科技自用组件库",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -42,4 +42,4 @@
42
42
  "peerDependencies": {
43
43
  "react": ">=16.8.0"
44
44
  }
45
- }
45
+ }
package/src/index.tsx CHANGED
@@ -839,9 +839,19 @@ export interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {
839
839
  height?: number
840
840
  }
841
841
 
842
+ /**
843
+ * 自适应缩放组件
844
+ *
845
+ * 注意:
846
+ * 1. 父元素必须设置 position: relative 或者其他非 static 的 position
847
+ * 2. 不要设置元素的 position、left、top、transform 属性
848
+ * 3. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示
849
+ * 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: "none" }} />
850
+ */
842
851
  export const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) => {
843
852
  const { width = 1920, height = 1080, style, ...rest } = props
844
853
  const ele = useRef<HTMLDivElement>(null)
854
+ const [show, setShow] = useState(false)
845
855
  useImperativeHandle(ref, () => ele.current!, [ele.current])
846
856
  useLayoutEffect(() => {
847
857
  const element = ele.current
@@ -852,11 +862,14 @@ export const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) =>
852
862
  const { contentRect } = entry
853
863
  const scale = Math.min(contentRect.width / width, contentRect.height / height)
854
864
  element?.style.setProperty("--scale", scale.toString())
865
+ setShow(true)
855
866
  }
856
867
  const observer = new ResizeObserver(listener)
857
868
  observer.observe(parent)
858
869
  return () => observer.disconnect()
859
870
  }, [ele.current?.parentElement, width, height])
860
871
 
872
+ if (!show) return <div ref={ele} style={{ display: "none" }} />
873
+
861
874
  return <div ref={ele} style={{ position: "absolute", left: "50%", top: "50%", transform: `translateX(-50%) translateY(-50%) scale(var(--scale))`, width, height, ...style }} {...rest} />
862
875
  })