deepsea-components 5.16.4 → 5.16.5

package/dist/components/AutoFit.cjs

@@ -33,6 +33,7 @@ const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+    var _ele_current;
     const { width: designWidth = 1920, height: designHeight = 1080, direction, className, style, ...rest } = props;
     const ele = (0, external_react_namespaceObject.useRef)(null);
     const [show, setShow] = (0, external_react_namespaceObject.useState)(false);
@@ -44,7 +45,7 @@ const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((pr
     ]);
     (0, external_react_namespaceObject.useLayoutEffect)(()=>{
         const element = ele.current;
-        const parent = element?.parentElement;
+        const parent = null == element ? void 0 : element.parentElement;
         if (!element || !parent) return;
         function listener(entries) {
             const entry = entries[0];
@@ -55,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 = contentRect.height / designHeight;
-                setTransform(`scale(${scale})`);
-                setWidth((0, index_cjs_namespaceObject.px)(contentRect.width / scale));
+                const scale_0 = contentRect.height / designHeight;
+                setTransform(`scale(${scale_0})`);
+                setWidth((0, index_cjs_namespaceObject.px)(contentRect.width / scale_0));
                 setHeight((0, index_cjs_namespaceObject.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})`);
+                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})`);
                 setWidth((0, index_cjs_namespaceObject.px)(designWidth));
                 setHeight((0, index_cjs_namespaceObject.px)(designHeight));
             }
@@ -71,19 +72,23 @@ const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((pr
         observer.observe(parent);
         return ()=>observer.disconnect();
     }, [
-        ele.current?.parentElement,
+        null == (_ele_current = ele.current) ? void 0 : _ele_current.parentElement,
         designWidth,
         designHeight,
         direction
     ]);
-    if ("development" === process.env.NODE_ENV) (0, external_react_namespaceObject.useEffect)(()=>{
-        const parent = 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");
-    }, [
-        ele.current?.parentElement
-    ]);
+    if ("development" === process.env.NODE_ENV) {
+        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");
+        }, [
+            null == (_ele_current1 = ele.current) ? void 0 : _ele_current1.parentElement
+        ]);
+    }
     if (!show) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ele,
         style: {

package/dist/components/AutoFit.js

@@ -5,6 +5,7 @@ import { clsx } from "deepsea-tools";
 import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { px, transformCSSVariable } from "../utils/index.js";
 const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _ele_current;
     const { width: designWidth = 1920, height: designHeight = 1080, direction, className, style, ...rest } = props;
     const ele = useRef(null);
     const [show, setShow] = useState(false);
@@ -16,7 +17,7 @@ const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
     ]);
     useLayoutEffect(()=>{
         const element = ele.current;
-        const parent = element?.parentElement;
+        const parent = null == element ? void 0 : element.parentElement;
         if (!element || !parent) return;
         function listener(entries) {
             const entry = entries[0];
@@ -27,13 +28,13 @@ const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
                 setWidth(px(designWidth));
                 setHeight(px(contentRect.height / scale));
             } else if ("vertical" === direction) {
-                const scale = contentRect.height / designHeight;
-                setTransform(`scale(${scale})`);
-                setWidth(px(contentRect.width / scale));
+                const scale_0 = contentRect.height / designHeight;
+                setTransform(`scale(${scale_0})`);
+                setWidth(px(contentRect.width / scale_0));
                 setHeight(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})`);
+                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})`);
                 setWidth(px(designWidth));
                 setHeight(px(designHeight));
             }
@@ -43,19 +44,23 @@ const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
         observer.observe(parent);
         return ()=>observer.disconnect();
     }, [
-        ele.current?.parentElement,
+        null == (_ele_current = ele.current) ? void 0 : _ele_current.parentElement,
         designWidth,
         designHeight,
         direction
     ]);
