deepsea-components 5.16.16 → 5.17.0

package/dist/components/AutoFit.cjs

@@ -56,13 +56,13 @@ const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((pr
                 setWidth((0, index_cjs_namespaceObject.px)(designWidth));
                 setHeight((0, index_cjs_namespaceObject.px)(contentRect.height / scale));
             } else if ("vertical" === direction) {
-                const scale_0 = contentRect.height / designHeight;
-                setTransform(`scale(${scale_0})`);
-                setWidth((0, index_cjs_namespaceObject.px)(contentRect.width / scale_0));
+                const scale = contentRect.height / designHeight;
+                setTransform(`scale(${scale})`);
+                setWidth((0, index_cjs_namespaceObject.px)(contentRect.width / scale));
                 setHeight((0, index_cjs_namespaceObject.px)(designHeight));
             } else {
-                const scale_1 = Math.min(contentRect.width / designWidth, contentRect.height / designHeight);
-                setTransform(`translateX(${(contentRect.width - designWidth * scale_1) / 2}px) translateY(${(contentRect.height - designHeight * scale_1) / 2}px) scale(${scale_1})`);
+                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, index_cjs_namespaceObject.px)(designWidth));
                 setHeight((0, index_cjs_namespaceObject.px)(designHeight));
             }
@@ -81,10 +81,10 @@ const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((pr
         var _ele_current1;
         (0, external_react_namespaceObject.useEffect)(()=>{
             var _ele_current;
-            const parent_0 = null == (_ele_current = ele.current) ? void 0 : _ele_current.parentElement;
-            if (!parent_0) return;
-            const style_0 = getComputedStyle(parent_0);
-            if ("static" === style_0.position) console.warn("AutoFit \u7EC4\u4EF6\u7684\u7236\u5143\u7D20\u7684 position \u5C5E\u6027\u4E0D\u5E94\u8BE5\u662F static");
+            const parent = null == (_ele_current = ele.current) ? void 0 : _ele_current.parentElement;
+            if (!parent) return;
+            const style = getComputedStyle(parent);
+            if ("static" === style.position) console.warn("AutoFit \u7EC4\u4EF6\u7684\u7236\u5143\u7D20\u7684 position \u5C5E\u6027\u4E0D\u5E94\u8BE5\u662F static");
         }, [
             null == (_ele_current1 = ele.current) ? void 0 : _ele_current1.parentElement
         ]);

package/dist/components/AutoFit.js

@@ -28,13 +28,13 @@ const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
                 setWidth(px(designWidth));
                 setHeight(px(contentRect.height / scale));
             } else if ("vertical" === direction) {
-                const scale_0 = contentRect.height / designHeight;
-                setTransform(`scale(${scale_0})`);
-                setWidth(px(contentRect.width / scale_0));
+                const scale = contentRect.height / designHeight;
+                setTransform(`scale(${scale})`);
+                setWidth(px(contentRect.width / scale));
                 setHeight(px(designHeight));
             } else {
-                const scale_1 = Math.min(contentRect.width / designWidth, contentRect.height / designHeight);
-                setTransform(`translateX(${(contentRect.width - designWidth * scale_1) / 2}px) translateY(${(contentRect.height - designHeight * scale_1) / 2}px) scale(${scale_1})`);
+                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(px(designWidth));
                 setHeight(px(designHeight));
             }
@@ -53,10 +53,10 @@ const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
         var _ele_current1;
         useEffect(()=>{
             var _ele_current;
-            const parent_0 = null == (_ele_current = ele.current) ? void 0 : _ele_current.parentElement;
-            if (!parent_0) return;
-            const style_0 = getComputedStyle(parent_0);
-            if ("static" === style_0.position) console.warn("AutoFit \u7EC4\u4EF6\u7684\u7236\u5143\u7D20\u7684 position \u5C5E\u6027\u4E0D\u5E94\u8BE5\u662F static");
+            const parent = null == (_ele_current = ele.current) ? void 0 : _ele_current.parentElement;
+            if (!parent) return;
+            const style = getComputedStyle(parent);
+            if ("static" === style.position) console.warn("AutoFit \u7EC4\u4EF6\u7684\u7236\u5143\u7D20\u7684 position \u5C5E\u6027\u4E0D\u5E94\u8BE5\u662F static");
         }, [
             null == (_ele_current1 = ele.current) ? void 0 : _ele_current1.parentElement
         ]);

package/dist/components/AutoScroll.cjs

@@ -69,8 +69,8 @@ const AutoScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
         function listener(status) {
             const { y } = status.offset;
             const scrollToBottom = Math.abs(y + height - scrollHeight) / itemHeight <= 0.05;
-            const target_0 = scrollToBottom ? 0 : range.find((item)=>item > y);
-            scroll(target_0);
+            const target = scrollToBottom ? 0 : range.find((item)=>item > y);
+            scroll(target);
         }
         null == (_bar_current = bar.current) || _bar_current.addListener(listener);
         return ()=>{
@@ -92,10 +92,10 @@ const AutoScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
         pausedRef.current = true;
         null == onMouseEnter || onMouseEnter(e);
     }
-    function onContainerMouseLeave(e_0) {
+    function onContainerMouseLeave(e) {
         if (playOnMouseEnter) return;
         pausedRef.current = false;
-        null == onMouseLeave || onMouseLeave(e_0);
+        null == onMouseLeave || onMouseLeave(e);
     }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Scroll_cjs_namespaceObject.Scroll, {
         ref: ele,

package/dist/components/AutoScroll.js

@@ -41,8 +41,8 @@ const AutoScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
         function listener(status) {
             const { y } = status.offset;
             const scrollToBottom = Math.abs(y + height - scrollHeight) / itemHeight <= 0.05;
-            const target_0 = scrollToBottom ? 0 : range.find((item)=>item > y);
-            scroll(target_0);
+            const target = scrollToBottom ? 0 : range.find((item)=>item > y);
+            scroll(target);
         }
         null == (_bar_current = bar.current) || _bar_current.addListener(listener);
         return ()=>{
@@ -64,10 +64,10 @@ const AutoScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
         pausedRef.current = true;
         null == onMouseEnter || onMouseEnter(e);
     }
-    function onContainerMouseLeave(e_0) {
+    function onContainerMouseLeave(e) {
         if (playOnMouseEnter) return;
         pausedRef.current = false;
-        null == onMouseLeave || onMouseLeave(e_0);
+        null == onMouseLeave || onMouseLeave(e);
     }
     return /*#__PURE__*/ jsx(Scroll, {
         ref: ele,

package/dist/components/AutoSizeTextarea.cjs

@@ -28,99 +28,41 @@ __webpack_require__.d(__webpack_exports__, {
     AutoSizeTextArea: ()=>AutoSizeTextArea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const AutoSizeTextArea = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(17);
-    let className;
-    let rest;
-    let style;
-    if ($[0] !== props) {
-        ({ className, style, ...rest } = props);
-        $[0] = props;
-        $[1] = className;
-        $[2] = rest;
-        $[3] = style;
-    } else {
-        className = $[1];
-        rest = $[2];
-        style = $[3];
-    }
+    const { className, style, ...rest } = props;
     const [height, setHeight] = (0, external_react_namespaceObject.useState)(void 0);
     const ele = (0, external_react_namespaceObject.useRef)(null);
-    let t0;
-    let t1;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = ()=>ele.current;
-        t1 = [];
-        $[4] = t0;
-        $[5] = t1;
-    } else {
-        t0 = $[4];
-        t1 = $[5];
-    }
-    (0, external_react_namespaceObject.useImperativeHandle)(ref, t0, t1);
-    let t2;
-    let t3;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = ()=>{
-            const textarea = ele.current;
-            const resizeTextarea = function() {
-                setHeight("auto");
-                setHeight((0, index_cjs_namespaceObject.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);
-            };
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>ele.current, []);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        const textarea = ele.current;
+        function resizeTextarea() {
+            setHeight("auto");
+            setHeight((0, index_cjs_namespaceObject.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);
         };
-        t3 = [];
-        $[6] = t2;
-        $[7] = t3;
-    } else {
-        t2 = $[6];
-        t3 = $[7];
-    }
-    (0, external_react_namespaceObject.useLayoutEffect)(t2, t3);
-    let t4;
-    if ($[8] !== className) {
-        t4 = (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+        ref: ele,
+        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
                     height: var(--height);
                     resize: none;
                     overflow-y: hidden;
-                `, className);
-        $[8] = className;
-        $[9] = t4;
-    } else t4 = $[9];
-    let t5;
-    if ($[10] !== height || $[11] !== style) {
-        t5 = (0, index_cjs_namespaceObject.transformCSSVariable)({
+                `, className),
+        style: (0, index_cjs_namespaceObject.transformCSSVariable)({
             height
-        }, style);
-        $[10] = height;
-        $[11] = style;
-        $[12] = t5;
-    } else t5 = $[12];
-    let t6;
-    if ($[13] !== rest || $[14] !== t4 || $[15] !== t5) {
-        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
-            ref: ele,
-            className: t4,
-            style: t5,
-            ...rest
-        });
-        $[13] = rest;
-        $[14] = t4;
-        $[15] = t5;
-        $[16] = t6;
-    } else t6 = $[16];
-    return t6;
+        }, style),
+        ...rest
+    });
 });
 exports.AutoSizeTextArea = __webpack_exports__.AutoSizeTextArea;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/AutoSizeTextarea.js

