deepsea-components 5.11.5 → 5.12.0

package/dist/cjs/components/AutoFit.js

@@ -1,106 +0,0 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/AutoFit.tsx
-var AutoFit_exports = {};
-__export(AutoFit_exports, {
-  AutoFit: () => AutoFit
-});
-module.exports = __toCommonJS(AutoFit_exports);
-var import_react = require("react");
-var import_css = require("@emotion/css");
-var import_deepsea_tools = require("deepsea-tools");
-var import_utils = require("../utils");
-var AutoFit = (0, import_react.forwardRef)((props, ref) => {
-  const { width: designWidth = 1920, height: designHeight = 1080, direction, className, style, ...rest } = props;
-  const ele = (0, import_react.useRef)(null);
-  const [show, setShow] = (0, import_react.useState)(false);
-  const [transform, setTransform] = (0, import_react.useState)(void 0);
-  const [width, setWidth] = (0, import_react.useState)(void 0);
-  const [height, setHeight] = (0, import_react.useState)(void 0);
-  (0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
-  (0, import_react.useLayoutEffect)(() => {
-    const element = ele.current;
-    const parent = element?.parentElement;
-    if (!element || !parent)
-      return;
-    function listener(entries) {
-      const entry = entries[0];
-      const { contentRect } = entry;
-      if (direction === "horizontal") {
-        const scale = contentRect.width / designWidth;
-        setTransform(`scale(${scale})`);
-        setWidth((0, import_utils.px)(designWidth));
-        setHeight((0, import_utils.px)(contentRect.height / scale));
-      } else if (direction === "vertical") {
-        const scale = contentRect.height / designHeight;
-        setTransform(`scale(${scale})`);
-        setWidth((0, import_utils.px)(contentRect.width / scale));
-        setHeight((0, import_utils.px)(designHeight));
-      } else {
-        const scale = Math.min(contentRect.width / designWidth, contentRect.height / designHeight);
-        setTransform(
-          `translateX(${(contentRect.width - designWidth * scale) / 2}px) translateY(${(contentRect.height - designHeight * scale) / 2}px) scale(${scale})`
-        );
-        setWidth((0, import_utils.px)(designWidth));
-        setHeight((0, import_utils.px)(designHeight));
-      }
-      setShow(true);
-    }
-    const observer = new ResizeObserver(listener);
-    observer.observe(parent);
-    return () => observer.disconnect();
-  }, [ele.current?.parentElement, designWidth, designHeight, direction]);
-  if (process.env.NODE_ENV === "development") {
-    (0, import_react.useEffect)(() => {
-      const parent = ele.current?.parentElement;
-      if (!parent)
-        return;
-      const style2 = getComputedStyle(parent);
-      if (style2.position === "static") {
-        console.warn("AutoFit 组件的父元素的 position 属性不应该是 static");
-      }
-    }, [ele.current?.parentElement]);
-  }
-  if (!show)
-    return /* @__PURE__ */ React.createElement("div", { ref: ele, style: { display: "none" } });
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: ele,
-      className: (0, import_deepsea_tools.clsx)(
-        import_css.css`
-                    position: absolute;
-                    transform: var(--transform);
-                    transform-origin: top left;
-                    width: var(--width);
-                    height: var(--height);
-                `,
-        className
-      ),
-      style: (0, import_utils.transformCSSVariable)({ transform, width, height }, style),
-      ...rest
-    }
-  );
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AutoFit
-});
-//# sourceMappingURL=AutoFit.js.map

