deepsea-components 5.16.4 → 5.16.6

package/dist/components/Echart.js

@@ -1,32 +1,106 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { init } from "echarts";
 import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react";
 const Echart = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { width, height, option, chart, ...rest } = props;
+    const $ = c(21);
+    let chart;
+    let height;
+    let option;
+    let rest;
+    let width;
+    if ($[0] !== props) {
+        ({ width, height, option, chart, ...rest } = props);
+        $[0] = props;
+        $[1] = chart;
+        $[2] = height;
+        $[3] = option;
+        $[4] = rest;
+        $[5] = width;
+    } else {
+        chart = $[1];
+        height = $[2];
+        option = $[3];
+        rest = $[4];
+        width = $[5];
+    }
     const container = useRef(null);
     const chartRef = useRef(null);
-    useLayoutEffect(()=>{
-        const ele = container.current;
-        chartRef.current = init(ele, option, {
-            width,
-            height
+    let t0;
+    if ($[6] !== height || $[7] !== option || $[8] !== width) {
+        t0 = ()=>{
+            const ele = container.current;
+            chartRef.current = init(ele, option, {
+                width,
+                height
+            });
+            return ()=>{
+                var _chartRef_current;
+                return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.dispose();
+            };
+        };
+        $[6] = height;
+        $[7] = option;
+        $[8] = width;
+        $[9] = t0;
+    } else t0 = $[9];
+    let t1;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = [];
+        $[10] = t1;
+    } else t1 = $[10];
+    useLayoutEffect(t0, t1);
+    let t2;
+    let t3;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = ()=>container.current;
+        t3 = [];
+        $[11] = t2;
+        $[12] = t3;
+    } else {
+        t2 = $[11];
+        t3 = $[12];
+    }
+    useImperativeHandle(ref, t2, t3);
+    let t4;
+    let t5;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = ()=>chartRef.current;
+        t5 = [];
+        $[13] = t4;
+        $[14] = t5;
+    } else {
+        t4 = $[13];
+        t5 = $[14];
+    }
+    useImperativeHandle(chart, t4, t5);
+    let t6;
+    if ($[15] !== height || $[16] !== option || $[17] !== width) {
+        t6 = ()=>{
+            var _chartRef_current, _chartRef_current1;
+            null == (_chartRef_current = chartRef.current) || _chartRef_current.setOption(option);
+            null == (_chartRef_current1 = chartRef.current) || _chartRef_current1.resize({
+                width,
+                height
+            });
+        };
+        $[15] = height;
+        $[16] = option;
+        $[17] = width;
+        $[18] = t6;
+    } else t6 = $[18];
+    useEffect(t6);
+    let t7;
+    if ($[19] !== rest) {
+        t7 = /*#__PURE__*/ jsx("div", {
+            ref: container,
+            ...rest
         });
-        return ()=>chartRef.current?.dispose();
-    }, []);
-    useImperativeHandle(ref, ()=>container.current, []);
-    useImperativeHandle(chart, ()=>chartRef.current, []);
-    useEffect(()=>{
-        chartRef.current?.setOption(option);
-        chartRef.current?.resize({
-            width,
-            height
-        });
-    });
-    return /*#__PURE__*/ jsx("div", {
-        ref: container,
-        ...rest
-    });
+        $[19] = rest;
+        $[20] = t7;
+    } else t7 = $[20];
+    return t7;
 });
 const Pie = Echart;
 const Bar = Echart;

package/dist/components/Flow.cjs

@@ -88,9 +88,9 @@ function ManualFlow(props) {
             top: y * (itemHeight + rowGap)
         };
     }
