deepsea-components 5.11.5 → 5.12.0

package/dist/components/TransitionNum.cjs

@@ -0,0 +1,83 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    TransitionNum: ()=>TransitionNum
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const TransitionNum = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
+    const { children: num, period, numToStr, ins, ...rest } = props;
+    if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) throw new RangeError("目标数字必须是整数，周期必须是正整数");
+    const ele = (0, external_react_namespaceObject.useRef)(null);
+    const cache = (0, external_react_namespaceObject.useRef)({
+        num,
+        period,
+        numToStr,
+        show: num
+    });
+    cache.current = {
+        ...cache.current,
+        num,
+        period,
+        numToStr
+    };
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>ele.current, []);
+    (0, external_react_namespaceObject.useImperativeHandle)(ins, ()=>({
+            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 div = ele.current;
+        const speed = (num - show) / period;
+        const cancel = (0, external_deepsea_tools_namespaceObject.setFrameInterval)(()=>{
+            const { num, numToStr } = cache.current;
+            cache.current.show += speed;
+            if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
+                cancel();
+                cache.current.show = num;
+            }
+            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+        }, 1);
+        return cancel;
+    }, [
+        num
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ele,
+        ...rest
+    });
+});
+exports.TransitionNum = __webpack_exports__.TransitionNum;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "TransitionNum"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/TransitionNum.js

@@ -0,0 +1,49 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+const TransitionNum = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+    const { children: num, period, numToStr, ins, ...rest } = props;
+    if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) throw new RangeError("目标数字必须是整数，周期必须是正整数");
+    const ele = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const cache = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)({
+        num,
+        period,
+        numToStr,
+        show: num
+    });
+    cache.current = {
+        ...cache.current,
+        num,
+        period,
+        numToStr
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>ele.current, []);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ins, ()=>({
+            get: ()=>cache.current.show
+        }), []);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const { num, period, show, numToStr } = cache.current;
+        ele.current.innerText = (numToStr || String)(show);
+        if (num === show) return;
+        const div = ele.current;
+        const speed = (num - show) / period;
+        const cancel = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.setFrameInterval)(()=>{
+            const { num, numToStr } = cache.current;
+            cache.current.show += speed;
+            if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
+                cancel();
+                cache.current.show = num;
+            }
+            div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
+        }, 1);
+        return cancel;
+    }, [
+        num
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ele,
+        ...rest
+    });
+});
+export { TransitionNum };

package/dist/components/Trapezium.cjs

@@ -0,0 +1,67 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Trapezium: ()=>Trapezium
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const css_namespaceObject = require("@emotion/css");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+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 diff = (bottom - top) / 2;
+    const a = Math.atan(height / diff) / 2;
+    const b = borderRadius / Math.tan(a);
+    const c = b * Math.cos(2 * a);
+    const d = b * Math.sin(2 * a);
+    const e = Math.PI / 2 - a;
+    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)`
+                    width: var(--width);
+                    height: var(--height);
+                    clip-path: var(--clip-path);
+                `, 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),
+        ...rest
+    });
+});
+exports.Trapezium = __webpack_exports__.Trapezium;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Trapezium"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/Trapezium.js

@@ -0,0 +1,33 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
+const Trapezium = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+    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);
+    const c = b * Math.cos(2 * a);
+    const d = b * Math.sin(2 * a);
+    const e = Math.PI / 2 - a;
+    const f = borderRadius / Math.tan(e);
+    const g = f * Math.cos(2 * a);
+    const h = f * Math.sin(2 * a);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        ref: ref,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                    width: var(--width);
+                    height: var(--height);
+                    clip-path: var(--clip-path);
+                `, className),
+        style: (0, __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__.transformCSSVariable)({
+            width: (0, __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__.px)(bottom),
+            height: (0, __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__.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
+    });
+});
+export { Trapezium };

package/dist/components/Unify.cjs

@@ -0,0 +1,68 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Unify: ()=>Unify,
+    UnifyConfigProvider: ()=>UnifyConfigProvider
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const UnifyConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
+const UnifyConfigProvider = ({ className, style, children })=>{
+    const { className: _className, style: _style } = (0, external_react_namespaceObject.useContext)(UnifyConfigContext);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(UnifyConfigContext.Provider, {
+        value: {
+            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
+    });
+}
+exports.Unify = __webpack_exports__.Unify;
+exports.UnifyConfigProvider = __webpack_exports__.UnifyConfigProvider;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Unify",
+    "UnifyConfigProvider"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/Unify.js

@@ -0,0 +1,31 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+const UnifyConfigContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
+const UnifyConfigProvider = ({ className, style, children })=>{
+    const { className: _className, style: _style } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(UnifyConfigContext);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(UnifyConfigContext.Provider, {
+        value: {
+            className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)(_className, className),
+            style: {
+                ..._style,
+                ...style
+            }
+        },
+        children: children
+    });
+};
+function Unify(props) {
+    const { as = "div", className, style, ...rest } = props;
+    const { className: _className, style: _style } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(UnifyConfigContext);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(as, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)(_className, className),
+        style: {
+            ..._style,
+            ...style
+        },
+        ...rest
+    });
+}
+export { Unify, UnifyConfigProvider };

package/dist/components/WriteExcel.cjs

@@ -0,0 +1,50 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    WriteExcel: ()=>WriteExcel
+});
+const external_react_namespaceObject = require("react");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+function WriteExcel(props) {
+    const { as, excel, onClick: _onClick, ...rest } = props;
+    function onClick(e) {
+        _onClick?.(e);
+        if (!excel) return;
+        (0, external_deepsea_tools_namespaceObject.writeExcel)(excel);
+    }
+    return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(as ?? "button", {
+        onClick,
+        ...rest
+    });
+}
+exports.WriteExcel = __webpack_exports__.WriteExcel;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "WriteExcel"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/WriteExcel.js

@@ -0,0 +1,16 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+function WriteExcel(props) {
+    const { as, excel, onClick: _onClick, ...rest } = props;
+    function onClick(e) {
+        _onClick?.(e);
+        if (!excel) return;
+        (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.writeExcel)(excel);
+    }
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(as ?? "button", {
+        onClick,
+        ...rest
+    });
+}
+export { WriteExcel };