package/dist/cjs/components/AutoFit.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutoFit.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\n\nimport { px, transformCSSVariable } from \"@/utils\"\n\nexport interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {\n    /** 设计稿宽度，默认 1920 */\n    width?: number\n    /** 设计稿高度，默认 1080 */\n    height?: number\n    /**\n     * 在哪些方向进行缩放，默认缩放所有方向\n     * 1. 水平方向是指，宽度按照设计稿进行占满，高度反向缩放\n     * 2. 垂直方向是指，高度按照设计稿进行占满，宽度反向缩放\n     * 3. 默认是水平和垂直方向都进行缩放，类似于 background-size: contain 的效果\n     */\n    direction?: \"horizontal\" | \"vertical\" | \"both\"\n}\n\n/**\n * 自适应缩放组件\n *\n * 注意：\n * 1. 父元素必须设置非 static 定位方式\n * 2. 父元素只能有且仅有一个子元素，那就是 AutoFit\n * 3. 不要设置 AutoFit 的 position、left、top、transform、width、height 属性\n * 4. 在第一次完成缩放前，无论 props 是什么，返回的都是 <div style={{ display: \"none\" }} />\n * 5. 元素的属性、事件、资源并不是立即加载的，会有一帧的延迟，在第一次完成缩放后才会显示\n */\nexport const AutoFit = forwardRef<HTMLDivElement, AutoFitProps>((props, ref) => {\n    const { width: designWidth = 1920, height: designHeight = 1080, direction, className, style, ...rest } = props\n    const ele = useRef<HTMLDivElement>(null)\n    const [show, setShow] = useState(false)\n    const [transform, setTransform] = useState<string | undefined>(undefined)\n    const [width, setWidth] = useState<string | undefined>(undefined)\n    const [height, setHeight] = useState<string | undefined>(undefined)\n\n    useImperativeHandle(ref, () => ele.current!, [ele.current])\n    useLayoutEffect(() => {\n        const element = ele.current\n        const parent = element?.parentElement\n        if (!element || !parent) return\n        function listener(entries: ResizeObserverEntry[]) {\n            const entry = entries[0]\n            const { contentRect } = entry\n            if (direction === \"horizontal\") {\n                const scale = contentRect.width / designWidth\n                setTransform(`scale(${scale})`)\n                setWidth(px(designWidth))\n                setHeight(px(contentRect.height / scale))\n            } else if (direction === \"vertical\") {\n                const scale = contentRect.height / designHeight\n                setTransform(`scale(${scale})`)\n                setWidth(px(contentRect.width / scale))\n                setHeight(px(designHeight))\n            } else {\n                const scale = Math.min(contentRect.width / designWidth, contentRect.height / designHeight)\n                setTransform(\n                    `translateX(${(contentRect.width - designWidth * scale) / 2}px) translateY(${(contentRect.height - designHeight * scale) / 2}px) scale(${scale})`,\n                )\n                setWidth(px(designWidth))\n                setHeight(px(designHeight))\n            }\n            setShow(true)\n        }\n        const observer = new ResizeObserver(listener)\n        observer.observe(parent)\n        return () => observer.disconnect()\n    }, [ele.current?.parentElement, designWidth, designHeight, direction])\n\n    if (process.env.NODE_ENV === \"development\") {\n        useEffect(() => {\n            const parent = ele.current?.parentElement\n            if (!parent) return\n            const style = getComputedStyle(parent)\n            if (style.position === \"static\") {\n                console.warn(\"AutoFit 组件的父元素的 position 属性不应该是 static\")\n            }\n        }, [ele.current?.parentElement])\n    }\n\n    if (!show) return <div ref={ele} style={{ display: \"none\" }} />\n\n    return (\n        <div\n            ref={ele}\n            className={clsx(\n                css`\n                    position: absolute;\n                    transform: var(--transform);\n                    transform-origin: top left;\n                    width: var(--width);\n                    height: var(--height);\n                `,\n                className,\n            )}\n            style={transformCSSVariable({ transform, width, height }, style)}\n            {...rest}\n        />\n    )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA8G;AAC9G,iBAAoB;AACpB,2BAAqB;AAErB,mBAAyC;AA0BlC,IAAM,cAAU,yBAAyC,CAAC,OAAO,QAAQ;AAC5E,QAAM,EAAE,OAAO,cAAc,MAAM,QAAQ,eAAe,MAAM,WAAW,WAAW,OAAO,GAAG,KAAK,IAAI;AACzG,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA6B,MAAS;AACxE,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA6B,MAAS;AAChE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B,MAAS;AAElE,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,IAAI,OAAO,CAAC;AAC1D,oCAAgB,MAAM;AAClB,UAAM,UAAU,IAAI;AACpB,UAAM,SAAS,SAAS;AACxB,QAAI,CAAC,WAAW,CAAC;AAAQ;AACzB,aAAS,SAAS,SAAgC;AAC9C,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,EAAE,YAAY,IAAI;AACxB,UAAI,cAAc,cAAc;AAC5B,cAAM,QAAQ,YAAY,QAAQ;AAClC,qBAAa,SAAS,QAAQ;AAC9B,qBAAS,iBAAG,WAAW,CAAC;AACxB,sBAAU,iBAAG,YAAY,SAAS,KAAK,CAAC;AAAA,MAC5C,WAAW,cAAc,YAAY;AACjC,cAAM,QAAQ,YAAY,SAAS;AACnC,qBAAa,SAAS,QAAQ;AAC9B,qBAAS,iBAAG,YAAY,QAAQ,KAAK,CAAC;AACtC,sBAAU,iBAAG,YAAY,CAAC;AAAA,MAC9B,OAAO;AACH,cAAM,QAAQ,KAAK,IAAI,YAAY,QAAQ,aAAa,YAAY,SAAS,YAAY;AACzF;AAAA,UACI,eAAe,YAAY,QAAQ,cAAc,SAAS,oBAAoB,YAAY,SAAS,eAAe,SAAS,cAAc;AAAA,QAC7I;AACA,qBAAS,iBAAG,WAAW,CAAC;AACxB,sBAAU,iBAAG,YAAY,CAAC;AAAA,MAC9B;AACA,cAAQ,IAAI;AAAA,IAChB;AACA,UAAM,WAAW,IAAI,eAAe,QAAQ;AAC5C,aAAS,QAAQ,MAAM;AACvB,WAAO,MAAM,SAAS,WAAW;AAAA,EACrC,GAAG,CAAC,IAAI,SAAS,eAAe,aAAa,cAAc,SAAS,CAAC;AAErE,MAAI,QAAQ,IAAI,aAAa,eAAe;AACxC,gCAAU,MAAM;AACZ,YAAM,SAAS,IAAI,SAAS;AAC5B,UAAI,CAAC;AAAQ;AACb,YAAMA,SAAQ,iBAAiB,MAAM;AACrC,UAAIA,OAAM,aAAa,UAAU;AAC7B,gBAAQ,KAAK,wCAAwC;AAAA,MACzD;AAAA,IACJ,GAAG,CAAC,IAAI,SAAS,aAAa,CAAC;AAAA,EACnC;AAEA,MAAI,CAAC;AAAM,WAAO,oCAAC,SAAI,KAAK,KAAK,OAAO,EAAE,SAAS,OAAO,GAAG;AAE7D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOA;AAAA,MACJ;AAAA,MACA,WAAO,mCAAqB,EAAE,WAAW,OAAO,OAAO,GAAG,KAAK;AAAA,MAC9D,GAAG;AAAA;AAAA,EACR;AAER,CAAC;",
-  "names": ["style"]
-}

