deepsea-components 5.16.15 → 5.17.0

package/dist/components/TransitionBox.js

@@ -1,135 +1,45 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { useSize } from "soda-hooks";
 const TransitionBox = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const $ = c(34);
-    let children;
-    let containerClassName;
-    let containerStyle;
-    let rest;
-    let style;
-    let t0;
-    let t1;
-    let t2;
-    if ($[0] !== props) {
-        ({ style, containerClassName, containerStyle, children, vertical: t0, horizontal: t1, time: t2, ...rest } = props);
-        $[0] = props;
-        $[1] = children;
-        $[2] = containerClassName;
-        $[3] = containerStyle;
-        $[4] = rest;
-        $[5] = style;
-        $[6] = t0;
-        $[7] = t1;
-        $[8] = t2;
-    } else {
-        children = $[1];
-        containerClassName = $[2];
-        containerStyle = $[3];
-        rest = $[4];
-        style = $[5];
-        t0 = $[6];
-        t1 = $[7];
-        t2 = $[8];
-    }
-    const vertical = void 0 === t0 ? true : t0;
-    const horizontal = void 0 === t1 ? true : t1;
-    const time = void 0 === t2 ? 3000 : t2;
+    const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props;
     const container = useRef(null);
     const size = useSize(container);
     const width = (null == size ? void 0 : size.width) ?? 0;
     const height = (null == size ? void 0 : size.height) ?? 0;
     const [count, setCount] = useState(0);
-    let t3;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = ()=>{
-            setCount(_temp);
-        };
-        $[9] = t3;
-    } else t3 = $[9];
-    let t4;
-    if ($[10] !== height || $[11] !== width) {
-        t4 = [
-            width,
-            height
-        ];
-        $[10] = height;
-        $[11] = width;
-        $[12] = t4;
-    } else t4 = $[12];
-    useEffect(t3, t4);
-    let t5;
-    if ($[13] !== count || $[14] !== horizontal || $[15] !== vertical) {
-        t5 = 3 === count ? [
+    useEffect(()=>{
+        setCount((count)=>Math.min(count + 1, 3));
+    }, [
+        width,
+        height
+    ]);
+    const outerStyle = {
+        transitionProperty: 3 === count ? [
             horizontal && "width",
             vertical && "height"
-        ].filter(Boolean).join(", ") : void 0;
-        $[13] = count;
-        $[14] = horizontal;
-        $[15] = vertical;
-        $[16] = t5;
-    } else t5 = $[16];
-    const t6 = 3 === count ? `${time}ms` : void 0;
-    let t7;
-    if ($[17] !== height || $[18] !== style || $[19] !== t5 || $[20] !== t6 || $[21] !== width) {
-        t7 = {
-            transitionProperty: t5,
-            transitionDuration: t6,
-            width,
-            height,
-            overflow: "hidden",
-            position: "relative",
-            ...style
-        };
-        $[17] = height;
-        $[18] = style;
-        $[19] = t5;
-        $[20] = t6;
-        $[21] = width;
-        $[22] = t7;
-    } else t7 = $[22];
-    const outerStyle = t7;
-    let t8;
-    if ($[23] !== containerStyle) {
-        t8 = {
-            position: "absolute",
-            ...containerStyle
-        };
-        $[23] = containerStyle;
-        $[24] = t8;
-    } else t8 = $[24];
-    let t9;
-    if ($[25] !== children || $[26] !== containerClassName || $[27] !== t8) {
-        t9 = /*#__PURE__*/ jsx("div", {
+        ].filter(Boolean).join(", ") : void 0,
+        transitionDuration: 3 === count ? `${time}ms` : void 0,
+        width,
+        height,
+        overflow: "hidden",
+        position: "relative",
+        ...style
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        style: outerStyle,
+        ...rest,
+        children: /*#__PURE__*/ jsx("div", {
             className: containerClassName,
-            style: t8,
+            style: {
+                position: "absolute",
+                ...containerStyle
+            },
             ref: container,
             children: children
-        });
-        $[25] = children;
-        $[26] = containerClassName;
-        $[27] = t8;
-        $[28] = t9;
-    } else t9 = $[28];
-    let t10;
-    if ($[29] !== outerStyle || $[30] !== ref || $[31] !== rest || $[32] !== t9) {
-        t10 = /*#__PURE__*/ jsx("div", {
-            ref: ref,
-            style: outerStyle,
-            ...rest,
-            children: t9
-        });
-        $[29] = outerStyle;
-        $[30] = ref;
-        $[31] = rest;
-        $[32] = t9;
-        $[33] = t10;
-    } else t10 = $[33];
-    return t10;
+        })
+    });
 });
