deepsea-components 5.16.4 → 5.16.6

package/dist/components/TransitionBox.js

@@ -1,45 +1,135 @@
 "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 { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props;
+    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 container = useRef(null);
     const size = useSize(container);
-    const width = size?.width ?? 0;
-    const height = size?.height ?? 0;
+    const width = (null == size ? void 0 : size.width) ?? 0;
+    const height = (null == size ? void 0 : size.height) ?? 0;
     const [count, setCount] = useState(0);
-    useEffect(()=>{
-        setCount((count)=>Math.min(count + 1, 3));
-    }, [
-        width,
-        height
-    ]);
-    const outerStyle = {
-        transitionProperty: 3 === count ? [
+    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 ? [
             horizontal && "width",
             vertical && "height"
-        ].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", {
+        ].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", {
             className: containerClassName,
-            style: {
-                position: "absolute",
-                ...containerStyle
-            },
+            style: t8,
             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, period, show, numToStr } = cache.current;
-        ele.current.innerText = (numToStr || String)(show);
-        if (num === show) return;
+        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 div = ele.current;
-        const speed = (num - show) / period;
+        const speed = (num_0 - show) / period_0;
         const cancel = (0, external_deepsea_tools_namespaceObject.setFrameInterval)(()=>{
-            const { num, numToStr } = cache.current;
+            const { num: num_1, numToStr: numToStr_1 } = cache.current;
             cache.current.show += speed;
-            if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
+            if (speed > 0 && cache.current.show > num_1 || speed < 0 && cache.current.show < num_1) {
                 cancel();
-                cache.current.show = num;
+                cache.current.show = num_1;
             }
-            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+            div.innerText = (numToStr_1 || 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, period, show, numToStr } = cache.current;
-        ele.current.innerText = (numToStr || String)(show);
-        if (num === show) return;
+        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 div = ele.current;
-        const speed = (num - show) / period;
+        const speed = (num_0 - show) / period_0;
         const cancel = setFrameInterval(()=>{
-            const { num, numToStr } = cache.current;
+            const { num: num_1, numToStr: numToStr_1 } = cache.current;
             cache.current.show += speed;
-            if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
+            if (speed > 0 && cache.current.show > num_1 || speed < 0 && cache.current.show < num_1) {
                 cancel();
-                cache.current.show = num;
+                cache.current.show = num_1;
             }
-            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+            div.innerText = (numToStr_1 || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
         }, 1);
         return cancel;
     }, [

package/dist/components/Trapezium.cjs

@@ -28,12 +28,39 @@ __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 { top, bottom, height, borderRadius, className, style, ...rest } = props;
+    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 diff = (bottom - top) / 2;
     const a = Math.atan(height / diff) / 2;
     const b = borderRadius / Math.tan(a);
@@ -43,20 +70,52 @@ 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);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+    let t0;
+    if ($[8] !== className) {
+        t0 = (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
                     width: var(--width);
                     height: var(--height);
                     clip-path: var(--clip-path);
-                `, className),
-        style: (0, index_cjs_namespaceObject.transformCSSVariable)({
+                `, 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)({
             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),
-        ...rest
-    });
+        }, 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;
 });
 exports.Trapezium = __webpack_exports__.Trapezium;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/Trapezium.js

@@ -1,11 +1,38 @@
 "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 { top, bottom, height, borderRadius, className, style, ...rest } = props;
+    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 diff = (bottom - top) / 2;
     const a = Math.atan(height / diff) / 2;
     const b = borderRadius / Math.tan(a);
@@ -15,19 +42,51 @@ 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);
-    return /*#__PURE__*/ jsx("div", {
-        ref: ref,
-        className: clsx(css`
+    let t0;
+    if ($[8] !== className) {
+        t0 = clsx(css`
                     width: var(--width);
                     height: var(--height);
                     clip-path: var(--clip-path);
-                `, className),
-        style: transformCSSVariable({
+                `, 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({
             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),
-        ...rest
-    });
+        }, 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;
 });
 export { Trapezium };

package/dist/components/Unify.cjs

@@ -29,33 +29,93 @@ __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 = ({ className, style, children })=>{
+const UnifyConfigProvider = (t0)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(12);
+    const { className, style, children } = t0;
     const { className: _className, style: _style } = (0, external_react_namespaceObject.useContext)(UnifyConfigContext);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(UnifyConfigContext.Provider, {
-        value: {
+    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, {
             className: (0, external_deepsea_tools_namespaceObject.clsx)(_className, className),
             style: {
                 ..._style,
                 ...style
-            }
-        },
-        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
-    });
+            },
+            ...rest
+        });
+        $[5] = _className;
+        $[6] = _style;
+        $[7] = as;
+        $[8] = className;
+        $[9] = rest;
+        $[10] = style;
+        $[11] = t1;
+    } else t1 = $[11];
+    return t1;
 }
 exports.Unify = __webpack_exports__.Unify;
 exports.UnifyConfigProvider = __webpack_exports__.UnifyConfigProvider;

package/dist/components/Unify.js

@@ -1,31 +1,91 @@
 "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 = ({ className, style, children })=>{
+const UnifyConfigProvider = (t0)=>{
+    const $ = c(12);
+    const { className, style, children } = t0;
     const { className: _className, style: _style } = useContext(UnifyConfigContext);
-    return /*#__PURE__*/ jsx(UnifyConfigContext.Provider, {
-        value: {
+    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, {
             className: clsx(_className, className),
             style: {
                 ..._style,
                 ...style
-            }
-        },
-        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
-    });
+            },
+            ...rest
+        });
+        $[5] = _className;
+        $[6] = _style;
+        $[7] = as;
+        $[8] = className;
+        $[9] = rest;
+        $[10] = style;
+        $[11] = t1;
+    } else t1 = $[11];
+    return t1;
 }
 export { Unify, UnifyConfigProvider };

package/dist/components/WriteSheet.cjs

@@ -32,7 +32,7 @@ const external_react_namespaceObject = require("react");
 function WriteSheet(props) {
     const { as, excel, onClick: _onClick, ...rest } = props;
     function onClick(e) {
-        _onClick?.(e);
+        null == _onClick || _onClick(e);
         if (!excel) return;
         (0, external_deepsea_tools_namespaceObject.writeSheet)(excel);
     }

package/dist/components/WriteSheet.js

@@ -4,7 +4,7 @@ import { createElement } from "react";
 function WriteSheet(props) {
     const { as, excel, onClick: _onClick, ...rest } = props;
     function onClick(e) {
-        _onClick?.(e);
+        null == _onClick || _onClick(e);
         if (!excel) return;
         writeSheet(excel);
     }