package/dist/cjs/components/AutoScroll.js

@@ -1,127 +0,0 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/AutoScroll.tsx
-var AutoScroll_exports = {};
-__export(AutoScroll_exports, {
-  AutoScroll: () => AutoScroll
-});
-module.exports = __toCommonJS(AutoScroll_exports);
-var import_react = require("react");
-var import_css = require("@emotion/css");
-var import_deepsea_tools = require("deepsea-tools");
-var import_soda_hooks = require("soda-hooks");
-var import_utils = require("../utils");
-var import_Scroll = require("./Scroll");
-var AutoScroll = (0, import_react.forwardRef)((props, ref) => {
-  const {
-    count,
-    itemHeight,
-    animation = 1e3,
-    duration = 3e3,
-    onMouseEnter,
-    onMouseLeave,
-    gap = 0,
-    containerClassName,
-    containerStyle,
-    children,
-    playOnMouseEnter,
-    scrollbar,
-    paused,
-    ...rest
-  } = props;
-  const bar = (0, import_react.useRef)(null);
-  const timeout = (0, import_react.useRef)(void 0);
-  const ele = (0, import_react.useRef)(null);
-  const size = (0, import_soda_hooks.useSize)(ele);
-  const pausedRef = (0, import_react.useRef)(false);
-  const pausedProps = (0, import_react.useRef)(paused);
-  pausedProps.current = paused;
-  (0, import_react.useImperativeHandle)(ref, () => ele.current, []);
-  (0, import_react.useImperativeHandle)(scrollbar, () => bar.current, []);
-  (0, import_react.useEffect)(() => {
-    if (playOnMouseEnter)
-      pausedRef.current = false;
-  }, [playOnMouseEnter]);
-  (0, import_react.useEffect)(() => {
-    if (!size || count === 0)
-      return;
-    const { height } = size;
-    const range = (0, import_deepsea_tools.getArray)(count, (index) => (itemHeight + gap) * (index + 1) - (index === count - 1 ? gap : 0));
-    const scrollHeight = range[range.length - 1];
-    if (height >= scrollHeight)
-      return;
-    function scroll(target) {
-      clearTimeout(timeout.current);
-      timeout.current = setTimeout(() => {
-        if (pausedRef.current || pausedProps.current)
-          return scroll(target);
-        bar.current?.scrollTo(0, target, animation);
-      }, duration);
-    }
-    scroll(range[0]);
-    function listener(status) {
-      const { y } = status.offset;
-      const scrollToBottom = Math.abs(y + height - scrollHeight) / itemHeight <= 0.05;
-      const target = scrollToBottom ? 0 : range.find((item) => item > y);
-      scroll(target);
-    }
-    bar.current?.addListener(listener);
-    return () => {
-      clearTimeout(timeout.current);
-      bar.current?.removeListener(listener);
-      bar.current?.scrollTo(0, 0);
-    };
-  }, [size, count, itemHeight, gap, duration, animation]);
-  function onContainerMouseEnter(e) {
-    if (playOnMouseEnter)
-      return;
-    pausedRef.current = true;
-    onMouseEnter?.(e);
-  }
-  function onContainerMouseLeave(e) {
-    if (playOnMouseEnter)
-      return;
-    pausedRef.current = false;
-    onMouseLeave?.(e);
-  }
-  return /* @__PURE__ */ React.createElement(import_Scroll.Scroll, { ref: ele, scrollbar: bar, onMouseEnter: onContainerMouseEnter, onMouseLeave: onContainerMouseLeave, ...rest }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: (0, import_deepsea_tools.clsx)(
-        import_css.css`
-                        display: flex;
-                        flex-direction: column;
-                        gap: var(--gap, 0);
-                        & > * {
-                            flex: none;
-                        }
-                    `,
-        containerClassName
-      ),
-      style: (0, import_utils.transformCSSVariable)({ gap: (0, import_utils.px)(gap) }, containerStyle)
-    },
-    children
-  ));
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AutoScroll
-});
-//# sourceMappingURL=AutoScroll.js.map

