react-public-components 1.2.0 → 1.2.1
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/README.md +56 -20
- package/dist/index.cjs +639 -771
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +36 -187
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +1 -81
- package/dist/index.d.ts +1 -81
- package/dist/index.js +632 -761
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -43,10 +43,8 @@ __export(index_exports, {
|
|
|
43
43
|
ContextMenu: () => ContextMenu_default,
|
|
44
44
|
CopyButton: () => CopyButton_default,
|
|
45
45
|
CountUp: () => CountUp_default,
|
|
46
|
-
CountdownButton: () => CountdownButton_default,
|
|
47
46
|
CronPicker: () => CronPicker_default,
|
|
48
47
|
DebounceSelect: () => DebounceSelect_default,
|
|
49
|
-
DiffTable: () => DiffTable_default,
|
|
50
48
|
DiffViewer: () => DiffViewer_default,
|
|
51
49
|
DisabledBox: () => DisabledBox_default,
|
|
52
50
|
DragSortList: () => DragSortList_default,
|
|
@@ -56,7 +54,6 @@ __export(index_exports, {
|
|
|
56
54
|
FilePreviewer: () => FilePreviewer_default,
|
|
57
55
|
FilterChips: () => FilterChips_default,
|
|
58
56
|
FlipCard: () => FlipCard_default,
|
|
59
|
-
FloatingActionBar: () => FloatingActionBar_default,
|
|
60
57
|
Fullscreen: () => Fullscreen_default,
|
|
61
58
|
GradientText: () => GradientText_default,
|
|
62
59
|
GuidedTour: () => GuidedTour_default,
|
|
@@ -287,107 +284,172 @@ var CloseOutlined = ({
|
|
|
287
284
|
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
288
285
|
"svg",
|
|
289
286
|
{
|
|
290
|
-
viewBox: "
|
|
287
|
+
viewBox: "0 0 1024 1024",
|
|
291
288
|
focusable: "false",
|
|
292
289
|
"data-icon": "close",
|
|
293
290
|
width: "1em",
|
|
294
291
|
height: "1em",
|
|
295
|
-
fill: "
|
|
292
|
+
fill: "none",
|
|
293
|
+
stroke: "currentColor",
|
|
294
|
+
strokeWidth: "84",
|
|
295
|
+
strokeLinecap: "round",
|
|
296
|
+
strokeLinejoin: "round",
|
|
296
297
|
"aria-hidden": "true",
|
|
297
298
|
style: { ...baseStyle, ...style },
|
|
298
299
|
className,
|
|
299
300
|
onClick,
|
|
300
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "
|
|
301
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M260 260l504 504M764 260L260 764" })
|
|
301
302
|
}
|
|
302
303
|
);
|
|
303
|
-
var FullscreenOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.
|
|
304
|
+
var FullscreenOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
304
305
|
"svg",
|
|
305
306
|
{
|
|
306
|
-
viewBox: "
|
|
307
|
+
viewBox: "0 0 1024 1024",
|
|
307
308
|
focusable: "false",
|
|
308
309
|
"data-icon": "fullscreen",
|
|
309
310
|
width: "1em",
|
|
310
311
|
height: "1em",
|
|
311
|
-
fill: "
|
|
312
|
+
fill: "none",
|
|
313
|
+
stroke: "currentColor",
|
|
314
|
+
strokeWidth: "88",
|
|
315
|
+
strokeLinecap: "round",
|
|
316
|
+
strokeLinejoin: "round",
|
|
312
317
|
"aria-hidden": "true",
|
|
313
318
|
style: { ...baseStyle, ...style },
|
|
314
319
|
className,
|
|
315
|
-
children:
|
|
320
|
+
children: [
|
|
321
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M380 180H180v200" }),
|
|
322
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M180 180l240 240" }),
|
|
323
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M644 180h200v200" }),
|
|
324
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M844 180L604 420" }),
|
|
325
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M180 644v200h200" }),
|
|
326
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M180 844l240-240" }),
|
|
327
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M844 644v200H644" }),
|
|
328
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M844 844L604 604" })
|
|
329
|
+
]
|
|
316
330
|
}
|
|
317
331
|
);
|
|
318
|
-
var FullscreenExitOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.
|
|
332
|
+
var FullscreenExitOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
319
333
|
"svg",
|
|
320
334
|
{
|
|
321
|
-
viewBox: "
|
|
335
|
+
viewBox: "0 0 1024 1024",
|
|
322
336
|
focusable: "false",
|
|
323
337
|
"data-icon": "fullscreen-exit",
|
|
324
338
|
width: "1em",
|
|
325
339
|
height: "1em",
|
|
326
|
-
fill: "
|
|
340
|
+
fill: "none",
|
|
341
|
+
stroke: "currentColor",
|
|
342
|
+
strokeWidth: "88",
|
|
343
|
+
strokeLinecap: "round",
|
|
344
|
+
strokeLinejoin: "round",
|
|
327
345
|
"aria-hidden": "true",
|
|
328
346
|
style: { ...baseStyle, ...style },
|
|
329
347
|
className,
|
|
330
|
-
children:
|
|
348
|
+
children: [
|
|
349
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M180 420h240V180" }),
|
|
350
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M420 420L180 180" }),
|
|
351
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M844 420H604V180" }),
|
|
352
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M604 420l240-240" }),
|
|
353
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M180 604h240v240" }),
|
|
354
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M420 604L180 844" }),
|
|
355
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M844 604H604v240" }),
|
|
356
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M604 604l240 240" })
|
|
357
|
+
]
|
|
331
358
|
}
|
|
332
359
|
);
|
|
333
|
-
var RotateRightOutlined = ({
|
|
360
|
+
var RotateRightOutlined = ({
|
|
361
|
+
style,
|
|
362
|
+
className,
|
|
363
|
+
onClick
|
|
364
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
334
365
|
"svg",
|
|
335
366
|
{
|
|
336
|
-
viewBox: "
|
|
367
|
+
viewBox: "0 0 1024 1024",
|
|
337
368
|
focusable: "false",
|
|
338
369
|
"data-icon": "rotate-right",
|
|
339
370
|
width: "1em",
|
|
340
371
|
height: "1em",
|
|
341
|
-
fill: "
|
|
372
|
+
fill: "none",
|
|
373
|
+
stroke: "currentColor",
|
|
374
|
+
strokeWidth: "80",
|
|
375
|
+
strokeLinecap: "round",
|
|
376
|
+
strokeLinejoin: "round",
|
|
342
377
|
"aria-hidden": "true",
|
|
343
378
|
style: { ...baseStyle, ...style },
|
|
344
379
|
className,
|
|
345
|
-
|
|
380
|
+
onClick,
|
|
381
|
+
children: [
|
|
382
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M896 512a384 384 0 1 1-112.5-271.5L896 341" }),
|
|
383
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M896 128v213h-213" })
|
|
384
|
+
]
|
|
346
385
|
}
|
|
347
386
|
);
|
|
348
|
-
var ZoomInOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.
|
|
387
|
+
var ZoomInOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
349
388
|
"svg",
|
|
350
389
|
{
|
|
351
|
-
viewBox: "
|
|
390
|
+
viewBox: "0 0 1024 1024",
|
|
352
391
|
focusable: "false",
|
|
353
392
|
"data-icon": "zoom-in",
|
|
354
393
|
width: "1em",
|
|
355
394
|
height: "1em",
|
|
356
|
-
fill: "
|
|
395
|
+
fill: "none",
|
|
396
|
+
stroke: "currentColor",
|
|
397
|
+
strokeWidth: "76",
|
|
398
|
+
strokeLinecap: "round",
|
|
399
|
+
strokeLinejoin: "round",
|
|
357
400
|
"aria-hidden": "true",
|
|
358
401
|
style: { ...baseStyle, ...style },
|
|
359
402
|
className,
|
|
360
|
-
children:
|
|
403
|
+
children: [
|
|
404
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "440", cy: "440", r: "280" }),
|
|
405
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M640 640l220 220", strokeWidth: "88" }),
|
|
406
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M440 320v240M320 440h240", strokeWidth: "80" })
|
|
407
|
+
]
|
|
361
408
|
}
|
|
362
409
|
);
|
|
363
|
-
var ZoomOutOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.
|
|
410
|
+
var ZoomOutOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
364
411
|
"svg",
|
|
365
412
|
{
|
|
366
|
-
viewBox: "
|
|
413
|
+
viewBox: "0 0 1024 1024",
|
|
367
414
|
focusable: "false",
|
|
368
415
|
"data-icon": "zoom-out",
|
|
369
416
|
width: "1em",
|
|
370
417
|
height: "1em",
|
|
371
|
-
fill: "
|
|
418
|
+
fill: "none",
|
|
419
|
+
stroke: "currentColor",
|
|
420
|
+
strokeWidth: "76",
|
|
421
|
+
strokeLinecap: "round",
|
|
422
|
+
strokeLinejoin: "round",
|
|
372
423
|
"aria-hidden": "true",
|
|
373
424
|
style: { ...baseStyle, ...style },
|
|
374
425
|
className,
|
|
375
|
-
children:
|
|
426
|
+
children: [
|
|
427
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "440", cy: "440", r: "280" }),
|
|
428
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M640 640l220 220", strokeWidth: "88" }),
|
|
429
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M320 440h240", strokeWidth: "80" })
|
|
430
|
+
]
|
|
376
431
|
}
|
|
377
432
|
);
|
|
378
|
-
var DownloadOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.
|
|
433
|
+
var DownloadOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
379
434
|
"svg",
|
|
380
435
|
{
|
|
381
|
-
viewBox: "
|
|
436
|
+
viewBox: "0 0 1024 1024",
|
|
382
437
|
focusable: "false",
|
|
383
438
|
"data-icon": "download",
|
|
384
439
|
width: "1em",
|
|
385
440
|
height: "1em",
|
|
386
|
-
fill: "
|
|
441
|
+
fill: "none",
|
|
442
|
+
stroke: "currentColor",
|
|
443
|
+
strokeWidth: "76",
|
|
444
|
+
strokeLinecap: "round",
|
|
445
|
+
strokeLinejoin: "round",
|
|
387
446
|
"aria-hidden": "true",
|
|
388
447
|
style: { ...baseStyle, ...style },
|
|
389
448
|
className,
|
|
390
|
-
children:
|
|
449
|
+
children: [
|
|
450
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M512 160v460M330 450l182 182 182-182" }),
|
|
451
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M200 680v160h624V680" })
|
|
452
|
+
]
|
|
391
453
|
}
|
|
392
454
|
);
|
|
393
455
|
var FileOutlined = ({ style, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -3316,8 +3378,11 @@ var Fullscreen = (0, import_react10.forwardRef)(
|
|
|
3316
3378
|
"div",
|
|
3317
3379
|
{
|
|
3318
3380
|
ref: containerRef,
|
|
3319
|
-
className: `rpc_fullscreen_container ${isWebFsActive ? "rpc_fullscreen_container_web_fullscreen" : ""} ${className}`,
|
|
3320
|
-
style
|
|
3381
|
+
className: `rpc_fullscreen_container ${isFullscreen ? "rpc_fullscreen_container_fullscreen" : ""} ${isWebFsActive ? "rpc_fullscreen_container_web_fullscreen" : ""} ${className}`,
|
|
3382
|
+
style: {
|
|
3383
|
+
...isFullscreen ? { backgroundColor: "#ffffff" } : {},
|
|
3384
|
+
...style
|
|
3385
|
+
},
|
|
3321
3386
|
children: [
|
|
3322
3387
|
showButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
3323
3388
|
"button",
|
|
@@ -4009,83 +4074,9 @@ FilePreviewer.preview = (options) => {
|
|
|
4009
4074
|
};
|
|
4010
4075
|
var FilePreviewer_default = FilePreviewer;
|
|
4011
4076
|
|
|
4012
|
-
// FloatingActionBar/index.tsx
|
|
4013
|
-
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
4014
|
-
var FloatingActionBar = ({
|
|
4015
|
-
open,
|
|
4016
|
-
selectedCount,
|
|
4017
|
-
totalCount,
|
|
4018
|
-
onClear,
|
|
4019
|
-
clearText = "\u53D6\u6D88\u9009\u62E9",
|
|
4020
|
-
actions = [],
|
|
4021
|
-
children,
|
|
4022
|
-
offsetBottom = 28,
|
|
4023
|
-
closable = false,
|
|
4024
|
-
onClose,
|
|
4025
|
-
className = "",
|
|
4026
|
-
style
|
|
4027
|
-
}) => {
|
|
4028
|
-
const isVisible = open !== void 0 ? open : selectedCount !== void 0 ? selectedCount > 0 : true;
|
|
4029
|
-
const countText = totalCount !== void 0 ? `\u5DF2\u9009 ${selectedCount != null ? selectedCount : 0} / \u5171 ${totalCount} \u9879` : `\u5DF2\u9009\u62E9 ${selectedCount != null ? selectedCount : 0} \u9879`;
|
|
4030
|
-
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
4031
|
-
"div",
|
|
4032
|
-
{
|
|
4033
|
-
className: `rpc_floating_action_bar ${isVisible ? "rpc_floating_action_bar_visible" : ""} ${className}`,
|
|
4034
|
-
style: {
|
|
4035
|
-
bottom: `${offsetBottom}px`,
|
|
4036
|
-
...style
|
|
4037
|
-
},
|
|
4038
|
-
children: [
|
|
4039
|
-
selectedCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rpc_floating_action_bar_count_badge", children: [
|
|
4040
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
|
|
4041
|
-
"\u5DF2\u9009 ",
|
|
4042
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rpc_floating_action_bar_count_number", children: selectedCount }),
|
|
4043
|
-
totalCount !== void 0 ? ` / ${totalCount}` : "",
|
|
4044
|
-
" \u9879"
|
|
4045
|
-
] }),
|
|
4046
|
-
onClear && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rpc_floating_action_bar_clear_btn", onClick: onClear, children: clearText })
|
|
4047
|
-
] }),
|
|
4048
|
-
selectedCount !== void 0 && (actions.length > 0 || children) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rpc_floating_action_bar_divider" }),
|
|
4049
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rpc_floating_action_bar_actions", children: [
|
|
4050
|
-
actions.map((action) => {
|
|
4051
|
-
const btnClass = [
|
|
4052
|
-
"rpc_floating_action_bar_btn",
|
|
4053
|
-
action.type === "primary" ? "rpc_floating_action_bar_btn_primary" : "",
|
|
4054
|
-
action.type === "danger" ? "rpc_floating_action_bar_btn_danger" : ""
|
|
4055
|
-
].filter(Boolean).join(" ");
|
|
4056
|
-
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
4057
|
-
"button",
|
|
4058
|
-
{
|
|
4059
|
-
type: "button",
|
|
4060
|
-
className: btnClass,
|
|
4061
|
-
disabled: action.disabled,
|
|
4062
|
-
onClick: action.onClick,
|
|
4063
|
-
children: [
|
|
4064
|
-
action.icon,
|
|
4065
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: action.label })
|
|
4066
|
-
]
|
|
4067
|
-
},
|
|
4068
|
-
action.key
|
|
4069
|
-
);
|
|
4070
|
-
}),
|
|
4071
|
-
children
|
|
4072
|
-
] }),
|
|
4073
|
-
closable && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
4074
|
-
CloseOutlined,
|
|
4075
|
-
{
|
|
4076
|
-
style: { cursor: "pointer", color: "#8c8c8c", fontSize: 13 },
|
|
4077
|
-
onClick: onClose
|
|
4078
|
-
}
|
|
4079
|
-
)
|
|
4080
|
-
]
|
|
4081
|
-
}
|
|
4082
|
-
);
|
|
4083
|
-
};
|
|
4084
|
-
var FloatingActionBar_default = FloatingActionBar;
|
|
4085
|
-
|
|
4086
4077
|
// TagInput/index.tsx
|
|
4087
4078
|
var import_react14 = require("react");
|
|
4088
|
-
var
|
|
4079
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
4089
4080
|
var TagInput = ({
|
|
4090
4081
|
value: controlledValue,
|
|
4091
4082
|
defaultValue = [],
|
|
@@ -4172,7 +4163,7 @@ var TagInput = ({
|
|
|
4172
4163
|
setInputValue(tag);
|
|
4173
4164
|
(_a = inputRef.current) == null ? void 0 : _a.focus();
|
|
4174
4165
|
};
|
|
4175
|
-
return /* @__PURE__ */ (0,
|
|
4166
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
4176
4167
|
"div",
|
|
4177
4168
|
{
|
|
4178
4169
|
ref: containerRef,
|
|
@@ -4187,15 +4178,15 @@ var TagInput = ({
|
|
|
4187
4178
|
if (renderTag) {
|
|
4188
4179
|
return renderTag(tag, idx, () => removeTag(idx));
|
|
4189
4180
|
}
|
|
4190
|
-
return /* @__PURE__ */ (0,
|
|
4181
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
4191
4182
|
"span",
|
|
4192
4183
|
{
|
|
4193
4184
|
className: "rpc_tag_input_tag",
|
|
4194
4185
|
onDoubleClick: () => handleDoubleClick(idx, tag),
|
|
4195
4186
|
title: "\u53CC\u51FB\u53EF\u91CD\u65B0\u7F16\u8F91",
|
|
4196
4187
|
children: [
|
|
4197
|
-
/* @__PURE__ */ (0,
|
|
4198
|
-
!disabled && /* @__PURE__ */ (0,
|
|
4188
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: tag }),
|
|
4189
|
+
!disabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
4199
4190
|
CloseOutlined,
|
|
4200
4191
|
{
|
|
4201
4192
|
className: "rpc_tag_input_tag_close",
|
|
@@ -4210,7 +4201,7 @@ var TagInput = ({
|
|
|
4210
4201
|
idx
|
|
4211
4202
|
);
|
|
4212
4203
|
}),
|
|
4213
|
-
(!maxCount || tags.length < maxCount) && /* @__PURE__ */ (0,
|
|
4204
|
+
(!maxCount || tags.length < maxCount) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
4214
4205
|
"input",
|
|
4215
4206
|
{
|
|
4216
4207
|
ref: inputRef,
|
|
@@ -4229,7 +4220,7 @@ var TagInput = ({
|
|
|
4229
4220
|
onBlur: handleBlur
|
|
4230
4221
|
}
|
|
4231
4222
|
),
|
|
4232
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
4223
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rpc_tag_input_error_tip", children: errorMessage })
|
|
4233
4224
|
]
|
|
4234
4225
|
}
|
|
4235
4226
|
);
|
|
@@ -4238,7 +4229,7 @@ var TagInput_default = TagInput;
|
|
|
4238
4229
|
|
|
4239
4230
|
// PasswordStrength/index.tsx
|
|
4240
4231
|
var import_react15 = require("react");
|
|
4241
|
-
var
|
|
4232
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
4242
4233
|
var defaultRules = [
|
|
4243
4234
|
{
|
|
4244
4235
|
key: "length",
|
|
@@ -4304,18 +4295,18 @@ var PasswordStrength = ({
|
|
|
4304
4295
|
return res;
|
|
4305
4296
|
}, [password, rules, onLevelChange]);
|
|
4306
4297
|
const currentInfo = levelConfig[level];
|
|
4307
|
-
return /* @__PURE__ */ (0,
|
|
4308
|
-
/* @__PURE__ */ (0,
|
|
4298
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `rpc_password_strength ${className}`, style, children: [
|
|
4299
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rpc_password_strength_bars", children: [1, 2, 3, 4].map((segIndex) => {
|
|
4309
4300
|
const isActive = level >= segIndex;
|
|
4310
4301
|
const segmentClass = [
|
|
4311
4302
|
"rpc_password_strength_bar_segment",
|
|
4312
4303
|
isActive && currentInfo.classSuffix ? `rpc_password_strength_bar_segment_active_${currentInfo.classSuffix}` : ""
|
|
4313
4304
|
].filter(Boolean).join(" ");
|
|
4314
|
-
return /* @__PURE__ */ (0,
|
|
4305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: segmentClass }, segIndex);
|
|
4315
4306
|
}) }),
|
|
4316
|
-
showText && /* @__PURE__ */ (0,
|
|
4317
|
-
/* @__PURE__ */ (0,
|
|
4318
|
-
/* @__PURE__ */ (0,
|
|
4307
|
+
showText && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rpc_password_strength_label", children: [
|
|
4308
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u5BC6\u7801\u5B89\u5168\u6027" }),
|
|
4309
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
4319
4310
|
"span",
|
|
4320
4311
|
{
|
|
4321
4312
|
className: "rpc_password_strength_level_text",
|
|
@@ -4324,15 +4315,15 @@ var PasswordStrength = ({
|
|
|
4324
4315
|
}
|
|
4325
4316
|
)
|
|
4326
4317
|
] }),
|
|
4327
|
-
showRules && /* @__PURE__ */ (0,
|
|
4318
|
+
showRules && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rpc_password_strength_rules", children: rules.map((r) => {
|
|
4328
4319
|
const isPassed = passedKeys.includes(r.key);
|
|
4329
|
-
return /* @__PURE__ */ (0,
|
|
4320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
4330
4321
|
"div",
|
|
4331
4322
|
{
|
|
4332
4323
|
className: `rpc_password_strength_rule_item ${isPassed ? "rpc_password_strength_rule_item_passed" : ""}`,
|
|
4333
4324
|
children: [
|
|
4334
|
-
isPassed ? /* @__PURE__ */ (0,
|
|
4335
|
-
/* @__PURE__ */ (0,
|
|
4325
|
+
isPassed ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CheckOutlined, { style: { fontSize: 11 } }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseOutlined, { style: { fontSize: 10, opacity: 0.5 } }),
|
|
4326
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: r.label })
|
|
4336
4327
|
]
|
|
4337
4328
|
},
|
|
4338
4329
|
r.key
|
|
@@ -4344,7 +4335,7 @@ var PasswordStrength_default = PasswordStrength;
|
|
|
4344
4335
|
|
|
4345
4336
|
// JsonEditor/index.tsx
|
|
4346
4337
|
var import_react16 = require("react");
|
|
4347
|
-
var
|
|
4338
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
4348
4339
|
function normalizeJson(val, indent = 2) {
|
|
4349
4340
|
if (val === void 0 || val === null) return "{\n \n}";
|
|
4350
4341
|
if (typeof val === "object") {
|
|
@@ -4442,23 +4433,23 @@ var JsonEditor = ({
|
|
|
4442
4433
|
const lineCount = (0, import_react16.useMemo)(() => {
|
|
4443
4434
|
return text.split("\n").length;
|
|
4444
4435
|
}, [text]);
|
|
4445
|
-
return /* @__PURE__ */ (0,
|
|
4436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
4446
4437
|
"div",
|
|
4447
4438
|
{
|
|
4448
4439
|
className: `rpc_json_editor ${className}`,
|
|
4449
4440
|
style: { height, ...style },
|
|
4450
4441
|
children: [
|
|
4451
|
-
showToolbar && /* @__PURE__ */ (0,
|
|
4452
|
-
/* @__PURE__ */ (0,
|
|
4453
|
-
/* @__PURE__ */ (0,
|
|
4454
|
-
/* @__PURE__ */ (0,
|
|
4442
|
+
showToolbar && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "rpc_json_editor_toolbar", children: [
|
|
4443
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "rpc_json_editor_title", children: [
|
|
4444
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "{ }" }),
|
|
4445
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
|
|
4455
4446
|
"JSON ",
|
|
4456
4447
|
readOnly ? "Viewer" : "Editor"
|
|
4457
4448
|
] })
|
|
4458
4449
|
] }),
|
|
4459
|
-
/* @__PURE__ */ (0,
|
|
4460
|
-
!readOnly && /* @__PURE__ */ (0,
|
|
4461
|
-
/* @__PURE__ */ (0,
|
|
4450
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "rpc_json_editor_actions", children: [
|
|
4451
|
+
!readOnly && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
|
|
4452
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
4462
4453
|
"button",
|
|
4463
4454
|
{
|
|
4464
4455
|
type: "button",
|
|
@@ -4468,7 +4459,7 @@ var JsonEditor = ({
|
|
|
4468
4459
|
children: "\u7F8E\u5316"
|
|
4469
4460
|
}
|
|
4470
4461
|
),
|
|
4471
|
-
/* @__PURE__ */ (0,
|
|
4462
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
4472
4463
|
"button",
|
|
4473
4464
|
{
|
|
4474
4465
|
type: "button",
|
|
@@ -4479,12 +4470,12 @@ var JsonEditor = ({
|
|
|
4479
4470
|
}
|
|
4480
4471
|
)
|
|
4481
4472
|
] }),
|
|
4482
|
-
/* @__PURE__ */ (0,
|
|
4473
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236 JSON" })
|
|
4483
4474
|
] })
|
|
4484
4475
|
] }),
|
|
4485
|
-
/* @__PURE__ */ (0,
|
|
4486
|
-
showLineNumbers && /* @__PURE__ */ (0,
|
|
4487
|
-
/* @__PURE__ */ (0,
|
|
4476
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "rpc_json_editor_body", children: [
|
|
4477
|
+
showLineNumbers && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "rpc_json_editor_line_numbers", children: Array.from({ length: Math.max(1, lineCount) }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: i + 1 }, i)) }),
|
|
4478
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
4488
4479
|
"textarea",
|
|
4489
4480
|
{
|
|
4490
4481
|
ref: textareaRef,
|
|
@@ -4498,13 +4489,13 @@ var JsonEditor = ({
|
|
|
4498
4489
|
}
|
|
4499
4490
|
)
|
|
4500
4491
|
] }),
|
|
4501
|
-
/* @__PURE__ */ (0,
|
|
4492
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
4502
4493
|
"div",
|
|
4503
4494
|
{
|
|
4504
4495
|
className: `rpc_json_editor_status_bar ${error ? "rpc_json_editor_status_bar_error" : ""}`,
|
|
4505
4496
|
children: [
|
|
4506
|
-
/* @__PURE__ */ (0,
|
|
4507
|
-
/* @__PURE__ */ (0,
|
|
4497
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: error ? `\u26A0\uFE0F ${error}` : "\u2713 JSON \u683C\u5F0F\u6709\u6548" }),
|
|
4498
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
|
|
4508
4499
|
lineCount,
|
|
4509
4500
|
" \u884C \xB7 ",
|
|
4510
4501
|
text.length,
|
|
@@ -4521,7 +4512,7 @@ var JsonEditor_default = JsonEditor;
|
|
|
4521
4512
|
|
|
4522
4513
|
// InfiniteScrollList/index.tsx
|
|
4523
4514
|
var import_react17 = require("react");
|
|
4524
|
-
var
|
|
4515
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
4525
4516
|
var InfiniteScrollList = ({
|
|
4526
4517
|
children,
|
|
4527
4518
|
hasMore,
|
|
@@ -4561,12 +4552,12 @@ var InfiniteScrollList = ({
|
|
|
4561
4552
|
observer.observe(sentinel);
|
|
4562
4553
|
return () => observer.disconnect();
|
|
4563
4554
|
}, [height, scrollableTarget, threshold, handleLoadMore]);
|
|
4564
|
-
const defaultLoadingIndicator = /* @__PURE__ */ (0,
|
|
4565
|
-
/* @__PURE__ */ (0,
|
|
4566
|
-
/* @__PURE__ */ (0,
|
|
4555
|
+
const defaultLoadingIndicator = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rpc_infinite_scroll_list_footer", children: [
|
|
4556
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LoadingOutlined, { style: { fontSize: 16, color: "#1677ff" } }),
|
|
4557
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u591A\u6570\u636E..." })
|
|
4567
4558
|
] });
|
|
4568
4559
|
const isLocalScroll = Boolean(height);
|
|
4569
|
-
return /* @__PURE__ */ (0,
|
|
4560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
4570
4561
|
"div",
|
|
4571
4562
|
{
|
|
4572
4563
|
ref: containerRef,
|
|
@@ -4577,9 +4568,9 @@ var InfiniteScrollList = ({
|
|
|
4577
4568
|
},
|
|
4578
4569
|
children: [
|
|
4579
4570
|
children,
|
|
4580
|
-
/* @__PURE__ */ (0,
|
|
4571
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref: sentinelRef, style: { height: 1, margin: 0, padding: 0 } }),
|
|
4581
4572
|
loading && (loadingIndicator || defaultLoadingIndicator),
|
|
4582
|
-
!hasMore && endMessage && /* @__PURE__ */ (0,
|
|
4573
|
+
!hasMore && endMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "rpc_infinite_scroll_list_footer rpc_infinite_scroll_list_end", children: endMessage })
|
|
4583
4574
|
]
|
|
4584
4575
|
}
|
|
4585
4576
|
);
|
|
@@ -4588,7 +4579,7 @@ var InfiniteScrollList_default = InfiniteScrollList;
|
|
|
4588
4579
|
|
|
4589
4580
|
// Marquee/index.tsx
|
|
4590
4581
|
var import_react18 = require("react");
|
|
4591
|
-
var
|
|
4582
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
4592
4583
|
var Marquee = ({
|
|
4593
4584
|
children,
|
|
4594
4585
|
direction = "left",
|
|
@@ -4621,7 +4612,7 @@ var Marquee = ({
|
|
|
4621
4612
|
if (direction === "right") animName = "rpcMarqueeRight";
|
|
4622
4613
|
else if (direction === "up") animName = "rpcMarqueeUp";
|
|
4623
4614
|
else if (direction === "down") animName = "rpcMarqueeDown";
|
|
4624
|
-
return /* @__PURE__ */ (0,
|
|
4615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4625
4616
|
"div",
|
|
4626
4617
|
{
|
|
4627
4618
|
ref: containerRef,
|
|
@@ -4631,7 +4622,7 @@ var Marquee = ({
|
|
|
4631
4622
|
["--rpc-marquee-gradient-color"]: gradientColor,
|
|
4632
4623
|
...style
|
|
4633
4624
|
},
|
|
4634
|
-
children: /* @__PURE__ */ (0,
|
|
4625
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
4635
4626
|
"div",
|
|
4636
4627
|
{
|
|
4637
4628
|
className: "rpc_marquee_container",
|
|
@@ -4643,8 +4634,8 @@ var Marquee = ({
|
|
|
4643
4634
|
animationPlayState: play ? "running" : "paused"
|
|
4644
4635
|
},
|
|
4645
4636
|
children: [
|
|
4646
|
-
/* @__PURE__ */ (0,
|
|
4647
|
-
/* @__PURE__ */ (0,
|
|
4637
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: contentRef, className: "rpc_marquee_content", children }),
|
|
4638
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "rpc_marquee_content", "aria-hidden": "true", children })
|
|
4648
4639
|
]
|
|
4649
4640
|
}
|
|
4650
4641
|
)
|
|
@@ -4655,7 +4646,7 @@ var Marquee_default = Marquee;
|
|
|
4655
4646
|
|
|
4656
4647
|
// SpotlightCard/index.tsx
|
|
4657
4648
|
var import_react19 = require("react");
|
|
4658
|
-
var
|
|
4649
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
4659
4650
|
var SpotlightCard = ({
|
|
4660
4651
|
children,
|
|
4661
4652
|
spotlightColor = "rgba(22, 119, 255, 0.15)",
|
|
@@ -4674,7 +4665,7 @@ var SpotlightCard = ({
|
|
|
4674
4665
|
y: e.clientY - rect.top
|
|
4675
4666
|
});
|
|
4676
4667
|
};
|
|
4677
|
-
return /* @__PURE__ */ (0,
|
|
4668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
4678
4669
|
"div",
|
|
4679
4670
|
{
|
|
4680
4671
|
ref: cardRef,
|
|
@@ -4682,7 +4673,7 @@ var SpotlightCard = ({
|
|
|
4682
4673
|
className: `rpc_spotlight_card ${dark ? "rpc_spotlight_card_dark" : ""} ${className}`,
|
|
4683
4674
|
style,
|
|
4684
4675
|
children: [
|
|
4685
|
-
/* @__PURE__ */ (0,
|
|
4676
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4686
4677
|
"div",
|
|
4687
4678
|
{
|
|
4688
4679
|
className: "rpc_spotlight_card_spotlight",
|
|
@@ -4691,7 +4682,7 @@ var SpotlightCard = ({
|
|
|
4691
4682
|
}
|
|
4692
4683
|
}
|
|
4693
4684
|
),
|
|
4694
|
-
/* @__PURE__ */ (0,
|
|
4685
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "rpc_spotlight_card_content", children })
|
|
4695
4686
|
]
|
|
4696
4687
|
}
|
|
4697
4688
|
);
|
|
@@ -4700,7 +4691,7 @@ var SpotlightCard_default = SpotlightCard;
|
|
|
4700
4691
|
|
|
4701
4692
|
// SensitiveMask/index.tsx
|
|
4702
4693
|
var import_react20 = require("react");
|
|
4703
|
-
var
|
|
4694
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
4704
4695
|
function maskSensitiveText(raw, type = "phone", maskSymbol = "*", startCount, endCount) {
|
|
4705
4696
|
if (!raw) return "";
|
|
4706
4697
|
switch (type) {
|
|
@@ -4758,17 +4749,17 @@ var SensitiveMask = ({
|
|
|
4758
4749
|
}
|
|
4759
4750
|
setMasked(nextState);
|
|
4760
4751
|
};
|
|
4761
|
-
return /* @__PURE__ */ (0,
|
|
4762
|
-
/* @__PURE__ */ (0,
|
|
4763
|
-
toggleable && /* @__PURE__ */ (0,
|
|
4764
|
-
copyable && /* @__PURE__ */ (0,
|
|
4752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: `rpc_sensitive_mask ${className}`, style, children: [
|
|
4753
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "rpc_sensitive_mask_text", children: displayText }),
|
|
4754
|
+
toggleable && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "rpc_sensitive_mask_action_btn", onClick: handleToggle, title: masked ? "\u70B9\u51FB\u67E5\u770B\u660E\u6587" : "\u70B9\u51FB\u9690\u85CF", children: masked ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EyeOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EyeInvisibleOutlined, {}) }),
|
|
4755
|
+
copyable && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236\u660E\u6587" })
|
|
4765
4756
|
] });
|
|
4766
4757
|
};
|
|
4767
4758
|
var SensitiveMask_default = SensitiveMask;
|
|
4768
4759
|
|
|
4769
4760
|
// DiffViewer/index.tsx
|
|
4770
4761
|
var import_react21 = require("react");
|
|
4771
|
-
var
|
|
4762
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
4772
4763
|
function computeLineDiff(oldStr, newStr) {
|
|
4773
4764
|
const oldLines = oldStr.split("\n");
|
|
4774
4765
|
const newLines = newStr.split("\n");
|
|
@@ -4837,21 +4828,21 @@ var DiffViewer = ({
|
|
|
4837
4828
|
});
|
|
4838
4829
|
return { added, removed };
|
|
4839
4830
|
}, [diffLines]);
|
|
4840
|
-
return /* @__PURE__ */ (0,
|
|
4841
|
-
/* @__PURE__ */ (0,
|
|
4842
|
-
/* @__PURE__ */ (0,
|
|
4843
|
-
/* @__PURE__ */ (0,
|
|
4844
|
-
/* @__PURE__ */ (0,
|
|
4831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `rpc_diff_viewer ${className}`, style, children: [
|
|
4832
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "rpc_diff_viewer_header", children: [
|
|
4833
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
|
|
4834
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "rpc_diff_viewer_title", children: title || "Diff Comparison" }),
|
|
4835
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { fontSize: 12, color: "#52c41a" }, children: [
|
|
4845
4836
|
"+",
|
|
4846
4837
|
stats.added
|
|
4847
4838
|
] }),
|
|
4848
|
-
/* @__PURE__ */ (0,
|
|
4839
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { fontSize: 12, color: "#ff4d4f" }, children: [
|
|
4849
4840
|
"-",
|
|
4850
4841
|
stats.removed
|
|
4851
4842
|
] })
|
|
4852
4843
|
] }),
|
|
4853
|
-
allowModeChange && /* @__PURE__ */ (0,
|
|
4854
|
-
/* @__PURE__ */ (0,
|
|
4844
|
+
allowModeChange && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "rpc_diff_viewer_mode_toggle", children: [
|
|
4845
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
4855
4846
|
"button",
|
|
4856
4847
|
{
|
|
4857
4848
|
type: "button",
|
|
@@ -4860,7 +4851,7 @@ var DiffViewer = ({
|
|
|
4860
4851
|
children: "\u5206\u680F (Split)"
|
|
4861
4852
|
}
|
|
4862
4853
|
),
|
|
4863
|
-
/* @__PURE__ */ (0,
|
|
4854
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
4864
4855
|
"button",
|
|
4865
4856
|
{
|
|
4866
4857
|
type: "button",
|
|
@@ -4871,43 +4862,43 @@ var DiffViewer = ({
|
|
|
4871
4862
|
)
|
|
4872
4863
|
] })
|
|
4873
4864
|
] }),
|
|
4874
|
-
/* @__PURE__ */ (0,
|
|
4865
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { overflowX: "auto", maxHeight: 420, overflowY: "auto" }, children: mode === "unified" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("table", { className: "rpc_diff_viewer_table", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tbody", { children: diffLines.map((line, idx) => {
|
|
4875
4866
|
const rowClass = line.type === "added" ? "rpc_diff_viewer_row_added" : line.type === "removed" ? "rpc_diff_viewer_row_removed" : "";
|
|
4876
4867
|
const marker = line.type === "added" ? "+" : line.type === "removed" ? "-" : " ";
|
|
4877
|
-
return /* @__PURE__ */ (0,
|
|
4878
|
-
/* @__PURE__ */ (0,
|
|
4879
|
-
/* @__PURE__ */ (0,
|
|
4880
|
-
/* @__PURE__ */ (0,
|
|
4881
|
-
/* @__PURE__ */ (0,
|
|
4868
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("tr", { className: `rpc_diff_viewer_row ${rowClass}`, children: [
|
|
4869
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "rpc_diff_viewer_gutter", children: line.oldLineNumber || "" }),
|
|
4870
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "rpc_diff_viewer_gutter", children: line.newLineNumber || "" }),
|
|
4871
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "rpc_diff_viewer_marker", children: marker }),
|
|
4872
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "rpc_diff_viewer_code", children: line.text || " " })
|
|
4882
4873
|
] }, idx);
|
|
4883
4874
|
}) }) }) : (
|
|
4884
4875
|
/* 分栏 Split 模式 */
|
|
4885
|
-
/* @__PURE__ */ (0,
|
|
4876
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("table", { className: "rpc_diff_viewer_table", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tbody", { children: diffLines.map((line, idx) => {
|
|
4886
4877
|
const isAdd = line.type === "added";
|
|
4887
4878
|
const isDel = line.type === "removed";
|
|
4888
|
-
return /* @__PURE__ */ (0,
|
|
4889
|
-
/* @__PURE__ */ (0,
|
|
4879
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("tr", { className: "rpc_diff_viewer_row", children: [
|
|
4880
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
4890
4881
|
"td",
|
|
4891
4882
|
{
|
|
4892
4883
|
className: `rpc_diff_viewer_gutter ${isDel ? "rpc_diff_viewer_row_removed" : isAdd ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
4893
4884
|
children: line.oldLineNumber || ""
|
|
4894
4885
|
}
|
|
4895
4886
|
),
|
|
4896
|
-
/* @__PURE__ */ (0,
|
|
4887
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
4897
4888
|
"td",
|
|
4898
4889
|
{
|
|
4899
4890
|
className: `rpc_diff_viewer_code ${isDel ? "rpc_diff_viewer_row_removed" : isAdd ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
4900
4891
|
children: isDel || line.type === "unchanged" ? line.text || " " : ""
|
|
4901
4892
|
}
|
|
4902
4893
|
),
|
|
4903
|
-
/* @__PURE__ */ (0,
|
|
4894
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
4904
4895
|
"td",
|
|
4905
4896
|
{
|
|
4906
4897
|
className: `rpc_diff_viewer_gutter ${isAdd ? "rpc_diff_viewer_row_added" : isDel ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
4907
4898
|
children: line.newLineNumber || ""
|
|
4908
4899
|
}
|
|
4909
4900
|
),
|
|
4910
|
-
/* @__PURE__ */ (0,
|
|
4901
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
4911
4902
|
"td",
|
|
4912
4903
|
{
|
|
4913
4904
|
className: `rpc_diff_viewer_code ${isAdd ? "rpc_diff_viewer_row_added" : isDel ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
@@ -4923,7 +4914,7 @@ var DiffViewer_default = DiffViewer;
|
|
|
4923
4914
|
|
|
4924
4915
|
// CronPicker/index.tsx
|
|
4925
4916
|
var import_react22 = __toESM(require("react"), 1);
|
|
4926
|
-
var
|
|
4917
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
4927
4918
|
var CronPicker = ({
|
|
4928
4919
|
value: controlledValue,
|
|
4929
4920
|
defaultValue = "0 0 12 * * ?",
|
|
@@ -5010,15 +5001,15 @@ var CronPicker = ({
|
|
|
5010
5001
|
(0, import_react22.useEffect)(() => {
|
|
5011
5002
|
onChange == null ? void 0 : onChange(cron, desc);
|
|
5012
5003
|
}, [cron, desc, onChange]);
|
|
5013
|
-
return /* @__PURE__ */ (0,
|
|
5014
|
-
/* @__PURE__ */ (0,
|
|
5004
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `rpc_cron_picker ${className}`, style, children: [
|
|
5005
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rpc_cron_picker_tabs", children: [
|
|
5015
5006
|
{ key: "minute", label: "\u6BCF\u9694\u5206\u949F" },
|
|
5016
5007
|
{ key: "hour", label: "\u6BCF\u5C0F\u65F6" },
|
|
5017
5008
|
{ key: "day", label: "\u6BCF\u5929" },
|
|
5018
5009
|
{ key: "week", label: "\u6BCF\u5468" },
|
|
5019
5010
|
{ key: "month", label: "\u6BCF\u6708" },
|
|
5020
5011
|
{ key: "custom", label: "\u81EA\u5B9A\u4E49 Cron" }
|
|
5021
|
-
].map((tab) => /* @__PURE__ */ (0,
|
|
5012
|
+
].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5022
5013
|
"button",
|
|
5023
5014
|
{
|
|
5024
5015
|
type: "button",
|
|
@@ -5028,23 +5019,23 @@ var CronPicker = ({
|
|
|
5028
5019
|
},
|
|
5029
5020
|
tab.key
|
|
5030
5021
|
)) }),
|
|
5031
|
-
/* @__PURE__ */ (0,
|
|
5032
|
-
period === "minute" && /* @__PURE__ */ (0,
|
|
5033
|
-
/* @__PURE__ */ (0,
|
|
5034
|
-
/* @__PURE__ */ (0,
|
|
5022
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_panel", children: [
|
|
5023
|
+
period === "minute" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5024
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u6BCF\u9694" }),
|
|
5025
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5035
5026
|
"select",
|
|
5036
5027
|
{
|
|
5037
5028
|
className: "rpc_cron_picker_select",
|
|
5038
5029
|
value: minuteInterval,
|
|
5039
5030
|
onChange: (e) => setMinuteInterval(Number(e.target.value)),
|
|
5040
|
-
children: [1, 2, 3, 5, 10, 15, 20, 30].map((m) => /* @__PURE__ */ (0,
|
|
5031
|
+
children: [1, 2, 3, 5, 10, 15, 20, 30].map((m) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: m, children: m }, m))
|
|
5041
5032
|
}
|
|
5042
5033
|
),
|
|
5043
|
-
/* @__PURE__ */ (0,
|
|
5034
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u5206\u949F\u6267\u884C\u4E00\u6B21" })
|
|
5044
5035
|
] }),
|
|
5045
|
-
period === "hour" && /* @__PURE__ */ (0,
|
|
5046
|
-
/* @__PURE__ */ (0,
|
|
5047
|
-
/* @__PURE__ */ (0,
|
|
5036
|
+
period === "hour" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5037
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u6BCF\u5C0F\u65F6\u7684\u7B2C" }),
|
|
5038
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5048
5039
|
"input",
|
|
5049
5040
|
{
|
|
5050
5041
|
type: "number",
|
|
@@ -5056,11 +5047,11 @@ var CronPicker = ({
|
|
|
5056
5047
|
style: { width: 60 }
|
|
5057
5048
|
}
|
|
5058
5049
|
),
|
|
5059
|
-
/* @__PURE__ */ (0,
|
|
5050
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u5206\u6267\u884C\u4E00\u6B21" })
|
|
5060
5051
|
] }),
|
|
5061
|
-
period === "day" && /* @__PURE__ */ (0,
|
|
5062
|
-
/* @__PURE__ */ (0,
|
|
5063
|
-
/* @__PURE__ */ (0,
|
|
5052
|
+
period === "day" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5053
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u6BCF\u5929\u5728" }),
|
|
5054
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5064
5055
|
"input",
|
|
5065
5056
|
{
|
|
5066
5057
|
type: "number",
|
|
@@ -5072,8 +5063,8 @@ var CronPicker = ({
|
|
|
5072
5063
|
style: { width: 60 }
|
|
5073
5064
|
}
|
|
5074
5065
|
),
|
|
5075
|
-
/* @__PURE__ */ (0,
|
|
5076
|
-
/* @__PURE__ */ (0,
|
|
5066
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u65F6" }),
|
|
5067
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5077
5068
|
"input",
|
|
5078
5069
|
{
|
|
5079
5070
|
type: "number",
|
|
@@ -5085,29 +5076,29 @@ var CronPicker = ({
|
|
|
5085
5076
|
style: { width: 60 }
|
|
5086
5077
|
}
|
|
5087
5078
|
),
|
|
5088
|
-
/* @__PURE__ */ (0,
|
|
5079
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u5206\u6267\u884C\u4E00\u6B21" })
|
|
5089
5080
|
] }),
|
|
5090
|
-
period === "week" && /* @__PURE__ */ (0,
|
|
5091
|
-
/* @__PURE__ */ (0,
|
|
5092
|
-
/* @__PURE__ */ (0,
|
|
5081
|
+
period === "week" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5082
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u6BCF\u5468" }),
|
|
5083
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
5093
5084
|
"select",
|
|
5094
5085
|
{
|
|
5095
5086
|
className: "rpc_cron_picker_select",
|
|
5096
5087
|
value: weekDay,
|
|
5097
5088
|
onChange: (e) => setWeekDay(Number(e.target.value)),
|
|
5098
5089
|
children: [
|
|
5099
|
-
/* @__PURE__ */ (0,
|
|
5100
|
-
/* @__PURE__ */ (0,
|
|
5101
|
-
/* @__PURE__ */ (0,
|
|
5102
|
-
/* @__PURE__ */ (0,
|
|
5103
|
-
/* @__PURE__ */ (0,
|
|
5104
|
-
/* @__PURE__ */ (0,
|
|
5105
|
-
/* @__PURE__ */ (0,
|
|
5090
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 1, children: "\u5468\u4E00" }),
|
|
5091
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 2, children: "\u5468\u4E8C" }),
|
|
5092
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 3, children: "\u5468\u4E09" }),
|
|
5093
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 4, children: "\u5468\u56DB" }),
|
|
5094
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 5, children: "\u5468\u4E94" }),
|
|
5095
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 6, children: "\u5468\u516D" }),
|
|
5096
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: 7, children: "\u5468\u65E5" })
|
|
5106
5097
|
]
|
|
5107
5098
|
}
|
|
5108
5099
|
),
|
|
5109
|
-
/* @__PURE__ */ (0,
|
|
5110
|
-
/* @__PURE__ */ (0,
|
|
5100
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u7684" }),
|
|
5101
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5111
5102
|
"input",
|
|
5112
5103
|
{
|
|
5113
5104
|
type: "number",
|
|
@@ -5119,8 +5110,8 @@ var CronPicker = ({
|
|
|
5119
5110
|
style: { width: 60 }
|
|
5120
5111
|
}
|
|
5121
5112
|
),
|
|
5122
|
-
/* @__PURE__ */ (0,
|
|
5123
|
-
/* @__PURE__ */ (0,
|
|
5113
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u65F6" }),
|
|
5114
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5124
5115
|
"input",
|
|
5125
5116
|
{
|
|
5126
5117
|
type: "number",
|
|
@@ -5132,11 +5123,11 @@ var CronPicker = ({
|
|
|
5132
5123
|
style: { width: 60 }
|
|
5133
5124
|
}
|
|
5134
5125
|
),
|
|
5135
|
-
/* @__PURE__ */ (0,
|
|
5126
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u5206\u6267\u884C" })
|
|
5136
5127
|
] }),
|
|
5137
|
-
period === "month" && /* @__PURE__ */ (0,
|
|
5138
|
-
/* @__PURE__ */ (0,
|
|
5139
|
-
/* @__PURE__ */ (0,
|
|
5128
|
+
period === "month" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5129
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u6BCF\u6708\u7B2C" }),
|
|
5130
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5140
5131
|
"input",
|
|
5141
5132
|
{
|
|
5142
5133
|
type: "number",
|
|
@@ -5148,8 +5139,8 @@ var CronPicker = ({
|
|
|
5148
5139
|
style: { width: 60 }
|
|
5149
5140
|
}
|
|
5150
5141
|
),
|
|
5151
|
-
/* @__PURE__ */ (0,
|
|
5152
|
-
/* @__PURE__ */ (0,
|
|
5142
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u5929\u7684" }),
|
|
5143
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5153
5144
|
"input",
|
|
5154
5145
|
{
|
|
5155
5146
|
type: "number",
|
|
@@ -5161,8 +5152,8 @@ var CronPicker = ({
|
|
|
5161
5152
|
style: { width: 60 }
|
|
5162
5153
|
}
|
|
5163
5154
|
),
|
|
5164
|
-
/* @__PURE__ */ (0,
|
|
5165
|
-
/* @__PURE__ */ (0,
|
|
5155
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u65F6" }),
|
|
5156
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5166
5157
|
"input",
|
|
5167
5158
|
{
|
|
5168
5159
|
type: "number",
|
|
@@ -5174,9 +5165,9 @@ var CronPicker = ({
|
|
|
5174
5165
|
style: { width: 60 }
|
|
5175
5166
|
}
|
|
5176
5167
|
),
|
|
5177
|
-
/* @__PURE__ */ (0,
|
|
5168
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u5206\u6267\u884C" })
|
|
5178
5169
|
] }),
|
|
5179
|
-
period === "custom" && /* @__PURE__ */ (0,
|
|
5170
|
+
period === "custom" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rpc_cron_picker_field_row", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
5180
5171
|
"input",
|
|
5181
5172
|
{
|
|
5182
5173
|
type: "text",
|
|
@@ -5188,15 +5179,15 @@ var CronPicker = ({
|
|
|
5188
5179
|
}
|
|
5189
5180
|
) })
|
|
5190
5181
|
] }),
|
|
5191
|
-
/* @__PURE__ */ (0,
|
|
5192
|
-
/* @__PURE__ */ (0,
|
|
5193
|
-
/* @__PURE__ */ (0,
|
|
5194
|
-
/* @__PURE__ */ (0,
|
|
5195
|
-
/* @__PURE__ */ (0,
|
|
5182
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_footer", children: [
|
|
5183
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_cron_badge", children: [
|
|
5184
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u751F\u6210\u7684 Cron:" }),
|
|
5185
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "rpc_cron_picker_cron_code", children: cron }),
|
|
5186
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CopyButton_default, { mode: "icon", text: cron, tooltip: "\u590D\u5236 Cron \u8868\u8FBE\u5F0F" })
|
|
5196
5187
|
] }),
|
|
5197
|
-
/* @__PURE__ */ (0,
|
|
5198
|
-
/* @__PURE__ */ (0,
|
|
5199
|
-
/* @__PURE__ */ (0,
|
|
5188
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rpc_cron_picker_human_desc", children: [
|
|
5189
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u{1F4A1} \u5468\u671F\u4EBA\u8BDD\u89E3\u91CA\uFF1A" }),
|
|
5190
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: desc })
|
|
5200
5191
|
] })
|
|
5201
5192
|
] })
|
|
5202
5193
|
] });
|
|
@@ -5206,7 +5197,7 @@ var CronPicker_default = CronPicker;
|
|
|
5206
5197
|
// GuidedTour/index.tsx
|
|
5207
5198
|
var import_react23 = require("react");
|
|
5208
5199
|
var import_react_dom4 = __toESM(require("react-dom"), 1);
|
|
5209
|
-
var
|
|
5200
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
5210
5201
|
var GuidedTour = ({
|
|
5211
5202
|
steps = [],
|
|
5212
5203
|
open,
|
|
@@ -5291,8 +5282,8 @@ var GuidedTour = ({
|
|
|
5291
5282
|
popoverTop = Math.max(16, Math.min(window.innerHeight - 200, popoverTop));
|
|
5292
5283
|
}
|
|
5293
5284
|
return import_react_dom4.default.createPortal(
|
|
5294
|
-
/* @__PURE__ */ (0,
|
|
5295
|
-
targetRect && /* @__PURE__ */ (0,
|
|
5285
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `rpc_guided_tour ${className}`, style, children: [
|
|
5286
|
+
targetRect && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
5296
5287
|
"div",
|
|
5297
5288
|
{
|
|
5298
5289
|
className: "rpc_guided_tour_highlight_box",
|
|
@@ -5304,7 +5295,7 @@ var GuidedTour = ({
|
|
|
5304
5295
|
}
|
|
5305
5296
|
}
|
|
5306
5297
|
),
|
|
5307
|
-
/* @__PURE__ */ (0,
|
|
5298
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
5308
5299
|
"div",
|
|
5309
5300
|
{
|
|
5310
5301
|
className: "rpc_guided_tour_popover",
|
|
@@ -5313,9 +5304,9 @@ var GuidedTour = ({
|
|
|
5313
5304
|
top: `${popoverTop}px`
|
|
5314
5305
|
},
|
|
5315
5306
|
children: [
|
|
5316
|
-
/* @__PURE__ */ (0,
|
|
5317
|
-
/* @__PURE__ */ (0,
|
|
5318
|
-
/* @__PURE__ */ (0,
|
|
5307
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rpc_guided_tour_header", children: [
|
|
5308
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "rpc_guided_tour_title", children: currentStep.title }),
|
|
5309
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
5319
5310
|
CloseOutlined,
|
|
5320
5311
|
{
|
|
5321
5312
|
style: { cursor: "pointer", color: "#8c8c8c" },
|
|
@@ -5323,16 +5314,16 @@ var GuidedTour = ({
|
|
|
5323
5314
|
}
|
|
5324
5315
|
)
|
|
5325
5316
|
] }),
|
|
5326
|
-
/* @__PURE__ */ (0,
|
|
5327
|
-
/* @__PURE__ */ (0,
|
|
5328
|
-
/* @__PURE__ */ (0,
|
|
5317
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "rpc_guided_tour_description", children: currentStep.description }),
|
|
5318
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rpc_guided_tour_footer", children: [
|
|
5319
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "rpc_guided_tour_progress", children: [
|
|
5329
5320
|
currentStepIndex + 1,
|
|
5330
5321
|
" / ",
|
|
5331
5322
|
steps.length
|
|
5332
5323
|
] }),
|
|
5333
|
-
/* @__PURE__ */ (0,
|
|
5334
|
-
currentStepIndex > 0 && /* @__PURE__ */ (0,
|
|
5335
|
-
/* @__PURE__ */ (0,
|
|
5324
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "rpc_guided_tour_actions", children: [
|
|
5325
|
+
currentStepIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", className: "rpc_guided_tour_btn", onClick: handlePrev, children: "\u4E0A\u4E00\u6B65" }),
|
|
5326
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
5336
5327
|
"button",
|
|
5337
5328
|
{
|
|
5338
5329
|
type: "button",
|
|
@@ -5354,7 +5345,7 @@ var GuidedTour_default = GuidedTour;
|
|
|
5354
5345
|
|
|
5355
5346
|
// NumericRangeInput/index.tsx
|
|
5356
5347
|
var import_react24 = require("react");
|
|
5357
|
-
var
|
|
5348
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
5358
5349
|
var NumericRangeInput = ({
|
|
5359
5350
|
value: controlledValue,
|
|
5360
5351
|
defaultValue = [void 0, void 0],
|
|
@@ -5392,14 +5383,14 @@ var NumericRangeInput = ({
|
|
|
5392
5383
|
if (controlledValue === void 0) setInternalVal(scVal);
|
|
5393
5384
|
onChange == null ? void 0 : onChange(scVal);
|
|
5394
5385
|
};
|
|
5395
|
-
return /* @__PURE__ */ (0,
|
|
5396
|
-
/* @__PURE__ */ (0,
|
|
5386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `rpc_numeric_range_input ${className}`, style, children: [
|
|
5387
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
5397
5388
|
"div",
|
|
5398
5389
|
{
|
|
5399
5390
|
className: `rpc_numeric_range_input_container ${isFocused ? "rpc_numeric_range_input_container_focused" : ""} ${isInvalid ? "rpc_numeric_range_input_container_error" : ""} ${disabled ? "rpc_numeric_range_input_container_disabled" : ""}`,
|
|
5400
5391
|
children: [
|
|
5401
|
-
prefix && /* @__PURE__ */ (0,
|
|
5402
|
-
/* @__PURE__ */ (0,
|
|
5392
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "rpc_numeric_range_input_prefix", children: prefix }),
|
|
5393
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
5403
5394
|
"input",
|
|
5404
5395
|
{
|
|
5405
5396
|
type: "number",
|
|
@@ -5415,8 +5406,8 @@ var NumericRangeInput = ({
|
|
|
5415
5406
|
onBlur: () => setIsFocused(false)
|
|
5416
5407
|
}
|
|
5417
5408
|
),
|
|
5418
|
-
/* @__PURE__ */ (0,
|
|
5419
|
-
/* @__PURE__ */ (0,
|
|
5409
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "rpc_numeric_range_input_separator", children: separator }),
|
|
5410
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
5420
5411
|
"input",
|
|
5421
5412
|
{
|
|
5422
5413
|
type: "number",
|
|
@@ -5432,11 +5423,11 @@ var NumericRangeInput = ({
|
|
|
5432
5423
|
onBlur: () => setIsFocused(false)
|
|
5433
5424
|
}
|
|
5434
5425
|
),
|
|
5435
|
-
suffix && /* @__PURE__ */ (0,
|
|
5426
|
+
suffix && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "rpc_numeric_range_input_suffix", children: suffix })
|
|
5436
5427
|
]
|
|
5437
5428
|
}
|
|
5438
5429
|
),
|
|
5439
|
-
shortcuts && shortcuts.length > 0 && /* @__PURE__ */ (0,
|
|
5430
|
+
shortcuts && shortcuts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "rpc_numeric_range_input_shortcuts", children: shortcuts.map((sc, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
5440
5431
|
"span",
|
|
5441
5432
|
{
|
|
5442
5433
|
className: "rpc_numeric_range_input_shortcut_item",
|
|
@@ -5450,7 +5441,7 @@ var NumericRangeInput = ({
|
|
|
5450
5441
|
var NumericRangeInput_default = NumericRangeInput;
|
|
5451
5442
|
|
|
5452
5443
|
// MetricCard/index.tsx
|
|
5453
|
-
var
|
|
5444
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
5454
5445
|
function generateSparklinePath(data, width = 200, height = 36) {
|
|
5455
5446
|
if (!data || data.length < 2) return { linePath: "", fillPath: "" };
|
|
5456
5447
|
const min = Math.min(...data);
|
|
@@ -5484,39 +5475,39 @@ var MetricCard = ({
|
|
|
5484
5475
|
}) => {
|
|
5485
5476
|
const isNumeric = typeof value === "number";
|
|
5486
5477
|
const { linePath, fillPath } = chartData ? generateSparklinePath(chartData) : { linePath: "", fillPath: "" };
|
|
5487
|
-
return /* @__PURE__ */ (0,
|
|
5488
|
-
/* @__PURE__ */ (0,
|
|
5489
|
-
/* @__PURE__ */ (0,
|
|
5490
|
-
extra && /* @__PURE__ */ (0,
|
|
5478
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: `rpc_metric_card ${className}`, style, children: [
|
|
5479
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rpc_metric_card_header", children: [
|
|
5480
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "rpc_metric_card_title", children: title }),
|
|
5481
|
+
extra && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: extra })
|
|
5491
5482
|
] }),
|
|
5492
|
-
/* @__PURE__ */ (0,
|
|
5493
|
-
/* @__PURE__ */ (0,
|
|
5494
|
-
prefix && /* @__PURE__ */ (0,
|
|
5495
|
-
/* @__PURE__ */ (0,
|
|
5496
|
-
suffix && /* @__PURE__ */ (0,
|
|
5483
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rpc_metric_card_body", children: [
|
|
5484
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rpc_metric_card_value_wrap", children: [
|
|
5485
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "rpc_metric_card_prefix", children: prefix }),
|
|
5486
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "rpc_metric_card_value", children: isNumeric ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CountUp_default, { end: value, duration: 1.2 }) : value }),
|
|
5487
|
+
suffix && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "rpc_metric_card_suffix", children: suffix })
|
|
5497
5488
|
] }),
|
|
5498
|
-
trend && /* @__PURE__ */ (0,
|
|
5499
|
-
/* @__PURE__ */ (0,
|
|
5500
|
-
/* @__PURE__ */ (0,
|
|
5501
|
-
trendLabel && /* @__PURE__ */ (0,
|
|
5489
|
+
trend && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: `rpc_metric_card_trend rpc_metric_card_trend_${trend}`, children: [
|
|
5490
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: trend === "up" ? "\u25B2" : "\u25BC" }),
|
|
5491
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: trendValue }),
|
|
5492
|
+
trendLabel && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { style: { color: "#8c8c8c", fontWeight: 400, marginLeft: 2 }, children: trendLabel })
|
|
5502
5493
|
] })
|
|
5503
5494
|
] }),
|
|
5504
|
-
chartData && chartData.length > 1 && /* @__PURE__ */ (0,
|
|
5505
|
-
/* @__PURE__ */ (0,
|
|
5506
|
-
/* @__PURE__ */ (0,
|
|
5507
|
-
/* @__PURE__ */ (0,
|
|
5495
|
+
chartData && chartData.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "rpc_metric_card_sparkline", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { width: "100%", height: "100%", viewBox: "0 0 200 36", preserveAspectRatio: "none", children: [
|
|
5496
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("linearGradient", { id: `grad-${chartColor}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
5497
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { offset: "0%", stopColor: chartColor, stopOpacity: "0.25" }),
|
|
5498
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { offset: "100%", stopColor: chartColor, stopOpacity: "0" })
|
|
5508
5499
|
] }) }),
|
|
5509
|
-
/* @__PURE__ */ (0,
|
|
5510
|
-
/* @__PURE__ */ (0,
|
|
5500
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: fillPath, fill: `url(#grad-${chartColor})` }),
|
|
5501
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: linePath, fill: "none", stroke: chartColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
5511
5502
|
] }) }),
|
|
5512
|
-
footer && /* @__PURE__ */ (0,
|
|
5503
|
+
footer && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "rpc_metric_card_footer", children: footer })
|
|
5513
5504
|
] });
|
|
5514
5505
|
};
|
|
5515
5506
|
var MetricCard_default = MetricCard;
|
|
5516
5507
|
|
|
5517
5508
|
// AudioPlayer/index.tsx
|
|
5518
5509
|
var import_react25 = require("react");
|
|
5519
|
-
var
|
|
5510
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
5520
5511
|
function formatTime(seconds) {
|
|
5521
5512
|
if (isNaN(seconds) || seconds < 0) return "00:00";
|
|
5522
5513
|
const m = Math.floor(seconds / 60);
|
|
@@ -5578,8 +5569,8 @@ var AudioPlayer = ({
|
|
|
5578
5569
|
setCurrentTime(targetTime);
|
|
5579
5570
|
};
|
|
5580
5571
|
const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
|
|
5581
|
-
return /* @__PURE__ */ (0,
|
|
5582
|
-
/* @__PURE__ */ (0,
|
|
5572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: `rpc_audio_player ${className}`, style, children: [
|
|
5573
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5583
5574
|
"audio",
|
|
5584
5575
|
{
|
|
5585
5576
|
ref: audioRef,
|
|
@@ -5589,17 +5580,17 @@ var AudioPlayer = ({
|
|
|
5589
5580
|
onEnded: () => setIsPlaying(false)
|
|
5590
5581
|
}
|
|
5591
5582
|
),
|
|
5592
|
-
/* @__PURE__ */ (0,
|
|
5593
|
-
/* @__PURE__ */ (0,
|
|
5594
|
-
/* @__PURE__ */ (0,
|
|
5595
|
-
/* @__PURE__ */ (0,
|
|
5596
|
-
/* @__PURE__ */ (0,
|
|
5583
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "rpc_audio_player_play_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PauseCircleOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PlayCircleOutlined, {}) }),
|
|
5584
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rpc_audio_player_info", children: [
|
|
5585
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rpc_audio_player_title_row", children: [
|
|
5586
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "rpc_audio_player_title", children: title || "\u97F3\u9891\u64AD\u653E" }),
|
|
5587
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "rpc_audio_player_time", children: [
|
|
5597
5588
|
formatTime(currentTime),
|
|
5598
5589
|
" / ",
|
|
5599
5590
|
formatTime(duration)
|
|
5600
5591
|
] })
|
|
5601
5592
|
] }),
|
|
5602
|
-
/* @__PURE__ */ (0,
|
|
5593
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: progressRef, className: "rpc_audio_player_progress_bar", onClick: handleSeek, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5603
5594
|
"div",
|
|
5604
5595
|
{
|
|
5605
5596
|
className: "rpc_audio_player_progress_fill",
|
|
@@ -5607,8 +5598,8 @@ var AudioPlayer = ({
|
|
|
5607
5598
|
}
|
|
5608
5599
|
) })
|
|
5609
5600
|
] }),
|
|
5610
|
-
/* @__PURE__ */ (0,
|
|
5611
|
-
/* @__PURE__ */ (0,
|
|
5601
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rpc_audio_player_extra", children: [
|
|
5602
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
5612
5603
|
"button",
|
|
5613
5604
|
{
|
|
5614
5605
|
type: "button",
|
|
@@ -5621,7 +5612,7 @@ var AudioPlayer = ({
|
|
|
5621
5612
|
]
|
|
5622
5613
|
}
|
|
5623
5614
|
),
|
|
5624
|
-
showDownload && /* @__PURE__ */ (0,
|
|
5615
|
+
showDownload && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5625
5616
|
"a",
|
|
5626
5617
|
{
|
|
5627
5618
|
href: src,
|
|
@@ -5629,7 +5620,7 @@ var AudioPlayer = ({
|
|
|
5629
5620
|
className: "rpc_audio_player_download_btn",
|
|
5630
5621
|
title: "\u4E0B\u8F7D\u97F3\u9891\u6587\u4EF6",
|
|
5631
5622
|
onClick: (e) => e.stopPropagation(),
|
|
5632
|
-
children: /* @__PURE__ */ (0,
|
|
5623
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DownloadOutlined, {})
|
|
5633
5624
|
}
|
|
5634
5625
|
)
|
|
5635
5626
|
] })
|
|
@@ -5639,7 +5630,7 @@ var AudioPlayer_default = AudioPlayer;
|
|
|
5639
5630
|
|
|
5640
5631
|
// QrCodeCard/index.tsx
|
|
5641
5632
|
var import_react26 = require("react");
|
|
5642
|
-
var
|
|
5633
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
5643
5634
|
function drawQrCode(canvas, text, size) {
|
|
5644
5635
|
const ctx = canvas.getContext("2d");
|
|
5645
5636
|
if (!ctx) return;
|
|
@@ -5706,9 +5697,9 @@ var QrCodeCard = ({
|
|
|
5706
5697
|
a.download = `qrcode-${Date.now()}.png`;
|
|
5707
5698
|
a.click();
|
|
5708
5699
|
};
|
|
5709
|
-
return /* @__PURE__ */ (0,
|
|
5710
|
-
/* @__PURE__ */ (0,
|
|
5711
|
-
/* @__PURE__ */ (0,
|
|
5700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: `rpc_qrcode_card ${className}`, style, children: [
|
|
5701
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rpc_qrcode_card_wrap", style: { width: size, height: size }, children: [
|
|
5702
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5712
5703
|
"canvas",
|
|
5713
5704
|
{
|
|
5714
5705
|
ref: canvasRef,
|
|
@@ -5716,51 +5707,51 @@ var QrCodeCard = ({
|
|
|
5716
5707
|
style: { width: size, height: size }
|
|
5717
5708
|
}
|
|
5718
5709
|
),
|
|
5719
|
-
icon && status === "active" && /* @__PURE__ */ (0,
|
|
5720
|
-
status === "expired" && /* @__PURE__ */ (0,
|
|
5721
|
-
/* @__PURE__ */ (0,
|
|
5722
|
-
/* @__PURE__ */ (0,
|
|
5723
|
-
/* @__PURE__ */ (0,
|
|
5724
|
-
/* @__PURE__ */ (0,
|
|
5710
|
+
icon && status === "active" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", { src: icon, alt: "Logo", className: "rpc_qrcode_card_logo" }),
|
|
5711
|
+
status === "expired" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rpc_qrcode_card_mask", onClick: onRefresh, children: [
|
|
5712
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548" }),
|
|
5713
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("button", { type: "button", className: "rpc_qrcode_card_refresh_btn", children: [
|
|
5714
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ReloadOutlined, {}),
|
|
5715
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "\u70B9\u51FB\u5237\u65B0" })
|
|
5725
5716
|
] })
|
|
5726
5717
|
] }),
|
|
5727
|
-
status === "loading" && /* @__PURE__ */ (0,
|
|
5728
|
-
/* @__PURE__ */ (0,
|
|
5729
|
-
/* @__PURE__ */ (0,
|
|
5718
|
+
status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rpc_qrcode_card_mask rpc_qrcode_card_mask_loading", children: [
|
|
5719
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LoadingOutlined, { style: { fontSize: 28, color: "#1677ff" } }),
|
|
5720
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "rpc_qrcode_card_mask_text", children: "\u52A0\u8F7D\u4E2D..." })
|
|
5730
5721
|
] })
|
|
5731
5722
|
] }),
|
|
5732
|
-
(title || description) && /* @__PURE__ */ (0,
|
|
5733
|
-
title && /* @__PURE__ */ (0,
|
|
5734
|
-
description && /* @__PURE__ */ (0,
|
|
5723
|
+
(title || description) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rpc_qrcode_card_info", children: [
|
|
5724
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "rpc_qrcode_card_title", children: title }),
|
|
5725
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "rpc_qrcode_card_description", children: description })
|
|
5735
5726
|
] }),
|
|
5736
|
-
downloadable && status === "active" && /* @__PURE__ */ (0,
|
|
5727
|
+
downloadable && status === "active" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "rpc_qrcode_card_download", onClick: handleDownload, children: "\u4E0B\u8F7D\u4E8C\u7EF4\u7801" })
|
|
5737
5728
|
] });
|
|
5738
5729
|
};
|
|
5739
5730
|
var QrCodeCard_default = QrCodeCard;
|
|
5740
5731
|
|
|
5741
5732
|
// ActivityLog/index.tsx
|
|
5742
5733
|
var import_react27 = require("react");
|
|
5743
|
-
var
|
|
5734
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
5744
5735
|
var ActivityLogItem = ({ item }) => {
|
|
5745
5736
|
const [expanded, setExpanded] = (0, import_react27.useState)(Boolean(item.defaultExpanded));
|
|
5746
5737
|
const avatarInitial = item.operator ? item.operator.charAt(0).toUpperCase() : "U";
|
|
5747
|
-
return /* @__PURE__ */ (0,
|
|
5748
|
-
/* @__PURE__ */ (0,
|
|
5749
|
-
/* @__PURE__ */ (0,
|
|
5750
|
-
/* @__PURE__ */ (0,
|
|
5738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rpc_activity_log_item", children: [
|
|
5739
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rpc_activity_log_avatar_col", children: [
|
|
5740
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "rpc_activity_log_avatar", children: item.avatar ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: item.avatar, alt: item.operator }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: avatarInitial }) }),
|
|
5741
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "rpc_activity_log_line" })
|
|
5751
5742
|
] }),
|
|
5752
|
-
/* @__PURE__ */ (0,
|
|
5753
|
-
/* @__PURE__ */ (0,
|
|
5754
|
-
/* @__PURE__ */ (0,
|
|
5755
|
-
/* @__PURE__ */ (0,
|
|
5756
|
-
item.role && /* @__PURE__ */ (0,
|
|
5757
|
-
/* @__PURE__ */ (0,
|
|
5758
|
-
item.target && /* @__PURE__ */ (0,
|
|
5743
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rpc_activity_log_content", children: [
|
|
5744
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rpc_activity_log_header", children: [
|
|
5745
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rpc_activity_log_operator_row", children: [
|
|
5746
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "rpc_activity_log_operator", children: item.operator }),
|
|
5747
|
+
item.role && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "rpc_activity_log_role", children: item.role }),
|
|
5748
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "rpc_activity_log_action", children: item.action }),
|
|
5749
|
+
item.target && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "rpc_activity_log_target", children: item.target })
|
|
5759
5750
|
] }),
|
|
5760
|
-
/* @__PURE__ */ (0,
|
|
5751
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "rpc_activity_log_time", children: item.time })
|
|
5761
5752
|
] }),
|
|
5762
|
-
item.detail && /* @__PURE__ */ (0,
|
|
5763
|
-
/* @__PURE__ */ (0,
|
|
5753
|
+
item.detail && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
|
|
5754
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
5764
5755
|
"span",
|
|
5765
5756
|
{
|
|
5766
5757
|
className: "rpc_activity_log_toggle_btn",
|
|
@@ -5768,19 +5759,19 @@ var ActivityLogItem = ({ item }) => {
|
|
|
5768
5759
|
children: expanded ? "\u6536\u8D77\u8BE6\u60C5 \u25B2" : "\u67E5\u770B\u53D8\u52A8\u8BE6\u60C5 \u25BC"
|
|
5769
5760
|
}
|
|
5770
5761
|
),
|
|
5771
|
-
expanded && /* @__PURE__ */ (0,
|
|
5762
|
+
expanded && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "rpc_activity_log_detail", children: item.detail })
|
|
5772
5763
|
] })
|
|
5773
5764
|
] })
|
|
5774
5765
|
] });
|
|
5775
5766
|
};
|
|
5776
5767
|
var ActivityLog = ({ items = [], className = "", style }) => {
|
|
5777
|
-
return /* @__PURE__ */ (0,
|
|
5768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: `rpc_activity_log ${className}`, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ActivityLogItem, { item }, item.id)) });
|
|
5778
5769
|
};
|
|
5779
5770
|
var ActivityLog_default = ActivityLog;
|
|
5780
5771
|
|
|
5781
5772
|
// DragSortList/index.tsx
|
|
5782
5773
|
var import_react28 = require("react");
|
|
5783
|
-
var
|
|
5774
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
5784
5775
|
function DragSortList({
|
|
5785
5776
|
items,
|
|
5786
5777
|
onReorder,
|
|
@@ -5817,11 +5808,11 @@ function DragSortList({
|
|
|
5817
5808
|
setDraggingIndex(null);
|
|
5818
5809
|
setDragOverIndex(null);
|
|
5819
5810
|
};
|
|
5820
|
-
return /* @__PURE__ */ (0,
|
|
5811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `rpc_drag_sort_list ${className}`, style, children: items.map((item, idx) => {
|
|
5821
5812
|
const key = keyExtractor(item, idx);
|
|
5822
5813
|
const isDragging = draggingIndex === idx;
|
|
5823
5814
|
const isOver = dragOverIndex === idx && draggingIndex !== idx;
|
|
5824
|
-
return /* @__PURE__ */ (0,
|
|
5815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
5825
5816
|
"div",
|
|
5826
5817
|
{
|
|
5827
5818
|
draggable: true,
|
|
@@ -5831,8 +5822,8 @@ function DragSortList({
|
|
|
5831
5822
|
onDragEnd: handleDragEnd,
|
|
5832
5823
|
className: `rpc_drag_sort_list_item ${isDragging ? "rpc_drag_sort_list_item_dragging" : ""} ${isOver ? "rpc_drag_sort_list_item_over" : ""}`,
|
|
5833
5824
|
children: [
|
|
5834
|
-
/* @__PURE__ */ (0,
|
|
5835
|
-
/* @__PURE__ */ (0,
|
|
5825
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "rpc_drag_sort_list_handle", children: "\u22EE\u22EE" }),
|
|
5826
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { flex: 1 }, children: renderItem(item, idx, isDragging) })
|
|
5836
5827
|
]
|
|
5837
5828
|
},
|
|
5838
5829
|
key
|
|
@@ -5843,7 +5834,7 @@ var DragSortList_default = DragSortList;
|
|
|
5843
5834
|
|
|
5844
5835
|
// TiltCard/index.tsx
|
|
5845
5836
|
var import_react29 = require("react");
|
|
5846
|
-
var
|
|
5837
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
5847
5838
|
var TiltCard = ({
|
|
5848
5839
|
children,
|
|
5849
5840
|
maxAngle = 15,
|
|
@@ -5880,7 +5871,7 @@ var TiltCard = ({
|
|
|
5880
5871
|
setTransformStyle(`perspective(${perspective}px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`);
|
|
5881
5872
|
setGlareStyle({ opacity: 0 });
|
|
5882
5873
|
};
|
|
5883
|
-
return /* @__PURE__ */ (0,
|
|
5874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
5884
5875
|
"div",
|
|
5885
5876
|
{
|
|
5886
5877
|
ref: cardRef,
|
|
@@ -5892,8 +5883,8 @@ var TiltCard = ({
|
|
|
5892
5883
|
...style
|
|
5893
5884
|
},
|
|
5894
5885
|
children: [
|
|
5895
|
-
/* @__PURE__ */ (0,
|
|
5896
|
-
glare && /* @__PURE__ */ (0,
|
|
5886
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "rpc_tilt_card_content", children }),
|
|
5887
|
+
glare && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "rpc_tilt_card_glare", style: glareStyle })
|
|
5897
5888
|
]
|
|
5898
5889
|
}
|
|
5899
5890
|
);
|
|
@@ -5902,7 +5893,7 @@ var TiltCard_default = TiltCard;
|
|
|
5902
5893
|
|
|
5903
5894
|
// VirtualList/index.tsx
|
|
5904
5895
|
var import_react30 = require("react");
|
|
5905
|
-
var
|
|
5896
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
5906
5897
|
function VirtualList({
|
|
5907
5898
|
items = [],
|
|
5908
5899
|
itemHeight = 48,
|
|
@@ -5928,14 +5919,14 @@ function VirtualList({
|
|
|
5928
5919
|
const handleScroll = (e) => {
|
|
5929
5920
|
setScrollTop(e.currentTarget.scrollTop);
|
|
5930
5921
|
};
|
|
5931
|
-
return /* @__PURE__ */ (0,
|
|
5922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5932
5923
|
"div",
|
|
5933
5924
|
{
|
|
5934
5925
|
ref: containerRef,
|
|
5935
5926
|
onScroll: handleScroll,
|
|
5936
5927
|
className: `rpc_virtual_list ${className}`,
|
|
5937
5928
|
style: { height, ...style },
|
|
5938
|
-
children: /* @__PURE__ */ (0,
|
|
5929
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5939
5930
|
"div",
|
|
5940
5931
|
{
|
|
5941
5932
|
className: "rpc_virtual_list_content",
|
|
@@ -5946,7 +5937,7 @@ function VirtualList({
|
|
|
5946
5937
|
children: visibleItems.map((item, idx) => {
|
|
5947
5938
|
const actualIndex = startIndex + idx;
|
|
5948
5939
|
const key = keyExtractor ? keyExtractor(item, actualIndex) : actualIndex;
|
|
5949
|
-
return /* @__PURE__ */ (0,
|
|
5940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5950
5941
|
"div",
|
|
5951
5942
|
{
|
|
5952
5943
|
className: "rpc_virtual_list_item",
|
|
@@ -5965,7 +5956,7 @@ var VirtualList_default = VirtualList;
|
|
|
5965
5956
|
|
|
5966
5957
|
// Watermark/index.tsx
|
|
5967
5958
|
var import_react31 = require("react");
|
|
5968
|
-
var
|
|
5959
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
5969
5960
|
function generateWatermarkBase64(content, width, height, rotate, fontSize, color) {
|
|
5970
5961
|
if (typeof document === "undefined") return "";
|
|
5971
5962
|
const canvas = document.createElement("canvas");
|
|
@@ -6121,7 +6112,7 @@ var Watermark = ({
|
|
|
6121
6112
|
clearInterval(timer);
|
|
6122
6113
|
};
|
|
6123
6114
|
}, [antiTamper, mountOrRestoreWatermark]);
|
|
6124
|
-
return /* @__PURE__ */ (0,
|
|
6115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6125
6116
|
"div",
|
|
6126
6117
|
{
|
|
6127
6118
|
ref: wrapperRef,
|
|
@@ -6135,7 +6126,7 @@ var Watermark_default = Watermark;
|
|
|
6135
6126
|
|
|
6136
6127
|
// VideoPlayer/index.tsx
|
|
6137
6128
|
var import_react32 = require("react");
|
|
6138
|
-
var
|
|
6129
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
6139
6130
|
function formatVideoTime(seconds) {
|
|
6140
6131
|
if (isNaN(seconds) || seconds < 0) return "00:00";
|
|
6141
6132
|
const m = Math.floor(seconds / 60);
|
|
@@ -6237,7 +6228,7 @@ var VideoPlayer = ({
|
|
|
6237
6228
|
}, 3e3);
|
|
6238
6229
|
};
|
|
6239
6230
|
const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
|
|
6240
|
-
return /* @__PURE__ */ (0,
|
|
6231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
6241
6232
|
"div",
|
|
6242
6233
|
{
|
|
6243
6234
|
ref: containerRef,
|
|
@@ -6247,7 +6238,7 @@ var VideoPlayer = ({
|
|
|
6247
6238
|
className: `rpc_video_player ${className}`,
|
|
6248
6239
|
style: { width, height, ...style },
|
|
6249
6240
|
children: [
|
|
6250
|
-
/* @__PURE__ */ (0,
|
|
6241
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6251
6242
|
"video",
|
|
6252
6243
|
{
|
|
6253
6244
|
ref: videoRef,
|
|
@@ -6263,19 +6254,19 @@ var VideoPlayer = ({
|
|
|
6263
6254
|
className: "rpc_video_player_video"
|
|
6264
6255
|
}
|
|
6265
6256
|
),
|
|
6266
|
-
!isPlaying && /* @__PURE__ */ (0,
|
|
6267
|
-
/* @__PURE__ */ (0,
|
|
6257
|
+
!isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "rpc_video_player_big_play_btn", onClick: togglePlay, children: "\u25B6" }),
|
|
6258
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
6268
6259
|
"div",
|
|
6269
6260
|
{
|
|
6270
6261
|
className: `rpc_video_player_controls ${!isControlsVisible && isPlaying ? "rpc_video_player_controls_hidden" : ""}`,
|
|
6271
6262
|
children: [
|
|
6272
|
-
/* @__PURE__ */ (0,
|
|
6263
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6273
6264
|
"div",
|
|
6274
6265
|
{
|
|
6275
6266
|
ref: progressRef,
|
|
6276
6267
|
className: "rpc_video_player_progress_wrap",
|
|
6277
6268
|
onClick: handleProgressClick,
|
|
6278
|
-
children: /* @__PURE__ */ (0,
|
|
6269
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6279
6270
|
"div",
|
|
6280
6271
|
{
|
|
6281
6272
|
className: "rpc_video_player_progress_fill",
|
|
@@ -6284,10 +6275,10 @@ var VideoPlayer = ({
|
|
|
6284
6275
|
)
|
|
6285
6276
|
}
|
|
6286
6277
|
),
|
|
6287
|
-
/* @__PURE__ */ (0,
|
|
6288
|
-
/* @__PURE__ */ (0,
|
|
6289
|
-
/* @__PURE__ */ (0,
|
|
6290
|
-
/* @__PURE__ */ (0,
|
|
6278
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rpc_video_player_bar_row", children: [
|
|
6279
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rpc_video_player_left_btns", children: [
|
|
6280
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", className: "rpc_video_player_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PauseCircleOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PlayCircleOutlined, {}) }),
|
|
6281
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6291
6282
|
"button",
|
|
6292
6283
|
{
|
|
6293
6284
|
type: "button",
|
|
@@ -6297,7 +6288,7 @@ var VideoPlayer = ({
|
|
|
6297
6288
|
children: "\u23EA 10s"
|
|
6298
6289
|
}
|
|
6299
6290
|
),
|
|
6300
|
-
/* @__PURE__ */ (0,
|
|
6291
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6301
6292
|
"button",
|
|
6302
6293
|
{
|
|
6303
6294
|
type: "button",
|
|
@@ -6307,14 +6298,14 @@ var VideoPlayer = ({
|
|
|
6307
6298
|
children: "10s \u23E9"
|
|
6308
6299
|
}
|
|
6309
6300
|
),
|
|
6310
|
-
/* @__PURE__ */ (0,
|
|
6301
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "rpc_video_player_time", children: [
|
|
6311
6302
|
formatVideoTime(currentTime),
|
|
6312
6303
|
" / ",
|
|
6313
6304
|
formatVideoTime(duration)
|
|
6314
6305
|
] })
|
|
6315
6306
|
] }),
|
|
6316
|
-
/* @__PURE__ */ (0,
|
|
6317
|
-
/* @__PURE__ */ (0,
|
|
6307
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rpc_video_player_right_btns", children: [
|
|
6308
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
6318
6309
|
"button",
|
|
6319
6310
|
{
|
|
6320
6311
|
type: "button",
|
|
@@ -6327,7 +6318,7 @@ var VideoPlayer = ({
|
|
|
6327
6318
|
]
|
|
6328
6319
|
}
|
|
6329
6320
|
),
|
|
6330
|
-
/* @__PURE__ */ (0,
|
|
6321
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6331
6322
|
"button",
|
|
6332
6323
|
{
|
|
6333
6324
|
type: "button",
|
|
@@ -6337,14 +6328,14 @@ var VideoPlayer = ({
|
|
|
6337
6328
|
children: "\u{1FA9F}"
|
|
6338
6329
|
}
|
|
6339
6330
|
),
|
|
6340
|
-
/* @__PURE__ */ (0,
|
|
6331
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6341
6332
|
"button",
|
|
6342
6333
|
{
|
|
6343
6334
|
type: "button",
|
|
6344
6335
|
className: "rpc_video_player_btn",
|
|
6345
6336
|
onClick: toggleFullscreen,
|
|
6346
6337
|
title: "\u5168\u5C4F\u5207\u6362",
|
|
6347
|
-
children: isFullscreen ? /* @__PURE__ */ (0,
|
|
6338
|
+
children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FullscreenExitOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FullscreenOutlined, {})
|
|
6348
6339
|
}
|
|
6349
6340
|
)
|
|
6350
6341
|
] })
|
|
@@ -6360,7 +6351,7 @@ var VideoPlayer_default = VideoPlayer;
|
|
|
6360
6351
|
|
|
6361
6352
|
// PdfViewer/index.tsx
|
|
6362
6353
|
var import_react33 = require("react");
|
|
6363
|
-
var
|
|
6354
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
6364
6355
|
var PdfViewer = ({
|
|
6365
6356
|
src,
|
|
6366
6357
|
title = "PDF Document Preview",
|
|
@@ -6381,24 +6372,24 @@ var PdfViewer = ({
|
|
|
6381
6372
|
const handleRotate = () => {
|
|
6382
6373
|
setRotation((prev) => (prev + 90) % 360);
|
|
6383
6374
|
};
|
|
6384
|
-
return /* @__PURE__ */ (0,
|
|
6385
|
-
/* @__PURE__ */ (0,
|
|
6386
|
-
/* @__PURE__ */ (0,
|
|
6387
|
-
/* @__PURE__ */ (0,
|
|
6388
|
-
/* @__PURE__ */ (0,
|
|
6389
|
-
/* @__PURE__ */ (0,
|
|
6375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `rpc_pdf_viewer ${className}`, style: { width, height, ...style }, children: [
|
|
6376
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "rpc_pdf_viewer_toolbar", children: [
|
|
6377
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "rpc_pdf_viewer_title", children: title }),
|
|
6378
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "rpc_pdf_viewer_actions", children: [
|
|
6379
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomOut, title: "\u7F29\u5C0F", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ZoomOutOutlined, {}) }),
|
|
6380
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { style: { fontSize: 12, minWidth: 40, textAlign: "center" }, children: [
|
|
6390
6381
|
zoom,
|
|
6391
6382
|
"%"
|
|
6392
6383
|
] }),
|
|
6393
|
-
/* @__PURE__ */ (0,
|
|
6394
|
-
/* @__PURE__ */ (0,
|
|
6395
|
-
showDownload && /* @__PURE__ */ (0,
|
|
6396
|
-
/* @__PURE__ */ (0,
|
|
6397
|
-
/* @__PURE__ */ (0,
|
|
6384
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomIn, title: "\u653E\u5927", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ZoomInOutlined, {}) }),
|
|
6385
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleRotate, title: "\u987A\u65F6\u9488\u65CB\u8F6C 90\xB0", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RotateRightOutlined, {}) }),
|
|
6386
|
+
showDownload && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("a", { href: src, download: true, className: "rpc_pdf_viewer_btn", title: "\u4E0B\u8F7D PDF", children: [
|
|
6387
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DownloadOutlined, {}),
|
|
6388
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "\u4E0B\u8F7D" })
|
|
6398
6389
|
] })
|
|
6399
6390
|
] })
|
|
6400
6391
|
] }),
|
|
6401
|
-
/* @__PURE__ */ (0,
|
|
6392
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "rpc_pdf_viewer_body", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
6402
6393
|
"iframe",
|
|
6403
6394
|
{
|
|
6404
6395
|
src: `${src}#toolbar=0&navpanes=0`,
|
|
@@ -6414,7 +6405,7 @@ var PdfViewer = ({
|
|
|
6414
6405
|
var PdfViewer_default = PdfViewer;
|
|
6415
6406
|
|
|
6416
6407
|
// BadgeRibbon/index.tsx
|
|
6417
|
-
var
|
|
6408
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
6418
6409
|
var BadgeRibbon = ({
|
|
6419
6410
|
text,
|
|
6420
6411
|
color = "#ff4d4f",
|
|
@@ -6423,9 +6414,9 @@ var BadgeRibbon = ({
|
|
|
6423
6414
|
className = "",
|
|
6424
6415
|
style
|
|
6425
6416
|
}) => {
|
|
6426
|
-
return /* @__PURE__ */ (0,
|
|
6417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `rpc_badge_ribbon_wrapper ${className}`, style, children: [
|
|
6427
6418
|
children,
|
|
6428
|
-
/* @__PURE__ */ (0,
|
|
6419
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
6429
6420
|
"div",
|
|
6430
6421
|
{
|
|
6431
6422
|
className: `rpc_badge_ribbon rpc_badge_ribbon_${placement}`,
|
|
@@ -6438,7 +6429,7 @@ var BadgeRibbon = ({
|
|
|
6438
6429
|
var BadgeRibbon_default = BadgeRibbon;
|
|
6439
6430
|
|
|
6440
6431
|
// ShimmerSkeleton/index.tsx
|
|
6441
|
-
var
|
|
6432
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
6442
6433
|
var ShimmerSkeleton = ({
|
|
6443
6434
|
type = "card",
|
|
6444
6435
|
rows = 3,
|
|
@@ -6448,11 +6439,11 @@ var ShimmerSkeleton = ({
|
|
|
6448
6439
|
style
|
|
6449
6440
|
}) => {
|
|
6450
6441
|
if (!loading && children) {
|
|
6451
|
-
return /* @__PURE__ */ (0,
|
|
6442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children });
|
|
6452
6443
|
}
|
|
6453
|
-
return /* @__PURE__ */ (0,
|
|
6454
|
-
type === "avatar" && /* @__PURE__ */ (0,
|
|
6455
|
-
type === "text" && /* @__PURE__ */ (0,
|
|
6444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: `rpc_shimmer_skeleton ${className}`, style, children: [
|
|
6445
|
+
type === "avatar" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_avatar" }),
|
|
6446
|
+
type === "text" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6456
6447
|
"div",
|
|
6457
6448
|
{
|
|
6458
6449
|
className: "rpc_shimmer_skeleton_bar",
|
|
@@ -6463,17 +6454,17 @@ var ShimmerSkeleton = ({
|
|
|
6463
6454
|
},
|
|
6464
6455
|
i
|
|
6465
6456
|
)) }),
|
|
6466
|
-
type === "card" && /* @__PURE__ */ (0,
|
|
6467
|
-
/* @__PURE__ */ (0,
|
|
6468
|
-
/* @__PURE__ */ (0,
|
|
6469
|
-
/* @__PURE__ */ (0,
|
|
6470
|
-
/* @__PURE__ */ (0,
|
|
6457
|
+
type === "card" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "rpc_shimmer_skeleton_card", children: [
|
|
6458
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 160, width: "100%" } }),
|
|
6459
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 20, width: "70%" } }),
|
|
6460
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "90%" } }),
|
|
6461
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "40%" } })
|
|
6471
6462
|
] }),
|
|
6472
|
-
type === "list" && /* @__PURE__ */ (0,
|
|
6473
|
-
/* @__PURE__ */ (0,
|
|
6474
|
-
/* @__PURE__ */ (0,
|
|
6475
|
-
/* @__PURE__ */ (0,
|
|
6476
|
-
/* @__PURE__ */ (0,
|
|
6463
|
+
type === "list" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { display: "flex", flexDirection: "column" }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "rpc_shimmer_skeleton_list_item", children: [
|
|
6464
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_avatar", style: { width: 40, height: 40 } }),
|
|
6465
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
6466
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 16, width: "50%" } }),
|
|
6467
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 12, width: "80%" } })
|
|
6477
6468
|
] })
|
|
6478
6469
|
] }, i)) })
|
|
6479
6470
|
] });
|
|
@@ -6482,7 +6473,7 @@ var ShimmerSkeleton_default = ShimmerSkeleton;
|
|
|
6482
6473
|
|
|
6483
6474
|
// FlipCard/index.tsx
|
|
6484
6475
|
var import_react34 = require("react");
|
|
6485
|
-
var
|
|
6476
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
6486
6477
|
var FlipCard = ({
|
|
6487
6478
|
front,
|
|
6488
6479
|
back,
|
|
@@ -6516,7 +6507,7 @@ var FlipCard = ({
|
|
|
6516
6507
|
onFlip == null ? void 0 : onFlip(next);
|
|
6517
6508
|
}
|
|
6518
6509
|
};
|
|
6519
|
-
return /* @__PURE__ */ (0,
|
|
6510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
6520
6511
|
"div",
|
|
6521
6512
|
{
|
|
6522
6513
|
className: `rpc_flip_card ${className}`,
|
|
@@ -6524,13 +6515,13 @@ var FlipCard = ({
|
|
|
6524
6515
|
onMouseEnter: handleMouseEnter,
|
|
6525
6516
|
onMouseLeave: handleMouseLeave,
|
|
6526
6517
|
onClick: handleClick,
|
|
6527
|
-
children: /* @__PURE__ */ (0,
|
|
6518
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
6528
6519
|
"div",
|
|
6529
6520
|
{
|
|
6530
6521
|
className: `rpc_flip_card_inner ${isFlipped ? direction === "vertical" ? "rpc_flip_card_flipped_vertical" : "rpc_flip_card_flipped_horizontal" : ""}`,
|
|
6531
6522
|
children: [
|
|
6532
|
-
/* @__PURE__ */ (0,
|
|
6533
|
-
/* @__PURE__ */ (0,
|
|
6523
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "rpc_flip_card_front", children: front }),
|
|
6524
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
6534
6525
|
"div",
|
|
6535
6526
|
{
|
|
6536
6527
|
className: `rpc_flip_card_back ${direction === "vertical" ? "rpc_flip_card_back_vertical" : "rpc_flip_card_back_horizontal"}`,
|
|
@@ -6547,7 +6538,7 @@ var FlipCard_default = FlipCard;
|
|
|
6547
6538
|
|
|
6548
6539
|
// KanbanBoard/index.tsx
|
|
6549
6540
|
var import_react35 = require("react");
|
|
6550
|
-
var
|
|
6541
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
6551
6542
|
function KanbanBoard({
|
|
6552
6543
|
columns,
|
|
6553
6544
|
keyExtractor,
|
|
@@ -6585,32 +6576,32 @@ function KanbanBoard({
|
|
|
6585
6576
|
onCardMove == null ? void 0 : onCardMove(draggingCardId, sourceColumnId, targetColId, newIdx);
|
|
6586
6577
|
handleDragEnd();
|
|
6587
6578
|
};
|
|
6588
|
-
return /* @__PURE__ */ (0,
|
|
6579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: `rpc_kanban_board ${className}`, style, children: columns.map((col) => {
|
|
6589
6580
|
const isOver = dragOverColumnId === col.id;
|
|
6590
|
-
return /* @__PURE__ */ (0,
|
|
6581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
6591
6582
|
"div",
|
|
6592
6583
|
{
|
|
6593
6584
|
className: `rpc_kanban_board_column ${isOver ? "rpc_kanban_board_column_dragover" : ""}`,
|
|
6594
6585
|
onDragOver: (e) => handleDragOverCol(e, col.id),
|
|
6595
6586
|
onDrop: (e) => handleDropOnCol(e, col.id),
|
|
6596
6587
|
children: [
|
|
6597
|
-
/* @__PURE__ */ (0,
|
|
6598
|
-
/* @__PURE__ */ (0,
|
|
6599
|
-
col.color && /* @__PURE__ */ (0,
|
|
6588
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "rpc_kanban_board_column_header", children: [
|
|
6589
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "rpc_kanban_board_column_title_wrap", children: [
|
|
6590
|
+
col.color && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
6600
6591
|
"span",
|
|
6601
6592
|
{
|
|
6602
6593
|
className: "rpc_kanban_board_column_dot",
|
|
6603
6594
|
style: { backgroundColor: col.color }
|
|
6604
6595
|
}
|
|
6605
6596
|
),
|
|
6606
|
-
/* @__PURE__ */ (0,
|
|
6597
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: col.title })
|
|
6607
6598
|
] }),
|
|
6608
|
-
/* @__PURE__ */ (0,
|
|
6599
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "rpc_kanban_board_column_count", children: col.items.length })
|
|
6609
6600
|
] }),
|
|
6610
|
-
/* @__PURE__ */ (0,
|
|
6601
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "rpc_kanban_board_column_body", children: col.items.map((item, idx) => {
|
|
6611
6602
|
const cardId = keyExtractor(item);
|
|
6612
6603
|
const isDragging = draggingCardId === cardId;
|
|
6613
|
-
return /* @__PURE__ */ (0,
|
|
6604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
6614
6605
|
"div",
|
|
6615
6606
|
{
|
|
6616
6607
|
draggable: true,
|
|
@@ -6640,7 +6631,7 @@ var KanbanBoard_default = KanbanBoard;
|
|
|
6640
6631
|
|
|
6641
6632
|
// TreeFilterPanel/index.tsx
|
|
6642
6633
|
var import_react36 = require("react");
|
|
6643
|
-
var
|
|
6634
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
6644
6635
|
var TreeFilterPanel = ({
|
|
6645
6636
|
options = [],
|
|
6646
6637
|
value: controlledValue,
|
|
@@ -6682,16 +6673,16 @@ var TreeFilterPanel = ({
|
|
|
6682
6673
|
if (controlledValue === void 0) setInternalVal([]);
|
|
6683
6674
|
onChange == null ? void 0 : onChange([]);
|
|
6684
6675
|
};
|
|
6685
|
-
return /* @__PURE__ */ (0,
|
|
6686
|
-
options.length > 0 && /* @__PURE__ */ (0,
|
|
6687
|
-
/* @__PURE__ */ (0,
|
|
6676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `rpc_tree_filter_panel ${className}`, style, children: [
|
|
6677
|
+
options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
6678
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
6688
6679
|
levelLabels[0] || "\u4E00\u7EA7\u5206\u7C7B",
|
|
6689
6680
|
"\uFF1A"
|
|
6690
6681
|
] }),
|
|
6691
|
-
/* @__PURE__ */ (0,
|
|
6682
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "rpc_tree_filter_panel_options", children: options.map((opt) => {
|
|
6692
6683
|
const isSelected = selectedValues.includes(opt.value);
|
|
6693
6684
|
const isCurrentActive = activeLevel1 === opt.value;
|
|
6694
|
-
return /* @__PURE__ */ (0,
|
|
6685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
6695
6686
|
"span",
|
|
6696
6687
|
{
|
|
6697
6688
|
className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
@@ -6708,15 +6699,15 @@ var TreeFilterPanel = ({
|
|
|
6708
6699
|
);
|
|
6709
6700
|
}) })
|
|
6710
6701
|
] }),
|
|
6711
|
-
level2Options.length > 0 && /* @__PURE__ */ (0,
|
|
6712
|
-
/* @__PURE__ */ (0,
|
|
6702
|
+
level2Options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
6703
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
6713
6704
|
levelLabels[1] || "\u4E8C\u7EA7\u5206\u7C7B",
|
|
6714
6705
|
"\uFF1A"
|
|
6715
6706
|
] }),
|
|
6716
|
-
/* @__PURE__ */ (0,
|
|
6707
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "rpc_tree_filter_panel_options", children: level2Options.map((opt) => {
|
|
6717
6708
|
const isSelected = selectedValues.includes(opt.value);
|
|
6718
6709
|
const isCurrentActive = activeLevel2 === opt.value;
|
|
6719
|
-
return /* @__PURE__ */ (0,
|
|
6710
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
6720
6711
|
"span",
|
|
6721
6712
|
{
|
|
6722
6713
|
className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
@@ -6730,14 +6721,14 @@ var TreeFilterPanel = ({
|
|
|
6730
6721
|
);
|
|
6731
6722
|
}) })
|
|
6732
6723
|
] }),
|
|
6733
|
-
level3Options.length > 0 && /* @__PURE__ */ (0,
|
|
6734
|
-
/* @__PURE__ */ (0,
|
|
6724
|
+
level3Options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
6725
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
6735
6726
|
levelLabels[2] || "\u4E09\u7EA7\u6807\u7B7E",
|
|
6736
6727
|
"\uFF1A"
|
|
6737
6728
|
] }),
|
|
6738
|
-
/* @__PURE__ */ (0,
|
|
6729
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "rpc_tree_filter_panel_options", children: level3Options.map((opt) => {
|
|
6739
6730
|
const isSelected = selectedValues.includes(opt.value);
|
|
6740
|
-
return /* @__PURE__ */ (0,
|
|
6731
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
6741
6732
|
"span",
|
|
6742
6733
|
{
|
|
6743
6734
|
className: `rpc_tree_filter_panel_item ${isSelected ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
@@ -6748,13 +6739,13 @@ var TreeFilterPanel = ({
|
|
|
6748
6739
|
);
|
|
6749
6740
|
}) })
|
|
6750
6741
|
] }),
|
|
6751
|
-
/* @__PURE__ */ (0,
|
|
6752
|
-
/* @__PURE__ */ (0,
|
|
6742
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rpc_tree_filter_panel_footer", children: [
|
|
6743
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { children: [
|
|
6753
6744
|
"\u5DF2\u9009\u6761\u4EF6\uFF1A",
|
|
6754
6745
|
selectedValues.length,
|
|
6755
6746
|
" \u9879"
|
|
6756
6747
|
] }),
|
|
6757
|
-
selectedValues.length > 0 && /* @__PURE__ */ (0,
|
|
6748
|
+
selectedValues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
6758
6749
|
"button",
|
|
6759
6750
|
{
|
|
6760
6751
|
type: "button",
|
|
@@ -6770,7 +6761,7 @@ var TreeFilterPanel_default = TreeFilterPanel;
|
|
|
6770
6761
|
|
|
6771
6762
|
// EnvBadge/index.tsx
|
|
6772
6763
|
var import_react37 = require("react");
|
|
6773
|
-
var
|
|
6764
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
6774
6765
|
var defaultEnvLabels = {
|
|
6775
6766
|
dev: "DEV \u5F00\u53D1\u73AF\u5883",
|
|
6776
6767
|
test: "TEST \u6D4B\u8BD5\u73AF\u5883",
|
|
@@ -6803,57 +6794,57 @@ var EnvBadge = ({
|
|
|
6803
6794
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
6804
6795
|
}, [isOpen]);
|
|
6805
6796
|
if (!visible) return null;
|
|
6806
|
-
return /* @__PURE__ */ (0,
|
|
6797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
6807
6798
|
"div",
|
|
6808
6799
|
{
|
|
6809
6800
|
ref: badgeRef,
|
|
6810
6801
|
className: `rpc_env_badge rpc_env_badge_${placement.replace("-", "_")} ${className}`,
|
|
6811
6802
|
style,
|
|
6812
6803
|
children: [
|
|
6813
|
-
/* @__PURE__ */ (0,
|
|
6804
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
6814
6805
|
"div",
|
|
6815
6806
|
{
|
|
6816
6807
|
className: `rpc_env_badge_tag rpc_env_badge_tag_${env}`,
|
|
6817
6808
|
onClick: () => setIsOpen(!isOpen),
|
|
6818
6809
|
children: [
|
|
6819
|
-
/* @__PURE__ */ (0,
|
|
6820
|
-
/* @__PURE__ */ (0,
|
|
6810
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "\u25CF" }),
|
|
6811
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: text })
|
|
6821
6812
|
]
|
|
6822
6813
|
}
|
|
6823
6814
|
),
|
|
6824
|
-
isOpen && /* @__PURE__ */ (0,
|
|
6825
|
-
/* @__PURE__ */ (0,
|
|
6826
|
-
/* @__PURE__ */ (0,
|
|
6827
|
-
/* @__PURE__ */ (0,
|
|
6815
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_popover", children: [
|
|
6816
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_pop_header", children: [
|
|
6817
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "\u7CFB\u7EDF\u73AF\u5883\u4FE1\u606F" }),
|
|
6818
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { fontSize: 12, color: "#8c8c8c" }, children: env.toUpperCase() })
|
|
6828
6819
|
] }),
|
|
6829
|
-
info ? /* @__PURE__ */ (0,
|
|
6830
|
-
info.version && /* @__PURE__ */ (0,
|
|
6831
|
-
/* @__PURE__ */ (0,
|
|
6832
|
-
/* @__PURE__ */ (0,
|
|
6820
|
+
info ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
|
|
6821
|
+
info.version && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6822
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "\u53D1\u5E03\u7248\u672C" }),
|
|
6823
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { children: [
|
|
6833
6824
|
"v",
|
|
6834
6825
|
info.version
|
|
6835
6826
|
] })
|
|
6836
6827
|
] }),
|
|
6837
|
-
info.branch && /* @__PURE__ */ (0,
|
|
6838
|
-
/* @__PURE__ */ (0,
|
|
6839
|
-
/* @__PURE__ */ (0,
|
|
6828
|
+
info.branch && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6829
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "Git \u5206\u652F" }),
|
|
6830
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: info.branch })
|
|
6840
6831
|
] }),
|
|
6841
|
-
info.commit && /* @__PURE__ */ (0,
|
|
6842
|
-
/* @__PURE__ */ (0,
|
|
6843
|
-
/* @__PURE__ */ (0,
|
|
6832
|
+
info.commit && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6833
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "Commit" }),
|
|
6834
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: info.commit })
|
|
6844
6835
|
] }),
|
|
6845
|
-
info.apiHost && /* @__PURE__ */ (0,
|
|
6846
|
-
/* @__PURE__ */ (0,
|
|
6847
|
-
/* @__PURE__ */ (0,
|
|
6836
|
+
info.apiHost && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6837
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "API \u7F51\u5173" }),
|
|
6838
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { fontSize: 11 }, children: info.apiHost })
|
|
6848
6839
|
] }),
|
|
6849
|
-
info.buildTime && /* @__PURE__ */ (0,
|
|
6850
|
-
/* @__PURE__ */ (0,
|
|
6851
|
-
/* @__PURE__ */ (0,
|
|
6840
|
+
info.buildTime && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6841
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: "\u6784\u5EFA\u65F6\u95F4" }),
|
|
6842
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: info.buildTime })
|
|
6852
6843
|
] })
|
|
6853
|
-
] }) : /* @__PURE__ */ (0,
|
|
6854
|
-
switchList && switchList.length > 0 && /* @__PURE__ */ (0,
|
|
6855
|
-
/* @__PURE__ */ (0,
|
|
6856
|
-
switchList.map((item, idx) => /* @__PURE__ */ (0,
|
|
6844
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { style: { color: "#8c8c8c", fontSize: 12, padding: "8px 0" }, children: "\u6682\u65E0\u8BE6\u7EC6\u6784\u5EFA\u5143\u6570\u636E" }),
|
|
6845
|
+
switchList && switchList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rpc_env_badge_switch_wrap", children: [
|
|
6846
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { style: { fontSize: 11, color: "#8c8c8c", width: "100%" }, children: "\u5207\u6362\u73AF\u5883\uFF1A" }),
|
|
6847
|
+
switchList.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
6857
6848
|
"a",
|
|
6858
6849
|
{
|
|
6859
6850
|
href: item.url,
|
|
@@ -6871,7 +6862,7 @@ var EnvBadge = ({
|
|
|
6871
6862
|
var EnvBadge_default = EnvBadge;
|
|
6872
6863
|
|
|
6873
6864
|
// StatusTimeline/index.tsx
|
|
6874
|
-
var
|
|
6865
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
6875
6866
|
var statusIcons = {
|
|
6876
6867
|
finish: "\u2713",
|
|
6877
6868
|
process: "\u25CF",
|
|
@@ -6883,30 +6874,30 @@ var StatusTimeline = ({
|
|
|
6883
6874
|
className = "",
|
|
6884
6875
|
style
|
|
6885
6876
|
}) => {
|
|
6886
|
-
return /* @__PURE__ */ (0,
|
|
6877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `rpc_status_timeline ${className}`, style, children: items.map((item, idx) => {
|
|
6887
6878
|
const status = item.status || "finish";
|
|
6888
|
-
return /* @__PURE__ */ (0,
|
|
6889
|
-
/* @__PURE__ */ (0,
|
|
6890
|
-
/* @__PURE__ */ (0,
|
|
6891
|
-
/* @__PURE__ */ (0,
|
|
6879
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rpc_status_timeline_item", children: [
|
|
6880
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rpc_status_timeline_axis", children: [
|
|
6881
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `rpc_status_timeline_dot rpc_status_timeline_dot_${status}`, children: statusIcons[status] }),
|
|
6882
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "rpc_status_timeline_line" })
|
|
6892
6883
|
] }),
|
|
6893
|
-
/* @__PURE__ */ (0,
|
|
6894
|
-
/* @__PURE__ */ (0,
|
|
6895
|
-
/* @__PURE__ */ (0,
|
|
6896
|
-
item.time && /* @__PURE__ */ (0,
|
|
6884
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rpc_status_timeline_content", children: [
|
|
6885
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rpc_status_timeline_header", children: [
|
|
6886
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "rpc_status_timeline_title", children: item.title }),
|
|
6887
|
+
item.time && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "rpc_status_timeline_time", children: item.time })
|
|
6897
6888
|
] }),
|
|
6898
|
-
item.operator && /* @__PURE__ */ (0,
|
|
6899
|
-
item.operator.avatar && /* @__PURE__ */ (0,
|
|
6900
|
-
/* @__PURE__ */ (0,
|
|
6889
|
+
item.operator && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "rpc_status_timeline_operator", children: [
|
|
6890
|
+
item.operator.avatar && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: item.operator.avatar }),
|
|
6891
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { children: [
|
|
6901
6892
|
"\u7ECF\u529E\u4EBA\uFF1A",
|
|
6902
6893
|
item.operator.name
|
|
6903
6894
|
] })
|
|
6904
6895
|
] }),
|
|
6905
|
-
item.duration && /* @__PURE__ */ (0,
|
|
6896
|
+
item.duration && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "rpc_status_timeline_duration", children: [
|
|
6906
6897
|
"\u8017\u65F6\uFF1A",
|
|
6907
6898
|
item.duration
|
|
6908
6899
|
] }) }),
|
|
6909
|
-
item.description && /* @__PURE__ */ (0,
|
|
6900
|
+
item.description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "rpc_status_timeline_desc", children: item.description })
|
|
6910
6901
|
] })
|
|
6911
6902
|
] }, idx);
|
|
6912
6903
|
}) });
|
|
@@ -6914,7 +6905,7 @@ var StatusTimeline = ({
|
|
|
6914
6905
|
var StatusTimeline_default = StatusTimeline;
|
|
6915
6906
|
|
|
6916
6907
|
// GradientText/index.tsx
|
|
6917
|
-
var
|
|
6908
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
6918
6909
|
var GradientText = ({
|
|
6919
6910
|
children,
|
|
6920
6911
|
gradient = "linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)",
|
|
@@ -6923,7 +6914,7 @@ var GradientText = ({
|
|
|
6923
6914
|
className = "",
|
|
6924
6915
|
style
|
|
6925
6916
|
}) => {
|
|
6926
|
-
return /* @__PURE__ */ (0,
|
|
6917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
6927
6918
|
"span",
|
|
6928
6919
|
{
|
|
6929
6920
|
className: `rpc_gradient_text ${animate ? "rpc_gradient_text_animate" : ""} ${className}`,
|
|
@@ -6940,7 +6931,7 @@ var GradientText_default = GradientText;
|
|
|
6940
6931
|
|
|
6941
6932
|
// KeyValEditor/index.tsx
|
|
6942
6933
|
var import_react38 = require("react");
|
|
6943
|
-
var
|
|
6934
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
6944
6935
|
var KeyValEditor = ({
|
|
6945
6936
|
value: controlledValue,
|
|
6946
6937
|
defaultValue = [{ key: "", value: "", enabled: true }],
|
|
@@ -6971,11 +6962,11 @@ var KeyValEditor = ({
|
|
|
6971
6962
|
const toggleSecretVisibility = (index) => {
|
|
6972
6963
|
setVisibleSecrets((prev) => ({ ...prev, [index]: !prev[index] }));
|
|
6973
6964
|
};
|
|
6974
|
-
return /* @__PURE__ */ (0,
|
|
6965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `rpc_key_val_editor ${className}`, style, children: [
|
|
6975
6966
|
items.map((item, index) => {
|
|
6976
6967
|
const isSecret = item.isSecret && !visibleSecrets[index];
|
|
6977
|
-
return /* @__PURE__ */ (0,
|
|
6978
|
-
/* @__PURE__ */ (0,
|
|
6968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "rpc_key_val_editor_row", children: [
|
|
6969
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
6979
6970
|
"input",
|
|
6980
6971
|
{
|
|
6981
6972
|
type: "checkbox",
|
|
@@ -6985,7 +6976,7 @@ var KeyValEditor = ({
|
|
|
6985
6976
|
title: "\u542F\u7528/\u7981\u7528\u6B64\u6761\u76EE"
|
|
6986
6977
|
}
|
|
6987
6978
|
),
|
|
6988
|
-
/* @__PURE__ */ (0,
|
|
6979
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
6989
6980
|
"input",
|
|
6990
6981
|
{
|
|
6991
6982
|
type: "text",
|
|
@@ -6996,7 +6987,7 @@ var KeyValEditor = ({
|
|
|
6996
6987
|
className: "rpc_key_val_editor_input"
|
|
6997
6988
|
}
|
|
6998
6989
|
),
|
|
6999
|
-
/* @__PURE__ */ (0,
|
|
6990
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
7000
6991
|
"input",
|
|
7001
6992
|
{
|
|
7002
6993
|
type: isSecret ? "password" : "text",
|
|
@@ -7007,7 +6998,7 @@ var KeyValEditor = ({
|
|
|
7007
6998
|
className: "rpc_key_val_editor_input"
|
|
7008
6999
|
}
|
|
7009
7000
|
),
|
|
7010
|
-
allowSecret && /* @__PURE__ */ (0,
|
|
7001
|
+
allowSecret && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
7011
7002
|
"button",
|
|
7012
7003
|
{
|
|
7013
7004
|
type: "button",
|
|
@@ -7020,29 +7011,29 @@ var KeyValEditor = ({
|
|
|
7020
7011
|
}
|
|
7021
7012
|
},
|
|
7022
7013
|
title: item.isSecret ? "\u5207\u6362\u663E\u793A/\u9690\u85CF" : "\u8BBE\u4E3A\u654F\u611F\u5BC6\u7801",
|
|
7023
|
-
children: item.isSecret ? visibleSecrets[index] ? /* @__PURE__ */ (0,
|
|
7014
|
+
children: item.isSecret ? visibleSecrets[index] ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EyeOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EyeInvisibleOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { style: { fontSize: 11, color: "#8c8c8c" }, children: "\u{1F512}" })
|
|
7024
7015
|
}
|
|
7025
7016
|
),
|
|
7026
|
-
/* @__PURE__ */ (0,
|
|
7017
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
7027
7018
|
"button",
|
|
7028
7019
|
{
|
|
7029
7020
|
type: "button",
|
|
7030
7021
|
className: "rpc_key_val_editor_btn_icon",
|
|
7031
7022
|
onClick: () => handleDelete(index),
|
|
7032
7023
|
title: "\u5220\u9664\u6B64\u884C",
|
|
7033
|
-
children: /* @__PURE__ */ (0,
|
|
7024
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CloseOutlined, {})
|
|
7034
7025
|
}
|
|
7035
7026
|
)
|
|
7036
7027
|
] }, index);
|
|
7037
7028
|
}),
|
|
7038
|
-
/* @__PURE__ */ (0,
|
|
7029
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "rpc_key_val_editor_footer", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "rpc_key_val_editor_add_btn", onClick: handleAdd, children: "+ \u6DFB\u52A0\u952E\u503C\u5BF9" }) })
|
|
7039
7030
|
] });
|
|
7040
7031
|
};
|
|
7041
7032
|
var KeyValEditor_default = KeyValEditor;
|
|
7042
7033
|
|
|
7043
7034
|
// QuickDateRange/index.tsx
|
|
7044
7035
|
var import_react39 = require("react");
|
|
7045
|
-
var
|
|
7036
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
7046
7037
|
function formatDate(d) {
|
|
7047
7038
|
const y = d.getFullYear();
|
|
7048
7039
|
const m = String(d.getMonth() + 1).padStart(2, "0");
|
|
@@ -7122,9 +7113,9 @@ var QuickDateRange = ({
|
|
|
7122
7113
|
const range = item.calc();
|
|
7123
7114
|
onChange == null ? void 0 : onChange(range, item.key);
|
|
7124
7115
|
};
|
|
7125
|
-
return /* @__PURE__ */ (0,
|
|
7116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `rpc_quick_date_range ${className}`, style, children: defaultShortcuts.map((item) => {
|
|
7126
7117
|
const isActive = currentKey === item.key;
|
|
7127
|
-
return /* @__PURE__ */ (0,
|
|
7118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7128
7119
|
"span",
|
|
7129
7120
|
{
|
|
7130
7121
|
className: `rpc_quick_date_range_pill ${isActive ? "rpc_quick_date_range_pill_active" : ""}`,
|
|
@@ -7137,52 +7128,9 @@ var QuickDateRange = ({
|
|
|
7137
7128
|
};
|
|
7138
7129
|
var QuickDateRange_default = QuickDateRange;
|
|
7139
7130
|
|
|
7140
|
-
// DiffTable/index.tsx
|
|
7141
|
-
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
7142
|
-
var DiffTable = ({
|
|
7143
|
-
columns = [],
|
|
7144
|
-
baseData = [],
|
|
7145
|
-
currentData = [],
|
|
7146
|
-
rowKey = "id",
|
|
7147
|
-
className = "",
|
|
7148
|
-
style
|
|
7149
|
-
}) => {
|
|
7150
|
-
const baseMap = /* @__PURE__ */ new Map();
|
|
7151
|
-
baseData.forEach((row) => {
|
|
7152
|
-
baseMap.set(String(row[rowKey]), row);
|
|
7153
|
-
});
|
|
7154
|
-
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("table", { className: `rpc_diff_table ${className}`, style, children: [
|
|
7155
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("th", { children: col.title }, col.key)) }) }),
|
|
7156
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tbody", { children: currentData.map((currRow, index) => {
|
|
7157
|
-
const id = String(currRow[rowKey] || index);
|
|
7158
|
-
const baseRow = baseMap.get(id) || {};
|
|
7159
|
-
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { children: columns.map((col) => {
|
|
7160
|
-
const currVal = currRow[col.key];
|
|
7161
|
-
const baseVal = baseRow[col.key];
|
|
7162
|
-
if (col.isNumeric && typeof currVal === "number" && typeof baseVal === "number") {
|
|
7163
|
-
const diff = currVal - baseVal;
|
|
7164
|
-
const percent = baseVal !== 0 ? (diff / baseVal * 100).toFixed(1) : "0.0";
|
|
7165
|
-
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "rpc_diff_table_cell", children: [
|
|
7166
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: currVal.toLocaleString() }),
|
|
7167
|
-
diff !== 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
7168
|
-
"span",
|
|
7169
|
-
{
|
|
7170
|
-
className: `rpc_diff_table_diff_tag ${diff > 0 ? "rpc_diff_table_diff_tag_up" : "rpc_diff_table_diff_tag_down"}`,
|
|
7171
|
-
children: diff > 0 ? `+${percent}%` : `${percent}%`
|
|
7172
|
-
}
|
|
7173
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "rpc_diff_table_diff_tag rpc_diff_table_diff_tag_same", children: "-" })
|
|
7174
|
-
] }) }, col.key);
|
|
7175
|
-
}
|
|
7176
|
-
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("td", { children: currVal !== void 0 ? String(currVal) : "-" }, col.key);
|
|
7177
|
-
}) }, id);
|
|
7178
|
-
}) })
|
|
7179
|
-
] });
|
|
7180
|
-
};
|
|
7181
|
-
var DiffTable_default = DiffTable;
|
|
7182
|
-
|
|
7183
7131
|
// PhotoViewer/index.tsx
|
|
7184
7132
|
var import_react40 = require("react");
|
|
7185
|
-
var
|
|
7133
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
7186
7134
|
var PhotoViewer = ({
|
|
7187
7135
|
images = [],
|
|
7188
7136
|
defaultIndex = 0,
|
|
@@ -7214,17 +7162,17 @@ var PhotoViewer = ({
|
|
|
7214
7162
|
}, [currentIndex, images.length]);
|
|
7215
7163
|
if (images.length === 0) return null;
|
|
7216
7164
|
const currentImg = images[currentIndex] || images[0];
|
|
7217
|
-
return /* @__PURE__ */ (0,
|
|
7218
|
-
/* @__PURE__ */ (0,
|
|
7219
|
-
/* @__PURE__ */ (0,
|
|
7220
|
-
/* @__PURE__ */ (0,
|
|
7165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: `rpc_photo_viewer ${className}`, style, children: [
|
|
7166
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "rpc_photo_viewer_top_bar", children: [
|
|
7167
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rpc_photo_viewer_top_title", children: currentImg.title || currentImg.alt || `Photo ${currentIndex + 1}` }),
|
|
7168
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "rpc_photo_viewer_counter", children: [
|
|
7221
7169
|
currentIndex + 1,
|
|
7222
7170
|
" / ",
|
|
7223
7171
|
images.length
|
|
7224
7172
|
] })
|
|
7225
7173
|
] }),
|
|
7226
|
-
/* @__PURE__ */ (0,
|
|
7227
|
-
/* @__PURE__ */ (0,
|
|
7174
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "rpc_photo_viewer_main_wrap", style: { height }, children: [
|
|
7175
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
7228
7176
|
"img",
|
|
7229
7177
|
{
|
|
7230
7178
|
src: currentImg.src,
|
|
@@ -7232,8 +7180,8 @@ var PhotoViewer = ({
|
|
|
7232
7180
|
className: "rpc_photo_viewer_main_img"
|
|
7233
7181
|
}
|
|
7234
7182
|
),
|
|
7235
|
-
images.length > 1 && /* @__PURE__ */ (0,
|
|
7236
|
-
/* @__PURE__ */ (0,
|
|
7183
|
+
images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
|
|
7184
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
7237
7185
|
"button",
|
|
7238
7186
|
{
|
|
7239
7187
|
type: "button",
|
|
@@ -7243,7 +7191,7 @@ var PhotoViewer = ({
|
|
|
7243
7191
|
children: "\u2039"
|
|
7244
7192
|
}
|
|
7245
7193
|
),
|
|
7246
|
-
/* @__PURE__ */ (0,
|
|
7194
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
7247
7195
|
"button",
|
|
7248
7196
|
{
|
|
7249
7197
|
type: "button",
|
|
@@ -7255,12 +7203,12 @@ var PhotoViewer = ({
|
|
|
7255
7203
|
)
|
|
7256
7204
|
] })
|
|
7257
7205
|
] }),
|
|
7258
|
-
images.length > 1 && /* @__PURE__ */ (0,
|
|
7206
|
+
images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "rpc_photo_viewer_thumbs_wrap", children: images.map((img, idx) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
7259
7207
|
"div",
|
|
7260
7208
|
{
|
|
7261
7209
|
className: `rpc_photo_viewer_thumb ${currentIndex === idx ? "rpc_photo_viewer_thumb_active" : ""}`,
|
|
7262
7210
|
onClick: () => handleSelect(idx),
|
|
7263
|
-
children: /* @__PURE__ */ (0,
|
|
7211
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("img", { src: img.src, alt: img.alt || "" })
|
|
7264
7212
|
},
|
|
7265
7213
|
idx
|
|
7266
7214
|
)) })
|
|
@@ -7269,7 +7217,7 @@ var PhotoViewer = ({
|
|
|
7269
7217
|
var PhotoViewer_default = PhotoViewer;
|
|
7270
7218
|
|
|
7271
7219
|
// TrendIndicator/index.tsx
|
|
7272
|
-
var
|
|
7220
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
7273
7221
|
var TrendIndicator = ({
|
|
7274
7222
|
value,
|
|
7275
7223
|
suffix = "%",
|
|
@@ -7289,14 +7237,14 @@ var TrendIndicator = ({
|
|
|
7289
7237
|
}
|
|
7290
7238
|
const formattedVal = Math.abs(value).toFixed(precision);
|
|
7291
7239
|
const sign = isPositive ? "+" : value < 0 ? "-" : "";
|
|
7292
|
-
return /* @__PURE__ */ (0,
|
|
7240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
7293
7241
|
"span",
|
|
7294
7242
|
{
|
|
7295
7243
|
className: `rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`,
|
|
7296
7244
|
style,
|
|
7297
7245
|
children: [
|
|
7298
|
-
/* @__PURE__ */ (0,
|
|
7299
|
-
/* @__PURE__ */ (0,
|
|
7246
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "rpc_trend_indicator_arrow", children: isZero ? "\u2014" : isPositive ? "\u25B2" : "\u25BC" }),
|
|
7247
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { children: [
|
|
7300
7248
|
prefix,
|
|
7301
7249
|
sign,
|
|
7302
7250
|
formattedVal,
|
|
@@ -7308,86 +7256,9 @@ var TrendIndicator = ({
|
|
|
7308
7256
|
};
|
|
7309
7257
|
var TrendIndicator_default = TrendIndicator;
|
|
7310
7258
|
|
|
7311
|
-
// CountdownButton/index.tsx
|
|
7312
|
-
var import_react41 = require("react");
|
|
7313
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
7314
|
-
var CountdownButton = ({
|
|
7315
|
-
text = "\u83B7\u53D6\u9A8C\u8BC1\u7801",
|
|
7316
|
-
seconds = 60,
|
|
7317
|
-
countdownText = (s) => `${s}s \u540E\u91CD\u65B0\u83B7\u53D6`,
|
|
7318
|
-
resetText,
|
|
7319
|
-
onBeforeStart,
|
|
7320
|
-
onEnd,
|
|
7321
|
-
disabled: controlledDisabled = false,
|
|
7322
|
-
className = "",
|
|
7323
|
-
style
|
|
7324
|
-
}) => {
|
|
7325
|
-
const [timeLeft, setTimeLeft] = (0, import_react41.useState)(0);
|
|
7326
|
-
const [loading, setLoading] = (0, import_react41.useState)(false);
|
|
7327
|
-
const timerRef = (0, import_react41.useRef)(null);
|
|
7328
|
-
const isCounting = timeLeft > 0;
|
|
7329
|
-
(0, import_react41.useEffect)(() => {
|
|
7330
|
-
if (isCounting) {
|
|
7331
|
-
timerRef.current = setInterval(() => {
|
|
7332
|
-
setTimeLeft((prev) => {
|
|
7333
|
-
if (prev <= 1) {
|
|
7334
|
-
if (timerRef.current) clearInterval(timerRef.current);
|
|
7335
|
-
onEnd == null ? void 0 : onEnd();
|
|
7336
|
-
return 0;
|
|
7337
|
-
}
|
|
7338
|
-
return prev - 1;
|
|
7339
|
-
});
|
|
7340
|
-
}, 1e3);
|
|
7341
|
-
}
|
|
7342
|
-
return () => {
|
|
7343
|
-
if (timerRef.current) clearInterval(timerRef.current);
|
|
7344
|
-
};
|
|
7345
|
-
}, [isCounting, onEnd]);
|
|
7346
|
-
const handleClick = async () => {
|
|
7347
|
-
if (isCounting || loading || controlledDisabled) return;
|
|
7348
|
-
if (onBeforeStart) {
|
|
7349
|
-
try {
|
|
7350
|
-
setLoading(true);
|
|
7351
|
-
const ok = await onBeforeStart();
|
|
7352
|
-
setLoading(false);
|
|
7353
|
-
if (ok !== false) {
|
|
7354
|
-
setTimeLeft(seconds);
|
|
7355
|
-
}
|
|
7356
|
-
} catch (e) {
|
|
7357
|
-
setLoading(false);
|
|
7358
|
-
}
|
|
7359
|
-
} else {
|
|
7360
|
-
setTimeLeft(seconds);
|
|
7361
|
-
}
|
|
7362
|
-
};
|
|
7363
|
-
let btnContent = text;
|
|
7364
|
-
if (loading) {
|
|
7365
|
-
btnContent = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
|
|
7366
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(LoadingOutlined, {}),
|
|
7367
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "\u53D1\u9001\u4E2D..." })
|
|
7368
|
-
] });
|
|
7369
|
-
} else if (isCounting) {
|
|
7370
|
-
btnContent = countdownText(timeLeft);
|
|
7371
|
-
} else if (resetText && timeLeft === 0) {
|
|
7372
|
-
btnContent = resetText;
|
|
7373
|
-
}
|
|
7374
|
-
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
7375
|
-
"button",
|
|
7376
|
-
{
|
|
7377
|
-
type: "button",
|
|
7378
|
-
disabled: controlledDisabled || isCounting || loading,
|
|
7379
|
-
className: `rpc_countdown_btn ${loading ? "rpc_countdown_btn_loading" : ""} ${className}`,
|
|
7380
|
-
style,
|
|
7381
|
-
onClick: handleClick,
|
|
7382
|
-
children: btnContent
|
|
7383
|
-
}
|
|
7384
|
-
);
|
|
7385
|
-
};
|
|
7386
|
-
var CountdownButton_default = CountdownButton;
|
|
7387
|
-
|
|
7388
7259
|
// SegmentedProgress/index.tsx
|
|
7389
|
-
var
|
|
7390
|
-
var
|
|
7260
|
+
var import_react41 = require("react");
|
|
7261
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
7391
7262
|
var SegmentedProgress = ({
|
|
7392
7263
|
segments = [],
|
|
7393
7264
|
total: customTotal,
|
|
@@ -7396,14 +7267,14 @@ var SegmentedProgress = ({
|
|
|
7396
7267
|
className = "",
|
|
7397
7268
|
style
|
|
7398
7269
|
}) => {
|
|
7399
|
-
const sumValue = (0,
|
|
7270
|
+
const sumValue = (0, import_react41.useMemo)(() => {
|
|
7400
7271
|
return segments.reduce((acc, cur) => acc + (cur.value || 0), 0);
|
|
7401
7272
|
}, [segments]);
|
|
7402
7273
|
const baseTotal = customTotal !== void 0 ? customTotal : sumValue || 1;
|
|
7403
|
-
return /* @__PURE__ */ (0,
|
|
7404
|
-
/* @__PURE__ */ (0,
|
|
7274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `rpc_seg_progress ${className}`, style, children: [
|
|
7275
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "rpc_seg_progress_bar", style: { height }, children: segments.map((seg, idx) => {
|
|
7405
7276
|
const pct = (seg.value / baseTotal * 100).toFixed(1);
|
|
7406
|
-
return /* @__PURE__ */ (0,
|
|
7277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
7407
7278
|
"div",
|
|
7408
7279
|
{
|
|
7409
7280
|
className: "rpc_seg_progress_segment",
|
|
@@ -7416,12 +7287,12 @@ var SegmentedProgress = ({
|
|
|
7416
7287
|
idx
|
|
7417
7288
|
);
|
|
7418
7289
|
}) }),
|
|
7419
|
-
showLegend && /* @__PURE__ */ (0,
|
|
7290
|
+
showLegend && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "rpc_seg_progress_legend", children: segments.map((seg, idx) => {
|
|
7420
7291
|
const pct = (seg.value / baseTotal * 100).toFixed(1);
|
|
7421
|
-
return /* @__PURE__ */ (0,
|
|
7422
|
-
/* @__PURE__ */ (0,
|
|
7423
|
-
/* @__PURE__ */ (0,
|
|
7424
|
-
/* @__PURE__ */ (0,
|
|
7292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rpc_seg_progress_legend_item", children: [
|
|
7293
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "rpc_seg_progress_dot", style: { backgroundColor: seg.color } }),
|
|
7294
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: seg.label }),
|
|
7295
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("b", { style: { color: "#262626" }, children: [
|
|
7425
7296
|
seg.value,
|
|
7426
7297
|
seg.suffix || "",
|
|
7427
7298
|
" (",
|
|
@@ -7435,8 +7306,8 @@ var SegmentedProgress = ({
|
|
|
7435
7306
|
var SegmentedProgress_default = SegmentedProgress;
|
|
7436
7307
|
|
|
7437
7308
|
// HoverCard/index.tsx
|
|
7438
|
-
var
|
|
7439
|
-
var
|
|
7309
|
+
var import_react42 = require("react");
|
|
7310
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
7440
7311
|
var HoverCard = ({
|
|
7441
7312
|
children,
|
|
7442
7313
|
content,
|
|
@@ -7445,8 +7316,8 @@ var HoverCard = ({
|
|
|
7445
7316
|
className = "",
|
|
7446
7317
|
style
|
|
7447
7318
|
}) => {
|
|
7448
|
-
const [isOpen, setIsOpen] = (0,
|
|
7449
|
-
const timerRef = (0,
|
|
7319
|
+
const [isOpen, setIsOpen] = (0, import_react42.useState)(false);
|
|
7320
|
+
const timerRef = (0, import_react42.useRef)(null);
|
|
7450
7321
|
const handleMouseEnter = () => {
|
|
7451
7322
|
if (timerRef.current) clearTimeout(timerRef.current);
|
|
7452
7323
|
timerRef.current = setTimeout(() => {
|
|
@@ -7459,7 +7330,7 @@ var HoverCard = ({
|
|
|
7459
7330
|
setIsOpen(false);
|
|
7460
7331
|
}, closeDelay);
|
|
7461
7332
|
};
|
|
7462
|
-
return /* @__PURE__ */ (0,
|
|
7333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
7463
7334
|
"div",
|
|
7464
7335
|
{
|
|
7465
7336
|
className: `rpc_hover_card ${className}`,
|
|
@@ -7468,7 +7339,7 @@ var HoverCard = ({
|
|
|
7468
7339
|
onMouseLeave: handleMouseLeave,
|
|
7469
7340
|
children: [
|
|
7470
7341
|
children,
|
|
7471
|
-
isOpen && /* @__PURE__ */ (0,
|
|
7342
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
7472
7343
|
"div",
|
|
7473
7344
|
{
|
|
7474
7345
|
className: "rpc_hover_card_popover",
|
|
@@ -7484,8 +7355,8 @@ var HoverCard = ({
|
|
|
7484
7355
|
var HoverCard_default = HoverCard;
|
|
7485
7356
|
|
|
7486
7357
|
// TreeTransfer/index.tsx
|
|
7487
|
-
var
|
|
7488
|
-
var
|
|
7358
|
+
var import_react43 = require("react");
|
|
7359
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
7489
7360
|
var TreeTransfer = ({
|
|
7490
7361
|
treeData = [],
|
|
7491
7362
|
targetKeys: controlledKeys,
|
|
@@ -7496,9 +7367,9 @@ var TreeTransfer = ({
|
|
|
7496
7367
|
className = "",
|
|
7497
7368
|
style
|
|
7498
7369
|
}) => {
|
|
7499
|
-
const [internalKeys, setInternalKeys] = (0,
|
|
7370
|
+
const [internalKeys, setInternalKeys] = (0, import_react43.useState)(defaultTargetKeys);
|
|
7500
7371
|
const targetKeys = controlledKeys !== void 0 ? controlledKeys : internalKeys;
|
|
7501
|
-
const flatNodeMap = (0,
|
|
7372
|
+
const flatNodeMap = (0, import_react43.useMemo)(() => {
|
|
7502
7373
|
const map = /* @__PURE__ */ new Map();
|
|
7503
7374
|
const traverse = (nodes) => {
|
|
7504
7375
|
nodes.forEach((n) => {
|
|
@@ -7523,25 +7394,25 @@ var TreeTransfer = ({
|
|
|
7523
7394
|
const handleRemove = (key) => {
|
|
7524
7395
|
triggerChange(targetKeys.filter((k) => k !== key));
|
|
7525
7396
|
};
|
|
7526
|
-
return /* @__PURE__ */ (0,
|
|
7527
|
-
/* @__PURE__ */ (0,
|
|
7528
|
-
/* @__PURE__ */ (0,
|
|
7529
|
-
/* @__PURE__ */ (0,
|
|
7397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `rpc_tree_transfer ${className}`, style, children: [
|
|
7398
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "rpc_tree_transfer_panel", children: [
|
|
7399
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "rpc_tree_transfer_header", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: sourceTitle }) }),
|
|
7400
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "rpc_tree_transfer_body", children: treeData.map((group) => {
|
|
7530
7401
|
var _a;
|
|
7531
|
-
return /* @__PURE__ */ (0,
|
|
7532
|
-
/* @__PURE__ */ (0,
|
|
7402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
|
|
7403
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "rpc_tree_transfer_tree_item", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("b", { children: [
|
|
7533
7404
|
"\u{1F4C1} ",
|
|
7534
7405
|
group.title
|
|
7535
7406
|
] }) }),
|
|
7536
7407
|
(_a = group.children) == null ? void 0 : _a.map((child) => {
|
|
7537
7408
|
const isChecked = targetKeys.includes(child.key);
|
|
7538
|
-
return /* @__PURE__ */ (0,
|
|
7409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
7539
7410
|
"label",
|
|
7540
7411
|
{
|
|
7541
7412
|
className: "rpc_tree_transfer_tree_item rpc_tree_transfer_tree_child",
|
|
7542
7413
|
style: { cursor: "pointer" },
|
|
7543
7414
|
children: [
|
|
7544
|
-
/* @__PURE__ */ (0,
|
|
7415
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
7545
7416
|
"input",
|
|
7546
7417
|
{
|
|
7547
7418
|
type: "checkbox",
|
|
@@ -7549,7 +7420,7 @@ var TreeTransfer = ({
|
|
|
7549
7420
|
onChange: (e) => handleToggle(child.key, e.target.checked)
|
|
7550
7421
|
}
|
|
7551
7422
|
),
|
|
7552
|
-
/* @__PURE__ */ (0,
|
|
7423
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: child.title })
|
|
7553
7424
|
]
|
|
7554
7425
|
},
|
|
7555
7426
|
child.key
|
|
@@ -7558,16 +7429,16 @@ var TreeTransfer = ({
|
|
|
7558
7429
|
] }, group.key);
|
|
7559
7430
|
}) })
|
|
7560
7431
|
] }),
|
|
7561
|
-
/* @__PURE__ */ (0,
|
|
7562
|
-
/* @__PURE__ */ (0,
|
|
7563
|
-
/* @__PURE__ */ (0,
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7432
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { style: { color: "#8c8c8c" }, children: "\u21C4" }),
|
|
7433
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "rpc_tree_transfer_panel", children: [
|
|
7434
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "rpc_tree_transfer_header", children: [
|
|
7435
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { children: [
|
|
7565
7436
|
targetTitle,
|
|
7566
7437
|
" (",
|
|
7567
7438
|
targetKeys.length,
|
|
7568
7439
|
")"
|
|
7569
7440
|
] }),
|
|
7570
|
-
targetKeys.length > 0 && /* @__PURE__ */ (0,
|
|
7441
|
+
targetKeys.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
7571
7442
|
"button",
|
|
7572
7443
|
{
|
|
7573
7444
|
type: "button",
|
|
@@ -7577,15 +7448,15 @@ var TreeTransfer = ({
|
|
|
7577
7448
|
}
|
|
7578
7449
|
)
|
|
7579
7450
|
] }),
|
|
7580
|
-
/* @__PURE__ */ (0,
|
|
7581
|
-
/* @__PURE__ */ (0,
|
|
7582
|
-
/* @__PURE__ */ (0,
|
|
7451
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "rpc_tree_transfer_body", children: targetKeys.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { color: "#8c8c8c", padding: "20px 0", textAlign: "center" }, children: "\u6682\u65E0\u5DF2\u9009\u9879" }) : targetKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "rpc_tree_transfer_target_item", children: [
|
|
7452
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: flatNodeMap.get(key) || key }),
|
|
7453
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
7583
7454
|
"button",
|
|
7584
7455
|
{
|
|
7585
7456
|
type: "button",
|
|
7586
7457
|
className: "rpc_tree_transfer_del_btn",
|
|
7587
7458
|
onClick: () => handleRemove(key),
|
|
7588
|
-
children: /* @__PURE__ */ (0,
|
|
7459
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CloseOutlined, {})
|
|
7589
7460
|
}
|
|
7590
7461
|
)
|
|
7591
7462
|
] }, key)) })
|
|
@@ -7595,8 +7466,8 @@ var TreeTransfer = ({
|
|
|
7595
7466
|
var TreeTransfer_default = TreeTransfer;
|
|
7596
7467
|
|
|
7597
7468
|
// NumberStepper/index.tsx
|
|
7598
|
-
var
|
|
7599
|
-
var
|
|
7469
|
+
var import_react44 = require("react");
|
|
7470
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
7600
7471
|
var NumberStepper = ({
|
|
7601
7472
|
value: controlledVal,
|
|
7602
7473
|
defaultValue = 1,
|
|
@@ -7608,9 +7479,9 @@ var NumberStepper = ({
|
|
|
7608
7479
|
className = "",
|
|
7609
7480
|
style
|
|
7610
7481
|
}) => {
|
|
7611
|
-
const [internalVal, setInternalVal] = (0,
|
|
7482
|
+
const [internalVal, setInternalVal] = (0, import_react44.useState)(defaultValue);
|
|
7612
7483
|
const currentVal = controlledVal !== void 0 ? controlledVal : internalVal;
|
|
7613
|
-
const timerRef = (0,
|
|
7484
|
+
const timerRef = (0, import_react44.useRef)(null);
|
|
7614
7485
|
const updateVal = (val) => {
|
|
7615
7486
|
const clamped = Math.max(min, Math.min(max, val));
|
|
7616
7487
|
if (controlledVal === void 0) setInternalVal(clamped);
|
|
@@ -7633,11 +7504,11 @@ var NumberStepper = ({
|
|
|
7633
7504
|
timerRef.current = null;
|
|
7634
7505
|
}
|
|
7635
7506
|
};
|
|
7636
|
-
(0,
|
|
7507
|
+
(0, import_react44.useEffect)(() => {
|
|
7637
7508
|
return () => stopLongPress();
|
|
7638
7509
|
}, []);
|
|
7639
|
-
return /* @__PURE__ */ (0,
|
|
7640
|
-
/* @__PURE__ */ (0,
|
|
7510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `rpc_num_stepper ${className}`, style, children: [
|
|
7511
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
7641
7512
|
"button",
|
|
7642
7513
|
{
|
|
7643
7514
|
type: "button",
|
|
@@ -7649,7 +7520,7 @@ var NumberStepper = ({
|
|
|
7649
7520
|
children: "-"
|
|
7650
7521
|
}
|
|
7651
7522
|
),
|
|
7652
|
-
/* @__PURE__ */ (0,
|
|
7523
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
7653
7524
|
"input",
|
|
7654
7525
|
{
|
|
7655
7526
|
type: "number",
|
|
@@ -7659,7 +7530,7 @@ var NumberStepper = ({
|
|
|
7659
7530
|
className: "rpc_num_stepper_input"
|
|
7660
7531
|
}
|
|
7661
7532
|
),
|
|
7662
|
-
/* @__PURE__ */ (0,
|
|
7533
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
7663
7534
|
"button",
|
|
7664
7535
|
{
|
|
7665
7536
|
type: "button",
|
|
@@ -7676,10 +7547,10 @@ var NumberStepper = ({
|
|
|
7676
7547
|
var NumberStepper_default = NumberStepper;
|
|
7677
7548
|
|
|
7678
7549
|
// JsonTree/index.tsx
|
|
7679
|
-
var
|
|
7680
|
-
var
|
|
7550
|
+
var import_react45 = require("react");
|
|
7551
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
7681
7552
|
var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
7682
|
-
const [collapsed, setCollapsed] = (0,
|
|
7553
|
+
const [collapsed, setCollapsed] = (0, import_react45.useState)(depth >= maxDepth);
|
|
7683
7554
|
const isObject = value !== null && typeof value === "object";
|
|
7684
7555
|
const isArray = Array.isArray(value);
|
|
7685
7556
|
if (!isObject) {
|
|
@@ -7695,23 +7566,23 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7695
7566
|
valClass = "rpc_json_tree_null";
|
|
7696
7567
|
valStr = "null";
|
|
7697
7568
|
}
|
|
7698
|
-
return /* @__PURE__ */ (0,
|
|
7699
|
-
keyName !== void 0 && /* @__PURE__ */ (0,
|
|
7700
|
-
/* @__PURE__ */ (0,
|
|
7569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
|
|
7570
|
+
keyName !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
7571
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "rpc_json_tree_key", children: [
|
|
7701
7572
|
'"',
|
|
7702
7573
|
keyName,
|
|
7703
7574
|
'"'
|
|
7704
7575
|
] }),
|
|
7705
|
-
/* @__PURE__ */ (0,
|
|
7576
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "rpc_json_tree_colon", children: ":" })
|
|
7706
7577
|
] }),
|
|
7707
|
-
/* @__PURE__ */ (0,
|
|
7578
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: valClass, children: valStr })
|
|
7708
7579
|
] });
|
|
7709
7580
|
}
|
|
7710
7581
|
const keys = Object.keys(value);
|
|
7711
7582
|
const openBracket = isArray ? "[" : "{";
|
|
7712
7583
|
const closeBracket = isArray ? "]" : "}";
|
|
7713
|
-
return /* @__PURE__ */ (0,
|
|
7714
|
-
/* @__PURE__ */ (0,
|
|
7584
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
|
|
7585
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
7715
7586
|
"span",
|
|
7716
7587
|
{
|
|
7717
7588
|
className: `rpc_json_tree_toggle ${collapsed ? "rpc_json_tree_toggle_collapsed" : ""}`,
|
|
@@ -7719,17 +7590,17 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7719
7590
|
children: "\u25BC"
|
|
7720
7591
|
}
|
|
7721
7592
|
),
|
|
7722
|
-
keyName !== void 0 && /* @__PURE__ */ (0,
|
|
7723
|
-
/* @__PURE__ */ (0,
|
|
7593
|
+
keyName !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
7594
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "rpc_json_tree_key", children: [
|
|
7724
7595
|
'"',
|
|
7725
7596
|
keyName,
|
|
7726
7597
|
'"'
|
|
7727
7598
|
] }),
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7599
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "rpc_json_tree_colon", children: ":" })
|
|
7729
7600
|
] }),
|
|
7730
|
-
/* @__PURE__ */ (0,
|
|
7731
|
-
collapsed ? /* @__PURE__ */ (0,
|
|
7732
|
-
/* @__PURE__ */ (0,
|
|
7601
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "rpc_json_tree_bracket", children: openBracket }),
|
|
7602
|
+
collapsed ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
7603
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
7733
7604
|
"span",
|
|
7734
7605
|
{
|
|
7735
7606
|
className: "rpc_json_tree_count",
|
|
@@ -7741,9 +7612,9 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7741
7612
|
]
|
|
7742
7613
|
}
|
|
7743
7614
|
),
|
|
7744
|
-
/* @__PURE__ */ (0,
|
|
7745
|
-
] }) : /* @__PURE__ */ (0,
|
|
7746
|
-
/* @__PURE__ */ (0,
|
|
7615
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "rpc_json_tree_bracket", children: closeBracket })
|
|
7616
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
7617
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "rpc_json_tree_node", children: keys.map((k) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
7747
7618
|
TreeNode,
|
|
7748
7619
|
{
|
|
7749
7620
|
keyName: isArray ? void 0 : k,
|
|
@@ -7753,7 +7624,7 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7753
7624
|
},
|
|
7754
7625
|
k
|
|
7755
7626
|
)) }),
|
|
7756
|
-
/* @__PURE__ */ (0,
|
|
7627
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "rpc_json_tree_bracket", children: closeBracket })
|
|
7757
7628
|
] })
|
|
7758
7629
|
] });
|
|
7759
7630
|
};
|
|
@@ -7763,20 +7634,20 @@ var JsonTree = ({
|
|
|
7763
7634
|
className = "",
|
|
7764
7635
|
style
|
|
7765
7636
|
}) => {
|
|
7766
|
-
return /* @__PURE__ */ (0,
|
|
7637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `rpc_json_tree ${className}`, style, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TreeNode, { value: data, depth: 0, maxDepth: defaultExpandedLevel }) });
|
|
7767
7638
|
};
|
|
7768
7639
|
var JsonTree_default = JsonTree;
|
|
7769
7640
|
|
|
7770
7641
|
// CodeSnippet/index.tsx
|
|
7771
|
-
var
|
|
7772
|
-
var
|
|
7642
|
+
var import_react46 = require("react");
|
|
7643
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
7773
7644
|
var CodeSnippet = ({
|
|
7774
7645
|
code,
|
|
7775
7646
|
language = "bash",
|
|
7776
7647
|
className = "",
|
|
7777
7648
|
style
|
|
7778
7649
|
}) => {
|
|
7779
|
-
const [copied, setCopied] = (0,
|
|
7650
|
+
const [copied, setCopied] = (0, import_react46.useState)(false);
|
|
7780
7651
|
const handleCopy = async () => {
|
|
7781
7652
|
try {
|
|
7782
7653
|
await navigator.clipboard.writeText(code);
|
|
@@ -7785,24 +7656,24 @@ var CodeSnippet = ({
|
|
|
7785
7656
|
} catch (e) {
|
|
7786
7657
|
}
|
|
7787
7658
|
};
|
|
7788
|
-
return /* @__PURE__ */ (0,
|
|
7789
|
-
/* @__PURE__ */ (0,
|
|
7790
|
-
/* @__PURE__ */ (0,
|
|
7791
|
-
/* @__PURE__ */ (0,
|
|
7792
|
-
/* @__PURE__ */ (0,
|
|
7793
|
-
/* @__PURE__ */ (0,
|
|
7659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `rpc_code_snippet ${className}`, style, children: [
|
|
7660
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "rpc_code_snippet_top_bar", children: [
|
|
7661
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "rpc_code_snippet_dots", children: [
|
|
7662
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_red" }),
|
|
7663
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_yellow" }),
|
|
7664
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_green" })
|
|
7794
7665
|
] }),
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
/* @__PURE__ */ (0,
|
|
7666
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "rpc_code_snippet_lang", children: language }),
|
|
7667
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("button", { type: "button", className: "rpc_code_snippet_copy_btn", onClick: handleCopy, children: copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236" })
|
|
7797
7668
|
] }),
|
|
7798
|
-
/* @__PURE__ */ (0,
|
|
7669
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("pre", { className: "rpc_code_snippet_content", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("code", { children: code }) })
|
|
7799
7670
|
] });
|
|
7800
7671
|
};
|
|
7801
7672
|
var CodeSnippet_default = CodeSnippet;
|
|
7802
7673
|
|
|
7803
7674
|
// MiniSparkline/index.tsx
|
|
7804
|
-
var
|
|
7805
|
-
var
|
|
7675
|
+
var import_react47 = require("react");
|
|
7676
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
7806
7677
|
var MiniSparkline = ({
|
|
7807
7678
|
data = [],
|
|
7808
7679
|
color = "#1677ff",
|
|
@@ -7812,7 +7683,7 @@ var MiniSparkline = ({
|
|
|
7812
7683
|
className = "",
|
|
7813
7684
|
style
|
|
7814
7685
|
}) => {
|
|
7815
|
-
const gradientId = (0,
|
|
7686
|
+
const gradientId = (0, import_react47.useId)();
|
|
7816
7687
|
if (data.length < 2) return null;
|
|
7817
7688
|
const min = Math.min(...data);
|
|
7818
7689
|
const max = Math.max(...data);
|
|
@@ -7827,20 +7698,20 @@ var MiniSparkline = ({
|
|
|
7827
7698
|
return idx === 0 ? `M ${pt.x} ${pt.y}` : `${acc} L ${pt.x} ${pt.y}`;
|
|
7828
7699
|
}, "");
|
|
7829
7700
|
const areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;
|
|
7830
|
-
return /* @__PURE__ */ (0,
|
|
7831
|
-
/* @__PURE__ */ (0,
|
|
7832
|
-
/* @__PURE__ */ (0,
|
|
7833
|
-
/* @__PURE__ */ (0,
|
|
7701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `rpc_mini_sparkline ${className}`, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { width, height, children: [
|
|
7702
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
7703
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("stop", { offset: "0%", stopColor: color, stopOpacity: "0.25" }),
|
|
7704
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("stop", { offset: "100%", stopColor: color, stopOpacity: "0.0" })
|
|
7834
7705
|
] }) }),
|
|
7835
|
-
fill && /* @__PURE__ */ (0,
|
|
7836
|
-
/* @__PURE__ */ (0,
|
|
7706
|
+
fill && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: areaPath, fill: `url(#${gradientId})` }),
|
|
7707
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: linePath, fill: "none", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" })
|
|
7837
7708
|
] }) });
|
|
7838
7709
|
};
|
|
7839
7710
|
var MiniSparkline_default = MiniSparkline;
|
|
7840
7711
|
|
|
7841
7712
|
// FileDropZone/index.tsx
|
|
7842
|
-
var
|
|
7843
|
-
var
|
|
7713
|
+
var import_react48 = require("react");
|
|
7714
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
7844
7715
|
var FileDropZone = ({
|
|
7845
7716
|
onDropFiles,
|
|
7846
7717
|
accept,
|
|
@@ -7850,9 +7721,9 @@ var FileDropZone = ({
|
|
|
7850
7721
|
className = "",
|
|
7851
7722
|
style
|
|
7852
7723
|
}) => {
|
|
7853
|
-
const [isDragOver, setIsDragOver] = (0,
|
|
7854
|
-
const inputRef = (0,
|
|
7855
|
-
const containerRef = (0,
|
|
7724
|
+
const [isDragOver, setIsDragOver] = (0, import_react48.useState)(false);
|
|
7725
|
+
const inputRef = (0, import_react48.useRef)(null);
|
|
7726
|
+
const containerRef = (0, import_react48.useRef)(null);
|
|
7856
7727
|
const handleFiles = (fileList) => {
|
|
7857
7728
|
if (!fileList || fileList.length === 0) return;
|
|
7858
7729
|
const files = Array.from(fileList);
|
|
@@ -7870,7 +7741,7 @@ var FileDropZone = ({
|
|
|
7870
7741
|
setIsDragOver(false);
|
|
7871
7742
|
handleFiles(e.dataTransfer.files);
|
|
7872
7743
|
};
|
|
7873
|
-
(0,
|
|
7744
|
+
(0, import_react48.useEffect)(() => {
|
|
7874
7745
|
const handlePaste = (e) => {
|
|
7875
7746
|
if (e.clipboardData && e.clipboardData.files.length > 0) {
|
|
7876
7747
|
handleFiles(e.clipboardData.files);
|
|
@@ -7879,7 +7750,7 @@ var FileDropZone = ({
|
|
|
7879
7750
|
window.addEventListener("paste", handlePaste);
|
|
7880
7751
|
return () => window.removeEventListener("paste", handlePaste);
|
|
7881
7752
|
}, []);
|
|
7882
|
-
return /* @__PURE__ */ (0,
|
|
7753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
7883
7754
|
"div",
|
|
7884
7755
|
{
|
|
7885
7756
|
ref: containerRef,
|
|
@@ -7893,7 +7764,7 @@ var FileDropZone = ({
|
|
|
7893
7764
|
onDragLeave: handleDragLeave,
|
|
7894
7765
|
onDrop: handleDrop,
|
|
7895
7766
|
children: [
|
|
7896
|
-
/* @__PURE__ */ (0,
|
|
7767
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
7897
7768
|
"input",
|
|
7898
7769
|
{
|
|
7899
7770
|
ref: inputRef,
|
|
@@ -7904,9 +7775,9 @@ var FileDropZone = ({
|
|
|
7904
7775
|
onChange: (e) => handleFiles(e.target.files)
|
|
7905
7776
|
}
|
|
7906
7777
|
),
|
|
7907
|
-
/* @__PURE__ */ (0,
|
|
7908
|
-
/* @__PURE__ */ (0,
|
|
7909
|
-
/* @__PURE__ */ (0,
|
|
7778
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "rpc_file_dropzone_icon", children: "\u{1F4E5}" }),
|
|
7779
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "rpc_file_dropzone_title", children: title }),
|
|
7780
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "rpc_file_dropzone_hint", children: hint })
|
|
7910
7781
|
]
|
|
7911
7782
|
}
|
|
7912
7783
|
);
|
|
@@ -7914,8 +7785,8 @@ var FileDropZone = ({
|
|
|
7914
7785
|
var FileDropZone_default = FileDropZone;
|
|
7915
7786
|
|
|
7916
7787
|
// CascadeDrawer/index.tsx
|
|
7917
|
-
var
|
|
7918
|
-
var
|
|
7788
|
+
var import_react49 = __toESM(require("react"), 1);
|
|
7789
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
7919
7790
|
var CascadeDrawer = ({
|
|
7920
7791
|
open,
|
|
7921
7792
|
onClose,
|
|
@@ -7924,7 +7795,7 @@ var CascadeDrawer = ({
|
|
|
7924
7795
|
className = "",
|
|
7925
7796
|
style
|
|
7926
7797
|
}) => {
|
|
7927
|
-
const [stack, setStack] = (0,
|
|
7798
|
+
const [stack, setStack] = (0, import_react49.useState)([rootLevel]);
|
|
7928
7799
|
if (!open) return null;
|
|
7929
7800
|
const currentLevel = stack[stack.length - 1] || rootLevel;
|
|
7930
7801
|
const pushLevel = (level) => {
|
|
@@ -7933,15 +7804,15 @@ var CascadeDrawer = ({
|
|
|
7933
7804
|
const popTo = (index) => {
|
|
7934
7805
|
setStack((prev) => prev.slice(0, index + 1));
|
|
7935
7806
|
};
|
|
7936
|
-
return /* @__PURE__ */ (0,
|
|
7937
|
-
/* @__PURE__ */ (0,
|
|
7938
|
-
/* @__PURE__ */ (0,
|
|
7939
|
-
/* @__PURE__ */ (0,
|
|
7940
|
-
/* @__PURE__ */ (0,
|
|
7807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `rpc_cascade_drawer ${className}`, style, children: [
|
|
7808
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "rpc_cascade_drawer_mask", onClick: onClose }),
|
|
7809
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "rpc_cascade_drawer_content", style: { width }, children: [
|
|
7810
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "rpc_cascade_drawer_header", children: [
|
|
7811
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "rpc_cascade_drawer_breadcrumbs", children: stack.map((item, idx) => {
|
|
7941
7812
|
const isLast = idx === stack.length - 1;
|
|
7942
|
-
return /* @__PURE__ */ (0,
|
|
7943
|
-
idx > 0 && /* @__PURE__ */ (0,
|
|
7944
|
-
isLast ? /* @__PURE__ */ (0,
|
|
7813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react49.default.Fragment, { children: [
|
|
7814
|
+
idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { style: { color: "#bfbfbf" }, children: "/" }),
|
|
7815
|
+
isLast ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: item.title }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
7945
7816
|
"button",
|
|
7946
7817
|
{
|
|
7947
7818
|
type: "button",
|
|
@@ -7952,17 +7823,17 @@ var CascadeDrawer = ({
|
|
|
7952
7823
|
)
|
|
7953
7824
|
] }, item.id);
|
|
7954
7825
|
}) }),
|
|
7955
|
-
/* @__PURE__ */ (0,
|
|
7826
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", className: "rpc_cascade_drawer_close_btn", onClick: onClose, children: "\u2715" })
|
|
7956
7827
|
] }),
|
|
7957
|
-
/* @__PURE__ */ (0,
|
|
7828
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "rpc_cascade_drawer_body", children: typeof currentLevel.content === "function" ? currentLevel.content(pushLevel) : currentLevel.content })
|
|
7958
7829
|
] })
|
|
7959
7830
|
] });
|
|
7960
7831
|
};
|
|
7961
7832
|
var CascadeDrawer_default = CascadeDrawer;
|
|
7962
7833
|
|
|
7963
7834
|
// DualRangeSlider/index.tsx
|
|
7964
|
-
var
|
|
7965
|
-
var
|
|
7835
|
+
var import_react50 = require("react");
|
|
7836
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
7966
7837
|
var DualRangeSlider = ({
|
|
7967
7838
|
min = 0,
|
|
7968
7839
|
max = 100,
|
|
@@ -7972,10 +7843,10 @@ var DualRangeSlider = ({
|
|
|
7972
7843
|
className = "",
|
|
7973
7844
|
style
|
|
7974
7845
|
}) => {
|
|
7975
|
-
const [internalVal, setInternalVal] = (0,
|
|
7846
|
+
const [internalVal, setInternalVal] = (0, import_react50.useState)(defaultValue);
|
|
7976
7847
|
const rangeVal = controlledVal !== void 0 ? controlledVal : internalVal;
|
|
7977
|
-
const trackRef = (0,
|
|
7978
|
-
const activeThumbRef = (0,
|
|
7848
|
+
const trackRef = (0, import_react50.useRef)(null);
|
|
7849
|
+
const activeThumbRef = (0, import_react50.useRef)(null);
|
|
7979
7850
|
const updateVal = (val) => {
|
|
7980
7851
|
if (controlledVal === void 0) setInternalVal(val);
|
|
7981
7852
|
onChange == null ? void 0 : onChange(val);
|
|
@@ -8005,8 +7876,8 @@ var DualRangeSlider = ({
|
|
|
8005
7876
|
};
|
|
8006
7877
|
const leftPct = (rangeVal[0] - min) / (max - min) * 100;
|
|
8007
7878
|
const rightPct = (rangeVal[1] - min) / (max - min) * 100;
|
|
8008
|
-
return /* @__PURE__ */ (0,
|
|
8009
|
-
/* @__PURE__ */ (0,
|
|
7879
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `rpc_dual_slider ${className}`, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ref: trackRef, className: "rpc_dual_slider_track", children: [
|
|
7880
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
8010
7881
|
"div",
|
|
8011
7882
|
{
|
|
8012
7883
|
className: "rpc_dual_slider_highlight",
|
|
@@ -8016,7 +7887,7 @@ var DualRangeSlider = ({
|
|
|
8016
7887
|
}
|
|
8017
7888
|
}
|
|
8018
7889
|
),
|
|
8019
|
-
/* @__PURE__ */ (0,
|
|
7890
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
8020
7891
|
"div",
|
|
8021
7892
|
{
|
|
8022
7893
|
className: "rpc_dual_slider_thumb",
|
|
@@ -8024,7 +7895,7 @@ var DualRangeSlider = ({
|
|
|
8024
7895
|
onMouseDown: () => handleThumbMouseDown("left")
|
|
8025
7896
|
}
|
|
8026
7897
|
),
|
|
8027
|
-
/* @__PURE__ */ (0,
|
|
7898
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
8028
7899
|
"div",
|
|
8029
7900
|
{
|
|
8030
7901
|
className: "rpc_dual_slider_thumb",
|
|
@@ -8037,7 +7908,7 @@ var DualRangeSlider = ({
|
|
|
8037
7908
|
var DualRangeSlider_default = DualRangeSlider;
|
|
8038
7909
|
|
|
8039
7910
|
// FilterChips/index.tsx
|
|
8040
|
-
var
|
|
7911
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
8041
7912
|
var FilterChips = ({
|
|
8042
7913
|
chips = [],
|
|
8043
7914
|
onRemove,
|
|
@@ -8047,23 +7918,23 @@ var FilterChips = ({
|
|
|
8047
7918
|
style
|
|
8048
7919
|
}) => {
|
|
8049
7920
|
if (chips.length === 0) return null;
|
|
8050
|
-
return /* @__PURE__ */ (0,
|
|
8051
|
-
chips.map((chip) => /* @__PURE__ */ (0,
|
|
8052
|
-
/* @__PURE__ */ (0,
|
|
7921
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `rpc_filter_chips ${className}`, style, children: [
|
|
7922
|
+
chips.map((chip) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "rpc_filter_chips_chip", children: [
|
|
7923
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "rpc_filter_chips_label", children: [
|
|
8053
7924
|
chip.label,
|
|
8054
7925
|
":"
|
|
8055
7926
|
] }),
|
|
8056
|
-
/* @__PURE__ */ (0,
|
|
8057
|
-
/* @__PURE__ */ (0,
|
|
7927
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "rpc_filter_chips_val", children: chip.value }),
|
|
7928
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "rpc_filter_chips_close", onClick: () => onRemove == null ? void 0 : onRemove(chip.id), children: "\u2715" })
|
|
8058
7929
|
] }, chip.id)),
|
|
8059
|
-
onClearAll && /* @__PURE__ */ (0,
|
|
7930
|
+
onClearAll && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "rpc_filter_chips_clear_all", onClick: onClearAll, children: clearText })
|
|
8060
7931
|
] });
|
|
8061
7932
|
};
|
|
8062
7933
|
var FilterChips_default = FilterChips;
|
|
8063
7934
|
|
|
8064
7935
|
// AnnouncementBar/index.tsx
|
|
8065
|
-
var
|
|
8066
|
-
var
|
|
7936
|
+
var import_react51 = require("react");
|
|
7937
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
8067
7938
|
var AnnouncementBar = ({
|
|
8068
7939
|
children,
|
|
8069
7940
|
closable = true,
|
|
@@ -8072,20 +7943,20 @@ var AnnouncementBar = ({
|
|
|
8072
7943
|
className = "",
|
|
8073
7944
|
style
|
|
8074
7945
|
}) => {
|
|
8075
|
-
const [visible, setVisible] = (0,
|
|
7946
|
+
const [visible, setVisible] = (0, import_react51.useState)(true);
|
|
8076
7947
|
if (!visible) return null;
|
|
8077
7948
|
const handleClose = () => {
|
|
8078
7949
|
setVisible(false);
|
|
8079
7950
|
onClose == null ? void 0 : onClose();
|
|
8080
7951
|
};
|
|
8081
|
-
return /* @__PURE__ */ (0,
|
|
7952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
8082
7953
|
"div",
|
|
8083
7954
|
{
|
|
8084
7955
|
className: `rpc_announcement_bar ${className}`,
|
|
8085
7956
|
style: { background: background || void 0, ...style },
|
|
8086
7957
|
children: [
|
|
8087
|
-
/* @__PURE__ */ (0,
|
|
8088
|
-
closable && /* @__PURE__ */ (0,
|
|
7958
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "rpc_announcement_bar_content", children }),
|
|
7959
|
+
closable && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
8089
7960
|
"button",
|
|
8090
7961
|
{
|
|
8091
7962
|
type: "button",
|
|
@@ -8102,15 +7973,15 @@ var AnnouncementBar = ({
|
|
|
8102
7973
|
var AnnouncementBar_default = AnnouncementBar;
|
|
8103
7974
|
|
|
8104
7975
|
// JsonDiffViewer/index.tsx
|
|
8105
|
-
var
|
|
8106
|
-
var
|
|
7976
|
+
var import_react52 = require("react");
|
|
7977
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
8107
7978
|
var JsonDiffViewer = ({
|
|
8108
7979
|
before = {},
|
|
8109
7980
|
after = {},
|
|
8110
7981
|
className = "",
|
|
8111
7982
|
style
|
|
8112
7983
|
}) => {
|
|
8113
|
-
const diffRows = (0,
|
|
7984
|
+
const diffRows = (0, import_react52.useMemo)(() => {
|
|
8114
7985
|
const rows = [];
|
|
8115
7986
|
const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)]));
|
|
8116
7987
|
allKeys.forEach((key) => {
|
|
@@ -8137,26 +8008,26 @@ var JsonDiffViewer = ({
|
|
|
8137
8008
|
if (typeof v === "string") return `"${v}"`;
|
|
8138
8009
|
return String(v);
|
|
8139
8010
|
};
|
|
8140
|
-
return /* @__PURE__ */ (0,
|
|
8141
|
-
/* @__PURE__ */ (0,
|
|
8011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `rpc_json_diff ${className}`, style, children: [
|
|
8012
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { color: "#858585", marginBottom: 6 }, children: "{" }),
|
|
8142
8013
|
diffRows.map((row) => {
|
|
8143
8014
|
const sign = row.type === "added" ? "+" : row.type === "removed" ? "-" : row.type === "modified" ? "~" : " ";
|
|
8144
|
-
return /* @__PURE__ */ (0,
|
|
8145
|
-
/* @__PURE__ */ (0,
|
|
8146
|
-
/* @__PURE__ */ (0,
|
|
8015
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `rpc_json_diff_row rpc_json_diff_row_${row.type}`, children: [
|
|
8016
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "rpc_json_diff_sign", children: sign }),
|
|
8017
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "rpc_json_diff_key", children: [
|
|
8147
8018
|
'"',
|
|
8148
8019
|
row.key,
|
|
8149
8020
|
'"'
|
|
8150
8021
|
] }),
|
|
8151
8022
|
":",
|
|
8152
|
-
row.type === "modified" ? /* @__PURE__ */ (0,
|
|
8153
|
-
/* @__PURE__ */ (0,
|
|
8154
|
-
/* @__PURE__ */ (0,
|
|
8155
|
-
/* @__PURE__ */ (0,
|
|
8156
|
-
] }) : row.type === "removed" ? /* @__PURE__ */ (0,
|
|
8023
|
+
row.type === "modified" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
|
|
8024
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { style: { textDecoration: "line-through", opacity: 0.7 }, children: formatVal(row.oldVal) }),
|
|
8025
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "rpc_json_diff_arrow", children: "\u2794" }),
|
|
8026
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: formatVal(row.newVal) })
|
|
8027
|
+
] }) : row.type === "removed" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: formatVal(row.oldVal) }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: formatVal(row.newVal) })
|
|
8157
8028
|
] }, row.key);
|
|
8158
8029
|
}),
|
|
8159
|
-
/* @__PURE__ */ (0,
|
|
8030
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { color: "#858585", marginTop: 6 }, children: "}" })
|
|
8160
8031
|
] });
|
|
8161
8032
|
};
|
|
8162
8033
|
var JsonDiffViewer_default = JsonDiffViewer;
|
|
@@ -8175,10 +8046,8 @@ var JsonDiffViewer_default = JsonDiffViewer;
|
|
|
8175
8046
|
ContextMenu,
|
|
8176
8047
|
CopyButton,
|
|
8177
8048
|
CountUp,
|
|
8178
|
-
CountdownButton,
|
|
8179
8049
|
CronPicker,
|
|
8180
8050
|
DebounceSelect,
|
|
8181
|
-
DiffTable,
|
|
8182
8051
|
DiffViewer,
|
|
8183
8052
|
DisabledBox,
|
|
8184
8053
|
DragSortList,
|
|
@@ -8188,7 +8057,6 @@ var JsonDiffViewer_default = JsonDiffViewer;
|
|
|
8188
8057
|
FilePreviewer,
|
|
8189
8058
|
FilterChips,
|
|
8190
8059
|
FlipCard,
|
|
8191
|
-
FloatingActionBar,
|
|
8192
8060
|
Fullscreen,
|
|
8193
8061
|
GradientText,
|
|
8194
8062
|
GuidedTour,
|