feat: release v0.0.1
This commit is contained in:
6
dist/react/video-player/components/with-processing/video-processing/index.d.ts
vendored
Normal file
6
dist/react/video-player/components/with-processing/video-processing/index.d.ts
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import { IBaseComponentProps } from "../../../shared/types";
|
||||
interface IVideoErrorProps extends IBaseComponentProps {
|
||||
}
|
||||
declare const VideoProcessing: ({ className }: IVideoErrorProps) => import("react/jsx-runtime").JSX.Element;
|
||||
export default VideoProcessing;
|
||||
//# sourceMappingURL=index.d.ts.map
|
||||
1
dist/react/video-player/components/with-processing/video-processing/index.d.ts.map
vendored
Normal file
1
dist/react/video-player/components/with-processing/video-processing/index.d.ts.map
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/react/video-player/components/with-processing/video-processing/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,UAAU,gBAAiB,SAAQ,mBAAmB;CAAG;AAEzD,QAAA,MAAM,eAAe,GAAI,eAAe,gBAAgB,4CAiBvD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
||||
8
dist/react/video-player/components/with-processing/video-processing/index.js
vendored
Normal file
8
dist/react/video-player/components/with-processing/video-processing/index.js
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
||||
import cn from "classnames";
|
||||
import styles from "./video-processing.module.scss";
|
||||
const VideoProcessing = ({ className }) => {
|
||||
return (_jsxs("div", { className: cn(styles.container, className), children: [_jsxs("div", { className: styles.spinner, children: [_jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar })] }), _jsx("p", { children: "\u0412\u0438\u0434\u0435\u043E \u043E\u0431\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442\u0441\u044F, \u043F\u043E\u0434\u043E\u0436\u0434\u0438\u0442\u0435" })] }));
|
||||
};
|
||||
export default VideoProcessing;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
dist/react/video-player/components/with-processing/video-processing/index.js.map
vendored
Normal file
1
dist/react/video-player/components/with-processing/video-processing/index.js.map
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/react/video-player/components/with-processing/video-processing/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAIpD,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC3D,OAAO,CACN,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,IACpC,EAEN,sMAAsC,IACjC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
||||
86
dist/react/video-player/components/with-processing/video-processing/video-processing.module.scss
vendored
Normal file
86
dist/react/video-player/components/with-processing/video-processing/video-processing.module.scss
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--Default-BgLight);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-top: 20px;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 100px;
|
||||
background-color: var(--Default-BgLight);
|
||||
}
|
||||
|
||||
.spinnerBar {
|
||||
position: absolute;
|
||||
width: 4px; /* Толщина палочек */
|
||||
height: 16px; /* Длина палочек */
|
||||
background: linear-gradient(to bottom, white, grey);
|
||||
border-radius: 4px;
|
||||
top: 25px; /* Отступ от центра (радиус внутреннего круга) */
|
||||
left: 48%;
|
||||
transform-origin: 48% 25px; /* Сдвиг оси вращения */
|
||||
animation: spinner-fade 1.2s linear infinite;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(1) {
|
||||
transform: rotate(0deg);
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(2) {
|
||||
transform: rotate(45deg);
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(3) {
|
||||
transform: rotate(90deg);
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(4) {
|
||||
transform: rotate(135deg);
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(5) {
|
||||
transform: rotate(180deg);
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(6) {
|
||||
transform: rotate(225deg);
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(7) {
|
||||
transform: rotate(270deg);
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
|
||||
.spinnerBar:nth-child(8) {
|
||||
transform: rotate(315deg);
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
|
||||
@keyframes spinner-fade {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user