package/dist/cjs/components/AutoScroll.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutoScroll.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { CSSProperties, MouseEvent as ReactMouseEvent, forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx, getArray } from \"deepsea-tools\"\nimport Scrollbar from \"smooth-scrollbar\"\nimport { ScrollStatus } from \"smooth-scrollbar/interfaces/scrollbar\"\nimport { useSize } from \"soda-hooks\"\n\nimport { px, transformCSSVariable } from \"@/utils\"\n\nimport { Scroll, ScrollProps } from \"./Scroll\"\n\nexport interface AutoScrollProps extends ScrollProps {\n    /** 轮播元素的个数 */\n    count: number\n\n    /** 轮播元素的高度 */\n    itemHeight: number\n\n    /**\n     * 轮播动画的时间，单位毫秒\n     * @default 1000\n     */\n    animation?: number\n\n    /**\n     * 每个元素的停留时间，单位毫秒\n     * @default 3000\n     */\n    duration?: number\n\n    /**\n     * 元素之间的间距\n     * @default 0\n     */\n    gap?: number\n\n    /** 容器类名 */\n    containerClassName?: string\n\n    /** 容器样式 */\n    containerStyle?: CSSProperties\n\n    /**\n     * 在鼠标移入时是否继续播放\n     * @default false\n     */\n    playOnMouseEnter?: boolean\n\n    /**\n     * 是否暂停\n     * @default false\n     */\n    paused?: boolean\n}\n\nexport const AutoScroll = forwardRef<HTMLDivElement, AutoScrollProps>((props, ref) => {\n    const {\n        count,\n        itemHeight,\n        animation = 1000,\n        duration = 3000,\n        onMouseEnter,\n        onMouseLeave,\n        gap = 0,\n        containerClassName,\n        containerStyle,\n        children,\n        playOnMouseEnter,\n        scrollbar,\n        paused,\n        ...rest\n    } = props\n    const bar = useRef<Scrollbar | null>(null)\n    const timeout = useRef<NodeJS.Timeout | undefined>(undefined)\n    const ele = useRef<HTMLDivElement>(null)\n    const size = useSize(ele)\n    const pausedRef = useRef(false)\n    const pausedProps = useRef(paused)\n    pausedProps.current = paused\n\n    useImperativeHandle(ref, () => ele.current!, [])\n    useImperativeHandle(scrollbar, () => bar.current!, [])\n\n    useEffect(() => {\n        if (playOnMouseEnter) pausedRef.current = false\n    }, [playOnMouseEnter])\n\n    useEffect(() => {\n        if (!size || count === 0) return\n        const { height } = size\n        const range = getArray(count, index => (itemHeight + gap) * (index + 1) - (index === count - 1 ? gap : 0))\n        const scrollHeight = range[range.length - 1]\n        if (height >= scrollHeight) return\n        function scroll(target: number) {\n            clearTimeout(timeout.current)\n            timeout.current = setTimeout(() => {\n                if (pausedRef.current || pausedProps.current) return scroll(target)\n                bar.current?.scrollTo(0, target, animation)\n            }, duration)\n        }\n        scroll(range[0])\n        function listener(status: ScrollStatus) {\n            const { y } = status.offset\n            const scrollToBottom = Math.abs(y + height - scrollHeight) / itemHeight <= 0.05\n            const target = scrollToBottom ? 0 : range.find(item => item > y)!\n            scroll(target)\n        }\n        bar.current?.addListener(listener)\n        return () => {\n            clearTimeout(timeout.current)\n            bar.current?.removeListener(listener)\n            bar.current?.scrollTo(0, 0)\n        }\n    }, [size, count, itemHeight, gap, duration, animation])\n\n    function onContainerMouseEnter(e: ReactMouseEvent<HTMLDivElement, MouseEvent>) {\n        if (playOnMouseEnter) return\n        pausedRef.current = true\n        onMouseEnter?.(e)\n    }\n\n    function onContainerMouseLeave(e: ReactMouseEvent<HTMLDivElement, MouseEvent>) {\n        if (playOnMouseEnter) return\n        pausedRef.current = false\n        onMouseLeave?.(e)\n    }\n\n    return (\n        <Scroll ref={ele} scrollbar={bar} onMouseEnter={onContainerMouseEnter} onMouseLeave={onContainerMouseLeave} {...rest}>\n            <div\n                className={clsx(\n                    css`\n                        display: flex;\n                        flex-direction: column;\n                        gap: var(--gap, 0);\n                        & > * {\n                            flex: none;\n                        }\n                    `,\n                    containerClassName,\n                )}\n                style={transformCSSVariable({ gap: px(gap) }, containerStyle)}\n            >\n                {children}\n            </div>\n        </Scroll>\n    )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAiH;AACjH,iBAAoB;AACpB,2BAA+B;AAG/B,wBAAwB;AAExB,mBAAyC;AAEzC,oBAAoC;AA8C7B,IAAM,iBAAa,yBAA4C,CAAC,OAAO,QAAQ;AAClF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,IAAI;AACJ,QAAM,UAAM,qBAAyB,IAAI;AACzC,QAAM,cAAU,qBAAmC,MAAS;AAC5D,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,WAAO,2BAAQ,GAAG;AACxB,QAAM,gBAAY,qBAAO,KAAK;AAC9B,QAAM,kBAAc,qBAAO,MAAM;AACjC,cAAY,UAAU;AAEtB,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,CAAC;AAC/C,wCAAoB,WAAW,MAAM,IAAI,SAAU,CAAC,CAAC;AAErD,8BAAU,MAAM;AACZ,QAAI;AAAkB,gBAAU,UAAU;AAAA,EAC9C,GAAG,CAAC,gBAAgB,CAAC;AAErB,8BAAU,MAAM;AACZ,QAAI,CAAC,QAAQ,UAAU;AAAG;AAC1B,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,YAAQ,+BAAS,OAAO,YAAU,aAAa,QAAQ,QAAQ,MAAM,UAAU,QAAQ,IAAI,MAAM,EAAE;AACzG,UAAM,eAAe,MAAM,MAAM,SAAS,CAAC;AAC3C,QAAI,UAAU;AAAc;AAC5B,aAAS,OAAO,QAAgB;AAC5B,mBAAa,QAAQ,OAAO;AAC5B,cAAQ,UAAU,WAAW,MAAM;AAC/B,YAAI,UAAU,WAAW,YAAY;AAAS,iBAAO,OAAO,MAAM;AAClE,YAAI,SAAS,SAAS,GAAG,QAAQ,SAAS;AAAA,MAC9C,GAAG,QAAQ;AAAA,IACf;AACA,WAAO,MAAM,CAAC,CAAC;AACf,aAAS,SAAS,QAAsB;AACpC,YAAM,EAAE,EAAE,IAAI,OAAO;AACrB,YAAM,iBAAiB,KAAK,IAAI,IAAI,SAAS,YAAY,IAAI,cAAc;AAC3E,YAAM,SAAS,iBAAiB,IAAI,MAAM,KAAK,UAAQ,OAAO,CAAC;AAC/D,aAAO,MAAM;AAAA,IACjB;AACA,QAAI,SAAS,YAAY,QAAQ;AACjC,WAAO,MAAM;AACT,mBAAa,QAAQ,OAAO;AAC5B,UAAI,SAAS,eAAe,QAAQ;AACpC,UAAI,SAAS,SAAS,GAAG,CAAC;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,MAAM,OAAO,YAAY,KAAK,UAAU,SAAS,CAAC;AAEtD,WAAS,sBAAsB,GAAgD;AAC3E,QAAI;AAAkB;AACtB,cAAU,UAAU;AACpB,mBAAe,CAAC;AAAA,EACpB;AAEA,WAAS,sBAAsB,GAAgD;AAC3E,QAAI;AAAkB;AACtB,cAAU,UAAU;AACpB,mBAAe,CAAC;AAAA,EACpB;AAEA,SACI,oCAAC,wBAAO,KAAK,KAAK,WAAW,KAAK,cAAc,uBAAuB,cAAc,uBAAwB,GAAG,QAC5G;AAAA,IAAC;AAAA;AAAA,MACG,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQA;AAAA,MACJ;AAAA,MACA,WAAO,mCAAqB,EAAE,SAAK,iBAAG,GAAG,EAAE,GAAG,cAAc;AAAA;AAAA,IAE3D;AAAA,EACL,CACJ;AAER,CAAC;",
-  "names": []
-}