@@ -1,97 +1,39 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { css } from "@emotion/css";
 import { clsx } from "deepsea-tools";
 import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { px, transformCSSVariable } from "../utils/index.js";
 const AutoSizeTextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const $ = c(17);
-    let className;
-    let rest;
-    let style;
-    if ($[0] !== props) {
-        ({ className, style, ...rest } = props);
-        $[0] = props;
-        $[1] = className;
-        $[2] = rest;
-        $[3] = style;
-    } else {
-        className = $[1];
-        rest = $[2];
-        style = $[3];
-    }
+    const { className, style, ...rest } = props;
     const [height, setHeight] = useState(void 0);
     const ele = useRef(null);
-    let t0;
-    let t1;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = ()=>ele.current;
-        t1 = [];
-        $[4] = t0;
-        $[5] = t1;
-    } else {
-        t0 = $[4];
-        t1 = $[5];
-    }
-    useImperativeHandle(ref, t0, t1);
-    let t2;
-    let t3;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = ()=>{
-            const textarea = ele.current;
-            const resizeTextarea = function() {
-                setHeight("auto");
-                setHeight(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);
-            };
+    useImperativeHandle(ref, ()=>ele.current, []);
+    useLayoutEffect(()=>{
+        const textarea = ele.current;
+        function resizeTextarea() {
+            setHeight("auto");
+            setHeight(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);
         };
-        t3 = [];
-        $[6] = t2;
-        $[7] = t3;
-    } else {
-        t2 = $[6];
-        t3 = $[7];
-    }
-    useLayoutEffect(t2, t3);
-    let t4;
-    if ($[8] !== className) {
-        t4 = clsx(css`
+    }, []);
+    return /*#__PURE__*/ jsx("textarea", {
+        ref: ele,
+        className: clsx(css`
                     height: var(--height);
                     resize: none;
                     overflow-y: hidden;
-                `, className);
-        $[8] = className;
-        $[9] = t4;
-    } else t4 = $[9];
-    let t5;
-    if ($[10] !== height || $[11] !== style) {
-        t5 = transformCSSVariable({
+                `, className),
+        style: transformCSSVariable({
             height
-        }, style);
-        $[10] = height;
-        $[11] = style;
-        $[12] = t5;
-    } else t5 = $[12];
-    let t6;
-    if ($[13] !== rest || $[14] !== t4 || $[15] !== t5) {
-        t6 = /*#__PURE__*/ jsx("textarea", {
-            ref: ele,
-            className: t4,
-            style: t5,
-            ...rest
-        });
-        $[13] = rest;
-        $[14] = t4;
-        $[15] = t5;
-        $[16] = t6;
-    } else t6 = $[16];
-    return t6;
+        }, style),
+        ...rest
+    });
 });
 export { AutoSizeTextArea };