-function _temp(count_0) {
-    return Math.min(count_0 + 1, 3);
-}
 export { TransitionBox };

package/dist/components/TransitionNum.cjs

@@ -51,19 +51,19 @@ const TransitionNum = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
             get: ()=>cache.current.show
         }), []);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        const { num: num_0, period: period_0, show, numToStr: numToStr_0 } = cache.current;
-        ele.current.innerText = (numToStr_0 || String)(show);
-        if (num_0 === show) return;
+        const { num, period, show, numToStr } = cache.current;
+        ele.current.innerText = (numToStr || String)(show);
+        if (num === show) return;
         const div = ele.current;
-        const speed = (num_0 - show) / period_0;
+        const speed = (num - show) / period;
         const cancel = (0, external_deepsea_tools_namespaceObject.setFrameInterval)(()=>{
-            const { num: num_1, numToStr: numToStr_1 } = cache.current;
+            const { num, numToStr } = cache.current;
             cache.current.show += speed;
-            if (speed > 0 && cache.current.show > num_1 || speed < 0 && cache.current.show < num_1) {
+            if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
                 cancel();
-                cache.current.show = num_1;
+                cache.current.show = num;
             }
-            div.innerText = (numToStr_1 || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
         }, 1);
         return cancel;
     }, [

package/dist/components/TransitionNum.js

@@ -23,19 +23,19 @@ const TransitionNum = /*#__PURE__*/ forwardRef((props, ref)=>{
             get: ()=>cache.current.show
         }), []);
     useEffect(()=>{
-        const { num: num_0, period: period_0, show, numToStr: numToStr_0 } = cache.current;
-        ele.current.innerText = (numToStr_0 || String)(show);
-        if (num_0 === show) return;
+        const { num, period, show, numToStr } = cache.current;
+        ele.current.innerText = (numToStr || String)(show);
+        if (num === show) return;
         const div = ele.current;
-        const speed = (num_0 - show) / period_0;
+        const speed = (num - show) / period;
         const cancel = setFrameInterval(()=>{
-            const { num: num_1, numToStr: numToStr_1 } = cache.current;
+            const { num, numToStr } = cache.current;
             cache.current.show += speed;
-            if (speed > 0 && cache.current.show > num_1 || speed < 0 && cache.current.show < num_1) {
+            if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
                 cancel();
-                cache.current.show = num_1;
+                cache.current.show = num;
             }
-            div.innerText = (numToStr_1 || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
         }, 1);
         return cancel;
     }, [

package/dist/components/Trapezium.cjs

@@ -28,39 +28,12 @@ __webpack_require__.d(__webpack_exports__, {
     Trapezium: ()=>Trapezium
 });
 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 Trapezium = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(28);
-    let borderRadius;
-    let bottom;
-    let className;
-    let height;
-    let rest;
-    let style;
-    let top;
-    if ($[0] !== props) {
-        ({ top, bottom, height, borderRadius, className, style, ...rest } = props);
-        $[0] = props;
-        $[1] = borderRadius;
-        $[2] = bottom;
-        $[3] = className;
-        $[4] = height;
-        $[5] = rest;
-        $[6] = style;
-        $[7] = top;
-    } else {
-        borderRadius = $[1];
-        bottom = $[2];
-        className = $[3];
-        height = $[4];
-        rest = $[5];
-        style = $[6];
-        top = $[7];
-    }
+    const { top, bottom, height, borderRadius, className, style, ...rest } = props;
     const diff = (bottom - top) / 2;
     const a = Math.atan(height / diff) / 2;
     const b = borderRadius / Math.tan(a);
@@ -70,52 +43,20 @@ const Trapezium = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((
     const f = borderRadius / Math.tan(e);
     const g = f * Math.cos(2 * a);
     const h = f * Math.sin(2 * a);
-    let t0;
-    if ($[8] !== className) {
-        t0 = (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
                     width: var(--width);
                     height: var(--height);
                     clip-path: var(--clip-path);
-                `, className);
-        $[8] = className;
-        $[9] = t0;
-    } else t0 = $[9];
-    let t1;
-    if ($[10] !== b || $[11] !== borderRadius || $[12] !== bottom || $[13] !== c || $[14] !== d || $[15] !== diff || $[16] !== f || $[17] !== g || $[18] !== h || $[19] !== height || $[20] !== style || $[21] !== top) {
-        t1 = (0, index_cjs_namespaceObject.transformCSSVariable)({
+                `, className),
+        style: (0, index_cjs_namespaceObject.transformCSSVariable)({
             width: (0, index_cjs_namespaceObject.px)(bottom),
             height: (0, index_cjs_namespaceObject.px)(height),
             clipath: `path("M ${diff + f} 0  A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} 0 Z")`
-        }, style);
-        $[10] = b;
-        $[11] = borderRadius;
-        $[12] = bottom;
-        $[13] = c;
-        $[14] = d;
-        $[15] = diff;
-        $[16] = f;
-        $[17] = g;
-        $[18] = h;
-        $[19] = height;
-        $[20] = style;
-        $[21] = top;
-        $[22] = t1;
-    } else t1 = $[22];
-    let t2;
-    if ($[23] !== ref || $[24] !== rest || $[25] !== t0 || $[26] !== t1) {
-        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            ref: ref,
-            className: t0,
-            style: t1,
-            ...rest
-        });
-        $[23] = ref;
-        $[24] = rest;
-        $[25] = t0;
-        $[26] = t1;
-        $[27] = t2;
-    } else t2 = $[27];
-    return t2;
+        }, style),
+        ...rest
+    });
 });
 exports.Trapezium = __webpack_exports__.Trapezium;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/Trapezium.js

@@ -1,38 +1,11 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c as compiler_runtime_c } from "react/compiler-runtime";
 import { css } from "@emotion/css";
 import { clsx } from "deepsea-tools";
 import { forwardRef } from "react";
 import { px, transformCSSVariable } from "../utils/index.js";
 const Trapezium = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const $ = compiler_runtime_c(28);
-    let borderRadius;
-    let bottom;
-    let className;
-    let height;
-    let rest;
-    let style;
-    let top;
-    if ($[0] !== props) {
-        ({ top, bottom, height, borderRadius, className, style, ...rest } = props);
-        $[0] = props;
-        $[1] = borderRadius;
-        $[2] = bottom;
-        $[3] = className;
-        $[4] = height;
-        $[5] = rest;
-        $[6] = style;
-        $[7] = top;
-    } else {
-        borderRadius = $[1];
-        bottom = $[2];
-        className = $[3];
-        height = $[4];
-        rest = $[5];
-        style = $[6];
-        top = $[7];
-    }
+    const { top, bottom, height, borderRadius, className, style, ...rest } = props;
     const diff = (bottom - top) / 2;
     const a = Math.atan(height / diff) / 2;
     const b = borderRadius / Math.tan(a);
@@ -42,51 +15,19 @@ const Trapezium = /*#__PURE__*/ forwardRef((props, ref)=>{
     const f = borderRadius / Math.tan(e);
     const g = f * Math.cos(2 * a);
     const h = f * Math.sin(2 * a);
-    let t0;
-    if ($[8] !== className) {
-        t0 = clsx(css`
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: clsx(css`
                     width: var(--width);
                     height: var(--height);
                     clip-path: var(--clip-path);
-                `, className);
-        $[8] = className;
-        $[9] = t0;
-    } else t0 = $[9];
-    let t1;
-    if ($[10] !== b || $[11] !== borderRadius || $[12] !== bottom || $[13] !== c || $[14] !== d || $[15] !== diff || $[16] !== f || $[17] !== g || $[18] !== h || $[19] !== height || $[20] !== style || $[21] !== top) {
-        t1 = transformCSSVariable({
+                `, className),
+        style: transformCSSVariable({
             width: px(bottom),
             height: px(height),
             clipath: `path("M ${diff + f} 0  A ${borderRadius} ${borderRadius} 0 0 0 ${diff - g} ${h} L ${c} ${height - d} A ${borderRadius} ${borderRadius} 0 0 0 ${b} ${height} L ${bottom - b} ${height} A ${borderRadius} ${borderRadius} 0 0 0 ${bottom - c} ${height - d} L ${top + diff + g} ${h} A ${borderRadius} ${borderRadius} 0 0 0 ${top + diff - f} 0 Z")`
-        }, style);
-        $[10] = b;
-        $[11] = borderRadius;
-        $[12] = bottom;
-        $[13] = c;
-        $[14] = d;
-        $[15] = diff;
-        $[16] = f;
-        $[17] = g;
-        $[18] = h;
-        $[19] = height;
-        $[20] = style;
-        $[21] = top;
-        $[22] = t1;
-    } else t1 = $[22];
-    let t2;
-    if ($[23] !== ref || $[24] !== rest || $[25] !== t0 || $[26] !== t1) {
-        t2 = /*#__PURE__*/ jsx("div", {
-            ref: ref,
-            className: t0,
-            style: t1,
-            ...rest
-        });
-        $[23] = ref;
-        $[24] = rest;
-        $[25] = t0;
-        $[26] = t1;
-        $[27] = t2;
-    } else t2 = $[27];
-    return t2;
+        }, style),
+        ...rest
+    });
 });
 export { Trapezium };