package/dist/cjs/components/AutoSizeTextarea.js

@@ -1,70 +0,0 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/AutoSizeTextarea.tsx
-var AutoSizeTextarea_exports = {};
-__export(AutoSizeTextarea_exports, {
-  AutoSizeTextArea: () => AutoSizeTextArea
-});
-module.exports = __toCommonJS(AutoSizeTextarea_exports);
-var import_react = require("react");
-var import_css = require("@emotion/css");
-var import_deepsea_tools = require("deepsea-tools");
-var import_utils = require("../utils");
-var AutoSizeTextArea = (0, import_react.forwardRef)((props, ref) => {
-  const { className, style, ...rest } = props;
-  const [height, setHeight] = (0, import_react.useState)(void 0);
-  const ele = (0, import_react.useRef)(null);
-  (0, import_react.useImperativeHandle)(ref, () => ele.current, []);
-  (0, import_react.useLayoutEffect)(() => {
-    const textarea = ele.current;
-    function resizeTextarea() {
-      setHeight("auto");
-      setHeight((0, import_utils.px)(textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight));
-    }
-    resizeTextarea();
-    textarea.addEventListener("input", resizeTextarea);
-    textarea.addEventListener("change", resizeTextarea);
-    return () => {
-      textarea.removeEventListener("input", resizeTextarea);
-      textarea.removeEventListener("change", resizeTextarea);
-    };
-  }, []);
-  return /* @__PURE__ */ React.createElement(
-    "textarea",
-    {
-      ref: ele,
-      className: (0, import_deepsea_tools.clsx)(
-        import_css.css`
-                    height: var(--height);
-                    resize: none;
-                    overflow-y: hidden;
-                `,
-        className
-      ),
-      style: (0, import_utils.transformCSSVariable)({ height }, style),
-      ...rest
-    }
-  );
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AutoSizeTextArea
-});
-//# sourceMappingURL=AutoSizeTextarea.js.map