-    if ("development" === process.env.NODE_ENV) useEffect(()=>{
-        const parent = 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");
-    }, [
-        ele.current?.parentElement
-    ]);
+    if ("development" === process.env.NODE_ENV) {
+        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");
+        }, [
+            null == (_ele_current1 = ele.current) ? void 0 : _ele_current1.parentElement
+        ]);
+    }
     if (!show) return /*#__PURE__*/ jsx("div", {
         ref: ele,
         style: {

package/dist/components/AutoScroll.cjs

@@ -51,6 +51,7 @@ const AutoScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
         playOnMouseEnter
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
+        var _bar_current;
         if (!size || 0 === count) return;
         const { height } = size;
         const range = (0, external_deepsea_tools_namespaceObject.getArray)(count, (index)=>(itemHeight + gap) * (index + 1) - (index === count - 1 ? gap : 0));
@@ -59,22 +60,24 @@ const AutoScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
         function scroll(target) {
             clearTimeout(timeout.current);
             timeout.current = setTimeout(()=>{
+                var _bar_current;
                 if (pausedRef.current || pausedProps.current) return scroll(target);
-                bar.current?.scrollTo(0, target, animation);
+                null == (_bar_current = bar.current) || _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);
+            const target_0 = scrollToBottom ? 0 : range.find((item)=>item > y);
+            scroll(target_0);
         }
-        bar.current?.addListener(listener);
+        null == (_bar_current = bar.current) || _bar_current.addListener(listener);
         return ()=>{
+            var _bar_current, _bar_current1;
             clearTimeout(timeout.current);
-            bar.current?.removeListener(listener);
-            bar.current?.scrollTo(0, 0);
+            null == (_bar_current = bar.current) || _bar_current.removeListener(listener);
+            null == (_bar_current1 = bar.current) || _bar_current1.scrollTo(0, 0);
         };
     }, [
         size,
@@ -87,12 +90,12 @@ const AutoScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
     function onContainerMouseEnter(e) {
         if (playOnMouseEnter) return;
         pausedRef.current = true;
-        onMouseEnter?.(e);
+        null == onMouseEnter || onMouseEnter(e);
     }
-    function onContainerMouseLeave(e) {
+    function onContainerMouseLeave(e_0) {
         if (playOnMouseEnter) return;
         pausedRef.current = false;
-        onMouseLeave?.(e);
+        null == onMouseLeave || onMouseLeave(e_0);
     }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Scroll_cjs_namespaceObject.Scroll, {
         ref: ele,

package/dist/components/AutoScroll.js

@@ -23,6 +23,7 @@ const AutoScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
         playOnMouseEnter
     ]);
     useEffect(()=>{
+        var _bar_current;
         if (!size || 0 === count) return;
         const { height } = size;
         const range = getArray(count, (index)=>(itemHeight + gap) * (index + 1) - (index === count - 1 ? gap : 0));
@@ -31,22 +32,24 @@ const AutoScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
         function scroll(target) {
             clearTimeout(timeout.current);
             timeout.current = setTimeout(()=>{
+                var _bar_current;
                 if (pausedRef.current || pausedProps.current) return scroll(target);
-                bar.current?.scrollTo(0, target, animation);
+                null == (_bar_current = bar.current) || _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);
+            const target_0 = scrollToBottom ? 0 : range.find((item)=>item > y);
+            scroll(target_0);
         }
-        bar.current?.addListener(listener);
+        null == (_bar_current = bar.current) || _bar_current.addListener(listener);
         return ()=>{
+            var _bar_current, _bar_current1;
             clearTimeout(timeout.current);
-            bar.current?.removeListener(listener);
-            bar.current?.scrollTo(0, 0);
+            null == (_bar_current = bar.current) || _bar_current.removeListener(listener);
+            null == (_bar_current1 = bar.current) || _bar_current1.scrollTo(0, 0);
         };
     }, [
         size,
@@ -59,12 +62,12 @@ const AutoScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     function onContainerMouseEnter(e) {
         if (playOnMouseEnter) return;
         pausedRef.current = true;
-        onMouseEnter?.(e);
+        null == onMouseEnter || onMouseEnter(e);
     }
-    function onContainerMouseLeave(e) {
+    function onContainerMouseLeave(e_0) {
         if (playOnMouseEnter) return;
         pausedRef.current = false;
-        onMouseLeave?.(e);
+        null == onMouseLeave || onMouseLeave(e_0);
     }
     return /*#__PURE__*/ jsx(Scroll, {
         ref: ele,

package/dist/components/AutoSizeTextarea.cjs

@@ -28,41 +28,99 @@ __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 { className, style, ...rest } = props;
+    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 [height, setHeight] = (0, external_react_namespaceObject.useState)(void 0);
     const ele = (0, external_react_namespaceObject.useRef)(null);
-    (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);
+    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);
+            };
         };
-    }, []);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
-        ref: ele,
-        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+        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)`
                     height: var(--height);
                     resize: none;
                     overflow-y: hidden;
-                `, className),
-        style: (0, index_cjs_namespaceObject.transformCSSVariable)({
+                `, className);
+        $[8] = className;
+        $[9] = t4;
+    } else t4 = $[9];
+    let t5;
+    if ($[10] !== height || $[11] !== style) {
+        t5 = (0, index_cjs_namespaceObject.transformCSSVariable)({
             height
-        }, style),
-        ...rest
-    });
+        }, 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;
 });
 exports.AutoSizeTextArea = __webpack_exports__.AutoSizeTextArea;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/AutoSizeTextarea.js

@@ -1,39 +1,97 @@
 "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 { className, style, ...rest } = props;
+    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 [height, setHeight] = useState(void 0);
     const ele = useRef(null);
-    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);
+    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);
+            };
         };
-    }, []);
-    return /*#__PURE__*/ jsx("textarea", {
-        ref: ele,
-        className: clsx(css`
+        t3 = [];
+        $[6] = t2;
+        $[7] = t3;
+    } else {
+        t2 = $[6];
+        t3 = $[7];
+    }
+    useLayoutEffect(t2, t3);
+    let t4;
+    if ($[8] !== className) {
+        t4 = clsx(css`
                     height: var(--height);
                     resize: none;
                     overflow-y: hidden;
-                `, className),
-        style: transformCSSVariable({
+                `, className);
+        $[8] = className;
+        $[9] = t4;
+    } else t4 = $[9];
+    let t5;
+    if ($[10] !== height || $[11] !== style) {
+        t5 = transformCSSVariable({
             height
-        }, style),
-        ...rest
-    });
+        }, 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;
 });
 export { AutoSizeTextArea };

package/dist/components/CircleText.cjs

@@ -28,36 +28,132 @@ __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 { width, height, radius, startAngel = 0, gapAngel = 0, align = "center", style, direction = "outer", reverse = false, separator, children, ...rest } = 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 unitAngle = 2 * Math.atan(width / 2 / radius);
     const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel;
     const offsetAngle = "left" === align ? 0 : "right" === align ? 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 + ("inner" === direction ? Math.PI : 0);
-        return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
+    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];
     }
-    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))
-    });
+    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;
 };
 exports.CircleText = __webpack_exports__.CircleText;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [