@chenkai_ioc/react-charts 0.1.0

package/dist/style.css

@@ -0,0 +1 @@
+._capsuleSwitch_1c26v_1{align-items:center;background:#00326499;border:1px solid rgba(0,150,255,.3);border-radius:20px;display:inline-flex;gap:4px;padding:2px;position:relative}._capsuleSlider_1c26v_11{background:linear-gradient(135deg,#06f,#09f);border-radius:18px;box-shadow:0 0 10px #0096ff80,0 0 20px #0096ff4d;height:calc(100% - 4px);left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:0}._capsuleItem_1c26v_23{align-items:center;border-radius:18px;color:#fff9;cursor:pointer;display:flex;flex:1;font-size:12px;justify-content:center;padding:4px 16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:1}._capsuleItem_1c26v_23:hover{color:#fffc}._capsuleItemActive_1c26v_42{color:#fff;font-weight:500}._totalCircle_1c6m5_1{position:relative}._circleBackground_1c6m5_4,._circleCenter_1c6m5_9{border-radius:50%;top:0;right:0;bottom:0;left:0;position:absolute}._circleCenter_1c6m5_9{z-index:1}._ringSvg_1c6m5_15{top:0;right:0;bottom:0;left:0;overflow:visible;position:absolute;z-index:2}._totalInner_1c6m5_21{align-items:center;border-radius:50%;display:flex;flex-direction:column;gap:3px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:4}._value_1c6m5_32{line-height:1}._label_1c6m5_35{line-height:1;white-space:nowrap}._container_61x1f_1{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;margin-top:10px;max-width:100%;overflow:hidden}._header_61x1f_9{align-items:center;background-color:#252526;border-bottom:1px solid #333;cursor:pointer;display:flex;justify-content:space-between;padding:8px 16px;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}._header_61x1f_9._collapsed_61x1f_20{border-bottom:none}._header_61x1f_9:hover{background-color:#2d2d2d}._titleArea_61x1f_26{align-items:center;display:flex;gap:8px}._titleArea_61x1f_26 ._icon_61x1f_31{color:#ccc;font-size:12px}._titleArea_61x1f_26 ._titleText_61x1f_35{color:#ccc;font-size:12px;font-weight:700}._copyButton_61x1f_40{background:transparent;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}._copyButton_61x1f_40:hover{background-color:#333;border-color:#777}._content_61x1f_54{color:#d4d4d4;font-size:13px;line-height:1.5;overflow-x:auto;padding:16px}._content_61x1f_54 pre{margin:0}._progressBarWrapper_1twrj_1{border:1px solid #014986;padding:3px;position:relative}._progressBarWrapper_1twrj_1._hideCorners_1twrj_6:after,._progressBarWrapper_1twrj_1._hideCorners_1twrj_6:before{display:none}._progressBarWrapper_1twrj_1:after,._progressBarWrapper_1twrj_1:before{border-color:var(--corner-color,#006dd1);border-style:solid;content:"";height:6px;position:absolute;width:6px}._progressBarWrapper_1twrj_1:before{border-width:1px 0 0 1px;left:-1px;top:-1px}._progressBarWrapper_1twrj_1:after{border-width:1px 1px 0 0;right:-1px;top:-1px}._progressBarBottomLeft_1twrj_29,._progressBarBottomRight_1twrj_30{border-color:var(--corner-color,#006dd1);border-style:solid;content:"";height:6px;position:absolute;width:6px}._progressBarBottomLeft_1twrj_29{border-width:0 0 1px 1px;bottom:-1px;box-shadow:-1px 0 #014986,0 1px #014986;left:-.7px}._progressBarBottomRight_1twrj_30{border-width:0 1px 1px 0;bottom:-1px;box-shadow:1px 0 #014986,0 1px #014986;right:-1px}._progressFill_1twrj_50{box-shadow:0 0 10px #0096ff80,inset 0 0 10px #fff3;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}._progressDot_1twrj_56{background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #0096ff99;height:13px;position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:12px}._mainContent_1nhzk_1{align-items:center;display:flex;gap:16px}._leftSection_1nhzk_6{flex-shrink:0}._iconCircle_1nhzk_9{align-items:center;display:flex;justify-content:center}._icon_1nhzk_9{filter:drop-shadow(0 0 10px rgba(0,200,255,.6));height:60px;-o-object-fit:contain;object-fit:contain;width:60px}._rightSection_1nhzk_20{display:flex;flex:1;flex-direction:column;gap:12px}._topBar_1nhzk_26{align-items:center;display:flex;gap:16px;justify-content:space-between}._dataDisplay_1nhzk_32{align-items:center;display:flex;gap:6px;width:100%}._factoryName_1nhzk_38{color:#fff;font-size:13px;font-weight:400}._dashedLine_1nhzk_43{border-bottom:1px dashed #0aa4fe;flex:1;height:1px;margin:0 8px}._dataGroup_1nhzk_49{display:flex;gap:8px}._percentage_1nhzk_53{color:#fffc8f;font-size:16px;font-weight:700;text-shadow:0 0 10px rgba(255,252,143,.6)}._value_1nhzk_59{color:#fffc8f;font-size:16px;font-weight:500}._gridContainer_vymgp_1{display:grid;height:100%;padding:15px 15px 0}._gridItem_vymgp_7{border-radius:4px;color:#fff;display:flex;flex-direction:column;gap:10px;text-align:center}._cardHeader_vymgp_15{background:linear-gradient(90deg,#0064c899,#0050a066);border:1px solid rgba(0,180,255,.8);border-radius:4px;box-shadow:0 0 8px #00c8ff99,inset 0 0 12px #00c8ff66;color:#fff;font-size:14px;padding:8px 16px;position:relative}._cardHeader_vymgp_15:before{border-bottom:7px solid transparent;border-left:7px solid #fffda6;content:"";height:0;left:0;position:absolute;top:0;width:0}._cardHeader_vymgp_15:after{border-right:7px solid #fffda6;border-top:7px solid transparent;bottom:0;content:"";height:0;position:absolute;right:0;width:0}._cardBody_vymgp_45{background:linear-gradient(90deg,#0064c899,#0050a066);flex:1;flex-direction:column;padding:10px}._cardBody_vymgp_45,._iconWrapper_vymgp_54{align-items:center;display:flex;justify-content:center}._iconWrapper_vymgp_54{background:radial-gradient(circle,rgba(0,150,255,.1) 0,transparent 70%);border:2px dashed rgba(0,150,255,.5);border-radius:4px;margin-bottom:15px}._icon_vymgp_54{filter:drop-shadow(0 0 10px rgba(0,200,255,.6));height:80px;-o-object-fit:contain;object-fit:contain;width:80px}._value_vymgp_69{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px rgba(0,200,255,.8)}._unit_vymgp_76{font-size:18px;font-weight:400;margin-left:4px}._trend_vymgp_81{color:#fffc;font-size:14px}._trendUp_vymgp_85{color:#ff6b6b;font-weight:700;margin:0 4px}._trendDown_vymgp_90{color:#51cf66;font-weight:700;margin:0 4px}._arrowUp_vymgp_95{border-bottom:6px solid #ff6b6b}._arrowDown_vymgp_105,._arrowUp_vymgp_95{border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin-left:4px;vertical-align:middle;width:0}._arrowDown_vymgp_105{border-top:6px solid #51cf66}._container_16kne_1{align-items:center;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}._container_16kne_1 ._topLine_16kne_12{border-radius:0 0 4px 4px;height:2px;left:50%;position:absolute;top:0;transform:translate(-50%);width:40%;z-index:1}._container_16kne_1 ._svgContainer_16kne_22{height:110px;position:relative;width:200px}._container_16kne_1 ._svgContainer_16kne_22 ._svg_16kne_22{overflow:visible}._container_16kne_1 ._svgContainer_16kne_22 ._svg_16kne_22 ._pathTransition_16kne_30{transition:stroke-dashoffset .6s ease-out}._container_16kne_1 ._svgContainer_16kne_22 ._ballContainer_16kne_33{height:200px;left:0;pointer-events:none;position:absolute;top:0;transform-origin:100px 100px;transition:transform .6s ease-out;width:200px}._container_16kne_1 ._svgContainer_16kne_22 ._ballContainer_16kne_33 ._ball_16kne_33{background:#fff;border-radius:50%;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}._container_16kne_1 ._svgContainer_16kne_22 ._textContainer_16kne_51{align-items:center;bottom:0;display:flex;flex-direction:column;height:100px;justify-content:flex-end;left:0;padding-bottom:10px;position:absolute;width:100%}._container_16kne_1 ._svgContainer_16kne_22 ._textContainer_16kne_51 ._valueText_16kne_63{color:#fff;font-size:36px;font-weight:700;line-height:1}._container_16kne_1 ._svgContainer_16kne_22 ._textContainer_16kne_51 ._labelText_16kne_69{color:#999;font-size:14px;margin-top:5px}._hologramContainer_1n17a_1{align-items:center;display:flex;flex-direction:column;height:180px;justify-content:flex-end;margin:0 20px;position:relative;width:140px}._title_1n17a_11{color:#fff;font-size:14px;letter-spacing:1px;opacity:.8;position:absolute;text-align:center;top:0;width:100%}._title_1n17a_11:after{background:linear-gradient(90deg,transparent,currentcolor,transparent);content:"";display:block;height:1px;margin:5px auto 0;opacity:.5;width:60%}@keyframes _float_1n17a_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes _beamPulse_1n17a_1{0%,to{opacity:.6}50%{opacity:.8}}._iconWrapper_1n17a_48{animation:_float_1n17a_1 3s ease-in-out infinite;bottom:30px;position:absolute;z-index:10}._iconWrapper_1n17a_48 svg{display:block;height:80px;width:80px}._beam_1n17a_59{animation:_beamPulse_1n17a_1 4s ease-in-out infinite;bottom:20px;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);height:120px;mix-blend-mode:screen;pointer-events:none;position:absolute;width:100%;z-index:5}._base_1n17a_70{border-radius:50%;height:36px;position:relative;width:100%;z-index:6}._base_1n17a_70:before{filter:blur(10px);height:120%;left:50%;opacity:.5;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}._base_1n17a_70:after,._base_1n17a_70:before{border-radius:50%;content:"";position:absolute}._base_1n17a_70:after{background:linear-gradient(180deg,#fff6,#fff0);box-shadow:inset 0 2px 4px #ffffff80;top:2px;right:2px;bottom:2px;left:2px}._blue_1n17a_98 ._iconWrapper_1n17a_48 svg{fill:#ccfbff;filter:drop-shadow(0 0 8px #00eaff)}._blue_1n17a_98 ._beam_1n17a_59{background:linear-gradient(180deg,#00eaff00,#00eaff99);box-shadow:0 0 20px #00eaff33}._blue_1n17a_98 ._base_1n17a_70{background:linear-gradient(90deg,#008c99,#00eaff 50%,#008c99);box-shadow:0 4px 10px #002f3399,inset 0 -2px 10px #00eaff66}._blue_1n17a_98 ._base_1n17a_70:before{background:#00eaff}._purple_1n17a_113 ._iconWrapper_1n17a_48 svg{fill:#edccff;filter:drop-shadow(0 0 8px #a600ff)}._purple_1n17a_113 ._beam_1n17a_59{background:linear-gradient(180deg,#a600ff00,#a600ff99);box-shadow:0 0 20px #a600ff33}._purple_1n17a_113 ._base_1n17a_70{background:linear-gradient(90deg,#640099,#a600ff 50%,#640099);box-shadow:0 4px 10px #21003399,inset 0 -2px 10px #a600ff66}._purple_1n17a_113 ._base_1n17a_70:before{background:#a600ff}._green_1n17a_128 ._iconWrapper_1n17a_48 svg{fill:#ccffe0;filter:drop-shadow(0 0 8px #00ff66)}._green_1n17a_128 ._beam_1n17a_59{background:linear-gradient(180deg,#0f60,#0f69);box-shadow:0 0 20px #0f63}._green_1n17a_128 ._base_1n17a_70{background:linear-gradient(90deg,#00993d,#0f6 50%,#00993d);box-shadow:0 4px 10px #00331499,inset 0 -2px 10px #0f66}._green_1n17a_128 ._base_1n17a_70:before{background:#0f6}._timeValue_jlvsx_1{align-items:center;display:flex;gap:9px}._digit_jlvsx_6{box-shadow:var(--screen-inspection-digit-shadow),var(--screen-inspection-digit-inner-shadow);text-shadow:var(--screen-inspection-digit-text-shadow);width:28px}._digit_jlvsx_6,._separator_jlvsx_23{align-items:center;background:var(--screen-inspection-digit-bg);border:1px solid var(--screen-inspection-digit-border);border-radius:4px;color:var(--screen-inspection-value-text);display:inline-flex;font-family:DIN,Arial Narrow,Arial,sans-serif;font-size:24px;font-weight:800;height:44px;justify-content:center;line-height:1}._separator_jlvsx_23{box-shadow:var(--screen-inspection-digit-shadow),var(--screen-inspection-separator-inner-shadow);width:20px}._container_9aode_1{align-items:center;block-size:100%;display:flex;font-family:sans-serif;gap:26px;min-block-size:0}._chartWrapper_9aode_9{align-items:center;aspect-ratio:1/1;block-size:80%;display:flex;flex:0 0 auto;justify-content:center;position:relative}._chart_9aode_9{block-size:100%;inline-size:100%}._centerDecoration_9aode_22{background:radial-gradient(circle at 28% 24%,#cdfffff2 0,#47d8f7b3 26%,#006fb3bf 58%,#002257f2);background:linear-gradient(0deg,#0079e9,#00285f);border-radius:50%;box-shadow:inset -14px -18px 22px #000a2a7a,inset 8px 8px 18px #ffffff52,0 0 18px #2ec9ff73;top:27.5%;right:27.5%;bottom:27.5%;left:27.5%;overflow:hidden;pointer-events:none;position:absolute}._centerImage_9aode_32{block-size:100%;display:block;inline-size:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute}._legend_9aode_40{display:flex;flex:1;flex-direction:column;height:100%;min-block-size:0;min-inline-size:0;overflow-y:auto;scrollbar-color:rgba(0,150,255,.5) transparent;scrollbar-width:thin}._legend_9aode_40::-webkit-scrollbar{width:6px}._legend_9aode_40::-webkit-scrollbar-track{background:transparent}._legend_9aode_40::-webkit-scrollbar-thumb{background:#0096ff80;border-radius:3px}._legend_9aode_40::-webkit-scrollbar-thumb:hover{background:#0096ffcc}._legendItem_9aode_66{align-items:center;background:#04377894;block-size:38px;border:1px solid rgba(21,119,219,.78);border-radius:9px;box-shadow:inset 0 0 12px #1577db2e;color:#eaf6ff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:14px;opacity:1;padding:8px 16px;transition:opacity .3s,background .3s,box-shadow .3s}._legendItemActive_9aode_83{background:linear-gradient(90deg,#084c99db,#074087b8);box-shadow:inset 0 0 16px #1d9cff57,0 0 8px #1885f53d}._legendItemHidden_9aode_87{opacity:.25}._legendItemDimmed_9aode_90{opacity:.5}._legendDot_9aode_93{aspect-ratio:1/1;background:#052656e6;block-size:14px;border:2px solid var(--inspection-pie-color);border-radius:50%;box-shadow:0 0 7px var(--inspection-pie-color),inset 0 0 0 3px #052656f2,inset 0 0 0 5px var(--inspection-pie-color);flex-shrink:0}._legendName_9aode_102{color:#e8f4ff;flex:1;min-inline-size:0;text-shadow:0 0 5px hsla(0,0%,100%,.35)}._legendPercent_9aode_109,._legendValue_9aode_108{color:#f4fbff;flex-shrink:0;text-align:right}._liquid-gauge-container_1ccr7_1{border:2px solid var(--gauge-color);border-radius:50%;box-shadow:0 0 0 4px #000,inset 0 0 20px #00000080;overflow:visible;position:relative}._liquid-gauge-container_1ccr7_1:before{border:1px solid var(--gauge-outer-border-color,#1884e9);border-radius:50%;box-shadow:0 0 5px var(--gauge-outer-border-color,#1884e9);content:"";top:-5px;right:-5px;bottom:-5px;left:-5px;opacity:.6;pointer-events:none;position:absolute;z-index:10}._liquid-gauge-inner_1ccr7_19{background-color:var(--gauge-bg,#0a0a0a);border-radius:50%;height:100%;overflow:hidden;position:relative;transform:translateZ(0);width:100%;will-change:transform;z-index:2}._liquid-gauge-inner_1ccr7_19:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 14 24'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.15)' d='M0 0v8l7 4 7-4V0M7 12v8l-7 4m7-4 7 4' shape-rendering='crispEdges'/%3E%3C/svg%3E");background-position:50%;background-size:14px 24px;content:"";height:100%;image-rendering:pixelated;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}._liquid-wave_1ccr7_44{animation:_rotate_1ccr7_1 12s linear infinite;background:var(--gauge-color);border-radius:38%;box-shadow:inset 0 0 0 1px #ffffff1a;filter:brightness(1.2) saturate(1.3);height:200%;left:50%;opacity:1;position:absolute;transform:translate(-50%,-50%);transition:top 1s cubic-bezier(.4,0,.2,1);width:200%;z-index:2}._liquid-wave_1ccr7_44._back_1ccr7_59{animation:_rotate_1ccr7_1 18s linear infinite reverse;background:var(--gauge-color);border-radius:35%;box-shadow:none;filter:brightness(1) saturate(1.2);opacity:1;z-index:1}._gauge-glass_1ccr7_68{background:linear-gradient(180deg,#ffffff59,#ffffff0d);border-radius:50%/70% 70% 30% 30%;filter:blur(3px);height:45%;left:5%;opacity:.7;top:2%;width:90%}._gauge-glass_1ccr7_68,._gauge-highlight_1ccr7_81{position:absolute;transform:translateZ(0);z-index:6}._gauge-highlight_1ccr7_81{background:radial-gradient(ellipse at center,var(--gauge-color) 0,transparent 70%);bottom:15%;filter:blur(6px);height:15%;left:25%;opacity:.5;width:50%}._gauge-text_1ccr7_93{font-size:28px;left:0;position:absolute;top:60%;width:100%;z-index:7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gauge-text-color,#fff);font-style:italic;font-weight:800;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);transform:translateY(-50%)}@keyframes _rotate_1ccr7_1{0%{transform:translate(-50%,-50%) rotate(0) translateZ(0)}to{transform:translate(-50%,-50%) rotate(1turn) translateZ(0)}}._container_vgkqe_1{width:120px}._card_vgkqe_7,._container_vgkqe_1{align-items:center;display:flex;flex-direction:column}._card_vgkqe_7{background:linear-gradient(180deg,#ffffff0d,#fff0);border-top:1px solid hsla(0,0%,100%,.1);box-sizing:border-box;height:160px;overflow:hidden;padding-top:20px;position:relative;transition:all .3s ease;width:100%}._card_vgkqe_7:hover{background:linear-gradient(180deg,#ffffff1a,#ffffff05);transform:translateY(-5px)}._labelTag_vgkqe_25{background:var(--peak-card-bg-color,rgba(68,138,255,.1));border:1px solid;border-color:var(--peak-card-border-color,rgba(68,138,255,.5));border-radius:2px;color:var(--peak-card-color,#448aff);font-size:12px;margin-bottom:15px;padding:4px 12px;position:relative;z-index:2}._valueWrapper_vgkqe_37{align-items:baseline;display:flex;margin-bottom:10px;position:relative;z-index:2}._valueWrapper_vgkqe_37 ._value_vgkqe_37{color:#fff;font-size:28px;font-weight:700;line-height:1}._valueWrapper_vgkqe_37 ._unit_vgkqe_50{color:#ccc;font-size:14px;margin-left:2px}._peakSvg_vgkqe_55{bottom:0;height:80px;left:0;position:absolute;width:100%;z-index:1}._bottomLabel_vgkqe_63{color:#fff;font-size:14px;margin-top:10px;opacity:.9}._ringProgress_fup0s_1{align-items:center;display:flex;flex:1;justify-content:center}._ringSvg_fup0s_7{height:100%;max-height:140px;max-width:120px;width:100%}._ringBar_fup0s_13{transition:stroke-dashoffset 1s ease-in-out}._ringText_fup0s_19,._ringValue_fup0s_16{transition:fill .3s ease}._statCard_1a1a8_1{align-items:center;display:flex;flex:1}._iconContainer_1a1a8_6{align-items:center;display:flex;justify-content:center}._iconImage_1a1a8_11{height:100%;width:100%}._textContainer_1a1a8_15{display:flex;flex-direction:column}._statsSection_1gsns_1{align-items:center;border-radius:4px;display:flex;justify-content:space-around;padding:0 20px;width:100%}._statItem_1gsns_9{align-items:center;display:flex;flex-direction:column;gap:8px}._statIcon_1gsns_15{align-items:center;display:flex;justify-content:center;margin-bottom:4px}._statLabel_1gsns_21{color:#ffffffb3;font-size:12px}._dimension_1gsns_25{color:#0ff;margin-left:4px}._secondaryLabel_1gsns_29{font-size:14px;font-weight:400}._statValue_1gsns_33{color:#0ff;font-size:24px;font-weight:700}._statValue_1gsns_33 ._unit_1gsns_38{font-size:14px;font-weight:400;margin-left:4px}._statTrend_1gsns_43{color:#fff9;font-size:12px}._statTrend_1gsns_43 ._trendUp_1gsns_47{color:#10b981;margin-left:4px}._statTrend_1gsns_43 ._trendDown_1gsns_51{color:#ef4444;margin-left:4px}._statDivider_1gsns_55{background:linear-gradient(180deg,transparent,rgba(0,150,255,.5),transparent);height:60px;width:1px}._statusItem_15op2_1{align-items:center;display:grid;gap:16px;grid-template-columns:48px 1fr;min-width:0}._statusIcon_15op2_8{background:#05327073;height:48px;-o-object-fit:contain;object-fit:contain;width:48px}._statusContent_15op2_14{min-width:0}._statusText_15op2_17{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:10px}._statusText_15op2_17 strong{font-size:18px;font-weight:700;min-width:48px;text-align:right}._progressTrack_15op2_32{background:#2260a594;height:10px;overflow:hidden;position:relative;width:100%}._progressFill_15op2_39{height:100%;left:0;position:absolute;top:0}._container_8d4wl_1{align-items:center;display:flex;flex-direction:column;padding:20px 0;width:100%}._navContainer_8d4wl_8{align-items:center;background:#121a30cc;display:flex;height:36px;padding:0;position:relative}._navContainer_8d4wl_8:before{background:#121a30cc;content:"";top:0;right:-20px;bottom:0;left:-20px;position:absolute;z-index:0}._tabItem_8d4wl_24{align-items:center;color:#a0c0ff;cursor:pointer;display:flex;font-size:14px;height:100%;justify-content:center;min-width:100px;padding:0 30px;position:relative;transition:all .3s ease;z-index:1}._tabItem_8d4wl_24._active_8d4wl_38{background:linear-gradient(180deg,#5c7cfa,#3b4cca);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);color:#fff;filter:drop-shadow(0 0 10px rgba(92,124,250,.6));margin:0 10px;transform:scale(1.15);z-index:2}._tabItem_8d4wl_24:not(._active_8d4wl_38):hover{color:#fff}._tabContent_8d4wl_50{position:relative;z-index:2}._glow_8d4wl_54{background:radial-gradient(circle at center,hsla(0,0%,100%,.2) 0,transparent 70%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}._container_19kgl_1{align-items:center;display:flex;flex-direction:column;padding-bottom:50px;position:relative;width:100%}._cardList_19kgl_9{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;position:relative;z-index:2}._itemWrapper_19kgl_18{height:240px;position:relative;transition:transform .3s ease;width:180px}._itemWrapper_19kgl_18:hover{transform:translateY(-10px)}._card_19kgl_9{align-items:center;background:linear-gradient(180deg,#001e46e6,#000a1ef2);box-shadow:inset 0 0 0 1px #00a0ff,inset 0 0 15px #0078ff66;box-sizing:border-box;clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px);display:flex;filter:drop-shadow(0 0 8px rgba(0,120,255,.5));flex-direction:column;height:100%;overflow:hidden;padding:30px 15px;position:relative;width:100%}._card_19kgl_9:before{background:#0ff;box-shadow:0 0 8px #0ff;content:"";height:3px;left:50%;position:absolute;top:0;transform:translate(-50%);width:24px;z-index:5}._card_19kgl_9:after{background:#09f;box-shadow:0 0 5px #09f;content:"";height:16px;left:0;position:absolute;top:40px;width:3px;z-index:5}._chamferAccent_19kgl_65{background:gold;box-shadow:0 0 5px gold;clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 0 2px rgba(255,215,0,.8));height:14px;left:0;position:absolute;top:0;width:14px;z-index:10}._iconWrapper_19kgl_77{align-items:center;background:linear-gradient(180deg,#008cff33,#0050c866);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);display:flex;height:80px;justify-content:center;margin-bottom:20px;position:relative;width:70px}._iconWrapper_19kgl_77:before{background:radial-gradient(circle at 50% 30%,hsla(0,0%,100%,.1) 0,transparent 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}._iconWrapper_19kgl_77:after{background:linear-gradient(0deg,rgba(0,200,255,.3) 0,transparent);bottom:0;content:"";height:50%;left:0;position:absolute;width:100%;z-index:1}._icon_19kgl_77{height:40px;-o-object-fit:contain;object-fit:contain;width:40px}._title_19kgl_113{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;text-shadow:0 0 5px rgba(0,100,255,.8)}._desc_19kgl_120{color:#a0cfff;font-size:12px;line-height:1.5;opacity:.8;text-align:center}._platformWrapper_19kgl_127{align-items:center;bottom:0;display:flex;flex-direction:column;height:80px;justify-content:flex-end;left:50%;pointer-events:none;position:absolute;transform:translate(-50%);width:95%;z-index:1}._platformTop_19kgl_141{background:linear-gradient(180deg,#001946f2,#003c96e6 60%,#0078dccc);border-bottom:1px solid rgba(0,40,100,.9);box-shadow:inset 0 -12px 24px #0096ff40,inset 0 10px 16px #0009,0 8px 14px #0009;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);height:64px;margin-bottom:-1px;position:relative;width:90%}._platformTop_19kgl_141:after{background:linear-gradient(180deg,transparent,rgba(0,180,255,.25));bottom:0;content:"";height:40%;left:0;position:absolute;width:100%}._platformFront_19kgl_160{background:linear-gradient(90deg,#002d6ef2,#0078ff 20%,#64e6ff,#0078ff 80%,#002d6ef2);border:1px solid rgba(0,120,255,.6);box-shadow:inset 0 2px 8px #0009,inset 0 -2px 8px #00a0ff66,0 8px 12px #0009;height:18px;position:relative;width:90%;z-index:2}._platformFront_19kgl_160:before{background:linear-gradient(90deg,transparent,rgba(120,220,255,.9) 50%,transparent);content:"";height:1px;left:0;position:absolute;top:0;width:100%}._container_1aq8g_1{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 10px;position:relative;width:100%}._bottomLine_1aq8g_10{background:linear-gradient(90deg,#00bfff,#00bfff00 60%,#00bfff00);bottom:0;height:2px;left:0;position:absolute;right:0}._decorationDots_1aq8g_18{bottom:0;display:flex;gap:4px;height:2px;justify-content:flex-end;position:absolute;right:0;width:40%}._decorationDots_1aq8g_18 ._dot_1aq8g_28{background:#e6a23c;height:2px;opacity:.8;width:10px}._title_1aq8g_34{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700}._title_1aq8g_34 ._icon_1aq8g_41{border-bottom:6px solid transparent;border-left:8px solid #e6a23c;border-top:6px solid transparent;display:inline-block;height:0;margin-right:8px;width:0}._tabs_1aq8g_50,._tabs_1aq8g_50 ._tabItem_1aq8g_55{align-items:center;display:flex;height:100%}._tabs_1aq8g_50 ._tabItem_1aq8g_55{background:transparent;color:#409eff;cursor:pointer;font-size:14px;padding:0 15px;position:relative;transition:all .3s}._tabs_1aq8g_50 ._tabItem_1aq8g_55._active_1aq8g_67{background:linear-gradient(180deg,#0096ff00,#0096ff99);color:#fff}._tabs_1aq8g_50 ._tabItem_1aq8g_55._active_1aq8g_67 ._activeLine_1aq8g_71{background:#fff;bottom:0;box-shadow:0 0 4px #fff;height:2px;left:0;position:absolute;right:0}._container_vytud_1{margin-bottom:20px;width:100%}._title_vytud_5{font-size:16px;font-weight:700;margin-bottom:8px}._barContainer_vytud_10{border-radius:18px;box-sizing:border-box;height:36px;padding:4px;position:relative;width:100%}._filledBar_vytud_18{align-items:center;border-radius:14px;display:flex;height:100%;position:relative;transition:width .5s ease-out}._percentageText_vytud_26{color:#fff;font-size:14px;font-weight:700;left:15px;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5)}._knob_vytud_34{background-color:#fff;border-radius:50%;height:24px;position:absolute;right:2px;width:24px}._container_1shdn_1{align-items:center;background-repeat:no-repeat;background-size:100% 100%;border-radius:4px;color:#fff;display:flex;height:100%;justify-content:space-between;padding:0 20px;position:relative;width:100%}._leftSection_1shdn_14{flex-direction:column;width:40%}._iconWrapper_1shdn_21,._leftSection_1shdn_14{align-items:center;display:flex;justify-content:center}._iconWrapper_1shdn_21{height:60px;margin-bottom:5px;width:60px}._iconWrapper_1shdn_21 img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}._fallbackIcon_1shdn_34{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 10px #00f2fe80;height:40px;transform:rotate(45deg);width:40px}._label_1shdn_41{font-size:16px;font-weight:700}._rightSection_1shdn_45{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-left:10px;width:60%}._title_1shdn_53{color:#e0e0e0;font-size:14px;margin-bottom:5px}._valueWrapper_1shdn_58{align-items:baseline;display:flex}._value_1shdn_58{color:#fff;font-size:32px;font-weight:700;margin-right:5px;text-shadow:0 0 10px hsla(0,0%,100%,.5)}._unit_1shdn_69{color:#fff;font-size:16px}._container_1kqcz_1{background:#030829;overflow:hidden;padding:30px;position:relative}._sciFiBorder_1kqcz_7{border:2px solid #0072ff;box-shadow:inset 0 0 15px #0072ff4d;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}._cornerDecoration_1kqcz_16{background:#4facfe;height:4px;position:absolute;width:40px;z-index:2}._cornerDecoration_1kqcz_16._cornerTopLeft_1kqcz_23{left:20px;top:0}._cornerDecoration_1kqcz_16._cornerTopRight_1kqcz_27{right:0;top:0}._cornerDecoration_1kqcz_16._cornerBottomLeft_1kqcz_31{bottom:0;left:0}._cornerDecoration_1kqcz_16._cornerBottomRight_1kqcz_35{bottom:0;right:20px}._topCenterDecoration_1kqcz_39{align-items:center;background:#030829;border-bottom:2px solid #0072ff;border-left:2px solid #0072ff;border-right:2px solid #0072ff;display:flex;height:8px;justify-content:center;left:50%;position:absolute;top:-2px;transform:translate(-50%);width:100px;z-index:2}._topCenterInner_1kqcz_55{background:#4facfe;height:2px;width:60px}._bottomRightLines_1kqcz_60{bottom:4px;display:flex;gap:4px;position:absolute;right:30px;z-index:2}._skewLine_1kqcz_68{background:#0072ff;height:6px;transform:skew(-30deg);width:12px}._contentList_1kqcz_74{display:flex;flex-direction:column;gap:20px;position:relative;z-index:3}._listItem_1kqcz_81{display:flex;flex-direction:column;gap:8px}._itemHeader_1kqcz_86{align-items:center;color:#fff;display:flex;font-size:14px}._rankBadge_1kqcz_92{align-items:center;background:linear-gradient(135deg,#ff9a44,#fc6076);border-radius:2px;box-shadow:0 0 5px #ff9a4480;display:flex;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:24px}._itemName_1kqcz_104{flex:1}._itemValue_1kqcz_107{color:#a1a8c3}._valueNumber_1kqcz_110{color:#fff;font-size:16px}._valuePercent_1kqcz_114{margin-left:4px}._progressBarContainer_1kqcz_117{background:#ffffff0d;height:12px;position:relative;width:100%}._progressBar_1kqcz_117{background:repeating-linear-gradient(90deg,#00f2fe,#00f2fe 3px,transparent 0,transparent 5px);box-shadow:0 0 10px #00f2fe80;height:100%}._container_15fyb_1{align-items:center;display:flex;height:50px;position:relative;width:100%}._background_15fyb_8{background-repeat:no-repeat;background-size:100% 100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}._decoration_15fyb_18{height:12px;position:absolute;top:50%;transform:translateY(-50%) skew(-20deg);width:12px}._decoration1_15fyb_25{left:10px;margin-right:5px}._decoration2_15fyb_29{left:26px}._textContainer_15fyb_32{align-items:baseline;display:flex;z-index:1}._title_15fyb_37{color:#fff;font-size:20px;font-style:italic;font-weight:700;margin-right:10px;text-shadow:0 0 10px rgba(0,200,255,.5)}._subTitle_15fyb_45{color:#fff9;font-size:14px}._customScrollbar_udav6_1{scrollbar-color:rgba(0,150,255,.5) transparent;scrollbar-width:thin}._customScrollbar_udav6_1::-webkit-scrollbar{width:6px}._customScrollbar_udav6_1::-webkit-scrollbar-track{background:transparent}._customScrollbar_udav6_1::-webkit-scrollbar-thumb{background:#0096ff80;border-radius:3px}._customScrollbar_udav6_1::-webkit-scrollbar-thumb:hover{background:#0096ffcc}._tabButtonGroup_ljpn5_1{display:flex;gap:12px;width:-moz-fit-content;width:fit-content}._tabButton_ljpn5_1{align-items:center;background:#00509666;border:1px solid rgba(0,150,255,.3);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:500;justify-content:center;outline:none;padding:3px 12px;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:opacity .2s;white-space:nowrap}._tabButtonActive_ljpn5_23{background:linear-gradient(135deg,#0096ff99,#0064c899);border-color:#00c8ffcc;box-shadow:0 0 10px #0096ff66,inset 0 0 10px #00c8ff33;color:#fff;text-shadow:0 0 8px rgba(0,200,255,.6),0 2px 4px rgba(0,0,0,.8)}._tabButtonDisabled_ljpn5_30{cursor:not-allowed;opacity:.5}._container_1egox_1{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100px;justify-content:center;padding:15px 20px;position:relative;width:380px;z-index:1}._backgroundSvg_1egox_13{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}._backgroundSvg_1egox_13 path{transition:all .3s ease}._contentWrapper_1egox_25{align-items:center;display:flex;height:100%}._iconBox_1egox_30{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);display:flex;height:60px;justify-content:center;margin-right:15px;width:60px}._iconBox_1egox_30 svg{display:block;height:40px;width:40px;fill:var(--tech-panel-color,#00eaff)}._info_1egox_46{display:flex;flex:1;flex-direction:column;height:50px;justify-content:center}._header_1egox_53{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:8px}._header_1egox_53 ._label_1egox_59{color:#ccc;font-size:14px}._header_1egox_53 ._value_1egox_63{font-size:24px;font-style:italic;font-weight:700;letter-spacing:1px;line-height:1}._progressBar_1egox_70{display:flex;gap:7px;height:12px;width:100%}._progressBar_1egox_70 ._block_1egox_76{background:#ffffff1a;flex-shrink:0;height:100%;transform:skew(-15deg);width:calc((100% - 7px*var(--gap-count, 19))/var(--total-blocks, 20))}._progressBar_1egox_70 ._block_1egox_76._active_1egox_83{background:var(--tech-panel-color,#00eaff);box-shadow:0 0 5px currentcolor;color:var(--tech-panel-color,#00eaff)}

package/dist/utils/echartsGL.d.ts

@@ -0,0 +1,5 @@
+import 'echarts-gl/lib/component/grid3D';
+import 'echarts-gl/lib/chart/surface';
+import 'echarts-gl/lib/chart/line3D';
+import 'echarts-gl/lib/chart/scatter3D';
+//# sourceMappingURL=echartsGL.d.ts.map

package/dist/utils/echartsGL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"echartsGL.d.ts","sourceRoot":"","sources":["../../src/utils/echartsGL.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@chenkai_ioc/react-charts",
+  "version": "0.1.0",
+  "description": "Reusable React chart and dashboard components built with ECharts.",
+  "license": "ISC",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "sync": "node ./scripts/sync-chart-source.mjs",
+    "build": "pnpm run sync && pnpm --dir ../.. exec vite build --config packages/react-charts/vite.config.ts && pnpm --dir ../.. exec tsc --project packages/react-charts/tsconfig.build.json",
+    "prepack": "pnpm run build",
+    "pack": "npm pack --dry-run",
+    "publish:public": "powershell -ExecutionPolicy Bypass -File ./scripts/publish.ps1"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5.0.0 || ^6.0.0",
+    "ahooks": "^3.0.0",
+    "antd": "^5.0.0 || ^6.0.0",
+    "classnames": "^2.0.0",
+    "echarts": "^5.0.0 || ^6.0.0",
+    "echarts-gl": "^2.0.0",
+    "echarts-for-react": "^3.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react-swc": "^3.0.0",
+    "typescript": "~5.7.2",
+    "vite": "^6.0.0"
+  }
+}