package/dist/cjs/components/AutoSizeTextarea.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutoSizeTextarea.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { TextareaHTMLAttributes, forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\n\nimport { px, transformCSSVariable } from \"@/utils\"\n\n/**\n * 自适应高度的文本域\n */\nexport const AutoSizeTextArea = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>((props, ref) => {\n    const { className, style, ...rest } = props\n    const [height, setHeight] = useState<string | undefined>(undefined)\n    const ele = useRef<HTMLTextAreaElement>(null)\n\n    useImperativeHandle(ref, () => ele.current!, [])\n\n    useLayoutEffect(() => {\n        const textarea = ele.current!\n        function resizeTextarea() {\n            setHeight(\"auto\")\n            setHeight(px(textarea.scrollHeight + textarea.offsetHeight - textarea.clientHeight))\n        }\n        resizeTextarea()\n        textarea.addEventListener(\"input\", resizeTextarea)\n        textarea.addEventListener(\"change\", resizeTextarea)\n\n        return () => {\n            textarea.removeEventListener(\"input\", resizeTextarea)\n            textarea.removeEventListener(\"change\", resizeTextarea)\n        }\n    }, [])\n\n    return (\n        <textarea\n            ref={ele}\n            className={clsx(\n                css`\n                    height: var(--height);\n                    resize: none;\n                    overflow-y: hidden;\n                `,\n                className,\n            )}\n            style={transformCSSVariable({ height }, style)}\n            {...rest}\n        />\n    )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2G;AAC3G,iBAAoB;AACpB,2BAAqB;AAErB,mBAAyC;AAKlC,IAAM,uBAAmB,yBAA6E,CAAC,OAAO,QAAQ;AACzH,QAAM,EAAE,WAAW,OAAO,GAAG,KAAK,IAAI;AACtC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B,MAAS;AAClE,QAAM,UAAM,qBAA4B,IAAI;AAE5C,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,CAAC;AAE/C,oCAAgB,MAAM;AAClB,UAAM,WAAW,IAAI;AACrB,aAAS,iBAAiB;AACtB,gBAAU,MAAM;AAChB,oBAAU,iBAAG,SAAS,eAAe,SAAS,eAAe,SAAS,YAAY,CAAC;AAAA,IACvF;AACA,mBAAe;AACf,aAAS,iBAAiB,SAAS,cAAc;AACjD,aAAS,iBAAiB,UAAU,cAAc;AAElD,WAAO,MAAM;AACT,eAAS,oBAAoB,SAAS,cAAc;AACpD,eAAS,oBAAoB,UAAU,cAAc;AAAA,IACzD;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA;AAAA,MACJ;AAAA,MACA,WAAO,mCAAqB,EAAE,OAAO,GAAG,KAAK;AAAA,MAC5C,GAAG;AAAA;AAAA,EACR;AAER,CAAC;",
-  "names": []
-}

package/dist/cjs/components/CircleText.js

@@ -1,77 +0,0 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/CircleText.tsx
-var CircleText_exports = {};
-__export(CircleText_exports, {
-  CircleText: () => CircleText
-});
-module.exports = __toCommonJS(CircleText_exports);
-var import_react = require("react");
-var CircleText = (props) => {
-  const {
-    width,
-    height,
-    radius,
-    startAngel = 0,
-    gapAngel = 0,
-    align = "center",
-    style,
-    direction = "outer",
-    reverse = false,
-    separator,
-    children,
-    ...rest
-  } = props;
-  const unitAngle = Math.atan(width / 2 / radius) * 2;
-  const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel;
-  const offsetAngle = align === "left" ? 0 : align === "right" ? totalAngle : totalAngle / 2;
-  function getTransform(idx) {
-    const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2;
-    const x = (radius + height / 2) * Math.cos(angle) - width / 2;
-    const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2;
-    const z = Math.PI / 2 - angle + (direction === "inner" ? Math.PI : 0);
-    return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
-  }
-  const words = typeof separator === "function" ? separator(children) : children.split(separator ?? "");
-  if (reverse)
-    words.reverse();
-  return /* @__PURE__ */ React.createElement(import_react.Fragment, null, words.map((w, idx) => /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      key: idx,
-      style: {
-        position: "absolute",
-        ...style,
-        transform: getTransform(idx),
-        textAlign: "center",
-        width,
-        lineHeight: `${height}px`,
-        height
-      },
-      ...rest
-    },
-    w
-  )));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CircleText
-});
-//# sourceMappingURL=CircleText.js.map

package/dist/cjs/components/CircleText.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CircleText.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { FC, Fragment, HTMLAttributes } from \"react\"\n\nexport interface CircleTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /** 每一个方块的宽度 */\n    width: number\n    /** 每一个方块的高度 */\n    height: number\n    /** 圆弧的半径，不包含方块的高度 */\n    radius: number\n    /** 开始旋转的弧度，逆时针增加，0 为 x 轴方向 */\n    startAngel?: number\n    /** 每一个方块之间间隔的弧度 */\n    gapAngel?: number\n    /** 文字对齐的方式，默认居中 */\n    align?: \"left\" | \"center\" | \"right\"\n    /** 文字朝向圆心还是外侧，默认外侧 */\n    direction?: \"inner\" | \"outer\"\n    /** 是否反转文字顺序 */\n    reverse?: boolean\n    /** 分割文字的方法 */\n    separator?: string | RegExp | ((text: string) => string[])\n    /** 显示的文字 */\n    children: string\n}\n\n/** 环形文字 */\nexport const CircleText: FC<CircleTextProps> = props => {\n    const {\n        width,\n        height,\n        radius,\n        startAngel = 0,\n        gapAngel = 0,\n        align = \"center\",\n        style,\n        direction = \"outer\",\n        reverse = false,\n        separator,\n        children,\n        ...rest\n    } = props\n    const unitAngle = Math.atan(width / 2 / radius) * 2\n    const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel\n    const offsetAngle = align === \"left\" ? 0 : align === \"right\" ? totalAngle : totalAngle / 2\n\n    function getTransform(idx: number) {\n        const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2\n        const x = (radius + height / 2) * Math.cos(angle) - width / 2\n        const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2\n        const z = Math.PI / 2 - angle + (direction === \"inner\" ? Math.PI : 0)\n        return `translateX(${x}px) translateY(${y}px) rotateZ(${(z / Math.PI) * 180}deg)`\n    }\n\n    const words = typeof separator === \"function\" ? separator(children) : children.split(separator ?? \"\")\n\n    if (reverse) words.reverse()\n\n    return (\n        <Fragment>\n            {words.map((w, idx) => (\n                <span\n                    key={idx}\n                    style={{\n                        position: \"absolute\",\n                        ...style,\n                        transform: getTransform(idx),\n                        textAlign: \"center\",\n                        width,\n                        lineHeight: `${height}px`,\n                        height: height,\n                    }}\n                    {...rest}\n                >\n                    {w}\n                </span>\n            ))}\n        </Fragment>\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AA0BtC,IAAM,aAAkC,WAAS;AACpD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,IAAI;AACJ,QAAM,YAAY,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI;AAClD,QAAM,cAAc,YAAY,YAAY,SAAS,SAAS;AAC9D,QAAM,cAAc,UAAU,SAAS,IAAI,UAAU,UAAU,aAAa,aAAa;AAEzF,WAAS,aAAa,KAAa;AAC/B,UAAM,QAAQ,aAAa,OAAO,YAAY,YAAY,cAAc,YAAY;AACpF,UAAM,KAAK,SAAS,SAAS,KAAK,KAAK,IAAI,KAAK,IAAI,QAAQ;AAC5D,UAAM,KAAK,SAAS,SAAS,KAAK,KAAK,IAAI,KAAK,IAAI,KAAK,SAAS;AAClE,UAAM,IAAI,KAAK,KAAK,IAAI,SAAS,cAAc,UAAU,KAAK,KAAK;AACnE,WAAO,cAAc,mBAAmB,gBAAiB,IAAI,KAAK,KAAM;AAAA,EAC5E;AAEA,QAAM,QAAQ,OAAO,cAAc,aAAa,UAAU,QAAQ,IAAI,SAAS,MAAM,aAAa,EAAE;AAEpG,MAAI;AAAS,UAAM,QAAQ;AAE3B,SACI,oCAAC,6BACI,MAAM,IAAI,CAAC,GAAG,QACX;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,OAAO;AAAA,QACH,UAAU;AAAA,QACV,GAAG;AAAA,QACH,WAAW,aAAa,GAAG;AAAA,QAC3B,WAAW;AAAA,QACX;AAAA,QACA,YAAY,GAAG;AAAA,QACf;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACL,CACH,CACL;AAER;",
-  "names": []
-}