package/dist/components/CircleText.cjs

@@ -28,132 +28,36 @@ __webpack_require__.d(__webpack_exports__, {
     CircleText: ()=>CircleText
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const CircleText = (props)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(41);
-    let children;
-    let height;
-    let radius;
-    let rest;
-    let separator;
-    let style;
-    let t0;
-    let t1;
-    let t2;
-    let t3;
-    let t4;
-    let width;
-    if ($[0] !== props) {
-        ({ width, height, radius, startAngel: t0, gapAngel: t1, align: t2, style, direction: t3, reverse: t4, separator, children, ...rest } = props);
-        $[0] = props;
-        $[1] = children;
-        $[2] = height;
-        $[3] = radius;
-        $[4] = rest;
-        $[5] = separator;
-        $[6] = style;
-        $[7] = t0;
-        $[8] = t1;
-        $[9] = t2;
-        $[10] = t3;
-        $[11] = t4;
-        $[12] = width;
-    } else {
-        children = $[1];
-        height = $[2];
-        radius = $[3];
-        rest = $[4];
-        separator = $[5];
-        style = $[6];
-        t0 = $[7];
-        t1 = $[8];
-        t2 = $[9];
-        t3 = $[10];
-        t4 = $[11];
-        width = $[12];
-    }
-    const startAngel = void 0 === t0 ? 0 : t0;
-    const gapAngel = void 0 === t1 ? 0 : t1;
-    const align = void 0 === t2 ? "center" : t2;
-    const direction = void 0 === t3 ? "outer" : t3;
-    const reverse = void 0 === t4 ? false : t4;
+    const { width, height, radius, startAngel = 0, gapAngel = 0, align = "center", style, direction = "outer", reverse = false, separator, children, ...rest } = props;
     const unitAngle = 2 * Math.atan(width / 2 / radius);
     const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel;
     const offsetAngle = "left" === align ? 0 : "right" === align ? totalAngle : totalAngle / 2;
-    let t5;
-    if ($[13] !== direction || $[14] !== gapAngel || $[15] !== height || $[16] !== offsetAngle || $[17] !== radius || $[18] !== startAngel || $[19] !== unitAngle || $[20] !== width) {
-        t5 = function(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 + ("inner" === direction ? Math.PI : 0);
-            return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
-        };
-        $[13] = direction;
-        $[14] = gapAngel;
-        $[15] = height;
-        $[16] = offsetAngle;
-        $[17] = radius;
-        $[18] = startAngel;
-        $[19] = unitAngle;
-        $[20] = width;
-        $[21] = t5;
-    } else t5 = $[21];
-    const getTransform = t5;
-    let T0;
-    let t6;
-    if ($[22] !== children || $[23] !== getTransform || $[24] !== height || $[25] !== rest || $[26] !== reverse || $[27] !== separator || $[28] !== style || $[29] !== width) {
-        const words = "function" == typeof separator ? separator(children) : children.split(separator ?? "");
-        if (reverse) words.reverse();
-        T0 = external_react_namespaceObject.Fragment;
-        let t7;
-        if ($[32] !== getTransform || $[33] !== height || $[34] !== rest || $[35] !== style || $[36] !== width) {
-            t7 = (w, idx_0)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    style: {
-                        position: "absolute",
-                        ...style,
-                        transform: getTransform(idx_0),
-                        textAlign: "center",
-                        width,
-                        lineHeight: `${height}px`,
-                        height
-                    },
-                    ...rest,
-                    children: w
-                }, idx_0);
-            $[32] = getTransform;
-            $[33] = height;
-            $[34] = rest;
-            $[35] = style;
-            $[36] = width;
-            $[37] = t7;
-        } else t7 = $[37];
-        t6 = words.map(t7);
-        $[22] = children;
-        $[23] = getTransform;
-        $[24] = height;
-        $[25] = rest;
-        $[26] = reverse;
-        $[27] = separator;
-        $[28] = style;
-        $[29] = width;
-        $[30] = T0;
-        $[31] = t6;
-    } else {
-        T0 = $[30];
-        t6 = $[31];
+    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 + ("inner" === direction ? Math.PI : 0);
+        return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
     }
-    let t7;
-    if ($[38] !== T0 || $[39] !== t6) {
-        t7 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(T0, {
-            children: t6
-        });
-        $[38] = T0;
-        $[39] = t6;
-        $[40] = t7;
-    } else t7 = $[40];
-    return t7;
+    const words = "function" == typeof separator ? separator(children) : children.split(separator ?? "");
+    if (reverse) words.reverse();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {
+        children: words.map((w, idx)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                style: {
+                    position: "absolute",
+                    ...style,
+                    transform: getTransform(idx),
+                    textAlign: "center",
+                    width,
+                    lineHeight: `${height}px`,
+                    height: height
+                },
+                ...rest,
+                children: w
+            }, idx))
+    });
 };
 exports.CircleText = __webpack_exports__.CircleText;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [