bi-components-library 1.0.2 → 1.0.3
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/bi-components-library.css +1 -1
- package/dist/index.es.js +9 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +5 -5
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.video-card{overflow:hidden!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:relative}.video-card .ant-card-body{padding:0!important;border:none!important;border-radius:0!important;margin:0!important;height:100%!important;box-sizing:border-box}.video-card .ant-card{margin:0!important;padding:0!important;border-radius:0!important;height:100%!important;box-sizing:border-box}.video-card-container{position:relative;background:#000;width:100%!important;height:100%!important;overflow:hidden;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;display:block;box-sizing:border-box}.video-card:hover .video-card-container{width:100%!important;height:100%!important}.video-card video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-sizing:border-box;object-fit:cover!important;object-position:center!important}.video-card:hover video,.video-card video:hover,.video-card.playing video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:.8;transition:all .3s ease;cursor:pointer;background:#00000080;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.video-play-button:hover{opacity:1;background:#000000b3;transform:translate(-50%,-50%) scale(1.1)}.video-play-button.hovered{opacity:.6}.video-play-button.hovered:hover{opacity:1}.play-icon{font-size:32px;color:#fff;transition:all .3s ease}.video-loading-mask{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.play-icon{font-size:24px}.video-play-button{padding:8px}}@media (prefers-color-scheme: dark){.video-card{background:#1f1f1f}.video-play-button{background:#ffffff1a}.video-play-button:hover{background:#fff3}}.waterfall-container{position:relative;width:100%;min-height:200px}.waterfall-item{position:absolute;box-sizing:border-box}.waterfall-item .video-card{border-radius:
|
|
1
|
+
.video-card{overflow:hidden!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:relative}.video-card .ant-card-body{padding:0!important;border:none!important;border-radius:0!important;margin:0!important;height:100%!important;box-sizing:border-box}.video-card .ant-card{margin:0!important;padding:0!important;border-radius:0!important;height:100%!important;box-sizing:border-box}.video-card-container{position:relative;background:#000;width:100%!important;height:100%!important;overflow:hidden;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;display:block;box-sizing:border-box}.video-card:hover .video-card-container{width:100%!important;height:100%!important}.video-card video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-sizing:border-box;object-fit:cover!important;object-position:center!important}.video-card:hover video,.video-card video:hover,.video-card.playing video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:.8;transition:all .3s ease;cursor:pointer;background:#00000080;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.video-play-button:hover{opacity:1;background:#000000b3;transform:translate(-50%,-50%) scale(1.1)}.video-play-button.hovered{opacity:.6}.video-play-button.hovered:hover{opacity:1}.play-icon{font-size:32px;color:#fff;transition:all .3s ease}.video-loading-mask{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.play-icon{font-size:24px}.video-play-button{padding:8px}}@media (prefers-color-scheme: dark){.video-card{background:#1f1f1f}.video-play-button{background:#ffffff1a}.video-play-button:hover{background:#fff3}}.waterfall-container{position:relative;width:100%;min-height:200px}.waterfall-item{position:absolute;box-sizing:border-box}.waterfall-item .video-card{border-radius:6px!important}.waterfall-image-wrapper{width:100%;overflow:hidden;background:#f5f5f5;cursor:pointer;position:relative;border-radius:6px}.waterfall-image{width:100%;height:auto;display:block;border-radius:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.waterfall-item.loading{animation:pulse 1.5s ease-in-out infinite}@media (prefers-color-scheme: dark){.waterfall-image-wrapper{background:#1f1f1f}}
|
package/dist/index.es.js
CHANGED
|
@@ -1734,7 +1734,12 @@ const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mk
|
|
|
1734
1734
|
w ? C.current.set(g, w) : C.current.delete(g);
|
|
1735
1735
|
},
|
|
1736
1736
|
className: "waterfall-item",
|
|
1737
|
-
children: b === "video" ? /* @__PURE__ */ r.jsx("div", { style: {
|
|
1737
|
+
children: b === "video" ? /* @__PURE__ */ r.jsx("div", { style: {
|
|
1738
|
+
width: "100%",
|
|
1739
|
+
position: "relative",
|
|
1740
|
+
paddingBottom: "56.25%",
|
|
1741
|
+
cursor: i.onClick ? "pointer" : "default"
|
|
1742
|
+
}, children: /* @__PURE__ */ r.jsx("div", { style: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }, children: /* @__PURE__ */ r.jsx(
|
|
1738
1743
|
de,
|
|
1739
1744
|
{
|
|
1740
1745
|
src: i.url,
|
|
@@ -1751,6 +1756,7 @@ const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mk
|
|
|
1751
1756
|
{
|
|
1752
1757
|
className: "waterfall-image-wrapper",
|
|
1753
1758
|
onClick: () => A(i),
|
|
1759
|
+
style: { cursor: i.onClick ? "pointer" : "default" },
|
|
1754
1760
|
children: /* @__PURE__ */ r.jsx(
|
|
1755
1761
|
"img",
|
|
1756
1762
|
{
|
|
@@ -1758,7 +1764,8 @@ const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mk
|
|
|
1758
1764
|
alt: `瀑布流图片 ${y + 1}`,
|
|
1759
1765
|
className: "waterfall-image",
|
|
1760
1766
|
onLoad: h,
|
|
1761
|
-
onError: h
|
|
1767
|
+
onError: h,
|
|
1768
|
+
style: { display: "block", width: "100%", height: "auto" }
|
|
1762
1769
|
}
|
|
1763
1770
|
)
|
|
1764
1771
|
}
|