package/dist/cjs/components/CopyButton.js

@@ -1,60 +0,0 @@
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/CopyButton.tsx
-var CopyButton_exports = {};
-__export(CopyButton_exports, {
-  CopyButton: () => CopyButton,
-  Event: () => import_clipboard2.Event
-});
-module.exports = __toCommonJS(CopyButton_exports);
-var import_react = require("react");
-var import_clipboard = __toESM(require("clipboard"));
-var import_soda_hooks = require("soda-hooks");
-var import_clipboard2 = require("clipboard");
-var CopyButton = (0, import_react.forwardRef)((props, ref) => {
-  const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props;
-  const ele = (0, import_react.useRef)(null);
-  const onCopySuccess = (0, import_soda_hooks.useLatest)(_onCoptSuccess);
-  const onCopyError = (0, import_soda_hooks.useLatest)(_onCopyError);
-  (0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
-  (0, import_react.useEffect)(() => {
-    const clipboard = new import_clipboard.default(ele.current);
-    clipboard.on("success", (event) => onCopySuccess.current?.(event));
-    clipboard.on("error", (event) => onCopyError.current?.(event));
-    return () => clipboard.destroy();
-  }, []);
-  return /* @__PURE__ */ React.createElement("button", { ref: ele, ...rest, "data-clipboard-text": text });
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CopyButton,
-  Event
-});
-//# sourceMappingURL=CopyButton.js.map

package/dist/cjs/components/CopyButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CopyButton.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ComponentPropsWithoutRef, forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\nimport ClipboardJS, { Event } from \"clipboard\"\nimport { useLatest } from \"soda-hooks\"\n\nexport { Event } from \"clipboard\"\n\nexport type CopyButtonProps = ComponentPropsWithoutRef<\"button\"> & {\n    text?: string\n    onCopySuccess?: (e: Event) => void\n    onCopyError?: (e: Event) => void\n}\n\nexport const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>((props, ref) => {\n    const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props\n    const ele = useRef<HTMLButtonElement>(null)\n    const onCopySuccess = useLatest(_onCoptSuccess)\n    const onCopyError = useLatest(_onCopyError)\n\n    useImperativeHandle(ref, () => ele.current!, [ele.current])\n\n    useEffect(() => {\n        const clipboard = new ClipboardJS(ele.current!)\n        clipboard.on(\"success\", event => onCopySuccess.current?.(event))\n        clipboard.on(\"error\", event => onCopyError.current?.(event))\n        return () => clipboard.destroy()\n    }, [])\n\n    return <button ref={ele} {...rest} data-clipboard-text={text} />\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6F;AAC7F,uBAAmC;AACnC,wBAA0B;AAE1B,IAAAA,oBAAsB;AAQf,IAAM,iBAAa,yBAA+C,CAAC,OAAO,QAAQ;AACrF,QAAM,EAAE,MAAM,eAAe,gBAAgB,aAAa,cAAc,GAAG,KAAK,IAAI;AACpF,QAAM,UAAM,qBAA0B,IAAI;AAC1C,QAAM,oBAAgB,6BAAU,cAAc;AAC9C,QAAM,kBAAc,6BAAU,YAAY;AAE1C,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,IAAI,OAAO,CAAC;AAE1D,8BAAU,MAAM;AACZ,UAAM,YAAY,IAAI,iBAAAC,QAAY,IAAI,OAAQ;AAC9C,cAAU,GAAG,WAAW,WAAS,cAAc,UAAU,KAAK,CAAC;AAC/D,cAAU,GAAG,SAAS,WAAS,YAAY,UAAU,KAAK,CAAC;AAC3D,WAAO,MAAM,UAAU,QAAQ;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SAAO,oCAAC,YAAO,KAAK,KAAM,GAAG,MAAM,uBAAqB,MAAM;AAClE,CAAC;",
-  "names": ["import_clipboard", "ClipboardJS"]
-}

