szld-libs 0.2.35 → 0.2.37
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/style.css +1 -1
- package/dist/szld-components.es.js +5053 -5025
- package/dist/szld-components.umd.js +33 -33
- package/es/components/LoopSlide/index.css +29 -0
- package/es/components/LoopSlide/index.d.ts +10 -0
- package/es/components/LoopSlide/index.js +59 -0
- package/es/components/LoopSlide/vite.svg +1 -0
- package/es/index.js +41 -1
- package/es/main.d.ts +20 -19
- package/es/main.js +20 -18
- package/lib/components/LoopSlide/index.css +29 -0
- package/lib/components/LoopSlide/index.d.ts +10 -0
- package/lib/components/LoopSlide/index.js +58 -0
- package/lib/components/LoopSlide/vite.svg +1 -0
- package/lib/index.js +40 -0
- package/lib/main.d.ts +20 -19
- package/lib/main.js +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.LoopSlide-module_wrapper_dde90 {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 100%;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.LoopSlide-module_container_be123 {
|
|
8
|
+
position: relative;
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 100%;
|
|
11
|
+
--content-height: 0px;
|
|
12
|
+
animation: LoopSlide-module_scrollContent_36ed7 linear infinite;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.LoopSlide-module_content_f392a {
|
|
16
|
+
position: relative;
|
|
17
|
+
width: 100%;
|
|
18
|
+
padding: 10px 0;
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@keyframes LoopSlide-module_scrollContent_36ed7 {
|
|
23
|
+
0% {
|
|
24
|
+
transform: translateY(0);
|
|
25
|
+
}
|
|
26
|
+
100% {
|
|
27
|
+
transform: translateY(calc(-1 * var(--content-height)));
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
interface LoopSlideProps {
|
|
3
|
+
speed?: number;
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
height?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const LoopSlide: React.FC<LoopSlideProps>;
|
|
10
|
+
export default LoopSlide;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useEffect } from "react";
|
|
3
|
+
const wrapper = "LoopSlide-module_wrapper_dde90";
|
|
4
|
+
const container = "LoopSlide-module_container_be123";
|
|
5
|
+
const scrollContent = "LoopSlide-module_scrollContent_36ed7";
|
|
6
|
+
const content = "LoopSlide-module_content_f392a";
|
|
7
|
+
const styles = {
|
|
8
|
+
wrapper,
|
|
9
|
+
container,
|
|
10
|
+
scrollContent,
|
|
11
|
+
content
|
|
12
|
+
};
|
|
13
|
+
const LoopSlide = ({ speed = 60, className = "", style, children, height = "100vh" }) => {
|
|
14
|
+
const wrapperRef = useRef(null);
|
|
15
|
+
const containerRef = useRef(null);
|
|
16
|
+
const contentRef = useRef(null);
|
|
17
|
+
const resizeObserverRef = useRef(null);
|
|
18
|
+
const setupAnimation = () => {
|
|
19
|
+
if (!containerRef.current || !contentRef.current)
|
|
20
|
+
return;
|
|
21
|
+
const container2 = containerRef.current;
|
|
22
|
+
const content2 = contentRef.current;
|
|
23
|
+
const clones = container2.querySelectorAll(`.${styles.content}:not(:first-child)`);
|
|
24
|
+
clones.forEach((clone) => container2.removeChild(clone));
|
|
25
|
+
const contentHeight = parseFloat(content2.scrollHeight.toString());
|
|
26
|
+
if (contentHeight * 2 <= container2.clientHeight) {
|
|
27
|
+
container2.style.animation = "none";
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const scale = contentHeight / container2.clientHeight;
|
|
31
|
+
container2.style.setProperty("--content-height", `${contentHeight}px`);
|
|
32
|
+
container2.style.animationDuration = `${speed * scale}s`;
|
|
33
|
+
const cloneContent = () => {
|
|
34
|
+
const clone = content2.cloneNode(true);
|
|
35
|
+
clone.className = `${styles.content}`;
|
|
36
|
+
container2.appendChild(clone);
|
|
37
|
+
};
|
|
38
|
+
cloneContent();
|
|
39
|
+
if (contentHeight * 2 - container2.clientHeight < contentHeight) {
|
|
40
|
+
cloneContent();
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
setupAnimation();
|
|
45
|
+
if (containerRef.current) {
|
|
46
|
+
resizeObserverRef.current = new ResizeObserver(setupAnimation);
|
|
47
|
+
resizeObserverRef.current.observe(containerRef.current);
|
|
48
|
+
}
|
|
49
|
+
return () => {
|
|
50
|
+
if (resizeObserverRef.current && containerRef.current) {
|
|
51
|
+
resizeObserverRef.current.unobserve(containerRef.current);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}, [speed]);
|
|
55
|
+
return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: `${styles.wrapper} ${className}`, style: { height, ...style }, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: styles.container, children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.content, children }) }) });
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
LoopSlide as default
|
|
59
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
package/es/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import ReactDOM from "react-dom/client";
|
|
|
4
4
|
import { BrowserRouter } from "react-router-dom";
|
|
5
5
|
import { Table, Button } from "antd";
|
|
6
6
|
import useConfig from "./hooks/useConfig";
|
|
7
|
-
import { SearchTable } from "./main";
|
|
7
|
+
import { LoopSlide, SearchTable } from "./main";
|
|
8
8
|
let key = "U2FsdGVkX1/dG1NSXNR9hnp3Ech/v6Gh8CDDJxgBm1EPFQel12ySIf84ARXCPwTae7TzwgPvjOyE3S5rAEzl/wAZmId6pbezpFeFcJqxdmIl3FeluYHFxJzQHDETTvrr3G/REvv00kHptOVwg6ecjPH6yk7PNit0sWTBLorROxLxMD8lVDmOA66p7Zp4QnYzqScYJGFbutmfHYXfBRBe1Q2UKummJ798svNY5SIwEwl4spzgyWmhARtuyq4zhysFrj/xODuNDjtwitA6XfX566WcZkj3F+2P+mkYzDYOhXXaomnlybjrZ2hEHfcczQhUfJd89O8PNIuEWo24wjYRgMdKlw5CWSeocFCqV7ZJ/CV/7vNRcaO4awKlFNobLikkwDznxpcX+4UEej+ED+pgfmPQLsKedcfEscStkSAZXaD5pBRTiFU9xGLfDt6seUrEnMBeXkpMIY9j1SZDDK18/G7lSHjDQMZYZP6sfLdBdwY=";
|
|
9
9
|
const Demo = () => {
|
|
10
10
|
useConfig(key);
|
|
@@ -28,8 +28,48 @@ const Demo = () => {
|
|
|
28
28
|
}
|
|
29
29
|
];
|
|
30
30
|
const [list, setList] = useState([]);
|
|
31
|
+
const creditsData = [
|
|
32
|
+
{
|
|
33
|
+
title: "主演",
|
|
34
|
+
people: [
|
|
35
|
+
{ name: "张三", role: "男主角" },
|
|
36
|
+
{ name: "李四", role: "女主角" }
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
title: "制作团队",
|
|
41
|
+
people: [
|
|
42
|
+
{ name: "王五", role: "导演" },
|
|
43
|
+
{ name: "赵六", role: "编剧" }
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
title: "演员",
|
|
48
|
+
people: [
|
|
49
|
+
{ name: "田七", role: "演员1" },
|
|
50
|
+
{ name: "如果需要使用其样式重置能力如果需要使用其样式重置能力", role: "演员2" }
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
];
|
|
31
54
|
return /* @__PURE__ */ jsxs("div", { style: { height: "100vh" }, children: [
|
|
32
55
|
/* @__PURE__ */ jsx(Button, { onClick: () => setList(columns), children: "test" }),
|
|
56
|
+
/* @__PURE__ */ jsx(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
style: {
|
|
60
|
+
height: "400px",
|
|
61
|
+
border: "1px solid #333",
|
|
62
|
+
margin: "20px"
|
|
63
|
+
},
|
|
64
|
+
children: /* @__PURE__ */ jsx(LoopSlide, { speed: 4, height: "100%", children: /* @__PURE__ */ jsx("div", { style: { padding: "0px", textAlign: "center" }, children: creditsData.map((section, i) => /* @__PURE__ */ jsxs("div", { children: [
|
|
65
|
+
/* @__PURE__ */ jsx("h2", { style: { fontSize: "2rem", marginBottom: "1rem" }, children: section.title }),
|
|
66
|
+
section.people.map((person, j) => /* @__PURE__ */ jsxs("div", { children: [
|
|
67
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "1.5rem", margin: "0.5rem 0" }, children: person.name }),
|
|
68
|
+
person.role && /* @__PURE__ */ jsx("p", { style: { fontSize: "1rem", color: "#aaa", marginBottom: "1.5rem" }, children: person.role })
|
|
69
|
+
] }, j))
|
|
70
|
+
] }, i)) }) })
|
|
71
|
+
}
|
|
72
|
+
),
|
|
33
73
|
/* @__PURE__ */ jsx(
|
|
34
74
|
SearchTable,
|
|
35
75
|
{
|
package/es/main.d.ts
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import BackHeader from
|
|
2
|
-
import CreateForm from
|
|
3
|
-
import SearchTable from
|
|
4
|
-
import UploadFile from
|
|
5
|
-
import EditTable from
|
|
6
|
-
import AuthButton from
|
|
7
|
-
import CoralButton from
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import * as
|
|
1
|
+
import BackHeader from './components/BackHeader';
|
|
2
|
+
import CreateForm from './components/CreateForm';
|
|
3
|
+
import SearchTable from './components/SearchTable';
|
|
4
|
+
import UploadFile from './components/Upload';
|
|
5
|
+
import EditTable from './components/EditTable';
|
|
6
|
+
import AuthButton from './components/AuthButton';
|
|
7
|
+
import CoralButton from './components/CoralButton';
|
|
8
|
+
import LoopSlide from './components/LoopSlide';
|
|
9
|
+
import showWorkFlow, { WorkFlowNode } from './components/WorkFlowNode';
|
|
10
|
+
import * as download from './utils/download';
|
|
11
|
+
import * as fileType from './utils/filetype';
|
|
11
12
|
import * as FormRules from './utils/formRules';
|
|
12
13
|
import compressionImage from './utils/image-compression';
|
|
13
|
-
import * as utils from
|
|
14
|
-
import * as verfyCode from
|
|
15
|
-
import useCaptcha from
|
|
16
|
-
import useChangePwd from
|
|
17
|
-
import useConfig from
|
|
18
|
-
import useRemember from
|
|
19
|
-
import useRowSelection from
|
|
20
|
-
import AES from
|
|
14
|
+
import * as utils from './utils/index';
|
|
15
|
+
import * as verfyCode from './utils/verify-code';
|
|
16
|
+
import useCaptcha from './hooks/useCaptcha';
|
|
17
|
+
import useChangePwd from './hooks/useChangePwd';
|
|
18
|
+
import useConfig from './hooks/useConfig';
|
|
19
|
+
import useRemember from './hooks/useRemember';
|
|
20
|
+
import useRowSelection from './hooks/useRowSelection';
|
|
21
|
+
import AES from './utils/aes';
|
|
21
22
|
import HmacSHA512 from './utils/hmacSHA512';
|
|
22
|
-
export { AES, AuthButton, BackHeader, CoralButton, CreateForm,
|
|
23
|
+
export { AES, AuthButton, BackHeader, compressionImage, CoralButton, CreateForm, download, EditTable, fileType, FormRules, HmacSHA512, LoopSlide, SearchTable, showWorkFlow, UploadFile, useCaptcha, useChangePwd, useConfig, useRemember, useRowSelection, utils, verfyCode, WorkFlowNode, };
|
package/es/main.js
CHANGED
|
@@ -5,41 +5,43 @@ import { default as default5 } from "./components/Upload";
|
|
|
5
5
|
import { default as default6 } from "./components/EditTable";
|
|
6
6
|
import { default as default7 } from "./components/AuthButton";
|
|
7
7
|
import { default as default8 } from "./components/CoralButton";
|
|
8
|
-
import {
|
|
8
|
+
import { default as default9 } from "./components/LoopSlide";
|
|
9
|
+
import { WorkFlowNode, default as default10 } from "./components/WorkFlowNode";
|
|
9
10
|
import * as download from "./utils/download";
|
|
10
11
|
import * as filetype from "./utils/filetype";
|
|
11
12
|
import * as formRules from "./utils/formRules";
|
|
12
|
-
import { default as
|
|
13
|
+
import { default as default11 } from "./utils/image-compression";
|
|
13
14
|
import * as index from "./utils/index";
|
|
14
15
|
import * as verifyCode from "./utils/verify-code";
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
16
|
+
import { default as default12 } from "./hooks/useCaptcha";
|
|
17
|
+
import { default as default13 } from "./hooks/useChangePwd";
|
|
18
|
+
import { default as default14 } from "./hooks/useConfig";
|
|
19
|
+
import { default as default15 } from "./hooks/useRemember";
|
|
20
|
+
import { default as default16 } from "./hooks/useRowSelection";
|
|
21
|
+
import { default as default17 } from "./utils/aes";
|
|
22
|
+
import { default as default18 } from "./utils/hmacSHA512";
|
|
22
23
|
export {
|
|
23
|
-
|
|
24
|
+
default17 as AES,
|
|
24
25
|
default7 as AuthButton,
|
|
25
26
|
default2 as BackHeader,
|
|
26
27
|
default8 as CoralButton,
|
|
27
28
|
default3 as CreateForm,
|
|
28
29
|
default6 as EditTable,
|
|
29
30
|
formRules as FormRules,
|
|
30
|
-
|
|
31
|
+
default18 as HmacSHA512,
|
|
32
|
+
default9 as LoopSlide,
|
|
31
33
|
default4 as SearchTable,
|
|
32
34
|
default5 as UploadFile,
|
|
33
35
|
WorkFlowNode,
|
|
34
|
-
|
|
36
|
+
default11 as compressionImage,
|
|
35
37
|
download,
|
|
36
38
|
filetype as fileType,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
default10 as showWorkFlow,
|
|
40
|
+
default12 as useCaptcha,
|
|
41
|
+
default13 as useChangePwd,
|
|
42
|
+
default14 as useConfig,
|
|
43
|
+
default15 as useRemember,
|
|
44
|
+
default16 as useRowSelection,
|
|
43
45
|
index as utils,
|
|
44
46
|
verifyCode as verfyCode
|
|
45
47
|
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.LoopSlide-module_wrapper_dde90 {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 100%;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.LoopSlide-module_container_be123 {
|
|
8
|
+
position: relative;
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 100%;
|
|
11
|
+
--content-height: 0px;
|
|
12
|
+
animation: LoopSlide-module_scrollContent_36ed7 linear infinite;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.LoopSlide-module_content_f392a {
|
|
16
|
+
position: relative;
|
|
17
|
+
width: 100%;
|
|
18
|
+
padding: 10px 0;
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@keyframes LoopSlide-module_scrollContent_36ed7 {
|
|
23
|
+
0% {
|
|
24
|
+
transform: translateY(0);
|
|
25
|
+
}
|
|
26
|
+
100% {
|
|
27
|
+
transform: translateY(calc(-1 * var(--content-height)));
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
interface LoopSlideProps {
|
|
3
|
+
speed?: number;
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
height?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const LoopSlide: React.FC<LoopSlideProps>;
|
|
10
|
+
export default LoopSlide;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
+
const react = require("react");
|
|
4
|
+
const wrapper = "LoopSlide-module_wrapper_dde90";
|
|
5
|
+
const container = "LoopSlide-module_container_be123";
|
|
6
|
+
const scrollContent = "LoopSlide-module_scrollContent_36ed7";
|
|
7
|
+
const content = "LoopSlide-module_content_f392a";
|
|
8
|
+
const styles = {
|
|
9
|
+
wrapper,
|
|
10
|
+
container,
|
|
11
|
+
scrollContent,
|
|
12
|
+
content
|
|
13
|
+
};
|
|
14
|
+
const LoopSlide = ({ speed = 60, className = "", style, children, height = "100vh" }) => {
|
|
15
|
+
const wrapperRef = react.useRef(null);
|
|
16
|
+
const containerRef = react.useRef(null);
|
|
17
|
+
const contentRef = react.useRef(null);
|
|
18
|
+
const resizeObserverRef = react.useRef(null);
|
|
19
|
+
const setupAnimation = () => {
|
|
20
|
+
if (!containerRef.current || !contentRef.current)
|
|
21
|
+
return;
|
|
22
|
+
const container2 = containerRef.current;
|
|
23
|
+
const content2 = contentRef.current;
|
|
24
|
+
const clones = container2.querySelectorAll(`.${styles.content}:not(:first-child)`);
|
|
25
|
+
clones.forEach((clone) => container2.removeChild(clone));
|
|
26
|
+
const contentHeight = parseFloat(content2.scrollHeight.toString());
|
|
27
|
+
if (contentHeight * 2 <= container2.clientHeight) {
|
|
28
|
+
container2.style.animation = "none";
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const scale = contentHeight / container2.clientHeight;
|
|
32
|
+
container2.style.setProperty("--content-height", `${contentHeight}px`);
|
|
33
|
+
container2.style.animationDuration = `${speed * scale}s`;
|
|
34
|
+
const cloneContent = () => {
|
|
35
|
+
const clone = content2.cloneNode(true);
|
|
36
|
+
clone.className = `${styles.content}`;
|
|
37
|
+
container2.appendChild(clone);
|
|
38
|
+
};
|
|
39
|
+
cloneContent();
|
|
40
|
+
if (contentHeight * 2 - container2.clientHeight < contentHeight) {
|
|
41
|
+
cloneContent();
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
react.useEffect(() => {
|
|
45
|
+
setupAnimation();
|
|
46
|
+
if (containerRef.current) {
|
|
47
|
+
resizeObserverRef.current = new ResizeObserver(setupAnimation);
|
|
48
|
+
resizeObserverRef.current.observe(containerRef.current);
|
|
49
|
+
}
|
|
50
|
+
return () => {
|
|
51
|
+
if (resizeObserverRef.current && containerRef.current) {
|
|
52
|
+
resizeObserverRef.current.unobserve(containerRef.current);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
}, [speed]);
|
|
56
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, className: `${styles.wrapper} ${className}`, style: { height, ...style }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: styles.content, children }) }) });
|
|
57
|
+
};
|
|
58
|
+
module.exports = LoopSlide;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
package/lib/index.js
CHANGED
|
@@ -29,8 +29,48 @@ const Demo = () => {
|
|
|
29
29
|
}
|
|
30
30
|
];
|
|
31
31
|
const [list, setList] = react.useState([]);
|
|
32
|
+
const creditsData = [
|
|
33
|
+
{
|
|
34
|
+
title: "主演",
|
|
35
|
+
people: [
|
|
36
|
+
{ name: "张三", role: "男主角" },
|
|
37
|
+
{ name: "李四", role: "女主角" }
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
title: "制作团队",
|
|
42
|
+
people: [
|
|
43
|
+
{ name: "王五", role: "导演" },
|
|
44
|
+
{ name: "赵六", role: "编剧" }
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
title: "演员",
|
|
49
|
+
people: [
|
|
50
|
+
{ name: "田七", role: "演员1" },
|
|
51
|
+
{ name: "如果需要使用其样式重置能力如果需要使用其样式重置能力", role: "演员2" }
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
];
|
|
32
55
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh" }, children: [
|
|
33
56
|
/* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => setList(columns), children: "test" }),
|
|
57
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
58
|
+
"div",
|
|
59
|
+
{
|
|
60
|
+
style: {
|
|
61
|
+
height: "400px",
|
|
62
|
+
border: "1px solid #333",
|
|
63
|
+
margin: "20px"
|
|
64
|
+
},
|
|
65
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(main.LoopSlide, { speed: 4, height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0px", textAlign: "center" }, children: creditsData.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
66
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { style: { fontSize: "2rem", marginBottom: "1rem" }, children: section.title }),
|
|
67
|
+
section.people.map((person, j) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
68
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "1.5rem", margin: "0.5rem 0" }, children: person.name }),
|
|
69
|
+
person.role && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "1rem", color: "#aaa", marginBottom: "1.5rem" }, children: person.role })
|
|
70
|
+
] }, j))
|
|
71
|
+
] }, i)) }) })
|
|
72
|
+
}
|
|
73
|
+
),
|
|
34
74
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
35
75
|
main.SearchTable,
|
|
36
76
|
{
|
package/lib/main.d.ts
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import BackHeader from
|
|
2
|
-
import CreateForm from
|
|
3
|
-
import SearchTable from
|
|
4
|
-
import UploadFile from
|
|
5
|
-
import EditTable from
|
|
6
|
-
import AuthButton from
|
|
7
|
-
import CoralButton from
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import * as
|
|
1
|
+
import BackHeader from './components/BackHeader';
|
|
2
|
+
import CreateForm from './components/CreateForm';
|
|
3
|
+
import SearchTable from './components/SearchTable';
|
|
4
|
+
import UploadFile from './components/Upload';
|
|
5
|
+
import EditTable from './components/EditTable';
|
|
6
|
+
import AuthButton from './components/AuthButton';
|
|
7
|
+
import CoralButton from './components/CoralButton';
|
|
8
|
+
import LoopSlide from './components/LoopSlide';
|
|
9
|
+
import showWorkFlow, { WorkFlowNode } from './components/WorkFlowNode';
|
|
10
|
+
import * as download from './utils/download';
|
|
11
|
+
import * as fileType from './utils/filetype';
|
|
11
12
|
import * as FormRules from './utils/formRules';
|
|
12
13
|
import compressionImage from './utils/image-compression';
|
|
13
|
-
import * as utils from
|
|
14
|
-
import * as verfyCode from
|
|
15
|
-
import useCaptcha from
|
|
16
|
-
import useChangePwd from
|
|
17
|
-
import useConfig from
|
|
18
|
-
import useRemember from
|
|
19
|
-
import useRowSelection from
|
|
20
|
-
import AES from
|
|
14
|
+
import * as utils from './utils/index';
|
|
15
|
+
import * as verfyCode from './utils/verify-code';
|
|
16
|
+
import useCaptcha from './hooks/useCaptcha';
|
|
17
|
+
import useChangePwd from './hooks/useChangePwd';
|
|
18
|
+
import useConfig from './hooks/useConfig';
|
|
19
|
+
import useRemember from './hooks/useRemember';
|
|
20
|
+
import useRowSelection from './hooks/useRowSelection';
|
|
21
|
+
import AES from './utils/aes';
|
|
21
22
|
import HmacSHA512 from './utils/hmacSHA512';
|
|
22
|
-
export { AES, AuthButton, BackHeader, CoralButton, CreateForm,
|
|
23
|
+
export { AES, AuthButton, BackHeader, compressionImage, CoralButton, CreateForm, download, EditTable, fileType, FormRules, HmacSHA512, LoopSlide, SearchTable, showWorkFlow, UploadFile, useCaptcha, useChangePwd, useConfig, useRemember, useRowSelection, utils, verfyCode, WorkFlowNode, };
|
package/lib/main.js
CHANGED
|
@@ -7,6 +7,7 @@ const Upload = require("./components/Upload");
|
|
|
7
7
|
const EditTable = require("./components/EditTable");
|
|
8
8
|
const AuthButton = require("./components/AuthButton");
|
|
9
9
|
const CoralButton = require("./components/CoralButton");
|
|
10
|
+
const LoopSlide = require("./components/LoopSlide");
|
|
10
11
|
const WorkFlowNode = require("./components/WorkFlowNode");
|
|
11
12
|
const download = require("./utils/download");
|
|
12
13
|
const filetype = require("./utils/filetype");
|
|
@@ -49,6 +50,7 @@ exports.UploadFile = Upload;
|
|
|
49
50
|
exports.EditTable = EditTable;
|
|
50
51
|
exports.AuthButton = AuthButton;
|
|
51
52
|
exports.CoralButton = CoralButton;
|
|
53
|
+
exports.LoopSlide = LoopSlide;
|
|
52
54
|
Object.defineProperty(exports, "WorkFlowNode", {
|
|
53
55
|
enumerable: true,
|
|
54
56
|
get: () => WorkFlowNode.WorkFlowNode
|