react-public-components 1.2.0 → 1.2.2

package/dist/ImageCropper/index.css

@@ -0,0 +1,181 @@
+/* ImageCropper/index.less */
+.rpc_image_cropper {
+  position: relative;
+  box-sizing: border-box;
+  user-select: none;
+  background: #141414;
+  overflow: hidden;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.rpc_image_cropper_canvas_wrap {
+  position: relative;
+  width: 100%;
+  height: 360px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: grab;
+  overflow: hidden;
+}
+.rpc_image_cropper_canvas_wrap:active {
+  cursor: grabbing;
+}
+.rpc_image_cropper_canvas {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+.rpc_image_cropper_mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  box-sizing: border-box;
+}
+.rpc_image_cropper_crop_box {
+  position: absolute;
+  box-sizing: border-box;
+  border: 2px solid #1677ff;
+  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.55);
+  pointer-events: none;
+}
+.rpc_image_cropper_crop_box_round {
+  border-radius: 50%;
+}
+.rpc_image_cropper_crop_box_grid {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.rpc_image_cropper_crop_box_grid::before,
+.rpc_image_cropper_crop_box_grid::after {
+  content: "";
+  position: absolute;
+  background: rgba(255, 255, 255, 0.35);
+}
+.rpc_image_cropper_crop_box_grid::before {
+  top: 33.33%;
+  left: 0;
+  right: 0;
+  height: 33.33%;
+  border-top: 1px dashed rgba(255, 255, 255, 0.5);
+  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
+}
+.rpc_image_cropper_crop_box_grid::after {
+  left: 33.33%;
+  top: 0;
+  bottom: 0;
+  width: 33.33%;
+  border-left: 1px dashed rgba(255, 255, 255, 0.5);
+  border-right: 1px dashed rgba(255, 255, 255, 0.5);
+}
+.rpc_image_cropper_toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 12px 16px;
+  background: #1f1f1f;
+  width: 100%;
+  box-sizing: border-box;
+  border-top: 1px solid #303030;
+}
+.rpc_image_cropper_btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 6px;
+  background: #2a2a2a;
+  border: 1px solid #434343;
+  color: #ffffff;
+  font-size: 13px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.rpc_image_cropper_btn:hover {
+  background: #3a3a3a;
+  border-color: #1677ff;
+  color: #1677ff;
+}
+.rpc_image_cropper_btn_primary {
+  background: #1677ff;
+  border-color: #1677ff;
+}
+.rpc_image_cropper_btn_primary:hover {
+  background: #4096ff;
+  border-color: #4096ff;
+  color: #ffffff;
+}
+.rpc_cropper_modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.65);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2100;
+  padding: 20px;
+  box-sizing: border-box;
+  animation: rpcCropperFadeIn 0.2s ease-out;
+}
+.rpc_cropper_modal_card {
+  background: #ffffff;
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+  width: 100%;
+  max-width: 580px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.rpc_cropper_modal_header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #f0f0f0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1f1f1f;
+}
+.rpc_cropper_modal_close {
+  cursor: pointer;
+  color: #8c8c8c;
+  font-size: 16px;
+}
+.rpc_cropper_modal_close:hover {
+  color: #262626;
+}
+.rpc_cropper_modal_footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 14px 20px;
+  border-top: 1px solid #f0f0f0;
+  background: #fafafa;
+}
+@keyframes rpcCropperFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/ImageCropper/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../ImageCropper/index.less"],"sourcesContent":[".rpc_image_cropper {\n  position: relative;\n  box-sizing: border-box;\n  user-select: none;\n  background: #141414;\n  overflow: hidden;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.rpc_image_cropper_canvas_wrap {\n  position: relative;\n  width: 100%;\n  height: 360px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: grab;\n  overflow: hidden;\n}\n.rpc_image_cropper_canvas_wrap:active {\n  cursor: grabbing;\n}\n.rpc_image_cropper_canvas {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n}\n.rpc_image_cropper_mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n.rpc_image_cropper_crop_box {\n  position: absolute;\n  box-sizing: border-box;\n  border: 2px solid #1677ff;\n  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.55);\n  pointer-events: none;\n}\n.rpc_image_cropper_crop_box_round {\n  border-radius: 50%;\n}\n.rpc_image_cropper_crop_box_grid {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.rpc_image_cropper_crop_box_grid::before,\n.rpc_image_cropper_crop_box_grid::after {\n  content: '';\n  position: absolute;\n  background: rgba(255, 255, 255, 0.35);\n}\n.rpc_image_cropper_crop_box_grid::before {\n  top: 33.33%;\n  left: 0;\n  right: 0;\n  height: 33.33%;\n  border-top: 1px dashed rgba(255, 255, 255, 0.5);\n  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);\n}\n.rpc_image_cropper_crop_box_grid::after {\n  left: 33.33%;\n  top: 0;\n  bottom: 0;\n  width: 33.33%;\n  border-left: 1px dashed rgba(255, 255, 255, 0.5);\n  border-right: 1px dashed rgba(255, 255, 255, 0.5);\n}\n.rpc_image_cropper_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: #1f1f1f;\n  width: 100%;\n  box-sizing: border-box;\n  border-top: 1px solid #303030;\n}\n.rpc_image_cropper_btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: 6px;\n  background: #2a2a2a;\n  border: 1px solid #434343;\n  color: #ffffff;\n  font-size: 13px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.rpc_image_cropper_btn:hover {\n  background: #3a3a3a;\n  border-color: #1677ff;\n  color: #1677ff;\n}\n.rpc_image_cropper_btn_primary {\n  background: #1677ff;\n  border-color: #1677ff;\n}\n.rpc_image_cropper_btn_primary:hover {\n  background: #4096ff;\n  border-color: #4096ff;\n  color: #ffffff;\n}\n.rpc_cropper_modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.65);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2100;\n  padding: 20px;\n  box-sizing: border-box;\n  animation: rpcCropperFadeIn 0.2s ease-out;\n}\n.rpc_cropper_modal_card {\n  background: #ffffff;\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n  width: 100%;\n  max-width: 580px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n.rpc_cropper_modal_header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid #f0f0f0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1f1f1f;\n}\n.rpc_cropper_modal_close {\n  cursor: pointer;\n  color: #8c8c8c;\n  font-size: 16px;\n}\n.rpc_cropper_modal_close:hover {\n  color: #262626;\n}\n.rpc_cropper_modal_footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 14px 20px;\n  border-top: 1px solid #f0f0f0;\n  background: #fafafa;\n}\n@keyframes rpcCropperFadeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/ImageCropper/index.d.ts

@@ -0,0 +1,45 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export type CropShape = 'rect' | 'round';
+export interface CropResult {
+    dataURL: string;
+    blob: Blob | null;
+    width: number;
+    height: number;
+}
+export interface ImageCropperRef {
+    /** 获取当前裁剪结果（DataURL 与 Blob） */
+    getCroppedResult: (type?: string, quality?: number) => Promise<CropResult>;
+    /** 顺时针旋转 90 度 */
+    rotate: (degree?: number) => void;
+    /** 缩放图片 */
+    zoom: (delta: number) => void;
+    /** 重置所有变换参数 */
+    reset: () => void;
+}
+export interface ImageCropperProps {
+    /** 图片源地址或 Base64 字符串 */
+    src: string;
+    /** 裁剪框宽高比（如 1 代表 1:1 正方形，16/9 代表宽屏，0 代表自由矩形），默认为 1 */
+    aspectRatio?: number;
+    /** 裁剪框形状：'rect' 矩形，'round' 圆形（适合头像），默认为 'rect' */
+    shape?: CropShape;
+    /** 是否以 Modal 模态弹窗形式展示，默认为 false */
+    modal?: boolean;
+    /** Modal 模式下的标题，默认为 '图片裁剪' */
+    title?: ReactNode;
+    /** Modal 模式下的显隐受控状态 */
+    open?: boolean;
+    /** 确认裁剪回调 */
+    onOk?: (result: CropResult) => void;
+    /** 取消/关闭回调 */
+    onCancel?: () => void;
+    /** 容器高度（内联模式有效），默认为 360 */
+    height?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const ImageCropper: React.ForwardRefExoticComponent<ImageCropperProps & React.RefAttributes<ImageCropperRef>>;
+export default ImageCropper;

package/dist/ImageCropper/index.js

@@ -0,0 +1,4 @@
+export { ImageCropper_default as default } from '../chunk-IUR7SPDA.js';
+import '../chunk-TGSKTHTV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/ImageCropper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/InfiniteScrollList/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkDATPWEQK_cjs = require('../chunk-DATPWEQK.cjs');
+require('../chunk-Q4QF6UYX.cjs');
+
+
+
+module.exports = chunkDATPWEQK_cjs.InfiniteScrollList_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/InfiniteScrollList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/InfiniteScrollList/index.css

@@ -0,0 +1,35 @@
+/* InfiniteScrollList/index.less */
+.rpc_infinite_scroll_list {
+  position: relative;
+  box-sizing: border-box;
+}
+.rpc_infinite_scroll_list_container {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.rpc_infinite_scroll_list_footer {
+  padding: 16px 0;
+  text-align: center;
+  color: #8c8c8c;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+.rpc_infinite_scroll_list_end {
+  color: #bfbfbf;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+}
+.rpc_infinite_scroll_list_end::before,
+.rpc_infinite_scroll_list_end::after {
+  content: "";
+  width: 48px;
+  height: 1px;
+  background: #f0f0f0;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/InfiniteScrollList/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../InfiniteScrollList/index.less"],"sourcesContent":[".rpc_infinite_scroll_list {\n  position: relative;\n  box-sizing: border-box;\n}\n.rpc_infinite_scroll_list_container {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n.rpc_infinite_scroll_list_footer {\n  padding: 16px 0;\n  text-align: center;\n  color: #8c8c8c;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n.rpc_infinite_scroll_list_end {\n  color: #bfbfbf;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n}\n.rpc_infinite_scroll_list_end::before,\n.rpc_infinite_scroll_list_end::after {\n  content: '';\n  width: 48px;\n  height: 1px;\n  background: #f0f0f0;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACZ,8BAA4B;AAC9B;AACA,CAAC;AACC,WAAS,KAAK;AACd,cAAY;AACZ,SAAO;AACP,aAAW;AACX,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACP;AACA,CAAC;AACC,SAAO;AACP,aAAW;AACX,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACP;AACA,CARC,4BAQ4B;AAC7B,CATC,4BAS4B;AAC3B,WAAS;AACT,SAAO;AACP,UAAQ;AACR,cAAY;AACd;","names":[]}

package/dist/InfiniteScrollList/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface InfiniteScrollListProps {
+    /** 列表项子内容 */
+    children: ReactNode;
+    /** 是否还有更多数据可供加载 */
+    hasMore: boolean;
+    /** 当前是否正在加载下一页 */
+    loading: boolean;
+    /** 触底加载下一页回调 */
+    onLoadMore: () => void | Promise<void>;
+    /** 触发加载的触底距离阈值（像素），默认为 40 */
+    threshold?: number;
+    /** 没有更多数据时的底部提示内容，默认为 '已经到底啦 ~' */
+    endMessage?: ReactNode;
+    /** 加载中指示器组件，默认为 Spin 图标与 '正在加载更多...' */
+    loadingIndicator?: ReactNode;
+    /** 容器固定高度（传值时为局部滚动容器，不传时监听 window 全局滚动） */
+    height?: number | string;
+    /** 滚动容器 ref 或自定义对象 */
+    scrollableTarget?: HTMLElement | (() => HTMLElement | null) | null;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const InfiniteScrollList: React.FC<InfiniteScrollListProps>;
+export default InfiniteScrollList;

package/dist/InfiniteScrollList/index.js

@@ -0,0 +1,4 @@
+export { InfiniteScrollList_default as default } from '../chunk-5G3XVLJF.js';
+import '../chunk-TGSKTHTV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/InfiniteScrollList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/JsonDiffViewer/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var chunk4IBF4R3H_cjs = require('../chunk-4IBF4R3H.cjs');
+
+
+
+module.exports = chunk4IBF4R3H_cjs.JsonDiffViewer_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/JsonDiffViewer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/JsonDiffViewer/index.css

@@ -0,0 +1,48 @@
+/* JsonDiffViewer/index.less */
+.rpc_json_diff {
+  background: #1e1e1e;
+  color: #d4d4d4;
+  font-family: monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  padding: 14px 18px;
+  border-radius: 8px;
+  overflow-x: auto;
+  box-sizing: border-box;
+  user-select: text;
+}
+.rpc_json_diff_row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+.rpc_json_diff_row_added {
+  background: rgba(82, 196, 26, 0.15);
+  color: #73d13d;
+}
+.rpc_json_diff_row_removed {
+  background: rgba(255, 77, 79, 0.15);
+  color: #ff7875;
+  text-decoration: line-through;
+}
+.rpc_json_diff_row_modified {
+  background: rgba(250, 173, 20, 0.15);
+  color: #ffc53d;
+}
+.rpc_json_diff_row_unchanged {
+  color: #8c8c8c;
+}
+.rpc_json_diff_sign {
+  width: 14px;
+  font-weight: 700;
+}
+.rpc_json_diff_key {
+  color: #9cdcfe;
+}
+.rpc_json_diff_arrow {
+  color: #8c8c8c;
+  margin: 0 4px;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/JsonDiffViewer/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../JsonDiffViewer/index.less"],"sourcesContent":[".rpc_json_diff {\n  background: #1e1e1e;\n  color: #d4d4d4;\n  font-family: monospace;\n  font-size: 13px;\n  line-height: 1.6;\n  padding: 14px 18px;\n  border-radius: 8px;\n  overflow-x: auto;\n  box-sizing: border-box;\n  user-select: text;\n}\n.rpc_json_diff_row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 2px 4px;\n  border-radius: 4px;\n}\n.rpc_json_diff_row_added {\n  background: rgba(82, 196, 26, 0.15);\n  color: #73d13d;\n}\n.rpc_json_diff_row_removed {\n  background: rgba(255, 77, 79, 0.15);\n  color: #ff7875;\n  text-decoration: line-through;\n}\n.rpc_json_diff_row_modified {\n  background: rgba(250, 173, 20, 0.15);\n  color: #ffc53d;\n}\n.rpc_json_diff_row_unchanged {\n  color: #8c8c8c;\n}\n.rpc_json_diff_sign {\n  width: 14px;\n  font-weight: 700;\n}\n.rpc_json_diff_key {\n  color: #9cdcfe;\n}\n.rpc_json_diff_arrow {\n  color: #8c8c8c;\n  margin: 0 4px;\n}\n"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,SAAO;AACP,eAAa;AACb,aAAW;AACX,eAAa;AACb,WAAS,KAAK;AACd,iBAAe;AACf,cAAY;AACZ,cAAY;AACZ,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,IAAI;AACb,iBAAe;AACjB;AACA,CAAC;AACC,cAAY,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AAC9B,SAAO;AACT;AACA,CAAC;AACC,cAAY,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AAC9B,SAAO;AACP,mBAAiB;AACnB;AACA,CAAC;AACC,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AAC/B,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,eAAa;AACf;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACP,UAAQ,EAAE;AACZ;","names":[]}

package/dist/JsonDiffViewer/index.d.ts

@@ -0,0 +1,14 @@
+import React, { CSSProperties } from 'react';
+import './index.less';
+export interface JsonDiffViewerProps {
+    /** 变更前原始 JSON 对象 */
+    before: Record<string, any>;
+    /** 变更后最新 JSON 对象 */
+    after: Record<string, any>;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const JsonDiffViewer: React.FC<JsonDiffViewerProps>;
+export default JsonDiffViewer;

package/dist/JsonDiffViewer/index.js

@@ -0,0 +1,3 @@
+export { JsonDiffViewer_default as default } from '../chunk-X7EE5DXL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/JsonDiffViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/JsonEditor/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkKUW2ZR2A_cjs = require('../chunk-KUW2ZR2A.cjs');
+require('../chunk-5WHBZH44.cjs');
+require('../chunk-Q4QF6UYX.cjs');
+
+
+
+module.exports = chunkKUW2ZR2A_cjs.JsonEditor_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/JsonEditor/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/JsonEditor/index.css

@@ -0,0 +1,230 @@
+/* CopyButton/index.less */
+.rpc_copy_button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  box-sizing: border-box;
+  font-size: 14px;
+  line-height: 1.5714;
+  font-family: inherit;
+  cursor: pointer;
+  user-select: none;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  position: relative;
+  white-space: nowrap;
+}
+.rpc_copy_button_button {
+  height: 32px;
+  padding: 4px 15px;
+  border-radius: 6px;
+  border: 1px solid #d9d9d9;
+  background: #ffffff;
+  color: #262626;
+}
+.rpc_copy_button_button:hover:not(.rpc_copy_button_button_disabled) {
+  color: #4096ff;
+  border-color: #4096ff;
+}
+.rpc_copy_button_button:active:not(.rpc_copy_button_button_disabled) {
+  color: #0958d9;
+  border-color: #0958d9;
+}
+.rpc_copy_button_button.rpc_copy_button_primary {
+  background: #1677ff;
+  border-color: #1677ff;
+  color: #ffffff;
+}
+.rpc_copy_button_button.rpc_copy_button_primary:hover:not(.rpc_copy_button_disabled) {
+  background: #4096ff;
+  border-color: #4096ff;
+  color: #ffffff;
+}
+.rpc_copy_button_button.rpc_copy_button_copied {
+  color: #52c41a;
+  border-color: #b7eb8f;
+  background: #f6ffed;
+}
+.rpc_copy_button_button.rpc_copy_button_copied.rpc_copy_button_primary {
+  background: #52c41a;
+  border-color: #52c41a;
+  color: #ffffff;
+}
+.rpc_copy_button_icon {
+  padding: 4px;
+  border: none;
+  background: transparent;
+  color: #8c8c8c;
+  border-radius: 4px;
+}
+.rpc_copy_button_icon:hover:not(.rpc_copy_button_icon_disabled) {
+  color: #1677ff;
+  background: rgba(0, 0, 0, 0.04);
+}
+.rpc_copy_button_icon.rpc_copy_button_copied {
+  color: #52c41a;
+}
+.rpc_copy_button_inline {
+  padding: 0 4px;
+  border: none;
+  background: transparent;
+  color: #1677ff;
+}
+.rpc_copy_button_inline:hover:not(.rpc_copy_button_inline_disabled) {
+  color: #4096ff;
+  text-decoration: underline;
+}
+.rpc_copy_button_inline.rpc_copy_button_copied {
+  color: #52c41a;
+}
+.rpc_copy_button_disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+.rpc_copy_button_icon_wrap {
+  display: inline-flex;
+  align-items: center;
+  transition: transform 0.2s ease;
+}
+.rpc_copy_button_tooltip {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 50%;
+  transform: translateX(-50%) translateY(4px);
+  background: rgba(0, 0, 0, 0.85);
+  color: #ffffff;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  z-index: 1000;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+.rpc_copy_button_tooltip::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-top-color: rgba(0, 0, 0, 0.85);
+}
+.rpc_copy_button:hover .rpc_copy_button_tooltip_hover,
+.rpc_copy_button_tooltip_visible {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
+/* JsonEditor/index.less */
+.rpc_json_editor {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  background: #1e1e1e;
+  color: #d4d4d4;
+  border-radius: 8px;
+  border: 1px solid #333333;
+  font-family:
+    "Fira Code",
+    Consolas,
+    Monaco,
+    "Courier New",
+    monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  overflow: hidden;
+}
+.rpc_json_editor_toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 14px;
+  background: #252526;
+  border-bottom: 1px solid #333333;
+  user-select: none;
+}
+.rpc_json_editor_title {
+  font-size: 12px;
+  color: #9cdcfe;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.rpc_json_editor_actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.rpc_json_editor_btn {
+  padding: 3px 10px;
+  border-radius: 4px;
+  background: #333333;
+  border: 1px solid #444444;
+  color: #cccccc;
+  font-size: 12px;
+  cursor: pointer;
+  transition: all 0.15s;
+}
+.rpc_json_editor_btn:hover {
+  background: #444444;
+  color: #ffffff;
+  border-color: #1677ff;
+}
+.rpc_json_editor_body {
+  position: relative;
+  display: flex;
+  flex: 1;
+  min-height: 180px;
+  overflow: hidden;
+}
+.rpc_json_editor_line_numbers {
+  padding: 12px 10px;
+  background: #1e1e1e;
+  color: #858585;
+  text-align: right;
+  user-select: none;
+  border-right: 1px solid #2d2d2d;
+  font-size: 12px;
+  min-width: 32px;
+  box-sizing: border-box;
+}
+.rpc_json_editor_textarea {
+  flex: 1;
+  padding: 12px 14px;
+  background: transparent;
+  color: #d4d4d4;
+  border: none;
+  outline: none;
+  resize: none;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  tab-size: 2;
+  white-space: pre;
+  overflow: auto;
+  box-sizing: border-box;
+}
+.rpc_json_editor_textarea::selection {
+  background: #264f78;
+}
+.rpc_json_editor_status_bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 14px;
+  background: #007acc;
+  color: #ffffff;
+  font-size: 11px;
+  line-height: 1.4;
+}
+.rpc_json_editor_status_bar_error {
+  background: #d32f2f;
+}
+/*# sourceMappingURL=index.css.map */