package/dist/components/Unify.cjs

@@ -29,93 +29,33 @@ __webpack_require__.d(__webpack_exports__, {
     UnifyConfigProvider: ()=>UnifyConfigProvider
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const UnifyConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
-const UnifyConfigProvider = (t0)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(12);
-    const { className, style, children } = t0;
+const UnifyConfigProvider = ({ className, style, children })=>{
     const { className: _className, style: _style } = (0, external_react_namespaceObject.useContext)(UnifyConfigContext);
-    let t1;
-    if ($[0] !== _className || $[1] !== className) {
-        t1 = (0, external_deepsea_tools_namespaceObject.clsx)(_className, className);
-        $[0] = _className;
-        $[1] = className;
-        $[2] = t1;
-    } else t1 = $[2];
-    let t2;
-    if ($[3] !== _style || $[4] !== style) {
-        t2 = {
-            ..._style,
-            ...style
-        };
-        $[3] = _style;
-        $[4] = style;
-        $[5] = t2;
-    } else t2 = $[5];
-    let t3;
-    if ($[6] !== t1 || $[7] !== t2) {
-        t3 = {
-            className: t1,
-            style: t2
-        };
-        $[6] = t1;
-        $[7] = t2;
-        $[8] = t3;
-    } else t3 = $[8];
-    let t4;
-    if ($[9] !== children || $[10] !== t3) {
-        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(UnifyConfigContext.Provider, {
-            value: t3,
-            children: children
-        });
-        $[9] = children;
-        $[10] = t3;
-        $[11] = t4;
-    } else t4 = $[11];
-    return t4;
-};
-function Unify(props) {
-    const $ = (0, compiler_runtime_namespaceObject.c)(12);
-    let className;
-    let rest;
-    let style;
-    let t0;
-    if ($[0] !== props) {
-        ({ as: t0, className, style, ...rest } = props);
-        $[0] = props;
-        $[1] = className;
-        $[2] = rest;
-        $[3] = style;
-        $[4] = t0;
-    } else {
-        className = $[1];
-        rest = $[2];
-        style = $[3];
-        t0 = $[4];
-    }
-    const as = void 0 === t0 ? "div" : t0;
-    const { className: _className, style: _style } = (0, external_react_namespaceObject.useContext)(UnifyConfigContext);
-    let t1;
-    if ($[5] !== _className || $[6] !== _style || $[7] !== as || $[8] !== className || $[9] !== rest || $[10] !== style) {
-        t1 = /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(as, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(UnifyConfigContext.Provider, {
+        value: {
             className: (0, external_deepsea_tools_namespaceObject.clsx)(_className, className),
             style: {
                 ..._style,
                 ...style
-            },
-            ...rest
-        });
-        $[5] = _className;
-        $[6] = _style;
-        $[7] = as;
-        $[8] = className;
-        $[9] = rest;
-        $[10] = style;
-        $[11] = t1;
-    } else t1 = $[11];
-    return t1;
+            }
+        },
+        children: children
+    });
+};
+function Unify(props) {
+    const { as = "div", className, style, ...rest } = props;
+    const { className: _className, style: _style } = (0, external_react_namespaceObject.useContext)(UnifyConfigContext);
+    return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(as, {
+        className: (0, external_deepsea_tools_namespaceObject.clsx)(_className, className),
+        style: {
+            ..._style,
+            ...style
+        },
+        ...rest
+    });
 }
 exports.Unify = __webpack_exports__.Unify;
 exports.UnifyConfigProvider = __webpack_exports__.UnifyConfigProvider;

