react-public-components 1.2.4 → 1.2.6

package/dist/index.cjs

@@ -1,35 +1,39 @@
 'use strict';
 
+var chunkCPQLXDBR_cjs = require('./chunk-CPQLXDBR.cjs');
+var chunkOONBZRPV_cjs = require('./chunk-OONBZRPV.cjs');
+var chunkTNZ2OLGW_cjs = require('./chunk-TNZ2OLGW.cjs');
+var chunkIRU5E252_cjs = require('./chunk-IRU5E252.cjs');
 var chunkDJQEBDEP_cjs = require('./chunk-DJQEBDEP.cjs');
 var chunkLFGBZXQH_cjs = require('./chunk-LFGBZXQH.cjs');
 var chunkUCG7ZVK5_cjs = require('./chunk-UCG7ZVK5.cjs');
 var chunkED3ZG2VX_cjs = require('./chunk-ED3ZG2VX.cjs');
 var chunkZVSN7ADO_cjs = require('./chunk-ZVSN7ADO.cjs');
-var chunkCPQLXDBR_cjs = require('./chunk-CPQLXDBR.cjs');
+var chunk5V4UAS6I_cjs = require('./chunk-5V4UAS6I.cjs');
+var chunkZKM664KC_cjs = require('./chunk-ZKM664KC.cjs');
+var chunkWDHU3BSM_cjs = require('./chunk-WDHU3BSM.cjs');
 var chunkJHVPDKBM_cjs = require('./chunk-JHVPDKBM.cjs');
 var chunkK3JC52JH_cjs = require('./chunk-K3JC52JH.cjs');
 var chunkHKALWFWZ_cjs = require('./chunk-HKALWFWZ.cjs');
 var chunkZFBLVX7E_cjs = require('./chunk-ZFBLVX7E.cjs');
 var chunkEUOBMHFF_cjs = require('./chunk-EUOBMHFF.cjs');
-var chunkOONBZRPV_cjs = require('./chunk-OONBZRPV.cjs');
-var chunkTNZ2OLGW_cjs = require('./chunk-TNZ2OLGW.cjs');
-var chunkIRU5E252_cjs = require('./chunk-IRU5E252.cjs');
+var chunkHSYTBMLN_cjs = require('./chunk-HSYTBMLN.cjs');
+var chunk5GOF5EZU_cjs = require('./chunk-5GOF5EZU.cjs');
 var chunk7SIUSULP_cjs = require('./chunk-7SIUSULP.cjs');
 var chunk7ZBA4NHH_cjs = require('./chunk-7ZBA4NHH.cjs');
 var chunkPYCSRJSF_cjs = require('./chunk-PYCSRJSF.cjs');
+var chunkQU33CY3M_cjs = require('./chunk-QU33CY3M.cjs');
 var chunkTNKJCJ3U_cjs = require('./chunk-TNKJCJ3U.cjs');
 var chunkZWKUHYTV_cjs = require('./chunk-ZWKUHYTV.cjs');
-var chunk5V4UAS6I_cjs = require('./chunk-5V4UAS6I.cjs');
-var chunkZKM664KC_cjs = require('./chunk-ZKM664KC.cjs');
-var chunkWDHU3BSM_cjs = require('./chunk-WDHU3BSM.cjs');
+var chunkQP3RKA4J_cjs = require('./chunk-QP3RKA4J.cjs');
 var chunk5E36FGRP_cjs = require('./chunk-5E36FGRP.cjs');
 var chunkEPYD35KB_cjs = require('./chunk-EPYD35KB.cjs');
 var chunkTUEVILTA_cjs = require('./chunk-TUEVILTA.cjs');
+var chunkV55FEQYU_cjs = require('./chunk-V55FEQYU.cjs');
 var chunkLFXMUCEO_cjs = require('./chunk-LFXMUCEO.cjs');
 var chunkVQKPZ4YE_cjs = require('./chunk-VQKPZ4YE.cjs');
 var chunkMGYDOC76_cjs = require('./chunk-MGYDOC76.cjs');
-var chunkHSYTBMLN_cjs = require('./chunk-HSYTBMLN.cjs');
-var chunk5GOF5EZU_cjs = require('./chunk-5GOF5EZU.cjs');
+var chunkODV3XF5W_cjs = require('./chunk-ODV3XF5W.cjs');
 var chunkAHTRLNYK_cjs = require('./chunk-AHTRLNYK.cjs');
 var chunkXWHITF5V_cjs = require('./chunk-XWHITF5V.cjs');
 var chunkYP4XTMK3_cjs = require('./chunk-YP4XTMK3.cjs');
@@ -37,7 +41,7 @@ var chunkF5X3V6A3_cjs = require('./chunk-F5X3V6A3.cjs');
 var chunkVJOO2DG3_cjs = require('./chunk-VJOO2DG3.cjs');
 var chunkUZB7GOEI_cjs = require('./chunk-UZB7GOEI.cjs');
 var chunkGMZSBGSL_cjs = require('./chunk-GMZSBGSL.cjs');
-var chunkQP3RKA4J_cjs = require('./chunk-QP3RKA4J.cjs');
+var chunkVF5P7XMC_cjs = require('./chunk-VF5P7XMC.cjs');
 var chunk2EIAWXFA_cjs = require('./chunk-2EIAWXFA.cjs');
 var chunkFZH5FL7X_cjs = require('./chunk-FZH5FL7X.cjs');
 var chunkH3AASAXK_cjs = require('./chunk-H3AASAXK.cjs');
@@ -45,7 +49,7 @@ var chunkODNGFJVN_cjs = require('./chunk-ODNGFJVN.cjs');
 var chunk5LA2NPLG_cjs = require('./chunk-5LA2NPLG.cjs');
 var chunkIPS7PC3M_cjs = require('./chunk-IPS7PC3M.cjs');
 var chunkVJM2XBHZ_cjs = require('./chunk-VJM2XBHZ.cjs');
-var chunkODV3XF5W_cjs = require('./chunk-ODV3XF5W.cjs');
+var chunkTUDLE3RT_cjs = require('./chunk-TUDLE3RT.cjs');
 var chunkRN5WU7KA_cjs = require('./chunk-RN5WU7KA.cjs');
 var chunkEKDJPOA3_cjs = require('./chunk-EKDJPOA3.cjs');
 var chunkU2EBNBGK_cjs = require('./chunk-U2EBNBGK.cjs');
@@ -53,18 +57,33 @@ var chunkQNSEJGF6_cjs = require('./chunk-QNSEJGF6.cjs');
 var chunkM3GQ7RCV_cjs = require('./chunk-M3GQ7RCV.cjs');
 var chunkUAUP5TJK_cjs = require('./chunk-UAUP5TJK.cjs');
 var chunk77ANKL4K_cjs = require('./chunk-77ANKL4K.cjs');
-var chunkVF5P7XMC_cjs = require('./chunk-VF5P7XMC.cjs');
 var chunkKGZNVN7P_cjs = require('./chunk-KGZNVN7P.cjs');
-var chunkB3HZIYQQ_cjs = require('./chunk-B3HZIYQQ.cjs');
+var chunkZXMFWVE4_cjs = require('./chunk-ZXMFWVE4.cjs');
 var chunk4TMBGQQE_cjs = require('./chunk-4TMBGQQE.cjs');
+require('./chunk-R4V3EJVP.cjs');
 var chunkD7ZE4NMX_cjs = require('./chunk-D7ZE4NMX.cjs');
 var chunkVIJ3PXCW_cjs = require('./chunk-VIJ3PXCW.cjs');
 var chunkAMCCRVHG_cjs = require('./chunk-AMCCRVHG.cjs');
-var chunkTUDLE3RT_cjs = require('./chunk-TUDLE3RT.cjs');
-require('./chunk-R4V3EJVP.cjs');
+var chunkUIU6VCEQ_cjs = require('./chunk-UIU6VCEQ.cjs');
 
 
 
