deepsea-components 5.11.6 → 5.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AutoFit.cjs +116 -0
- package/dist/components/AutoFit.js +82 -0
- package/dist/components/AutoScroll.cjs +125 -0
- package/dist/components/AutoScroll.js +91 -0
- package/dist/components/AutoSizeTextarea.cjs +73 -0
- package/dist/components/AutoSizeTextarea.js +39 -0
- package/dist/components/CircleText.cjs +68 -0
- package/dist/components/CircleText.js +34 -0
- package/dist/components/CopyButton.cjs +73 -0
- package/dist/{cjs/components → components}/CopyButton.d.ts +3 -3
- package/dist/components/CopyButton.js +27 -0
- package/dist/components/Echart.cjs +74 -0
- package/dist/components/Echart.js +34 -0
- package/dist/components/Flow.cjs +211 -0
- package/dist/components/Flow.js +168 -0
- package/dist/components/FormLabel.cjs +77 -0
- package/dist/components/FormLabel.js +37 -0
- package/dist/components/HlsPlayer.cjs +76 -0
- package/dist/components/HlsPlayer.js +32 -0
- package/dist/components/InfiniteScroll.cjs +135 -0
- package/dist/{cjs/components → components}/InfiniteScroll.d.ts +7 -7
- package/dist/components/InfiniteScroll.js +101 -0
- package/dist/components/InputFile.cjs +102 -0
- package/dist/components/InputFile.js +65 -0
- package/dist/components/InputFileButton.cjs +109 -0
- package/dist/components/InputFileButton.js +75 -0
- package/dist/components/LoopSwiper.cjs +147 -0
- package/dist/components/LoopSwiper.js +113 -0
- package/dist/components/ReadExcel.cjs +48 -0
- package/dist/components/ReadExcel.js +14 -0
- package/dist/components/Ring.cjs +53 -0
- package/dist/components/Ring.js +19 -0
- package/dist/components/Scroll.cjs +143 -0
- package/dist/components/Scroll.js +54 -0
- package/dist/components/SectionRing.cjs +59 -0
- package/dist/components/SectionRing.js +25 -0
- package/dist/components/Skeleton.cjs +66 -0
- package/dist/components/Skeleton.js +32 -0
- package/dist/components/Title.cjs +61 -0
- package/dist/components/Title.js +27 -0
- package/dist/components/TransitionBox.cjs +79 -0
- package/dist/components/TransitionBox.js +45 -0
- package/dist/components/TransitionNum.cjs +83 -0
- package/dist/components/TransitionNum.js +49 -0
- package/dist/components/Trapezium.cjs +67 -0
- package/dist/components/Trapezium.js +33 -0
- package/dist/components/Unify.cjs +68 -0
- package/dist/components/Unify.js +31 -0
- package/dist/components/WriteExcel.cjs +50 -0
- package/dist/components/WriteExcel.js +16 -0
- package/dist/index.cjs +285 -0
- package/dist/index.js +26 -0
- package/dist/utils/getReactVersion.cjs +40 -0
- package/dist/utils/getReactVersion.js +6 -0
- package/dist/utils/index.cjs +57 -0
- package/dist/utils/index.js +17 -0
- package/package.json +26 -17
- package/src/components/WriteExcel.tsx +25 -25
- package/tsconfig.json +16 -0
- package/dist/cjs/components/AutoFit.js +0 -106
- package/dist/cjs/components/AutoFit.js.map +0 -7
- package/dist/cjs/components/AutoScroll.js +0 -127
- package/dist/cjs/components/AutoScroll.js.map +0 -7
- package/dist/cjs/components/AutoSizeTextarea.js +0 -70
- package/dist/cjs/components/AutoSizeTextarea.js.map +0 -7
- package/dist/cjs/components/CircleText.js +0 -77
- package/dist/cjs/components/CircleText.js.map +0 -7
- package/dist/cjs/components/CopyButton.js +0 -60
- package/dist/cjs/components/CopyButton.js.map +0 -7
- package/dist/cjs/components/Echart.js +0 -56
- package/dist/cjs/components/Echart.js.map +0 -7
- package/dist/cjs/components/Flow.js +0 -220
- package/dist/cjs/components/Flow.js.map +0 -7
- package/dist/cjs/components/FormLabel.js +0 -42
- package/dist/cjs/components/FormLabel.js.map +0 -7
- package/dist/cjs/components/HlsPlayer.js +0 -65
- package/dist/cjs/components/HlsPlayer.js.map +0 -7
- package/dist/cjs/components/InfiniteScroll.js +0 -148
- package/dist/cjs/components/InfiniteScroll.js.map +0 -7
- package/dist/cjs/components/InputFile.js +0 -90
- package/dist/cjs/components/InputFile.js.map +0 -7
- package/dist/cjs/components/InputFileButton.js +0 -113
- package/dist/cjs/components/InputFileButton.js.map +0 -7
- package/dist/cjs/components/LoopSwiper.js +0 -137
- package/dist/cjs/components/LoopSwiper.js.map +0 -7
- package/dist/cjs/components/ReadExcel.js +0 -36
- package/dist/cjs/components/ReadExcel.js.map +0 -7
- package/dist/cjs/components/Ring.js +0 -49
- package/dist/cjs/components/Ring.js.map +0 -7
- package/dist/cjs/components/Scroll.js +0 -103
- package/dist/cjs/components/Scroll.js.map +0 -7
- package/dist/cjs/components/SectionRing.js +0 -54
- package/dist/cjs/components/SectionRing.js.map +0 -7
- package/dist/cjs/components/Skeleton.js +0 -66
- package/dist/cjs/components/Skeleton.js.map +0 -7
- package/dist/cjs/components/Title.js +0 -48
- package/dist/cjs/components/Title.js.map +0 -7
- package/dist/cjs/components/TransitionBox.js +0 -53
- package/dist/cjs/components/TransitionBox.js.map +0 -7
- package/dist/cjs/components/TransitionNum.js +0 -62
- package/dist/cjs/components/TransitionNum.js.map +0 -7
- package/dist/cjs/components/Trapezium.js +0 -69
- package/dist/cjs/components/Trapezium.js.map +0 -7
- package/dist/cjs/components/Unify.js +0 -48
- package/dist/cjs/components/Unify.js.map +0 -7
- package/dist/cjs/components/WriteExcel.js +0 -45
- package/dist/cjs/components/WriteExcel.js.map +0 -7
- package/dist/cjs/index.js +0 -74
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/utils/getReactVersion.js +0 -34
- package/dist/cjs/utils/getReactVersion.js.map +0 -7
- package/dist/cjs/utils/index.js +0 -52
- package/dist/cjs/utils/index.js.map +0 -7
- package/dist/esm/components/AutoFit.d.ts +0 -25
- package/dist/esm/components/AutoFit.js +0 -97
- package/dist/esm/components/AutoFit.js.map +0 -1
- package/dist/esm/components/AutoScroll.d.ts +0 -38
- package/dist/esm/components/AutoScroll.js +0 -102
- package/dist/esm/components/AutoScroll.js.map +0 -1
- package/dist/esm/components/AutoSizeTextarea.d.ts +0 -5
- package/dist/esm/components/AutoSizeTextarea.js +0 -48
- package/dist/esm/components/AutoSizeTextarea.js.map +0 -1
- package/dist/esm/components/CircleText.d.ts +0 -25
- package/dist/esm/components/CircleText.js +0 -49
- package/dist/esm/components/CircleText.js.map +0 -1
- package/dist/esm/components/CopyButton.d.ts +0 -13
- package/dist/esm/components/CopyButton.js +0 -31
- package/dist/esm/components/CopyButton.js.map +0 -1
- package/dist/esm/components/Echart.d.ts +0 -15
- package/dist/esm/components/Echart.js +0 -41
- package/dist/esm/components/Echart.js.map +0 -1
- package/dist/esm/components/Flow.d.ts +0 -86
- package/dist/esm/components/Flow.js +0 -186
- package/dist/esm/components/Flow.js.map +0 -1
- package/dist/esm/components/FormLabel.d.ts +0 -22
- package/dist/esm/components/FormLabel.js +0 -52
- package/dist/esm/components/FormLabel.js.map +0 -1
- package/dist/esm/components/HlsPlayer.d.ts +0 -5
- package/dist/esm/components/HlsPlayer.js +0 -36
- package/dist/esm/components/HlsPlayer.js.map +0 -1
- package/dist/esm/components/InfiniteScroll.d.ts +0 -54
- package/dist/esm/components/InfiniteScroll.js +0 -102
- package/dist/esm/components/InfiniteScroll.js.map +0 -1
- package/dist/esm/components/InputFile.d.ts +0 -26
- package/dist/esm/components/InputFile.js +0 -78
- package/dist/esm/components/InputFile.js.map +0 -1
- package/dist/esm/components/InputFileButton.d.ts +0 -11
- package/dist/esm/components/InputFileButton.js +0 -95
- package/dist/esm/components/InputFileButton.js.map +0 -1
- package/dist/esm/components/LoopSwiper.d.ts +0 -9
- package/dist/esm/components/LoopSwiper.js +0 -122
- package/dist/esm/components/LoopSwiper.js.map +0 -1
- package/dist/esm/components/ReadExcel.d.ts +0 -8
- package/dist/esm/components/ReadExcel.js +0 -19
- package/dist/esm/components/ReadExcel.js.map +0 -1
- package/dist/esm/components/Ring.d.ts +0 -7
- package/dist/esm/components/Ring.js +0 -26
- package/dist/esm/components/Ring.js.map +0 -1
- package/dist/esm/components/Scroll.d.ts +0 -24
- package/dist/esm/components/Scroll.js +0 -67
- package/dist/esm/components/Scroll.js.map +0 -1
- package/dist/esm/components/SectionRing.d.ts +0 -8
- package/dist/esm/components/SectionRing.js +0 -33
- package/dist/esm/components/SectionRing.js.map +0 -1
- package/dist/esm/components/Skeleton.d.ts +0 -5
- package/dist/esm/components/Skeleton.js +0 -38
- package/dist/esm/components/Skeleton.js.map +0 -1
- package/dist/esm/components/Title.d.ts +0 -3
- package/dist/esm/components/Title.js +0 -26
- package/dist/esm/components/Title.js.map +0 -1
- package/dist/esm/components/TransitionBox.d.ts +0 -10
- package/dist/esm/components/TransitionBox.js +0 -50
- package/dist/esm/components/TransitionBox.js.map +0 -1
- package/dist/esm/components/TransitionNum.d.ts +0 -16
- package/dist/esm/components/TransitionNum.js +0 -65
- package/dist/esm/components/TransitionNum.js.map +0 -1
- package/dist/esm/components/Trapezium.d.ts +0 -9
- package/dist/esm/components/Trapezium.js +0 -43
- package/dist/esm/components/Trapezium.js.map +0 -1
- package/dist/esm/components/Unify.d.ts +0 -13
- package/dist/esm/components/Unify.js +0 -47
- package/dist/esm/components/Unify.js.map +0 -1
- package/dist/esm/components/WriteExcel.d.ts +0 -8
- package/dist/esm/components/WriteExcel.js +0 -23
- package/dist/esm/components/WriteExcel.js.map +0 -1
- package/dist/esm/index.d.ts +0 -26
- package/dist/esm/index.js +0 -27
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/utils/getReactVersion.d.ts +0 -1
- package/dist/esm/utils/getReactVersion.js +0 -6
- package/dist/esm/utils/getReactVersion.js.map +0 -1
- package/dist/esm/utils/index.d.ts +0 -9
- package/dist/esm/utils/index.js +0 -17
- package/dist/esm/utils/index.js.map +0 -1
- /package/dist/{cjs/components → components}/AutoFit.d.ts +0 -0
- /package/dist/{cjs/components → components}/AutoScroll.d.ts +0 -0
- /package/dist/{cjs/components → components}/AutoSizeTextarea.d.ts +0 -0
- /package/dist/{cjs/components → components}/CircleText.d.ts +0 -0
- /package/dist/{cjs/components → components}/Echart.d.ts +0 -0
- /package/dist/{cjs/components → components}/Flow.d.ts +0 -0
- /package/dist/{cjs/components → components}/FormLabel.d.ts +0 -0
- /package/dist/{cjs/components → components}/HlsPlayer.d.ts +0 -0
- /package/dist/{cjs/components → components}/InputFile.d.ts +0 -0
- /package/dist/{cjs/components → components}/InputFileButton.d.ts +0 -0
- /package/dist/{cjs/components → components}/LoopSwiper.d.ts +0 -0
- /package/dist/{cjs/components → components}/ReadExcel.d.ts +0 -0
- /package/dist/{cjs/components → components}/Ring.d.ts +0 -0
- /package/dist/{cjs/components → components}/Scroll.d.ts +0 -0
- /package/dist/{cjs/components → components}/SectionRing.d.ts +0 -0
- /package/dist/{cjs/components → components}/Skeleton.d.ts +0 -0
- /package/dist/{cjs/components → components}/Title.d.ts +0 -0
- /package/dist/{cjs/components → components}/TransitionBox.d.ts +0 -0
- /package/dist/{cjs/components → components}/TransitionNum.d.ts +0 -0
- /package/dist/{cjs/components → components}/Trapezium.d.ts +0 -0
- /package/dist/{cjs/components → components}/Unify.d.ts +0 -0
- /package/dist/{cjs/components → components}/WriteExcel.d.ts +0 -0
- /package/dist/{cjs/index.d.ts → index.d.ts} +0 -0
- /package/dist/{cjs/utils → utils}/getReactVersion.d.ts +0 -0
- /package/dist/{cjs/utils → utils}/index.d.ts +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Skeleton.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport { HTMLAttributes, forwardRef } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n loading?: boolean\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>((props, ref) => {\n const { className, children, loading = children === undefined || children === null, ...rest } = props\n\n return (\n <div\n ref={ref}\n className={clsx(\n css`\n @keyframes shimmer {\n 0% {\n background-position: -400px 0px;\n }\n 100% {\n background-position: 400px 0px;\n }\n }\n `,\n loading &&\n css`\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.067) 8%, rgba(0, 0, 0, 0.133) 18%, rgba(0, 0, 0, 0.067) 33%);\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: shimmer;\n animation-timing-function: linear;\n background-size: 800px 104px;\n `,\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n )\n})\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2C;AAC3C,iBAAoB;AACpB,2BAAqB;AAMd,IAAM,eAAW,yBAA0C,CAAC,OAAO,QAAQ;AAC9E,QAAM,EAAE,WAAW,UAAU,UAAU,aAAa,UAAa,aAAa,MAAM,GAAG,KAAK,IAAI;AAEhG,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUA,WACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASJ;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACL;AAER,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Title.tsx
|
|
21
|
-
var Title_exports = {};
|
|
22
|
-
__export(Title_exports, {
|
|
23
|
-
Title: () => Title
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(Title_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_react_dom = require("react-dom");
|
|
28
|
-
var import_deepsea_tools = require("deepsea-tools");
|
|
29
|
-
var import_getReactVersion = require("../utils/getReactVersion");
|
|
30
|
-
var [major] = (0, import_getReactVersion.getReactVersion)();
|
|
31
|
-
var Title = (0, import_react.forwardRef)((props, ref) => {
|
|
32
|
-
if (major >= 19)
|
|
33
|
-
return /* @__PURE__ */ React.createElement("title", { ref, ...props });
|
|
34
|
-
const ele = (0, import_react.useRef)(null);
|
|
35
|
-
(0, import_react.useImperativeHandle)(ref, () => ele.current, [ele.current]);
|
|
36
|
-
(0, import_react.useLayoutEffect)(() => {
|
|
37
|
-
const title = document.head.querySelector("title");
|
|
38
|
-
if (title === ele.current)
|
|
39
|
-
return;
|
|
40
|
-
document.head.insertBefore(ele.current, title);
|
|
41
|
-
}, []);
|
|
42
|
-
return import_deepsea_tools.isBrowser && (0, import_react_dom.createPortal)(/* @__PURE__ */ React.createElement("title", { ref: ele, ...props }), document.head);
|
|
43
|
-
});
|
|
44
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
45
|
-
0 && (module.exports = {
|
|
46
|
-
Title
|
|
47
|
-
});
|
|
48
|
-
//# sourceMappingURL=Title.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Title.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport { ComponentPropsWithoutRef, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { isBrowser } from \"deepsea-tools\"\n\nimport { getReactVersion } from \"@/utils/getReactVersion\"\n\nexport type TitleProps = ComponentPropsWithoutRef<\"title\">\n\nconst [major] = getReactVersion()\n\nexport const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {\n if (major >= 19) return <title ref={ref} {...props} />\n\n const ele = useRef<HTMLTitleElement>(null)\n\n useImperativeHandle(ref, () => ele.current as HTMLTitleElement, [ele.current])\n\n useLayoutEffect(() => {\n const title = document.head.querySelector(\"title\")\n if (title === ele.current) return\n document.head.insertBefore(ele.current as HTMLTitleElement, title)\n }, [])\n\n return isBrowser && createPortal(<title ref={ele} {...props} />, document.head)\n})\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAmG;AACnG,uBAA6B;AAC7B,2BAA0B;AAE1B,6BAAgC;AAIhC,IAAM,CAAC,KAAK,QAAI,wCAAgB;AAEzB,IAAM,YAAQ,yBAAyC,CAAC,OAAO,QAAQ;AAC1E,MAAI,SAAS;AAAI,WAAO,oCAAC,WAAM,KAAW,GAAG,OAAO;AAEpD,QAAM,UAAM,qBAAyB,IAAI;AAEzC,wCAAoB,KAAK,MAAM,IAAI,SAA6B,CAAC,IAAI,OAAO,CAAC;AAE7E,oCAAgB,MAAM;AAClB,UAAM,QAAQ,SAAS,KAAK,cAAc,OAAO;AACjD,QAAI,UAAU,IAAI;AAAS;AAC3B,aAAS,KAAK,aAAa,IAAI,SAA6B,KAAK;AAAA,EACrE,GAAG,CAAC,CAAC;AAEL,SAAO,sCAAa,+BAAa,oCAAC,WAAM,KAAK,KAAM,GAAG,OAAO,GAAI,SAAS,IAAI;AAClF,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/TransitionBox.tsx
|
|
21
|
-
var TransitionBox_exports = {};
|
|
22
|
-
__export(TransitionBox_exports, {
|
|
23
|
-
TransitionBox: () => TransitionBox
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(TransitionBox_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_soda_hooks = require("soda-hooks");
|
|
28
|
-
var TransitionBox = (0, import_react.forwardRef)((props, ref) => {
|
|
29
|
-
const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3e3, ...rest } = props;
|
|
30
|
-
const container = (0, import_react.useRef)(null);
|
|
31
|
-
const size = (0, import_soda_hooks.useSize)(container);
|
|
32
|
-
const width = size?.width ?? 0;
|
|
33
|
-
const height = size?.height ?? 0;
|
|
34
|
-
const [count, setCount] = (0, import_react.useState)(0);
|
|
35
|
-
(0, import_react.useEffect)(() => {
|
|
36
|
-
setCount((count2) => Math.min(count2 + 1, 3));
|
|
37
|
-
}, [width, height]);
|
|
38
|
-
const outerStyle = {
|
|
39
|
-
transitionProperty: count === 3 ? [horizontal && "width", vertical && "height"].filter(Boolean).join(", ") : void 0,
|
|
40
|
-
transitionDuration: count === 3 ? `${time}ms` : void 0,
|
|
41
|
-
width,
|
|
42
|
-
height,
|
|
43
|
-
overflow: "hidden",
|
|
44
|
-
position: "relative",
|
|
45
|
-
...style
|
|
46
|
-
};
|
|
47
|
-
return /* @__PURE__ */ React.createElement("div", { ref, style: outerStyle, ...rest }, /* @__PURE__ */ React.createElement("div", { className: containerClassName, style: { position: "absolute", ...containerStyle }, ref: container }, children));
|
|
48
|
-
});
|
|
49
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
50
|
-
0 && (module.exports = {
|
|
51
|
-
TransitionBox
|
|
52
|
-
});
|
|
53
|
-
//# sourceMappingURL=TransitionBox.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/TransitionBox.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport { CSSProperties, FC, HTMLAttributes, forwardRef, useEffect, useRef, useState } from \"react\"\nimport { useSize } from \"soda-hooks\"\n\nexport interface TransitionBoxProps extends HTMLAttributes<HTMLDivElement> {\n containerClassName?: string\n containerStyle?: CSSProperties\n vertical?: boolean\n horizontal?: boolean\n time?: number\n}\n\n/** 尺寸渐变的组件 */\nexport const TransitionBox: FC<TransitionBoxProps> = forwardRef<HTMLDivElement, TransitionBoxProps>((props, ref) => {\n const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props\n const container = useRef<HTMLDivElement>(null)\n const size = useSize(container)\n const width = size?.width ?? 0\n const height = size?.height ?? 0\n const [count, setCount] = useState(0)\n\n useEffect(() => {\n setCount(count => Math.min(count + 1, 3))\n }, [width, height])\n\n const outerStyle: CSSProperties = {\n transitionProperty: count === 3 ? [horizontal && \"width\", vertical && \"height\"].filter(Boolean).join(\", \") : undefined,\n transitionDuration: count === 3 ? `${time}ms` : undefined,\n width,\n height,\n overflow: \"hidden\",\n position: \"relative\",\n ...style,\n }\n\n return (\n <div ref={ref} style={outerStyle} {...rest}>\n <div className={containerClassName} style={{ position: \"absolute\", ...containerStyle }} ref={container}>\n {children}\n </div>\n </div>\n )\n})\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2F;AAC3F,wBAAwB;AAWjB,IAAM,oBAAwC,yBAA+C,CAAC,OAAO,QAAQ;AAChH,QAAM,EAAE,OAAO,oBAAoB,gBAAgB,UAAU,WAAW,MAAM,aAAa,MAAM,OAAO,KAAM,GAAG,KAAK,IAAI;AAC1H,QAAM,gBAAY,qBAAuB,IAAI;AAC7C,QAAM,WAAO,2BAAQ,SAAS;AAC9B,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AAEpC,8BAAU,MAAM;AACZ,aAAS,CAAAA,WAAS,KAAK,IAAIA,SAAQ,GAAG,CAAC,CAAC;AAAA,EAC5C,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,aAA4B;AAAA,IAC9B,oBAAoB,UAAU,IAAI,CAAC,cAAc,SAAS,YAAY,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI,IAAI;AAAA,IAC7G,oBAAoB,UAAU,IAAI,GAAG,WAAW;AAAA,IAChD;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG;AAAA,EACP;AAEA,SACI,oCAAC,SAAI,KAAU,OAAO,YAAa,GAAG,QAClC,oCAAC,SAAI,WAAW,oBAAoB,OAAO,EAAE,UAAU,YAAY,GAAG,eAAe,GAAG,KAAK,aACxF,QACL,CACJ;AAER,CAAC;",
|
|
6
|
-
"names": ["count"]
|
|
7
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/TransitionNum.tsx
|
|
21
|
-
var TransitionNum_exports = {};
|
|
22
|
-
__export(TransitionNum_exports, {
|
|
23
|
-
TransitionNum: () => TransitionNum
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(TransitionNum_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_deepsea_tools = require("deepsea-tools");
|
|
28
|
-
var TransitionNum = (0, import_react.forwardRef)((props, ref) => {
|
|
29
|
-
const { children: num, period, numToStr, ins, ...rest } = props;
|
|
30
|
-
if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {
|
|
31
|
-
throw new RangeError("目标数字必须是整数,周期必须是正整数");
|
|
32
|
-
}
|
|
33
|
-
const ele = (0, import_react.useRef)(null);
|
|
34
|
-
const cache = (0, import_react.useRef)({ num, period, numToStr, show: num });
|
|
35
|
-
cache.current = { ...cache.current, num, period, numToStr };
|
|
36
|
-
(0, import_react.useImperativeHandle)(ref, () => ele.current, []);
|
|
37
|
-
(0, import_react.useImperativeHandle)(ins, () => ({ get: () => cache.current.show }), []);
|
|
38
|
-
(0, import_react.useEffect)(() => {
|
|
39
|
-
const { num: num2, period: period2, show, numToStr: numToStr2 } = cache.current;
|
|
40
|
-
ele.current.innerText = (numToStr2 || String)(show);
|
|
41
|
-
if (num2 === show)
|
|
42
|
-
return;
|
|
43
|
-
const div = ele.current;
|
|
44
|
-
const speed = (num2 - show) / period2;
|
|
45
|
-
const cancel = (0, import_deepsea_tools.setFrameInterval)(() => {
|
|
46
|
-
const { num: num3, numToStr: numToStr3 } = cache.current;
|
|
47
|
-
cache.current.show += speed;
|
|
48
|
-
if (speed > 0 && cache.current.show > num3 || speed < 0 && cache.current.show < num3) {
|
|
49
|
-
cancel();
|
|
50
|
-
cache.current.show = num3;
|
|
51
|
-
}
|
|
52
|
-
div.innerText = (numToStr3 || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show));
|
|
53
|
-
}, 1);
|
|
54
|
-
return cancel;
|
|
55
|
-
}, [num]);
|
|
56
|
-
return /* @__PURE__ */ React.createElement("div", { ref: ele, ...rest });
|
|
57
|
-
});
|
|
58
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
59
|
-
0 && (module.exports = {
|
|
60
|
-
TransitionNum
|
|
61
|
-
});
|
|
62
|
-
//# sourceMappingURL=TransitionNum.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/TransitionNum.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport { ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\nimport { setFrameInterval } from \"deepsea-tools\"\n\nexport interface TransitionNumProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** 当前数字 */\n children: number\n /** 变换周期,单位帧 */\n period: number\n /** 数字转换为字符串的方法 */\n numToStr?: (num: number) => string\n /** 实例 */\n ins?: ForwardedRef<TransitionNumIns>\n}\n\nexport interface TransitionNumIns {\n get(): number\n}\n\n/** 渐变数字组件 */\nexport const TransitionNum = forwardRef<HTMLDivElement, TransitionNumProps>((props, ref) => {\n const { children: num, period, numToStr, ins, ...rest } = props\n if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) {\n throw new RangeError(\"目标数字必须是整数,周期必须是正整数\")\n }\n const ele = useRef<HTMLDivElement>(null)\n const cache = useRef({ num, period, numToStr, show: num })\n cache.current = { ...cache.current, num, period, numToStr }\n\n useImperativeHandle(ref, () => ele.current!, [])\n useImperativeHandle(ins, () => ({ get: () => cache.current.show }), [])\n\n useEffect(() => {\n const { num, period, show, numToStr } = cache.current\n ele.current!.innerText = (numToStr || String)(show)\n if (num === show) return\n const div = ele.current!\n const speed = (num - show) / period\n const cancel = setFrameInterval(() => {\n const { num, numToStr } = cache.current\n cache.current.show += speed\n if ((speed > 0 && cache.current.show > num) || (speed < 0 && cache.current.show < num)) {\n cancel()\n cache.current.show = num\n }\n div.innerText = (numToStr || String)(speed > 0 ? Math.floor(cache.current.show) : Math.ceil(cache.current.show))\n }, 1)\n\n return cancel\n }, [num])\n\n return <div ref={ele} {...rest} />\n})\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAiG;AACjG,2BAAiC;AAkB1B,IAAM,oBAAgB,yBAA+C,CAAC,OAAO,QAAQ;AACxF,QAAM,EAAE,UAAU,KAAK,QAAQ,UAAU,KAAK,GAAG,KAAK,IAAI;AAC1D,MAAI,CAAC,OAAO,UAAU,GAAG,KAAK,CAAC,OAAO,UAAU,MAAM,KAAK,UAAU,GAAG;AACpE,UAAM,IAAI,WAAW,oBAAoB;AAAA,EAC7C;AACA,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,YAAQ,qBAAO,EAAE,KAAK,QAAQ,UAAU,MAAM,IAAI,CAAC;AACzD,QAAM,UAAU,EAAE,GAAG,MAAM,SAAS,KAAK,QAAQ,SAAS;AAE1D,wCAAoB,KAAK,MAAM,IAAI,SAAU,CAAC,CAAC;AAC/C,wCAAoB,KAAK,OAAO,EAAE,KAAK,MAAM,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC;AAEtE,8BAAU,MAAM;AACZ,UAAM,EAAE,KAAAA,MAAK,QAAAC,SAAQ,MAAM,UAAAC,UAAS,IAAI,MAAM;AAC9C,QAAI,QAAS,aAAaA,aAAY,QAAQ,IAAI;AAClD,QAAIF,SAAQ;AAAM;AAClB,UAAM,MAAM,IAAI;AAChB,UAAM,SAASA,OAAM,QAAQC;AAC7B,UAAM,aAAS,uCAAiB,MAAM;AAClC,YAAM,EAAE,KAAAD,MAAK,UAAAE,UAAS,IAAI,MAAM;AAChC,YAAM,QAAQ,QAAQ;AACtB,UAAK,QAAQ,KAAK,MAAM,QAAQ,OAAOF,QAAS,QAAQ,KAAK,MAAM,QAAQ,OAAOA,MAAM;AACpF,eAAO;AACP,cAAM,QAAQ,OAAOA;AAAA,MACzB;AACA,UAAI,aAAaE,aAAY,QAAQ,QAAQ,IAAI,KAAK,MAAM,MAAM,QAAQ,IAAI,IAAI,KAAK,KAAK,MAAM,QAAQ,IAAI,CAAC;AAAA,IACnH,GAAG,CAAC;AAEJ,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,CAAC;AAER,SAAO,oCAAC,SAAI,KAAK,KAAM,GAAG,MAAM;AACpC,CAAC;",
|
|
6
|
-
"names": ["num", "period", "numToStr"]
|
|
7
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Trapezium.tsx
|
|
21
|
-
var Trapezium_exports = {};
|
|
22
|
-
__export(Trapezium_exports, {
|
|
23
|
-
Trapezium: () => Trapezium
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(Trapezium_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_css = require("@emotion/css");
|
|
28
|
-
var import_deepsea_tools = require("deepsea-tools");
|
|
29
|
-
var import_utils = require("../utils");
|
|
30
|
-
var Trapezium = (0, import_react.forwardRef)((props, ref) => {
|
|
31
|
-
const { top, bottom, height, borderRadius, className, style, ...rest } = props;
|
|
32
|
-
const diff = (bottom - top) / 2;
|
|
33
|
-
const a = Math.atan(height / diff) / 2;
|
|
34
|
-
const b = borderRadius / Math.tan(a);
|
|
35
|
-
const c = b * Math.cos(a * 2);
|
|
36
|
-
const d = b * Math.sin(a * 2);
|
|
37
|
-
const e = Math.PI / 2 - a;
|
|
38
|
-
const f = borderRadius / Math.tan(e);
|
|
39
|
-
const g = f * Math.cos(a * 2);
|
|
40
|
-
const h = f * Math.sin(a * 2);
|
|
41
|
-
return /* @__PURE__ */ React.createElement(
|
|
42
|
-
"div",
|
|
43
|
-
{
|
|
44
|
-
ref,
|
|
45
|
-
className: (0, import_deepsea_tools.clsx)(
|
|
46
|
-
import_css.css`
|
|
47
|
-
width: var(--width);
|
|
48
|
-
height: var(--height);
|
|
49
|
-
clip-path: var(--clip-path);
|
|
50
|
-
`,
|
|
51
|
-
className
|
|
52
|
-
),
|
|
53
|
-
style: (0, import_utils.transformCSSVariable)(
|
|
54
|
-
{
|
|
55
|
-
width: (0, import_utils.px)(bottom),
|
|
56
|
-
height: (0, import_utils.px)(height),
|
|
57
|
-
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")`
|
|
58
|
-
},
|
|
59
|
-
style
|
|
60
|
-
),
|
|
61
|
-
...rest
|
|
62
|
-
}
|
|
63
|
-
);
|
|
64
|
-
});
|
|
65
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
-
0 && (module.exports = {
|
|
67
|
-
Trapezium
|
|
68
|
-
});
|
|
69
|
-
//# sourceMappingURL=Trapezium.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Trapezium.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport { HTMLAttributes, forwardRef } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\n\nimport { px, transformCSSVariable } from \"@/utils\"\n\nexport interface TrapeziumProps extends HTMLAttributes<HTMLDivElement> {\n top: number\n bottom: number\n height: number\n borderRadius: number\n}\n\n/** 梯形组件 */\nexport const Trapezium = forwardRef<HTMLDivElement, TrapeziumProps>((props, ref) => {\n const { top, bottom, height, borderRadius, className, style, ...rest } = props\n\n const diff = (bottom - top) / 2\n\n const a = Math.atan(height / diff) / 2\n\n const b = borderRadius / Math.tan(a)\n\n const c = b * Math.cos(a * 2)\n\n const d = b * Math.sin(a * 2)\n\n const e = Math.PI / 2 - a\n\n const f = borderRadius / Math.tan(e)\n\n const g = f * Math.cos(a * 2)\n\n const h = f * Math.sin(a * 2)\n\n return (\n <div\n ref={ref}\n className={clsx(\n css`\n width: var(--width);\n height: var(--height);\n clip-path: var(--clip-path);\n `,\n className,\n )}\n style={transformCSSVariable(\n {\n width: px(bottom),\n height: px(height),\n 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\")`,\n },\n style,\n )}\n {...rest}\n />\n )\n})\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2C;AAC3C,iBAAoB;AACpB,2BAAqB;AAErB,mBAAyC;AAUlC,IAAM,gBAAY,yBAA2C,CAAC,OAAO,QAAQ;AAChF,QAAM,EAAE,KAAK,QAAQ,QAAQ,cAAc,WAAW,OAAO,GAAG,KAAK,IAAI;AAEzE,QAAM,QAAQ,SAAS,OAAO;AAE9B,QAAM,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI;AAErC,QAAM,IAAI,eAAe,KAAK,IAAI,CAAC;AAEnC,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,QAAM,IAAI,KAAK,KAAK,IAAI;AAExB,QAAM,IAAI,eAAe,KAAK,IAAI,CAAC;AAEnC,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,QAAM,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAE5B,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,eAAW;AAAA,QACP;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA;AAAA,MACJ;AAAA,MACA,WAAO;AAAA,QACH;AAAA,UACI,WAAO,iBAAG,MAAM;AAAA,UAChB,YAAQ,iBAAG,MAAM;AAAA,UACjB,SAAS,WAAW,OAAO,KAAK,QAAQ,gBAAgB,sBAAsB,OAAO,KAAK,OAAO,KAAK,SAAS,OAAO,gBAAgB,sBAAsB,KAAK,YAAY,SAAS,KAAK,YAAY,gBAAgB,sBAAsB,SAAS,KAAK,SAAS,OAAO,MAAM,OAAO,KAAK,OAAO,gBAAgB,sBAAsB,MAAM,OAAO,KAAK;AAAA,QAChW;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/Unify.tsx
|
|
21
|
-
var Unify_exports = {};
|
|
22
|
-
__export(Unify_exports, {
|
|
23
|
-
Unify: () => Unify,
|
|
24
|
-
UnifyConfigProvider: () => UnifyConfigProvider
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(Unify_exports);
|
|
27
|
-
var import_react = require("react");
|
|
28
|
-
var import_deepsea_tools = require("deepsea-tools");
|
|
29
|
-
var UnifyConfigContext = (0, import_react.createContext)({});
|
|
30
|
-
var UnifyConfigProvider = ({ className, style, children }) => {
|
|
31
|
-
const { className: _className, style: _style } = (0, import_react.useContext)(UnifyConfigContext);
|
|
32
|
-
return /* @__PURE__ */ React.createElement(UnifyConfigContext.Provider, { value: { className: (0, import_deepsea_tools.clsx)(_className, className), style: { ..._style, ...style } } }, children);
|
|
33
|
-
};
|
|
34
|
-
function Unify(props) {
|
|
35
|
-
const { as = "div", className, style, ...rest } = props;
|
|
36
|
-
const { className: _className, style: _style } = (0, import_react.useContext)(UnifyConfigContext);
|
|
37
|
-
return (0, import_react.createElement)(as, {
|
|
38
|
-
className: (0, import_deepsea_tools.clsx)(_className, className),
|
|
39
|
-
style: { ..._style, ...style },
|
|
40
|
-
...rest
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
44
|
-
0 && (module.exports = {
|
|
45
|
-
Unify,
|
|
46
|
-
UnifyConfigProvider
|
|
47
|
-
});
|
|
48
|
-
//# sourceMappingURL=Unify.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Unify.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport { CSSProperties, ComponentProps, FC, JSX, JSXElementConstructor, ReactNode, createContext, createElement, useContext } from \"react\"\nimport { clsx } from \"deepsea-tools\"\n\nexport interface UnifyConfig {\n className?: string\n style?: CSSProperties\n}\n\nconst UnifyConfigContext = createContext<UnifyConfig>({})\n\nexport interface UnifyConfigProviderProps extends UnifyConfig {\n children?: ReactNode\n}\n\nexport const UnifyConfigProvider: FC<UnifyConfigProviderProps> = ({ className, style, children }) => {\n const { className: _className, style: _style } = useContext(UnifyConfigContext)\n\n return (\n <UnifyConfigContext.Provider value={{ className: clsx(_className, className), style: { ..._style, ...style } }}>{children}</UnifyConfigContext.Provider>\n )\n}\n\nexport type UnifyProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"div\"> = Omit<ComponentProps<AS>, \"as\"> & {\n as?: AS\n}\n\nexport function Unify<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"div\">(props: UnifyProps<AS>) {\n const { as = \"div\", className, style, ...rest } = props\n const { className: _className, style: _style } = useContext(UnifyConfigContext)\n\n return createElement(as, {\n className: clsx(_className, className),\n style: { ..._style, ...style },\n ...rest,\n }) as ReactNode\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAmI;AACnI,2BAAqB;AAOrB,IAAM,yBAAqB,4BAA2B,CAAC,CAAC;AAMjD,IAAM,sBAAoD,CAAC,EAAE,WAAW,OAAO,SAAS,MAAM;AACjG,QAAM,EAAE,WAAW,YAAY,OAAO,OAAO,QAAI,yBAAW,kBAAkB;AAE9E,SACI,oCAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,eAAW,2BAAK,YAAY,SAAS,GAAG,OAAO,EAAE,GAAG,QAAQ,GAAG,MAAM,EAAE,KAAI,QAAS;AAElI;AAMO,SAAS,MAAmF,OAAuB;AACtH,QAAM,EAAE,KAAK,OAAO,WAAW,OAAO,GAAG,KAAK,IAAI;AAClD,QAAM,EAAE,WAAW,YAAY,OAAO,OAAO,QAAI,yBAAW,kBAAkB;AAE9E,aAAO,4BAAc,IAAI;AAAA,IACrB,eAAW,2BAAK,YAAY,SAAS;AAAA,IACrC,OAAO,EAAE,GAAG,QAAQ,GAAG,MAAM;AAAA,IAC7B,GAAG;AAAA,EACP,CAAC;AACL;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/WriteExcel.tsx
|
|
21
|
-
var WriteExcel_exports = {};
|
|
22
|
-
__export(WriteExcel_exports, {
|
|
23
|
-
WriteExcel: () => WriteExcel
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(WriteExcel_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_deepsea_tools = require("deepsea-tools");
|
|
28
|
-
function WriteExcel(props) {
|
|
29
|
-
const { as, excel, onClick: _onClick, ...rest } = props;
|
|
30
|
-
function onClick(e) {
|
|
31
|
-
_onClick?.(e);
|
|
32
|
-
if (!excel)
|
|
33
|
-
return;
|
|
34
|
-
(0, import_deepsea_tools.writeExcel)(excel);
|
|
35
|
-
}
|
|
36
|
-
return (0, import_react.createElement)(as ?? "button", {
|
|
37
|
-
onClick,
|
|
38
|
-
...rest
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
42
|
-
0 && (module.exports = {
|
|
43
|
-
WriteExcel
|
|
44
|
-
});
|
|
45
|
-
//# sourceMappingURL=WriteExcel.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/WriteExcel.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\r\n\r\nimport { ComponentProps, JSX, JSXElementConstructor, MouseEvent as ReactMouseEvent, createElement } from \"react\"\r\nimport { WriteExcelParams, writeExcel } from \"deepsea-tools\"\r\n\r\nexport type WriteExcelProps<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\"> = Omit<ComponentProps<AS>, \"as\" | \"excel\"> & {\r\n as?: AS\r\n excel?: WriteExcelParams\r\n}\r\n\r\n/** 导出 excel 的 button 组件 */\r\nexport function WriteExcel<AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\">(props: WriteExcelProps<AS>) {\r\n const { as, excel, onClick: _onClick, ...rest } = props\r\n\r\n function onClick(e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) {\r\n _onClick?.(e)\r\n if (!excel) return\r\n writeExcel(excel)\r\n }\r\n\r\n return createElement(as ?? \"button\", {\r\n onClick,\r\n ...rest,\r\n })\r\n}\r\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAyG;AACzG,2BAA6C;AAQtC,SAAS,WAA2F,OAA4B;AACnI,QAAM,EAAE,IAAI,OAAO,SAAS,UAAU,GAAG,KAAK,IAAI;AAElD,WAAS,QAAQ,GAAmD;AAChE,eAAW,CAAC;AACZ,QAAI,CAAC;AAAO;AACZ,yCAAW,KAAK;AAAA,EACpB;AAEA,aAAO,4BAAc,MAAM,UAAU;AAAA,IACjC;AAAA,IACA,GAAG;AAAA,EACP,CAAC;AACL;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/index.js
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
}
|
|
11
|
-
return to;
|
|
12
|
-
};
|
|
13
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
|
|
16
|
-
// src/index.ts
|
|
17
|
-
var src_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(src_exports);
|
|
19
|
-
__reExport(src_exports, require("./components/AutoFit"), module.exports);
|
|
20
|
-
__reExport(src_exports, require("./components/AutoScroll"), module.exports);
|
|
21
|
-
__reExport(src_exports, require("./components/AutoSizeTextarea"), module.exports);
|
|
22
|
-
__reExport(src_exports, require("./components/CircleText"), module.exports);
|
|
23
|
-
__reExport(src_exports, require("./components/CopyButton"), module.exports);
|
|
24
|
-
__reExport(src_exports, require("./components/Echart"), module.exports);
|
|
25
|
-
__reExport(src_exports, require("./components/Flow"), module.exports);
|
|
26
|
-
__reExport(src_exports, require("./components/FormLabel"), module.exports);
|
|
27
|
-
__reExport(src_exports, require("./components/HlsPlayer"), module.exports);
|
|
28
|
-
__reExport(src_exports, require("./components/InfiniteScroll"), module.exports);
|
|
29
|
-
__reExport(src_exports, require("./components/InputFile"), module.exports);
|
|
30
|
-
__reExport(src_exports, require("./components/InputFileButton"), module.exports);
|
|
31
|
-
__reExport(src_exports, require("./components/LoopSwiper"), module.exports);
|
|
32
|
-
__reExport(src_exports, require("./components/ReadExcel"), module.exports);
|
|
33
|
-
__reExport(src_exports, require("./components/Ring"), module.exports);
|
|
34
|
-
__reExport(src_exports, require("./components/Scroll"), module.exports);
|
|
35
|
-
__reExport(src_exports, require("./components/SectionRing"), module.exports);
|
|
36
|
-
__reExport(src_exports, require("./components/Skeleton"), module.exports);
|
|
37
|
-
__reExport(src_exports, require("./components/Title"), module.exports);
|
|
38
|
-
__reExport(src_exports, require("./components/TransitionBox"), module.exports);
|
|
39
|
-
__reExport(src_exports, require("./components/TransitionNum"), module.exports);
|
|
40
|
-
__reExport(src_exports, require("./components/Trapezium"), module.exports);
|
|
41
|
-
__reExport(src_exports, require("./components/Unify"), module.exports);
|
|
42
|
-
__reExport(src_exports, require("./components/WriteExcel"), module.exports);
|
|
43
|
-
__reExport(src_exports, require("./utils/getReactVersion"), module.exports);
|
|
44
|
-
__reExport(src_exports, require("./utils/index"), module.exports);
|
|
45
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
46
|
-
0 && (module.exports = {
|
|
47
|
-
...require("./components/AutoFit"),
|
|
48
|
-
...require("./components/AutoScroll"),
|
|
49
|
-
...require("./components/AutoSizeTextarea"),
|
|
50
|
-
...require("./components/CircleText"),
|
|
51
|
-
...require("./components/CopyButton"),
|
|
52
|
-
...require("./components/Echart"),
|
|
53
|
-
...require("./components/Flow"),
|
|
54
|
-
...require("./components/FormLabel"),
|
|
55
|
-
...require("./components/HlsPlayer"),
|
|
56
|
-
...require("./components/InfiniteScroll"),
|
|
57
|
-
...require("./components/InputFile"),
|
|
58
|
-
...require("./components/InputFileButton"),
|
|
59
|
-
...require("./components/LoopSwiper"),
|
|
60
|
-
...require("./components/ReadExcel"),
|
|
61
|
-
...require("./components/Ring"),
|
|
62
|
-
...require("./components/Scroll"),
|
|
63
|
-
...require("./components/SectionRing"),
|
|
64
|
-
...require("./components/Skeleton"),
|
|
65
|
-
...require("./components/Title"),
|
|
66
|
-
...require("./components/TransitionBox"),
|
|
67
|
-
...require("./components/TransitionNum"),
|
|
68
|
-
...require("./components/Trapezium"),
|
|
69
|
-
...require("./components/Unify"),
|
|
70
|
-
...require("./components/WriteExcel"),
|
|
71
|
-
...require("./utils/getReactVersion"),
|
|
72
|
-
...require("./utils/index")
|
|
73
|
-
});
|
|
74
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@/components/AutoFit\"\nexport * from \"@/components/AutoScroll\"\nexport * from \"@/components/AutoSizeTextarea\"\nexport * from \"@/components/CircleText\"\nexport * from \"@/components/CopyButton\"\nexport * from \"@/components/Echart\"\nexport * from \"@/components/Flow\"\nexport * from \"@/components/FormLabel\"\nexport * from \"@/components/HlsPlayer\"\nexport * from \"@/components/InfiniteScroll\"\nexport * from \"@/components/InputFile\"\nexport * from \"@/components/InputFileButton\"\nexport * from \"@/components/LoopSwiper\"\nexport * from \"@/components/ReadExcel\"\nexport * from \"@/components/Ring\"\nexport * from \"@/components/Scroll\"\nexport * from \"@/components/SectionRing\"\nexport * from \"@/components/Skeleton\"\nexport * from \"@/components/Title\"\nexport * from \"@/components/TransitionBox\"\nexport * from \"@/components/TransitionNum\"\nexport * from \"@/components/Trapezium\"\nexport * from \"@/components/Unify\"\nexport * from \"@/components/WriteExcel\"\nexport * from \"@/utils/getReactVersion\"\nexport * from \"@/utils/index\"\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,oCAJd;AAKA,wBAAc,gCALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,wCATd;AAUA,wBAAc,mCAVd;AAWA,wBAAc,yCAXd;AAYA,wBAAc,oCAZd;AAaA,wBAAc,mCAbd;AAcA,wBAAc,8BAdd;AAeA,wBAAc,gCAfd;AAgBA,wBAAc,qCAhBd;AAiBA,wBAAc,kCAjBd;AAkBA,wBAAc,+BAlBd;AAmBA,wBAAc,uCAnBd;AAoBA,wBAAc,uCApBd;AAqBA,wBAAc,mCArBd;AAsBA,wBAAc,+BAtBd;AAuBA,wBAAc,oCAvBd;AAwBA,wBAAc,oCAxBd;AAyBA,wBAAc,0BAzBd;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/utils/getReactVersion.ts
|
|
20
|
-
var getReactVersion_exports = {};
|
|
21
|
-
__export(getReactVersion_exports, {
|
|
22
|
-
getReactVersion: () => getReactVersion
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(getReactVersion_exports);
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
var reg = /(\d+)\.(\d+)\.(\d+)/;
|
|
27
|
-
function getReactVersion() {
|
|
28
|
-
return import_react.version.match(reg).slice(1).map(Number);
|
|
29
|
-
}
|
|
30
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
31
|
-
0 && (module.exports = {
|
|
32
|
-
getReactVersion
|
|
33
|
-
});
|
|
34
|
-
//# sourceMappingURL=getReactVersion.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/utils/getReactVersion.ts"],
|
|
4
|
-
"sourcesContent": ["import { version } from \"react\"\n\nconst reg = /(\\d+)\\.(\\d+)\\.(\\d+)/\n\nexport function getReactVersion() {\n return version.match(reg)!.slice(1).map(Number)\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,IAAM,MAAM;AAEL,SAAS,kBAAkB;AAC9B,SAAO,qBAAQ,MAAM,GAAG,EAAG,MAAM,CAAC,EAAE,IAAI,MAAM;AAClD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/utils/index.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/utils/index.ts
|
|
20
|
-
var utils_exports = {};
|
|
21
|
-
__export(utils_exports, {
|
|
22
|
-
px: () => px,
|
|
23
|
-
transformCSSVariable: () => transformCSSVariable,
|
|
24
|
-
transformCSSVariableName: () => transformCSSVariableName
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(utils_exports);
|
|
27
|
-
var cssVariableReg = /[A-Z]/;
|
|
28
|
-
function addCSSVariableLine(match) {
|
|
29
|
-
return `-${match}`;
|
|
30
|
-
}
|
|
31
|
-
function transformCSSVariableName(name) {
|
|
32
|
-
return `--${name.replace(cssVariableReg, addCSSVariableLine).toLowerCase()}`;
|
|
33
|
-
}
|
|
34
|
-
function transformCSSVariable(style, style2) {
|
|
35
|
-
return Object.assign(
|
|
36
|
-
Object.entries(style).reduce((acc, [key, value]) => {
|
|
37
|
-
acc[transformCSSVariableName(key)] = value;
|
|
38
|
-
return acc;
|
|
39
|
-
}, {}),
|
|
40
|
-
style2
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
function px(value) {
|
|
44
|
-
return typeof value === "number" ? `${value}px` : value;
|
|
45
|
-
}
|
|
46
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
47
|
-
0 && (module.exports = {
|
|
48
|
-
px,
|
|
49
|
-
transformCSSVariable,
|
|
50
|
-
transformCSSVariableName
|
|
51
|
-
});
|
|
52
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/utils/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { CSSProperties } from \"react\"\n\nexport type CSSVariableName = `--${string}`\n\nexport type CSSVariableValue = string | number | undefined\n\nexport interface StyleWithCSSVariable extends CSSProperties {\n [X: CSSVariableName]: CSSVariableValue\n}\n\nconst cssVariableReg = /[A-Z]/\n\nfunction addCSSVariableLine(match: string): string {\n return `-${match}`\n}\n\nexport function transformCSSVariableName(name: string): CSSVariableName {\n return `--${name.replace(cssVariableReg, addCSSVariableLine).toLowerCase()}`\n}\n\nexport function transformCSSVariable(style: Partial<Record<string, CSSVariableValue>>, style2?: CSSProperties): CSSProperties {\n return Object.assign(\n Object.entries(style).reduce((acc: StyleWithCSSVariable, [key, value]) => {\n acc[transformCSSVariableName(key)] = value\n return acc\n }, {}),\n style2,\n )\n}\n\nexport function px(value: string | number | undefined): string | undefined {\n return typeof value === \"number\" ? `${value}px` : value\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,IAAM,iBAAiB;AAEvB,SAAS,mBAAmB,OAAuB;AAC/C,SAAO,IAAI;AACf;AAEO,SAAS,yBAAyB,MAA+B;AACpE,SAAO,KAAK,KAAK,QAAQ,gBAAgB,kBAAkB,EAAE,YAAY;AAC7E;AAEO,SAAS,qBAAqB,OAAkD,QAAuC;AAC1H,SAAO,OAAO;AAAA,IACV,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,KAA2B,CAAC,KAAK,KAAK,MAAM;AACtE,UAAI,yBAAyB,GAAG,CAAC,IAAI;AACrC,aAAO;AAAA,IACX,GAAG,CAAC,CAAC;AAAA,IACL;AAAA,EACJ;AACJ;AAEO,SAAS,GAAG,OAAwD;AACvE,SAAO,OAAO,UAAU,WAAW,GAAG,YAAY;AACtD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
export interface AutoFitProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/** 设计稿宽度,默认 1920 */
|
|
4
|
-
width?: number;
|
|
5
|
-
/** 设计稿高度,默认 1080 */
|
|
6
|
-
height?: number;
|
|
7
|
-
/**
|
|
8
|
-
* 在哪些方向进行缩放,默认缩放所有方向
|
|
9
|
-
* 1. 水平方向是指,宽度按照设计稿进行占满,高度反向缩放
|
|
10
|
-
* 2. 垂直方向是指,高度按照设计稿进行占满,宽度反向缩放
|
|
11
|
-
* 3. 默认是水平和垂直方向都进行缩放,类似于 background-size: contain 的效果
|
|
12
|
-
*/
|
|
13
|
-
direction?: "horizontal" | "vertical" | "both";
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* 自适应缩放组件
|
|
17
|
-
*
|
|
18
|
-
* 注意:
|
|
19
|
-
* 1. 父元素必须设置非 static 定位方式
|
|
20
|
-
* 2. 父元素只能有且仅有一个子元素,那就是 AutoFit
|
|
21
|
-
* 3. 不要设置 AutoFit 的 position、left、top、transform、width、height 属性
|
|
22
|
-
* 4. 在第一次完成缩放前,无论 props 是什么,返回的都是 <div style={{ display: "none" }} />
|
|
23
|
-
* 5. 元素的属性、事件、资源并不是立即加载的,会有一帧的延迟,在第一次完成缩放后才会显示
|
|
24
|
-
*/
|
|
25
|
-
export declare const AutoFit: import("react").ForwardRefExoticComponent<AutoFitProps & import("react").RefAttributes<HTMLDivElement>>;
|