-    function getHidden(index) {
+    function getHidden(index_0) {
         if ("number" != typeof maxRows) return false;
-        return index >= maxRows * columnCount;
+        return index_0 >= maxRows * columnCount;
     }
     (0, external_react_namespaceObject.useImperativeHandle)(element, ()=>ele.current, [
         ele.current
@@ -110,7 +110,7 @@ function ManualFlow(props) {
         maxColumnGap
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        onSizeChange?.({
+        null == onSizeChange || onSizeChange({
             width,
             height,
             itemWidth,
@@ -146,7 +146,7 @@ function ManualFlow(props) {
             height: (0, index_cjs_namespaceObject.px)(height)
         }, style),
         ...rest,
-        children: data.map((item, index, arr)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        children: data.map((item, index_1, arr)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
                             position: absolute;
                             width: var(--width);
@@ -160,8 +160,8 @@ function ManualFlow(props) {
                     width: (0, index_cjs_namespaceObject.px)(itemWidth),
                     height: (0, index_cjs_namespaceObject.px)(itemHeight),
                     transition: 0 === transitionDuration ? "none" : `all ${transitionDuration || 400}ms`,
-                    left: (0, index_cjs_namespaceObject.px)(getPosition(index).left),
-                    top: (0, index_cjs_namespaceObject.px)(getPosition(index).top)
+                    left: (0, index_cjs_namespaceObject.px)(getPosition(index_1).left),
+                    top: (0, index_cjs_namespaceObject.px)(getPosition(index_1).top)
                 }, wrapperStyle),
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
@@ -170,18 +170,18 @@ function ManualFlow(props) {
                                 display: var(--display);
                             `, containerClassName),
                     style: (0, index_cjs_namespaceObject.transformCSSVariable)({
-                        display: getHidden(index) ? "none" : "block"
+                        display: getHidden(index_1) ? "none" : "block"
                     }, containerStyle),
-                    children: render(item, index, arr)
+                    children: render(item, index_1, arr)
                 })
-            }, keyExactor ? keyExactor(item, index, arr) : index))
+            }, keyExactor ? keyExactor(item, index_1, arr) : index_1))
     });
 }
 function Flow(props) {
     const { itemWidth, itemHeight, columnGap, rowGap, gap, maxRows, data, render, keyExactor, wrapperClassName, wrapperStyle, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, element, ...rest } = props;
     const ele = (0, external_react_namespaceObject.useRef)(null);
     const size = (0, external_soda_hooks_namespaceObject.useSize)(ele);
-    const width = (0, external_react_namespaceObject.useRef)(size?.width || 0);
+    const width = (0, external_react_namespaceObject.useRef)((null == size ? void 0 : size.width) || 0);
     if (size && 0 !== size.width) width.current = size.width;
     (0, external_react_namespaceObject.useImperativeHandle)(element, ()=>ele.current, [
         ele.current

package/dist/components/Flow.js

@@ -57,9 +57,9 @@ function ManualFlow(props) {
             top: y * (itemHeight + rowGap)
         };
     }
-    function getHidden(index) {
+    function getHidden(index_0) {
         if ("number" != typeof maxRows) return false;
-        return index >= maxRows * columnCount;
+        return index_0 >= maxRows * columnCount;
     }
     useImperativeHandle(element, ()=>ele.current, [
         ele.current
@@ -79,7 +79,7 @@ function ManualFlow(props) {
         maxColumnGap
     ]);
     useEffect(()=>{
-        onSizeChange?.({
+        null == onSizeChange || onSizeChange({
             width,
             height,
             itemWidth,
@@ -115,7 +115,7 @@ function ManualFlow(props) {
             height: px(height)
         }, style),
         ...rest,
-        children: data.map((item, index, arr)=>/*#__PURE__*/ jsx("div", {
+        children: data.map((item, index_1, arr)=>/*#__PURE__*/ jsx("div", {
                 className: clsx(css`
                             position: absolute;
                             width: var(--width);
@@ -129,8 +129,8 @@ function ManualFlow(props) {
                     width: px(itemWidth),
                     height: px(itemHeight),
                     transition: 0 === transitionDuration ? "none" : `all ${transitionDuration || 400}ms`,
-                    left: px(getPosition(index).left),
-                    top: px(getPosition(index).top)
+                    left: px(getPosition(index_1).left),
+                    top: px(getPosition(index_1).top)
                 }, wrapperStyle),
                 children: /*#__PURE__*/ jsx("div", {
                     className: clsx(css`
@@ -139,18 +139,18 @@ function ManualFlow(props) {
                                 display: var(--display);
                             `, containerClassName),
                     style: transformCSSVariable({
-                        display: getHidden(index) ? "none" : "block"
+                        display: getHidden(index_1) ? "none" : "block"
                     }, containerStyle),
-                    children: render(item, index, arr)
+                    children: render(item, index_1, arr)
                 })
-            }, keyExactor ? keyExactor(item, index, arr) : index))
+            }, keyExactor ? keyExactor(item, index_1, arr) : index_1))
     });
 }
 function Flow(props) {
     const { itemWidth, itemHeight, columnGap, rowGap, gap, maxRows, data, render, keyExactor, wrapperClassName, wrapperStyle, containerClassName, containerStyle, throttle, transitionDuration, onSizeChange, element, ...rest } = props;
     const ele = useRef(null);
     const size = useSize(ele);
-    const width = useRef(size?.width || 0);
+    const width = useRef((null == size ? void 0 : size.width) || 0);
     if (size && 0 !== size.width) width.current = size.width;
     useImperativeHandle(element, ()=>ele.current, [
         ele.current

package/dist/components/FormLabel.cjs

@@ -30,39 +30,104 @@ __webpack_require__.d(__webpack_exports__, {
     FormLabelConfigContext: ()=>FormLabelConfigContext
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const FormLabelConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
-const FormLabelConfigProvider = ({ width, before, children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormLabelConfigContext.Provider, {
-        value: {
+const FormLabelConfigProvider = (t0)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(6);
+    const { width, before, children } = t0;
+    let t1;
+    if ($[0] !== before || $[1] !== width) {
+        t1 = {
             width,
             before
-        },
-        children: children
-    });
+        };
+        $[0] = before;
+        $[1] = width;
+        $[2] = t1;
+    } else t1 = $[2];
+    let t2;
+    if ($[3] !== children || $[4] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormLabelConfigContext.Provider, {
+            value: t1,
+            children: children
+        });
+        $[3] = children;
+        $[4] = t1;
+        $[5] = t2;
+    } else t2 = $[5];
+    return t2;
+};
 const FormLabel = (props)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(16);
     const { width: _width, before: _before } = (0, external_react_namespaceObject.useContext)(FormLabelConfigContext);
-    const { style, width = _width, before = _before, ...rest } = props;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
-        children: [
-            !!before && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                style: {
-                    width: 11,
-                    color: "transparent",
-                    userSelect: "none"
-                },
-                children: "\u2002"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                style: {
-                    width,
-                    textAlign: "justify",
-                    textAlignLast: "justify",
-                    ...style
-                },
-                ...rest
-            })
-        ]
-    });
+    let rest;
+    let style;
+    let t0;
+    let t1;
+    if ($[0] !== props) {
+        ({ style, width: t0, before: t1, ...rest } = props);
+        $[0] = props;
+        $[1] = rest;
+        $[2] = style;
+        $[3] = t0;
+        $[4] = t1;
+    } else {
+        rest = $[1];
+        style = $[2];
+        t0 = $[3];
+        t1 = $[4];
+    }
+    const width = void 0 === t0 ? _width : t0;
+    const before = void 0 === t1 ? _before : t1;
+    let t2;
+    if ($[5] !== before) {
+        t2 = !!before && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                width: 11,
+                color: "transparent",
+                userSelect: "none"
+            },
+            children: "\u2002"
+        });
+        $[5] = before;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== style || $[8] !== width) {
+        t3 = {
+            width,
+            textAlign: "justify",
+            textAlignLast: "justify",
+            ...style
+        };
+        $[7] = style;
+        $[8] = width;
+        $[9] = t3;
+    } else t3 = $[9];
+    let t4;
+    if ($[10] !== rest || $[11] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: t3,
+            ...rest
+        });
+        $[10] = rest;
+        $[11] = t3;
+        $[12] = t4;
+    } else t4 = $[12];
+    let t5;
+    if ($[13] !== t2 || $[14] !== t4) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+            children: [
+                t2,
+                t4
+            ]
+        });
+        $[13] = t2;
+        $[14] = t4;
+        $[15] = t5;
+    } else t5 = $[15];
+    return t5;
 };
 exports.FormLabel = __webpack_exports__.FormLabel;
 exports.FormLabelConfigContext = __webpack_exports__.FormLabelConfigContext;