+Object.defineProperty(exports, "Watermark", {
+  enumerable: true,
+  get: function () { return chunkCPQLXDBR_cjs.Watermark_default; }
+});
+Object.defineProperty(exports, "TagInput", {
+  enumerable: true,
+  get: function () { return chunkOONBZRPV_cjs.TagInput_default; }
+});
+Object.defineProperty(exports, "TextEllipsis", {
+  enumerable: true,
+  get: function () { return chunkTNZ2OLGW_cjs.TextEllipsis_default; }
+});
+Object.defineProperty(exports, "TiltCard", {
+  enumerable: true,
+  get: function () { return chunkIRU5E252_cjs.TiltCard_default; }
+});
 Object.defineProperty(exports, "TreeFilterPanel", {
   enumerable: true,
   get: function () { return chunkDJQEBDEP_cjs.TreeFilterPanel_default; }
@@ -85,9 +104,21 @@ Object.defineProperty(exports, "VirtualList", {
   enumerable: true,
   get: function () { return chunkZVSN7ADO_cjs.VirtualList_default; }
 });
-Object.defineProperty(exports, "Watermark", {
+Object.defineProperty(exports, "QuickDateRange", {
   enumerable: true,
-  get: function () { return chunkCPQLXDBR_cjs.Watermark_default; }
+  get: function () { return chunk5V4UAS6I_cjs.QuickDateRange_default; }
+});
+Object.defineProperty(exports, "ScrollTracker", {
+  enumerable: true,
+  get: function () { return chunkZKM664KC_cjs.ScrollTracker_default; }
+});
+Object.defineProperty(exports, "StickyHeader", {
+  enumerable: true,
+  get: function () { return chunkZKM664KC_cjs.StickyHeader; }
+});
+Object.defineProperty(exports, "SegmentedProgress", {
+  enumerable: true,
+  get: function () { return chunkWDHU3BSM_cjs.SegmentedProgress_default; }
 });
 Object.defineProperty(exports, "SensitiveMask", {
   enumerable: true,
@@ -113,17 +144,13 @@ Object.defineProperty(exports, "StatusTimeline", {
   enumerable: true,
   get: function () { return chunkEUOBMHFF_cjs.StatusTimeline_default; }
 });
-Object.defineProperty(exports, "TagInput", {
-  enumerable: true,
-  get: function () { return chunkOONBZRPV_cjs.TagInput_default; }
-});
-Object.defineProperty(exports, "TextEllipsis", {
+Object.defineProperty(exports, "MiniSparkline", {
   enumerable: true,
-  get: function () { return chunkTNZ2OLGW_cjs.TextEllipsis_default; }
+  get: function () { return chunkHSYTBMLN_cjs.MiniSparkline_default; }
 });
-Object.defineProperty(exports, "TiltCard", {
+Object.defineProperty(exports, "NumberStepper", {
   enumerable: true,
-  get: function () { return chunkIRU5E252_cjs.TiltCard_default; }
+  get: function () { return chunk5GOF5EZU_cjs.NumberStepper_default; }
 });
 Object.defineProperty(exports, "NumericRangeInput", {
   enumerable: true,
@@ -141,29 +168,25 @@ Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
   get: function () { return chunkPYCSRJSF_cjs.PdfViewer_default; }
 });
-Object.defineProperty(exports, "PhotoViewer", {
-  enumerable: true,
-  get: function () { return chunkTNKJCJ3U_cjs.PhotoViewer_default; }
-});
-Object.defineProperty(exports, "QrCodeCard", {
+Object.defineProperty(exports, "DEFAULT_PERIOD_OPTIONS", {
   enumerable: true,
-  get: function () { return chunkZWKUHYTV_cjs.QrCodeCard_default; }
+  get: function () { return chunkQU33CY3M_cjs.DEFAULT_PERIOD_OPTIONS; }
 });
-Object.defineProperty(exports, "QuickDateRange", {
+Object.defineProperty(exports, "PeriodSelect", {
   enumerable: true,
-  get: function () { return chunk5V4UAS6I_cjs.QuickDateRange_default; }
+  get: function () { return chunkQU33CY3M_cjs.PeriodSelect_default; }
 });
-Object.defineProperty(exports, "ScrollTracker", {
+Object.defineProperty(exports, "PhotoViewer", {
   enumerable: true,
-  get: function () { return chunkZKM664KC_cjs.ScrollTracker_default; }
+  get: function () { return chunkTNKJCJ3U_cjs.PhotoViewer_default; }
 });
-Object.defineProperty(exports, "StickyHeader", {
+Object.defineProperty(exports, "QrCodeCard", {
   enumerable: true,
-  get: function () { return chunkZKM664KC_cjs.StickyHeader; }
+  get: function () { return chunkZWKUHYTV_cjs.QrCodeCard_default; }
 });
-Object.defineProperty(exports, "SegmentedProgress", {
+Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunkWDHU3BSM_cjs.SegmentedProgress_default; }
+  get: function () { return chunkQP3RKA4J_cjs.JsonEditor_default; }
 });
 Object.defineProperty(exports, "JsonTree", {
   enumerable: true,
@@ -177,6 +200,10 @@ Object.defineProperty(exports, "KeyValEditor", {
   enumerable: true,
   get: function () { return chunkTUEVILTA_cjs.KeyValEditor_default; }
 });
+Object.defineProperty(exports, "LazyLoadBox", {
+  enumerable: true,
+  get: function () { return chunkV55FEQYU_cjs.LazyLoadBox_default; }
+});
 Object.defineProperty(exports, "Marquee", {
   enumerable: true,
   get: function () { return chunkLFXMUCEO_cjs.Marquee_default; }
@@ -189,13 +216,9 @@ Object.defineProperty(exports, "MetricCard", {
   enumerable: true,
   get: function () { return chunkMGYDOC76_cjs.MetricCard_default; }
 });
-Object.defineProperty(exports, "MiniSparkline", {
-  enumerable: true,
-  get: function () { return chunkHSYTBMLN_cjs.MiniSparkline_default; }
-});
-Object.defineProperty(exports, "NumberStepper", {
+Object.defineProperty(exports, "FlipCard", {
   enumerable: true,
-  get: function () { return chunk5GOF5EZU_cjs.NumberStepper_default; }
+  get: function () { return chunkODV3XF5W_cjs.FlipCard_default; }
 });
 Object.defineProperty(exports, "Fullscreen", {
   enumerable: true,
@@ -225,9 +248,9 @@ Object.defineProperty(exports, "JsonDiffViewer", {
   enumerable: true,
   get: function () { return chunkGMZSBGSL_cjs.JsonDiffViewer_default; }
 });
-Object.defineProperty(exports, "JsonEditor", {
+Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
-  get: function () { return chunkQP3RKA4J_cjs.JsonEditor_default; }
+  get: function () { return chunkVF5P7XMC_cjs.DiffViewer_default; }
 });
 Object.defineProperty(exports, "DisabledBox", {
   enumerable: true,
@@ -261,9 +284,25 @@ Object.defineProperty(exports, "FilterChips", {
   enumerable: true,
   get: function () { return chunkVJM2XBHZ_cjs.FilterChips_default; }
 });
-Object.defineProperty(exports, "FlipCard", {
+Object.defineProperty(exports, "CodeSnippet", {
   enumerable: true,
-  get: function () { return chunkODV3XF5W_cjs.FlipCard_default; }
+  get: function () { return chunkTUDLE3RT_cjs.CodeSnippet_default; }
+});
+Object.defineProperty(exports, "openInCodePen", {
+  enumerable: true,
+  get: function () { return chunkTUDLE3RT_cjs.openInCodePen; }
+});
+Object.defineProperty(exports, "openInCodeSandbox", {
+  enumerable: true,
+  get: function () { return chunkTUDLE3RT_cjs.openInCodeSandbox; }
+});
+Object.defineProperty(exports, "openInNewTab", {
+  enumerable: true,
+  get: function () { return chunkTUDLE3RT_cjs.openInNewTab; }
+});
+Object.defineProperty(exports, "openInStackBlitz", {
+  enumerable: true,
+  get: function () { return chunkTUDLE3RT_cjs.openInStackBlitz; }
 });
 Object.defineProperty(exports, "CollapseBox", {
   enumerable: true,
@@ -301,17 +340,13 @@ Object.defineProperty(exports, "DebounceSelect", {
   enumerable: true,
   get: function () { return chunk77ANKL4K_cjs.DebounceSelect_default; }
 });
-Object.defineProperty(exports, "DiffViewer", {
-  enumerable: true,
-  get: function () { return chunkVF5P7XMC_cjs.DiffViewer_default; }
-});
 Object.defineProperty(exports, "ActivityLog", {
   enumerable: true,
   get: function () { return chunkKGZNVN7P_cjs.ActivityLog_default; }
 });
 Object.defineProperty(exports, "AnnouncementBar", {
   enumerable: true,
-  get: function () { return chunkB3HZIYQQ_cjs.AnnouncementBar_default; }
+  get: function () { return chunkZXMFWVE4_cjs.AnnouncementBar_default; }
 });
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
@@ -329,25 +364,9 @@ Object.defineProperty(exports, "CascadeDrawer", {
   enumerable: true,
   get: function () { return chunkAMCCRVHG_cjs.CascadeDrawer_default; }
 });
-Object.defineProperty(exports, "CodeSnippet", {
-  enumerable: true,
-  get: function () { return chunkTUDLE3RT_cjs.CodeSnippet_default; }
-});
-Object.defineProperty(exports, "openInCodePen", {
-  enumerable: true,
-  get: function () { return chunkTUDLE3RT_cjs.openInCodePen; }
-});
-Object.defineProperty(exports, "openInCodeSandbox", {
+Object.defineProperty(exports, "CeilingBox", {
   enumerable: true,
-  get: function () { return chunkTUDLE3RT_cjs.openInCodeSandbox; }
-});
-Object.defineProperty(exports, "openInNewTab", {
-  enumerable: true,
-  get: function () { return chunkTUDLE3RT_cjs.openInNewTab; }
-});
-Object.defineProperty(exports, "openInStackBlitz", {
-  enumerable: true,
-  get: function () { return chunkTUDLE3RT_cjs.openInStackBlitz; }
+  get: function () { return chunkUIU6VCEQ_cjs.CeilingBox_default; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -4941,38 +4941,129 @@
 /* AnnouncementBar/index.less */
 .rpc_announcement_bar {
   width: 100%;
+  padding: 9px 40px 9px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-size: 13.5px;
+  font-weight: 500;
+  box-sizing: border-box;
+  user-select: none;
+  overflow: hidden;
+  max-height: 80px;
+  opacity: 1;
+  transition:
+    max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+    opacity 0.25s ease,
+    padding 0.25s ease;
+}
+.rpc_announcement_bar_sticky,
+.rpc_announcement_bar_fixed {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+.rpc_announcement_bar_closing {
+  max-height: 0 !important;
+  opacity: 0 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.rpc_announcement_bar_primary {
   background:
     linear-gradient(
       90deg,
       #1677ff 0%,
-      #722ed1 100%);
+      #391085 100%);
   color: #ffffff;
-  padding: 8px 16px;
+}
+.rpc_announcement_bar_purple {
+  background:
+    linear-gradient(
+      90deg,
+      #722ed1 0%,
+      #eb2f96 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_warning {
+  background:
+    linear-gradient(
+      90deg,
+      #fa8c16 0%,
+      #f5222d 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_success {
+  background:
+    linear-gradient(
+      90deg,
+      #389e0d 0%,
+      #0958d9 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_danger {
+  background:
+    linear-gradient(
+      90deg,
+      #cf1322 0%,
+      #fa541c 100%);
+  color: #ffffff;
+}
+.rpc_announcement_bar_body {
   display: flex;
   align-items: center;
   justify-content: center;
-  position: relative;
-  font-size: 13px;
-  font-weight: 500;
-  box-sizing: border-box;
-  user-select: none;
+  width: 100%;
+  overflow: hidden;
 }
 .rpc_announcement_bar_content {
   display: flex;
   align-items: center;
+  justify-content: center;
   gap: 8px;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+}
+.rpc_announcement_bar_marquee {
+  animation: rpcAnnouncementMarquee 15s linear infinite;
+  will-change: transform;
+}
+.rpc_announcement_bar_marquee:hover {
+  animation-play-state: paused;
 }
 .rpc_announcement_bar_close {
   position: absolute;
-  right: 16px;
-  background: none;
+  right: 14px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  background: transparent;
   border: none;
-  color: rgba(255, 255, 255, 0.8);
+  border-radius: 4px;
+  color: rgba(255, 255, 255, 0.85);
   cursor: pointer;
-  font-size: 14px;
+  transition: all 0.15s ease;
+  padding: 0;
+  outline: none;
 }
 .rpc_announcement_bar_close:hover {
   color: #ffffff;
+  background: rgba(255, 255, 255, 0.18);
+}
+.rpc_announcement_bar_close:active {
+  background: rgba(255, 255, 255, 0.28);
+}
+@keyframes rpcAnnouncementMarquee {
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
 }
 
 /* JsonDiffViewer/index.less */
@@ -5022,4 +5113,174 @@
   color: #8c8c8c;
   margin: 0 4px;
 }
+
+/* CeilingBox/index.less */
+.rpc_ceiling_box_wrapper {
+  position: relative;
+  box-sizing: border-box;
+}
+.rpc_ceiling_box {
+  box-sizing: border-box;
+  transition:
+    box-shadow 0.25s ease,
+    background 0.25s ease,
+    backdrop-filter 0.25s ease;
+}
+.rpc_ceiling_box_affixed {
+  transition:
+    top 0.15s ease,
+    bottom 0.15s ease,
+    box-shadow 0.25s ease;
+}
+.rpc_ceiling_box_blur {
+  background: rgba(255, 255, 255, 0.85) !important;
+  backdrop-filter: blur(12px) saturate(180%);
+  -webkit-backdrop-filter: blur(12px) saturate(180%);
+  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
+}
+
+/* PeriodSelect/index.less */
+.rpc_period_select {
+  --rpc-period-active-color: #1677ff;
+  display: inline-flex;
+  align-items: stretch;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background: #ffffff;
+  user-select: none;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.rpc_period_select_small {
+  height: 24px;
+}
+.rpc_period_select_small .rpc_period_select_item {
+  padding: 0 10px;
+  font-size: 12px;
+}
+.rpc_period_select_middle {
+  height: 28px;
+}
+.rpc_period_select_middle .rpc_period_select_item {
+  padding: 0 14px;
+  font-size: 14px;
+}
+.rpc_period_select_large {
+  height: 32px;
+}
+.rpc_period_select_large .rpc_period_select_item {
+  padding: 0 18px;
+  font-size: 15px;
+}
+.rpc_period_select_block {
+  display: flex;
+  width: 100%;
+}
+.rpc_period_select_block .rpc_period_select_item {
+  flex: 1;
+  text-align: center;
+}
+.rpc_period_select_disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+}
+.rpc_period_select_disabled .rpc_period_select_item {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.rpc_period_select_item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #333333;
+  cursor: pointer;
+  line-height: 1;
+  transition: color 0.15s ease, background-color 0.15s ease;
+}
+.rpc_period_select_item:hover:not(.rpc_period_select_item_disabled) {
+  color: var(--rpc-period-active-color);
+}
+.rpc_period_select_item_active {
+  color: var(--rpc-period-active-color);
+  font-weight: 500;
+}
+.rpc_period_select_item_disabled {
+  color: #bfbfbf;
+  cursor: not-allowed;
+}
+.rpc_period_select_text {
+  position: relative;
+  z-index: 2;
+}
+.rpc_period_select_active_line {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: var(--rpc-period-active-color);
+  z-index: 3;
+}
+
+/* LazyLoadBox/index.less */
+.rpc_lazy_load_box {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+}
+.rpc_lazy_load_box_fade_in {
+  animation: rpcLazyFadeIn 0.3s cubic-bezier(0.2, 0, 0, 1) forwards;
+}
+.rpc_lazy_load_placeholder {
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  background: #f5f5f7;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.rpc_lazy_load_placeholder_bordered {
+  border: 1px dashed #d9d9d9;
+}
+.rpc_lazy_load_skeleton {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background:
+    linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.6) 50%,
+      rgba(255, 255, 255, 0) 100%);
+  background-size: 200% 100%;
+  animation: rpcLazyShimmer 1.6s infinite ease-in-out;
+}
+@keyframes rpcLazyFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes rpcLazyShimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
 /*# sourceMappingURL=index.css.map */