package/dist/components/Unify.js

@@ -1,91 +1,31 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { clsx } from "deepsea-tools";
 import { createContext, createElement, useContext } from "react";
 const UnifyConfigContext = /*#__PURE__*/ createContext({});
-const UnifyConfigProvider = (t0)=>{
-    const $ = c(12);
-    const { className, style, children } = t0;
+const UnifyConfigProvider = ({ className, style, children })=>{
     const { className: _className, style: _style } = useContext(UnifyConfigContext);
-    let t1;
-    if ($[0] !== _className || $[1] !== className) {
-        t1 = clsx(_className, className);
-        $[0] = _className;
-        $[1] = className;
-        $[2] = t1;
-    } else t1 = $[2];
-    let t2;
-    if ($[3] !== _style || $[4] !== style) {
-        t2 = {
-            ..._style,
-            ...style
-        };
-        $[3] = _style;
-        $[4] = style;
-        $[5] = t2;
-    } else t2 = $[5];
-    let t3;
-    if ($[6] !== t1 || $[7] !== t2) {
-        t3 = {
-            className: t1,
-            style: t2
-        };
-        $[6] = t1;
-        $[7] = t2;
-        $[8] = t3;
-    } else t3 = $[8];
-    let t4;
-    if ($[9] !== children || $[10] !== t3) {
-        t4 = /*#__PURE__*/ jsx(UnifyConfigContext.Provider, {
-            value: t3,
-            children: children
-        });
-        $[9] = children;
-        $[10] = t3;
-        $[11] = t4;
-    } else t4 = $[11];
-    return t4;
-};
-function Unify(props) {
-    const $ = c(12);
-    let className;
-    let rest;
-    let style;
-    let t0;
-    if ($[0] !== props) {
-        ({ as: t0, className, style, ...rest } = props);
-        $[0] = props;
-        $[1] = className;
-        $[2] = rest;
-        $[3] = style;
-        $[4] = t0;
-    } else {
-        className = $[1];
-        rest = $[2];
-        style = $[3];
-        t0 = $[4];
-    }
-    const as = void 0 === t0 ? "div" : t0;
-    const { className: _className, style: _style } = useContext(UnifyConfigContext);
-    let t1;
-    if ($[5] !== _className || $[6] !== _style || $[7] !== as || $[8] !== className || $[9] !== rest || $[10] !== style) {
-        t1 = /*#__PURE__*/ createElement(as, {
+    return /*#__PURE__*/ jsx(UnifyConfigContext.Provider, {
+        value: {
             className: clsx(_className, className),
             style: {
                 ..._style,
                 ...style
-            },
-            ...rest
-        });
-        $[5] = _className;
-        $[6] = _style;
-        $[7] = as;
-        $[8] = className;
-        $[9] = rest;
-        $[10] = style;
-        $[11] = t1;
-    } else t1 = $[11];
-    return t1;
+            }
+        },
+        children: children
+    });
+};
+function Unify(props) {
+    const { as = "div", className, style, ...rest } = props;
+    const { className: _className, style: _style } = useContext(UnifyConfigContext);
+    return /*#__PURE__*/ createElement(as, {
+        className: clsx(_className, className),
+        style: {
+            ..._style,
+            ...style
+        },
+        ...rest
+    });
 }
 export { Unify, UnifyConfigProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.16.15",
+  "version": "5.17.0",
   "description": "格数科技自用组件库",
   "type": "module",
   "exports": {
@@ -40,8 +40,8 @@
     "echarts": "^5.6.0",
     "hls.js": "^1.6.9",
     "smooth-scrollbar": "^8.8.4",
-    "soda-hooks": "6.14.6",
-    "deepsea-tools": "5.42.2"
+    "deepsea-tools": "5.42.2",
+    "soda-hooks": "6.15.0"
   },
   "devDependencies": {
     "typescript": "^5.9.2"