package/dist/cjs/components/Echart.js

@@ -1,56 +0,0 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Echart.tsx
-var Echart_exports = {};
-__export(Echart_exports, {
-  Bar: () => Bar,
-  Line: () => Line,
-  Pie: () => Pie
-});
-module.exports = __toCommonJS(Echart_exports);
-var import_react = require("react");
-var import_echarts = require("echarts");
-var Echart = (0, import_react.forwardRef)((props, ref) => {
-  const { width, height, option, chart, ...rest } = props;
-  const container = (0, import_react.useRef)(null);
-  const chartRef = (0, import_react.useRef)(null);
-  (0, import_react.useLayoutEffect)(() => {
-    const ele = container.current;
-    chartRef.current = (0, import_echarts.init)(ele, option, { width, height });
-    return () => chartRef.current?.dispose();
-  }, []);
-  (0, import_react.useImperativeHandle)(ref, () => container.current, []);
-  (0, import_react.useImperativeHandle)(chart, () => chartRef.current, []);
-  (0, import_react.useEffect)(() => {
-    chartRef.current?.setOption(option);
-    chartRef.current?.resize({ width, height });
-  });
-  return /* @__PURE__ */ React.createElement("div", { ref: container, ...rest });
-});
-var Pie = Echart;
-var Bar = Echart;
-var Line = Echart;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Bar,
-  Line,
-  Pie
-});
-//# sourceMappingURL=Echart.js.map

package/dist/cjs/components/Echart.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Echart.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport {\n    ComponentPropsWithoutRef,\n    ForwardRefExoticComponent,\n    ForwardedRef,\n    RefAttributes,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useRef,\n} from \"react\"\nimport {\n    BarSeriesOption,\n    ComposeOption,\n    DatasetComponentOption,\n    ECharts,\n    GridComponentOption,\n    LineSeriesOption,\n    PieSeriesOption,\n    TitleComponentOption,\n    TooltipComponentOption,\n    init,\n} from \"echarts\"\n\nexport type PieOption = ComposeOption<PieSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\n\nexport type BarOption = ComposeOption<BarSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\n\nexport type LineOption = ComposeOption<LineSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\n\nexport interface EchartProps<T extends any = any> extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n    width: number\n    height: number\n    option: T\n    chart?: ForwardedRef<ECharts>\n}\n\nexport type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<\n    Omit<EchartProps<T>, \"ref\"> & RefAttributes<HTMLDivElement>\n>\n\nconst Echart = forwardRef<HTMLDivElement, EchartProps>((props, ref) => {\n    const { width, height, option, chart, ...rest } = props\n    const container = useRef<HTMLDivElement>(null)\n    const chartRef = useRef<ECharts | null>(null)\n\n    useLayoutEffect(() => {\n        const ele = container.current!\n        chartRef.current = init(ele, option, { width, height })\n        return () => chartRef.current?.dispose()\n    }, [])\n\n    useImperativeHandle(ref, () => container.current!, [])\n\n    useImperativeHandle(chart, () => chartRef.current!, [])\n\n    useEffect(() => {\n        chartRef.current?.setOption(option)\n        chartRef.current?.resize({ width, height })\n    })\n\n    return <div ref={container} {...rest} />\n})\n\nexport const Pie = Echart as EchartComponent<PieOption>\nexport const Bar = Echart as EchartComponent<BarOption>\nexport const Line = Echart as EchartComponent<LineOption>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAUO;AACP,qBAWO;AAmBP,IAAM,aAAS,yBAAwC,CAAC,OAAO,QAAQ;AACnE,QAAM,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG,KAAK,IAAI;AAClD,QAAM,gBAAY,qBAAuB,IAAI;AAC7C,QAAM,eAAW,qBAAuB,IAAI;AAE5C,oCAAgB,MAAM;AAClB,UAAM,MAAM,UAAU;AACtB,aAAS,cAAU,qBAAK,KAAK,QAAQ,EAAE,OAAO,OAAO,CAAC;AACtD,WAAO,MAAM,SAAS,SAAS,QAAQ;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,wCAAoB,KAAK,MAAM,UAAU,SAAU,CAAC,CAAC;AAErD,wCAAoB,OAAO,MAAM,SAAS,SAAU,CAAC,CAAC;AAEtD,8BAAU,MAAM;AACZ,aAAS,SAAS,UAAU,MAAM;AAClC,aAAS,SAAS,OAAO,EAAE,OAAO,OAAO,CAAC;AAAA,EAC9C,CAAC;AAED,SAAO,oCAAC,SAAI,KAAK,WAAY,GAAG,MAAM;AAC1C,CAAC;AAEM,IAAM,MAAM;AACZ,IAAM,MAAM;AACZ,IAAM,OAAO;",
-  "names": []
-}