package/dist/components/FormLabel.js

@@ -1,37 +1,102 @@
 "use client"
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Fragment, createContext, useContext } from "react";
 const FormLabelConfigContext = /*#__PURE__*/ createContext({});
-const FormLabelConfigProvider = ({ width, before, children })=>/*#__PURE__*/ jsx(FormLabelConfigContext.Provider, {
-        value: {
+const FormLabelConfigProvider = (t0)=>{
+    const $ = c(6);
+    const { width, before, children } = t0;
+    let t1;
+    if ($[0] !== before || $[1] !== width) {
+        t1 = {
             width,
             before
-        },
-        children: children
-    });
+        };
+        $[0] = before;
+        $[1] = width;
+        $[2] = t1;
+    } else t1 = $[2];
+    let t2;
+    if ($[3] !== children || $[4] !== t1) {
+        t2 = /*#__PURE__*/ jsx(FormLabelConfigContext.Provider, {
+            value: t1,
+            children: children
+        });
+        $[3] = children;
+        $[4] = t1;
+        $[5] = t2;
+    } else t2 = $[5];
+    return t2;
+};
 const FormLabel = (props)=>{
+    const $ = c(16);
     const { width: _width, before: _before } = useContext(FormLabelConfigContext);
-    const { style, width = _width, before = _before, ...rest } = props;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            !!before && /*#__PURE__*/ jsx("div", {
-                style: {
-                    width: 11,
-                    color: "transparent",
-                    userSelect: "none"
-                },
-                children: "\u2002"
-            }),
-            /*#__PURE__*/ jsx("div", {
-                style: {
-                    width,
-                    textAlign: "justify",
-                    textAlignLast: "justify",
-                    ...style
-                },
-                ...rest
-            })
-        ]
-    });
+    let rest;
+    let style;
+    let t0;
+    let t1;
+    if ($[0] !== props) {
+        ({ style, width: t0, before: t1, ...rest } = props);
+        $[0] = props;
+        $[1] = rest;
+        $[2] = style;
+        $[3] = t0;
+        $[4] = t1;
+    } else {
+        rest = $[1];
+        style = $[2];
+        t0 = $[3];
+        t1 = $[4];
+    }
+    const width = void 0 === t0 ? _width : t0;
+    const before = void 0 === t1 ? _before : t1;
+    let t2;
+    if ($[5] !== before) {
+        t2 = !!before && /*#__PURE__*/ jsx("div", {
+            style: {
+                width: 11,
+                color: "transparent",
+                userSelect: "none"
+            },
+            children: "\u2002"
+        });
+        $[5] = before;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== style || $[8] !== width) {
+        t3 = {
+            width,
+            textAlign: "justify",
+            textAlignLast: "justify",
+            ...style
+        };
+        $[7] = style;
+        $[8] = width;
+        $[9] = t3;
+    } else t3 = $[9];
+    let t4;
+    if ($[10] !== rest || $[11] !== t3) {
+        t4 = /*#__PURE__*/ jsx("div", {
+            style: t3,
+            ...rest
+        });
+        $[10] = rest;
+        $[11] = t3;
+        $[12] = t4;
+    } else t4 = $[12];
+    let t5;
+    if ($[13] !== t2 || $[14] !== t4) {
+        t5 = /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                t2,
+                t4
+            ]
+        });
+        $[13] = t2;
+        $[14] = t4;
+        $[15] = t5;
+    } else t5 = $[15];
+    return t5;
 };
 export { FormLabel, FormLabelConfigContext, FormLabelConfigProvider };

package/dist/components/HlsPlayer.cjs

@@ -37,35 +37,76 @@ __webpack_require__.d(__webpack_exports__, {
     HlsPlayer: ()=>HlsPlayer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_hls_js_namespaceObject = require("hls.js");
 var external_hls_js_default = /*#__PURE__*/ __webpack_require__.n(external_hls_js_namespaceObject);
 const external_react_namespaceObject = require("react");
 const HlsPlayer = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const { src, ...rest } = props;
+    const $ = (0, compiler_runtime_namespaceObject.c)(10);
+    let rest;
+    let src;
+    if ($[0] !== props) {
+        ({ src, ...rest } = props);
+        $[0] = props;
+        $[1] = rest;
+        $[2] = src;
+    } else {
+        rest = $[1];
+        src = $[2];
+    }
     const video = (0, external_react_namespaceObject.useRef)(null);
-    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>video.current, []);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        const { current: player } = video;
-        if (!player || !src) return;
-        if (player.canPlayType("application/vnd.apple.mpegurl")) {
-            player.src = src;
-            return;
-        }
-        if (external_hls_js_default().isSupported()) {
-            const hls = new (external_hls_js_default())();
-            hls.loadSource(src);
-            hls.attachMedia(player);
-            return ()=>{
-                hls.destroy();
-            };
-        }
-    }, [
-        src
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("video", {
-        ref: video,
-        ...rest
-    });
+    let t0;
+    let t1;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = ()=>video.current;
+        t1 = [];
+        $[3] = t0;
+        $[4] = t1;
+    } else {
+        t0 = $[3];
+        t1 = $[4];
+    }
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, t0, t1);
+    let t2;
+    let t3;
+    if ($[5] !== src) {
+        t2 = ()=>{
+            const { current: player } = video;
+            if (!player || !src) return;
+            if (player.canPlayType("application/vnd.apple.mpegurl")) {
+                player.src = src;
+                return;
+            }
+            if (external_hls_js_default().isSupported()) {
+                const hls = new (external_hls_js_default())();
+                hls.loadSource(src);
+                hls.attachMedia(player);
+                return ()=>{
+                    hls.destroy();
+                };
+            }
+        };
+        t3 = [
+            src
+        ];
+        $[5] = src;
+        $[6] = t2;
+        $[7] = t3;
+    } else {
+        t2 = $[6];
+        t3 = $[7];
+    }
+    (0, external_react_namespaceObject.useEffect)(t2, t3);
+    let t4;
+    if ($[8] !== rest) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("video", {
+            ref: video,
+            ...rest
+        });
+        $[8] = rest;
+        $[9] = t4;
+    } else t4 = $[9];
+    return t4;
 });
 exports.HlsPlayer = __webpack_exports__.HlsPlayer;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [