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.js
CHANGED
|
@@ -182,107 +182,172 @@ var CloseOutlined = ({
|
|
|
182
182
|
}) => /* @__PURE__ */ jsx(
|
|
183
183
|
"svg",
|
|
184
184
|
{
|
|
185
|
-
viewBox: "
|
|
185
|
+
viewBox: "0 0 1024 1024",
|
|
186
186
|
focusable: "false",
|
|
187
187
|
"data-icon": "close",
|
|
188
188
|
width: "1em",
|
|
189
189
|
height: "1em",
|
|
190
|
-
fill: "
|
|
190
|
+
fill: "none",
|
|
191
|
+
stroke: "currentColor",
|
|
192
|
+
strokeWidth: "84",
|
|
193
|
+
strokeLinecap: "round",
|
|
194
|
+
strokeLinejoin: "round",
|
|
191
195
|
"aria-hidden": "true",
|
|
192
196
|
style: { ...baseStyle, ...style },
|
|
193
197
|
className,
|
|
194
198
|
onClick,
|
|
195
|
-
children: /* @__PURE__ */ jsx("path", { d: "
|
|
199
|
+
children: /* @__PURE__ */ jsx("path", { d: "M260 260l504 504M764 260L260 764" })
|
|
196
200
|
}
|
|
197
201
|
);
|
|
198
|
-
var FullscreenOutlined = ({ style, className }) => /* @__PURE__ */
|
|
202
|
+
var FullscreenOutlined = ({ style, className }) => /* @__PURE__ */ jsxs(
|
|
199
203
|
"svg",
|
|
200
204
|
{
|
|
201
|
-
viewBox: "
|
|
205
|
+
viewBox: "0 0 1024 1024",
|
|
202
206
|
focusable: "false",
|
|
203
207
|
"data-icon": "fullscreen",
|
|
204
208
|
width: "1em",
|
|
205
209
|
height: "1em",
|
|
206
|
-
fill: "
|
|
210
|
+
fill: "none",
|
|
211
|
+
stroke: "currentColor",
|
|
212
|
+
strokeWidth: "88",
|
|
213
|
+
strokeLinecap: "round",
|
|
214
|
+
strokeLinejoin: "round",
|
|
207
215
|
"aria-hidden": "true",
|
|
208
216
|
style: { ...baseStyle, ...style },
|
|
209
217
|
className,
|
|
210
|
-
children:
|
|
218
|
+
children: [
|
|
219
|
+
/* @__PURE__ */ jsx("path", { d: "M380 180H180v200" }),
|
|
220
|
+
/* @__PURE__ */ jsx("path", { d: "M180 180l240 240" }),
|
|
221
|
+
/* @__PURE__ */ jsx("path", { d: "M644 180h200v200" }),
|
|
222
|
+
/* @__PURE__ */ jsx("path", { d: "M844 180L604 420" }),
|
|
223
|
+
/* @__PURE__ */ jsx("path", { d: "M180 644v200h200" }),
|
|
224
|
+
/* @__PURE__ */ jsx("path", { d: "M180 844l240-240" }),
|
|
225
|
+
/* @__PURE__ */ jsx("path", { d: "M844 644v200H644" }),
|
|
226
|
+
/* @__PURE__ */ jsx("path", { d: "M844 844L604 604" })
|
|
227
|
+
]
|
|
211
228
|
}
|
|
212
229
|
);
|
|
213
|
-
var FullscreenExitOutlined = ({ style, className }) => /* @__PURE__ */
|
|
230
|
+
var FullscreenExitOutlined = ({ style, className }) => /* @__PURE__ */ jsxs(
|
|
214
231
|
"svg",
|
|
215
232
|
{
|
|
216
|
-
viewBox: "
|
|
233
|
+
viewBox: "0 0 1024 1024",
|
|
217
234
|
focusable: "false",
|
|
218
235
|
"data-icon": "fullscreen-exit",
|
|
219
236
|
width: "1em",
|
|
220
237
|
height: "1em",
|
|
221
|
-
fill: "
|
|
238
|
+
fill: "none",
|
|
239
|
+
stroke: "currentColor",
|
|
240
|
+
strokeWidth: "88",
|
|
241
|
+
strokeLinecap: "round",
|
|
242
|
+
strokeLinejoin: "round",
|
|
222
243
|
"aria-hidden": "true",
|
|
223
244
|
style: { ...baseStyle, ...style },
|
|
224
245
|
className,
|
|
225
|
-
children:
|
|
246
|
+
children: [
|
|
247
|
+
/* @__PURE__ */ jsx("path", { d: "M180 420h240V180" }),
|
|
248
|
+
/* @__PURE__ */ jsx("path", { d: "M420 420L180 180" }),
|
|
249
|
+
/* @__PURE__ */ jsx("path", { d: "M844 420H604V180" }),
|
|
250
|
+
/* @__PURE__ */ jsx("path", { d: "M604 420l240-240" }),
|
|
251
|
+
/* @__PURE__ */ jsx("path", { d: "M180 604h240v240" }),
|
|
252
|
+
/* @__PURE__ */ jsx("path", { d: "M420 604L180 844" }),
|
|
253
|
+
/* @__PURE__ */ jsx("path", { d: "M844 604H604v240" }),
|
|
254
|
+
/* @__PURE__ */ jsx("path", { d: "M604 604l240 240" })
|
|
255
|
+
]
|
|
226
256
|
}
|
|
227
257
|
);
|
|
228
|
-
var RotateRightOutlined = ({
|
|
258
|
+
var RotateRightOutlined = ({
|
|
259
|
+
style,
|
|
260
|
+
className,
|
|
261
|
+
onClick
|
|
262
|
+
}) => /* @__PURE__ */ jsxs(
|
|
229
263
|
"svg",
|
|
230
264
|
{
|
|
231
|
-
viewBox: "
|
|
265
|
+
viewBox: "0 0 1024 1024",
|
|
232
266
|
focusable: "false",
|
|
233
267
|
"data-icon": "rotate-right",
|
|
234
268
|
width: "1em",
|
|
235
269
|
height: "1em",
|
|
236
|
-
fill: "
|
|
270
|
+
fill: "none",
|
|
271
|
+
stroke: "currentColor",
|
|
272
|
+
strokeWidth: "80",
|
|
273
|
+
strokeLinecap: "round",
|
|
274
|
+
strokeLinejoin: "round",
|
|
237
275
|
"aria-hidden": "true",
|
|
238
276
|
style: { ...baseStyle, ...style },
|
|
239
277
|
className,
|
|
240
|
-
|
|
278
|
+
onClick,
|
|
279
|
+
children: [
|
|
280
|
+
/* @__PURE__ */ jsx("path", { d: "M896 512a384 384 0 1 1-112.5-271.5L896 341" }),
|
|
281
|
+
/* @__PURE__ */ jsx("path", { d: "M896 128v213h-213" })
|
|
282
|
+
]
|
|
241
283
|
}
|
|
242
284
|
);
|
|
243
|
-
var ZoomInOutlined = ({ style, className }) => /* @__PURE__ */
|
|
285
|
+
var ZoomInOutlined = ({ style, className }) => /* @__PURE__ */ jsxs(
|
|
244
286
|
"svg",
|
|
245
287
|
{
|
|
246
|
-
viewBox: "
|
|
288
|
+
viewBox: "0 0 1024 1024",
|
|
247
289
|
focusable: "false",
|
|
248
290
|
"data-icon": "zoom-in",
|
|
249
291
|
width: "1em",
|
|
250
292
|
height: "1em",
|
|
251
|
-
fill: "
|
|
293
|
+
fill: "none",
|
|
294
|
+
stroke: "currentColor",
|
|
295
|
+
strokeWidth: "76",
|
|
296
|
+
strokeLinecap: "round",
|
|
297
|
+
strokeLinejoin: "round",
|
|
252
298
|
"aria-hidden": "true",
|
|
253
299
|
style: { ...baseStyle, ...style },
|
|
254
300
|
className,
|
|
255
|
-
children:
|
|
301
|
+
children: [
|
|
302
|
+
/* @__PURE__ */ jsx("circle", { cx: "440", cy: "440", r: "280" }),
|
|
303
|
+
/* @__PURE__ */ jsx("path", { d: "M640 640l220 220", strokeWidth: "88" }),
|
|
304
|
+
/* @__PURE__ */ jsx("path", { d: "M440 320v240M320 440h240", strokeWidth: "80" })
|
|
305
|
+
]
|
|
256
306
|
}
|
|
257
307
|
);
|
|
258
|
-
var ZoomOutOutlined = ({ style, className }) => /* @__PURE__ */
|
|
308
|
+
var ZoomOutOutlined = ({ style, className }) => /* @__PURE__ */ jsxs(
|
|
259
309
|
"svg",
|
|
260
310
|
{
|
|
261
|
-
viewBox: "
|
|
311
|
+
viewBox: "0 0 1024 1024",
|
|
262
312
|
focusable: "false",
|
|
263
313
|
"data-icon": "zoom-out",
|
|
264
314
|
width: "1em",
|
|
265
315
|
height: "1em",
|
|
266
|
-
fill: "
|
|
316
|
+
fill: "none",
|
|
317
|
+
stroke: "currentColor",
|
|
318
|
+
strokeWidth: "76",
|
|
319
|
+
strokeLinecap: "round",
|
|
320
|
+
strokeLinejoin: "round",
|
|
267
321
|
"aria-hidden": "true",
|
|
268
322
|
style: { ...baseStyle, ...style },
|
|
269
323
|
className,
|
|
270
|
-
children:
|
|
324
|
+
children: [
|
|
325
|
+
/* @__PURE__ */ jsx("circle", { cx: "440", cy: "440", r: "280" }),
|
|
326
|
+
/* @__PURE__ */ jsx("path", { d: "M640 640l220 220", strokeWidth: "88" }),
|
|
327
|
+
/* @__PURE__ */ jsx("path", { d: "M320 440h240", strokeWidth: "80" })
|
|
328
|
+
]
|
|
271
329
|
}
|
|
272
330
|
);
|
|
273
|
-
var DownloadOutlined = ({ style, className }) => /* @__PURE__ */
|
|
331
|
+
var DownloadOutlined = ({ style, className }) => /* @__PURE__ */ jsxs(
|
|
274
332
|
"svg",
|
|
275
333
|
{
|
|
276
|
-
viewBox: "
|
|
334
|
+
viewBox: "0 0 1024 1024",
|
|
277
335
|
focusable: "false",
|
|
278
336
|
"data-icon": "download",
|
|
279
337
|
width: "1em",
|
|
280
338
|
height: "1em",
|
|
281
|
-
fill: "
|
|
339
|
+
fill: "none",
|
|
340
|
+
stroke: "currentColor",
|
|
341
|
+
strokeWidth: "76",
|
|
342
|
+
strokeLinecap: "round",
|
|
343
|
+
strokeLinejoin: "round",
|
|
282
344
|
"aria-hidden": "true",
|
|
283
345
|
style: { ...baseStyle, ...style },
|
|
284
346
|
className,
|
|
285
|
-
children:
|
|
347
|
+
children: [
|
|
348
|
+
/* @__PURE__ */ jsx("path", { d: "M512 160v460M330 450l182 182 182-182" }),
|
|
349
|
+
/* @__PURE__ */ jsx("path", { d: "M200 680v160h624V680" })
|
|
350
|
+
]
|
|
286
351
|
}
|
|
287
352
|
);
|
|
288
353
|
var FileOutlined = ({ style, className }) => /* @__PURE__ */ jsx(
|
|
@@ -3230,8 +3295,11 @@ var Fullscreen = forwardRef2(
|
|
|
3230
3295
|
"div",
|
|
3231
3296
|
{
|
|
3232
3297
|
ref: containerRef,
|
|
3233
|
-
className: `rpc_fullscreen_container ${isWebFsActive ? "rpc_fullscreen_container_web_fullscreen" : ""} ${className}`,
|
|
3234
|
-
style
|
|
3298
|
+
className: `rpc_fullscreen_container ${isFullscreen ? "rpc_fullscreen_container_fullscreen" : ""} ${isWebFsActive ? "rpc_fullscreen_container_web_fullscreen" : ""} ${className}`,
|
|
3299
|
+
style: {
|
|
3300
|
+
...isFullscreen ? { backgroundColor: "#ffffff" } : {},
|
|
3301
|
+
...style
|
|
3302
|
+
},
|
|
3235
3303
|
children: [
|
|
3236
3304
|
showButton && /* @__PURE__ */ jsx13(
|
|
3237
3305
|
"button",
|
|
@@ -3930,83 +3998,9 @@ FilePreviewer.preview = (options) => {
|
|
|
3930
3998
|
};
|
|
3931
3999
|
var FilePreviewer_default = FilePreviewer;
|
|
3932
4000
|
|
|
3933
|
-
// FloatingActionBar/index.tsx
|
|
3934
|
-
import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
3935
|
-
var FloatingActionBar = ({
|
|
3936
|
-
open,
|
|
3937
|
-
selectedCount,
|
|
3938
|
-
totalCount,
|
|
3939
|
-
onClear,
|
|
3940
|
-
clearText = "\u53D6\u6D88\u9009\u62E9",
|
|
3941
|
-
actions = [],
|
|
3942
|
-
children,
|
|
3943
|
-
offsetBottom = 28,
|
|
3944
|
-
closable = false,
|
|
3945
|
-
onClose,
|
|
3946
|
-
className = "",
|
|
3947
|
-
style
|
|
3948
|
-
}) => {
|
|
3949
|
-
const isVisible = open !== void 0 ? open : selectedCount !== void 0 ? selectedCount > 0 : true;
|
|
3950
|
-
const countText = totalCount !== void 0 ? `\u5DF2\u9009 ${selectedCount != null ? selectedCount : 0} / \u5171 ${totalCount} \u9879` : `\u5DF2\u9009\u62E9 ${selectedCount != null ? selectedCount : 0} \u9879`;
|
|
3951
|
-
return /* @__PURE__ */ jsxs16(
|
|
3952
|
-
"div",
|
|
3953
|
-
{
|
|
3954
|
-
className: `rpc_floating_action_bar ${isVisible ? "rpc_floating_action_bar_visible" : ""} ${className}`,
|
|
3955
|
-
style: {
|
|
3956
|
-
bottom: `${offsetBottom}px`,
|
|
3957
|
-
...style
|
|
3958
|
-
},
|
|
3959
|
-
children: [
|
|
3960
|
-
selectedCount !== void 0 && /* @__PURE__ */ jsxs16("div", { className: "rpc_floating_action_bar_count_badge", children: [
|
|
3961
|
-
/* @__PURE__ */ jsxs16("span", { children: [
|
|
3962
|
-
"\u5DF2\u9009 ",
|
|
3963
|
-
/* @__PURE__ */ jsx17("span", { className: "rpc_floating_action_bar_count_number", children: selectedCount }),
|
|
3964
|
-
totalCount !== void 0 ? ` / ${totalCount}` : "",
|
|
3965
|
-
" \u9879"
|
|
3966
|
-
] }),
|
|
3967
|
-
onClear && /* @__PURE__ */ jsx17("span", { className: "rpc_floating_action_bar_clear_btn", onClick: onClear, children: clearText })
|
|
3968
|
-
] }),
|
|
3969
|
-
selectedCount !== void 0 && (actions.length > 0 || children) && /* @__PURE__ */ jsx17("div", { className: "rpc_floating_action_bar_divider" }),
|
|
3970
|
-
/* @__PURE__ */ jsxs16("div", { className: "rpc_floating_action_bar_actions", children: [
|
|
3971
|
-
actions.map((action) => {
|
|
3972
|
-
const btnClass = [
|
|
3973
|
-
"rpc_floating_action_bar_btn",
|
|
3974
|
-
action.type === "primary" ? "rpc_floating_action_bar_btn_primary" : "",
|
|
3975
|
-
action.type === "danger" ? "rpc_floating_action_bar_btn_danger" : ""
|
|
3976
|
-
].filter(Boolean).join(" ");
|
|
3977
|
-
return /* @__PURE__ */ jsxs16(
|
|
3978
|
-
"button",
|
|
3979
|
-
{
|
|
3980
|
-
type: "button",
|
|
3981
|
-
className: btnClass,
|
|
3982
|
-
disabled: action.disabled,
|
|
3983
|
-
onClick: action.onClick,
|
|
3984
|
-
children: [
|
|
3985
|
-
action.icon,
|
|
3986
|
-
/* @__PURE__ */ jsx17("span", { children: action.label })
|
|
3987
|
-
]
|
|
3988
|
-
},
|
|
3989
|
-
action.key
|
|
3990
|
-
);
|
|
3991
|
-
}),
|
|
3992
|
-
children
|
|
3993
|
-
] }),
|
|
3994
|
-
closable && /* @__PURE__ */ jsx17(
|
|
3995
|
-
CloseOutlined,
|
|
3996
|
-
{
|
|
3997
|
-
style: { cursor: "pointer", color: "#8c8c8c", fontSize: 13 },
|
|
3998
|
-
onClick: onClose
|
|
3999
|
-
}
|
|
4000
|
-
)
|
|
4001
|
-
]
|
|
4002
|
-
}
|
|
4003
|
-
);
|
|
4004
|
-
};
|
|
4005
|
-
var FloatingActionBar_default = FloatingActionBar;
|
|
4006
|
-
|
|
4007
4001
|
// TagInput/index.tsx
|
|
4008
4002
|
import { useState as useState14, useRef as useRef12 } from "react";
|
|
4009
|
-
import { jsx as
|
|
4003
|
+
import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
4010
4004
|
var TagInput = ({
|
|
4011
4005
|
value: controlledValue,
|
|
4012
4006
|
defaultValue = [],
|
|
@@ -4093,7 +4087,7 @@ var TagInput = ({
|
|
|
4093
4087
|
setInputValue(tag);
|
|
4094
4088
|
(_a = inputRef.current) == null ? void 0 : _a.focus();
|
|
4095
4089
|
};
|
|
4096
|
-
return /* @__PURE__ */
|
|
4090
|
+
return /* @__PURE__ */ jsxs16(
|
|
4097
4091
|
"div",
|
|
4098
4092
|
{
|
|
4099
4093
|
ref: containerRef,
|
|
@@ -4108,15 +4102,15 @@ var TagInput = ({
|
|
|
4108
4102
|
if (renderTag) {
|
|
4109
4103
|
return renderTag(tag, idx, () => removeTag(idx));
|
|
4110
4104
|
}
|
|
4111
|
-
return /* @__PURE__ */
|
|
4105
|
+
return /* @__PURE__ */ jsxs16(
|
|
4112
4106
|
"span",
|
|
4113
4107
|
{
|
|
4114
4108
|
className: "rpc_tag_input_tag",
|
|
4115
4109
|
onDoubleClick: () => handleDoubleClick(idx, tag),
|
|
4116
4110
|
title: "\u53CC\u51FB\u53EF\u91CD\u65B0\u7F16\u8F91",
|
|
4117
4111
|
children: [
|
|
4118
|
-
/* @__PURE__ */
|
|
4119
|
-
!disabled && /* @__PURE__ */
|
|
4112
|
+
/* @__PURE__ */ jsx17("span", { children: tag }),
|
|
4113
|
+
!disabled && /* @__PURE__ */ jsx17(
|
|
4120
4114
|
CloseOutlined,
|
|
4121
4115
|
{
|
|
4122
4116
|
className: "rpc_tag_input_tag_close",
|
|
@@ -4131,7 +4125,7 @@ var TagInput = ({
|
|
|
4131
4125
|
idx
|
|
4132
4126
|
);
|
|
4133
4127
|
}),
|
|
4134
|
-
(!maxCount || tags.length < maxCount) && /* @__PURE__ */
|
|
4128
|
+
(!maxCount || tags.length < maxCount) && /* @__PURE__ */ jsx17(
|
|
4135
4129
|
"input",
|
|
4136
4130
|
{
|
|
4137
4131
|
ref: inputRef,
|
|
@@ -4150,7 +4144,7 @@ var TagInput = ({
|
|
|
4150
4144
|
onBlur: handleBlur
|
|
4151
4145
|
}
|
|
4152
4146
|
),
|
|
4153
|
-
errorMessage && /* @__PURE__ */
|
|
4147
|
+
errorMessage && /* @__PURE__ */ jsx17("div", { className: "rpc_tag_input_error_tip", children: errorMessage })
|
|
4154
4148
|
]
|
|
4155
4149
|
}
|
|
4156
4150
|
);
|
|
@@ -4159,7 +4153,7 @@ var TagInput_default = TagInput;
|
|
|
4159
4153
|
|
|
4160
4154
|
// PasswordStrength/index.tsx
|
|
4161
4155
|
import { useMemo as useMemo4 } from "react";
|
|
4162
|
-
import { jsx as
|
|
4156
|
+
import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
4163
4157
|
var defaultRules = [
|
|
4164
4158
|
{
|
|
4165
4159
|
key: "length",
|
|
@@ -4225,18 +4219,18 @@ var PasswordStrength = ({
|
|
|
4225
4219
|
return res;
|
|
4226
4220
|
}, [password, rules, onLevelChange]);
|
|
4227
4221
|
const currentInfo = levelConfig[level];
|
|
4228
|
-
return /* @__PURE__ */
|
|
4229
|
-
/* @__PURE__ */
|
|
4222
|
+
return /* @__PURE__ */ jsxs17("div", { className: `rpc_password_strength ${className}`, style, children: [
|
|
4223
|
+
/* @__PURE__ */ jsx18("div", { className: "rpc_password_strength_bars", children: [1, 2, 3, 4].map((segIndex) => {
|
|
4230
4224
|
const isActive = level >= segIndex;
|
|
4231
4225
|
const segmentClass = [
|
|
4232
4226
|
"rpc_password_strength_bar_segment",
|
|
4233
4227
|
isActive && currentInfo.classSuffix ? `rpc_password_strength_bar_segment_active_${currentInfo.classSuffix}` : ""
|
|
4234
4228
|
].filter(Boolean).join(" ");
|
|
4235
|
-
return /* @__PURE__ */
|
|
4229
|
+
return /* @__PURE__ */ jsx18("div", { className: segmentClass }, segIndex);
|
|
4236
4230
|
}) }),
|
|
4237
|
-
showText && /* @__PURE__ */
|
|
4238
|
-
/* @__PURE__ */
|
|
4239
|
-
/* @__PURE__ */
|
|
4231
|
+
showText && /* @__PURE__ */ jsxs17("div", { className: "rpc_password_strength_label", children: [
|
|
4232
|
+
/* @__PURE__ */ jsx18("span", { children: "\u5BC6\u7801\u5B89\u5168\u6027" }),
|
|
4233
|
+
/* @__PURE__ */ jsx18(
|
|
4240
4234
|
"span",
|
|
4241
4235
|
{
|
|
4242
4236
|
className: "rpc_password_strength_level_text",
|
|
@@ -4245,15 +4239,15 @@ var PasswordStrength = ({
|
|
|
4245
4239
|
}
|
|
4246
4240
|
)
|
|
4247
4241
|
] }),
|
|
4248
|
-
showRules && /* @__PURE__ */
|
|
4242
|
+
showRules && /* @__PURE__ */ jsx18("div", { className: "rpc_password_strength_rules", children: rules.map((r) => {
|
|
4249
4243
|
const isPassed = passedKeys.includes(r.key);
|
|
4250
|
-
return /* @__PURE__ */
|
|
4244
|
+
return /* @__PURE__ */ jsxs17(
|
|
4251
4245
|
"div",
|
|
4252
4246
|
{
|
|
4253
4247
|
className: `rpc_password_strength_rule_item ${isPassed ? "rpc_password_strength_rule_item_passed" : ""}`,
|
|
4254
4248
|
children: [
|
|
4255
|
-
isPassed ? /* @__PURE__ */
|
|
4256
|
-
/* @__PURE__ */
|
|
4249
|
+
isPassed ? /* @__PURE__ */ jsx18(CheckOutlined, { style: { fontSize: 11 } }) : /* @__PURE__ */ jsx18(CloseOutlined, { style: { fontSize: 10, opacity: 0.5 } }),
|
|
4250
|
+
/* @__PURE__ */ jsx18("span", { children: r.label })
|
|
4257
4251
|
]
|
|
4258
4252
|
},
|
|
4259
4253
|
r.key
|
|
@@ -4265,7 +4259,7 @@ var PasswordStrength_default = PasswordStrength;
|
|
|
4265
4259
|
|
|
4266
4260
|
// JsonEditor/index.tsx
|
|
4267
4261
|
import { useState as useState15, useRef as useRef13, useEffect as useEffect14, useMemo as useMemo5 } from "react";
|
|
4268
|
-
import { Fragment as Fragment6, jsx as
|
|
4262
|
+
import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
4269
4263
|
function normalizeJson(val, indent = 2) {
|
|
4270
4264
|
if (val === void 0 || val === null) return "{\n \n}";
|
|
4271
4265
|
if (typeof val === "object") {
|
|
@@ -4363,23 +4357,23 @@ var JsonEditor = ({
|
|
|
4363
4357
|
const lineCount = useMemo5(() => {
|
|
4364
4358
|
return text.split("\n").length;
|
|
4365
4359
|
}, [text]);
|
|
4366
|
-
return /* @__PURE__ */
|
|
4360
|
+
return /* @__PURE__ */ jsxs18(
|
|
4367
4361
|
"div",
|
|
4368
4362
|
{
|
|
4369
4363
|
className: `rpc_json_editor ${className}`,
|
|
4370
4364
|
style: { height, ...style },
|
|
4371
4365
|
children: [
|
|
4372
|
-
showToolbar && /* @__PURE__ */
|
|
4373
|
-
/* @__PURE__ */
|
|
4374
|
-
/* @__PURE__ */
|
|
4375
|
-
/* @__PURE__ */
|
|
4366
|
+
showToolbar && /* @__PURE__ */ jsxs18("div", { className: "rpc_json_editor_toolbar", children: [
|
|
4367
|
+
/* @__PURE__ */ jsxs18("div", { className: "rpc_json_editor_title", children: [
|
|
4368
|
+
/* @__PURE__ */ jsx19("span", { children: "{ }" }),
|
|
4369
|
+
/* @__PURE__ */ jsxs18("span", { children: [
|
|
4376
4370
|
"JSON ",
|
|
4377
4371
|
readOnly ? "Viewer" : "Editor"
|
|
4378
4372
|
] })
|
|
4379
4373
|
] }),
|
|
4380
|
-
/* @__PURE__ */
|
|
4381
|
-
!readOnly && /* @__PURE__ */
|
|
4382
|
-
/* @__PURE__ */
|
|
4374
|
+
/* @__PURE__ */ jsxs18("div", { className: "rpc_json_editor_actions", children: [
|
|
4375
|
+
!readOnly && /* @__PURE__ */ jsxs18(Fragment6, { children: [
|
|
4376
|
+
/* @__PURE__ */ jsx19(
|
|
4383
4377
|
"button",
|
|
4384
4378
|
{
|
|
4385
4379
|
type: "button",
|
|
@@ -4389,7 +4383,7 @@ var JsonEditor = ({
|
|
|
4389
4383
|
children: "\u7F8E\u5316"
|
|
4390
4384
|
}
|
|
4391
4385
|
),
|
|
4392
|
-
/* @__PURE__ */
|
|
4386
|
+
/* @__PURE__ */ jsx19(
|
|
4393
4387
|
"button",
|
|
4394
4388
|
{
|
|
4395
4389
|
type: "button",
|
|
@@ -4400,12 +4394,12 @@ var JsonEditor = ({
|
|
|
4400
4394
|
}
|
|
4401
4395
|
)
|
|
4402
4396
|
] }),
|
|
4403
|
-
/* @__PURE__ */
|
|
4397
|
+
/* @__PURE__ */ jsx19(CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236 JSON" })
|
|
4404
4398
|
] })
|
|
4405
4399
|
] }),
|
|
4406
|
-
/* @__PURE__ */
|
|
4407
|
-
showLineNumbers && /* @__PURE__ */
|
|
4408
|
-
/* @__PURE__ */
|
|
4400
|
+
/* @__PURE__ */ jsxs18("div", { className: "rpc_json_editor_body", children: [
|
|
4401
|
+
showLineNumbers && /* @__PURE__ */ jsx19("div", { className: "rpc_json_editor_line_numbers", children: Array.from({ length: Math.max(1, lineCount) }).map((_, i) => /* @__PURE__ */ jsx19("div", { children: i + 1 }, i)) }),
|
|
4402
|
+
/* @__PURE__ */ jsx19(
|
|
4409
4403
|
"textarea",
|
|
4410
4404
|
{
|
|
4411
4405
|
ref: textareaRef,
|
|
@@ -4419,13 +4413,13 @@ var JsonEditor = ({
|
|
|
4419
4413
|
}
|
|
4420
4414
|
)
|
|
4421
4415
|
] }),
|
|
4422
|
-
/* @__PURE__ */
|
|
4416
|
+
/* @__PURE__ */ jsxs18(
|
|
4423
4417
|
"div",
|
|
4424
4418
|
{
|
|
4425
4419
|
className: `rpc_json_editor_status_bar ${error ? "rpc_json_editor_status_bar_error" : ""}`,
|
|
4426
4420
|
children: [
|
|
4427
|
-
/* @__PURE__ */
|
|
4428
|
-
/* @__PURE__ */
|
|
4421
|
+
/* @__PURE__ */ jsx19("span", { children: error ? `\u26A0\uFE0F ${error}` : "\u2713 JSON \u683C\u5F0F\u6709\u6548" }),
|
|
4422
|
+
/* @__PURE__ */ jsxs18("span", { children: [
|
|
4429
4423
|
lineCount,
|
|
4430
4424
|
" \u884C \xB7 ",
|
|
4431
4425
|
text.length,
|
|
@@ -4442,7 +4436,7 @@ var JsonEditor_default = JsonEditor;
|
|
|
4442
4436
|
|
|
4443
4437
|
// InfiniteScrollList/index.tsx
|
|
4444
4438
|
import { useRef as useRef14, useEffect as useEffect15, useCallback as useCallback7 } from "react";
|
|
4445
|
-
import { jsx as
|
|
4439
|
+
import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
4446
4440
|
var InfiniteScrollList = ({
|
|
4447
4441
|
children,
|
|
4448
4442
|
hasMore,
|
|
@@ -4482,12 +4476,12 @@ var InfiniteScrollList = ({
|
|
|
4482
4476
|
observer.observe(sentinel);
|
|
4483
4477
|
return () => observer.disconnect();
|
|
4484
4478
|
}, [height, scrollableTarget, threshold, handleLoadMore]);
|
|
4485
|
-
const defaultLoadingIndicator = /* @__PURE__ */
|
|
4486
|
-
/* @__PURE__ */
|
|
4487
|
-
/* @__PURE__ */
|
|
4479
|
+
const defaultLoadingIndicator = /* @__PURE__ */ jsxs19("div", { className: "rpc_infinite_scroll_list_footer", children: [
|
|
4480
|
+
/* @__PURE__ */ jsx20(LoadingOutlined, { style: { fontSize: 16, color: "#1677ff" } }),
|
|
4481
|
+
/* @__PURE__ */ jsx20("span", { children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u591A\u6570\u636E..." })
|
|
4488
4482
|
] });
|
|
4489
4483
|
const isLocalScroll = Boolean(height);
|
|
4490
|
-
return /* @__PURE__ */
|
|
4484
|
+
return /* @__PURE__ */ jsxs19(
|
|
4491
4485
|
"div",
|
|
4492
4486
|
{
|
|
4493
4487
|
ref: containerRef,
|
|
@@ -4498,9 +4492,9 @@ var InfiniteScrollList = ({
|
|
|
4498
4492
|
},
|
|
4499
4493
|
children: [
|
|
4500
4494
|
children,
|
|
4501
|
-
/* @__PURE__ */
|
|
4495
|
+
/* @__PURE__ */ jsx20("div", { ref: sentinelRef, style: { height: 1, margin: 0, padding: 0 } }),
|
|
4502
4496
|
loading && (loadingIndicator || defaultLoadingIndicator),
|
|
4503
|
-
!hasMore && endMessage && /* @__PURE__ */
|
|
4497
|
+
!hasMore && endMessage && /* @__PURE__ */ jsx20("div", { className: "rpc_infinite_scroll_list_footer rpc_infinite_scroll_list_end", children: endMessage })
|
|
4504
4498
|
]
|
|
4505
4499
|
}
|
|
4506
4500
|
);
|
|
@@ -4509,7 +4503,7 @@ var InfiniteScrollList_default = InfiniteScrollList;
|
|
|
4509
4503
|
|
|
4510
4504
|
// Marquee/index.tsx
|
|
4511
4505
|
import { useRef as useRef15, useState as useState16, useEffect as useEffect16 } from "react";
|
|
4512
|
-
import { jsx as
|
|
4506
|
+
import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
4513
4507
|
var Marquee = ({
|
|
4514
4508
|
children,
|
|
4515
4509
|
direction = "left",
|
|
@@ -4542,7 +4536,7 @@ var Marquee = ({
|
|
|
4542
4536
|
if (direction === "right") animName = "rpcMarqueeRight";
|
|
4543
4537
|
else if (direction === "up") animName = "rpcMarqueeUp";
|
|
4544
4538
|
else if (direction === "down") animName = "rpcMarqueeDown";
|
|
4545
|
-
return /* @__PURE__ */
|
|
4539
|
+
return /* @__PURE__ */ jsx21(
|
|
4546
4540
|
"div",
|
|
4547
4541
|
{
|
|
4548
4542
|
ref: containerRef,
|
|
@@ -4552,7 +4546,7 @@ var Marquee = ({
|
|
|
4552
4546
|
["--rpc-marquee-gradient-color"]: gradientColor,
|
|
4553
4547
|
...style
|
|
4554
4548
|
},
|
|
4555
|
-
children: /* @__PURE__ */
|
|
4549
|
+
children: /* @__PURE__ */ jsxs20(
|
|
4556
4550
|
"div",
|
|
4557
4551
|
{
|
|
4558
4552
|
className: "rpc_marquee_container",
|
|
@@ -4564,8 +4558,8 @@ var Marquee = ({
|
|
|
4564
4558
|
animationPlayState: play ? "running" : "paused"
|
|
4565
4559
|
},
|
|
4566
4560
|
children: [
|
|
4567
|
-
/* @__PURE__ */
|
|
4568
|
-
/* @__PURE__ */
|
|
4561
|
+
/* @__PURE__ */ jsx21("div", { ref: contentRef, className: "rpc_marquee_content", children }),
|
|
4562
|
+
/* @__PURE__ */ jsx21("div", { className: "rpc_marquee_content", "aria-hidden": "true", children })
|
|
4569
4563
|
]
|
|
4570
4564
|
}
|
|
4571
4565
|
)
|
|
@@ -4576,7 +4570,7 @@ var Marquee_default = Marquee;
|
|
|
4576
4570
|
|
|
4577
4571
|
// SpotlightCard/index.tsx
|
|
4578
4572
|
import { useState as useState17, useRef as useRef16 } from "react";
|
|
4579
|
-
import { jsx as
|
|
4573
|
+
import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
4580
4574
|
var SpotlightCard = ({
|
|
4581
4575
|
children,
|
|
4582
4576
|
spotlightColor = "rgba(22, 119, 255, 0.15)",
|
|
@@ -4595,7 +4589,7 @@ var SpotlightCard = ({
|
|
|
4595
4589
|
y: e.clientY - rect.top
|
|
4596
4590
|
});
|
|
4597
4591
|
};
|
|
4598
|
-
return /* @__PURE__ */
|
|
4592
|
+
return /* @__PURE__ */ jsxs21(
|
|
4599
4593
|
"div",
|
|
4600
4594
|
{
|
|
4601
4595
|
ref: cardRef,
|
|
@@ -4603,7 +4597,7 @@ var SpotlightCard = ({
|
|
|
4603
4597
|
className: `rpc_spotlight_card ${dark ? "rpc_spotlight_card_dark" : ""} ${className}`,
|
|
4604
4598
|
style,
|
|
4605
4599
|
children: [
|
|
4606
|
-
/* @__PURE__ */
|
|
4600
|
+
/* @__PURE__ */ jsx22(
|
|
4607
4601
|
"div",
|
|
4608
4602
|
{
|
|
4609
4603
|
className: "rpc_spotlight_card_spotlight",
|
|
@@ -4612,7 +4606,7 @@ var SpotlightCard = ({
|
|
|
4612
4606
|
}
|
|
4613
4607
|
}
|
|
4614
4608
|
),
|
|
4615
|
-
/* @__PURE__ */
|
|
4609
|
+
/* @__PURE__ */ jsx22("div", { className: "rpc_spotlight_card_content", children })
|
|
4616
4610
|
]
|
|
4617
4611
|
}
|
|
4618
4612
|
);
|
|
@@ -4621,7 +4615,7 @@ var SpotlightCard_default = SpotlightCard;
|
|
|
4621
4615
|
|
|
4622
4616
|
// SensitiveMask/index.tsx
|
|
4623
4617
|
import { useState as useState18, useMemo as useMemo6 } from "react";
|
|
4624
|
-
import { jsx as
|
|
4618
|
+
import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
4625
4619
|
function maskSensitiveText(raw, type = "phone", maskSymbol = "*", startCount, endCount) {
|
|
4626
4620
|
if (!raw) return "";
|
|
4627
4621
|
switch (type) {
|
|
@@ -4679,17 +4673,17 @@ var SensitiveMask = ({
|
|
|
4679
4673
|
}
|
|
4680
4674
|
setMasked(nextState);
|
|
4681
4675
|
};
|
|
4682
|
-
return /* @__PURE__ */
|
|
4683
|
-
/* @__PURE__ */
|
|
4684
|
-
toggleable && /* @__PURE__ */
|
|
4685
|
-
copyable && /* @__PURE__ */
|
|
4676
|
+
return /* @__PURE__ */ jsxs22("span", { className: `rpc_sensitive_mask ${className}`, style, children: [
|
|
4677
|
+
/* @__PURE__ */ jsx23("span", { className: "rpc_sensitive_mask_text", children: displayText }),
|
|
4678
|
+
toggleable && /* @__PURE__ */ jsx23("span", { className: "rpc_sensitive_mask_action_btn", onClick: handleToggle, title: masked ? "\u70B9\u51FB\u67E5\u770B\u660E\u6587" : "\u70B9\u51FB\u9690\u85CF", children: masked ? /* @__PURE__ */ jsx23(EyeOutlined, {}) : /* @__PURE__ */ jsx23(EyeInvisibleOutlined, {}) }),
|
|
4679
|
+
copyable && /* @__PURE__ */ jsx23(CopyButton_default, { mode: "icon", text, tooltip: "\u590D\u5236\u660E\u6587" })
|
|
4686
4680
|
] });
|
|
4687
4681
|
};
|
|
4688
4682
|
var SensitiveMask_default = SensitiveMask;
|
|
4689
4683
|
|
|
4690
4684
|
// DiffViewer/index.tsx
|
|
4691
4685
|
import { useState as useState19, useMemo as useMemo7 } from "react";
|
|
4692
|
-
import { jsx as
|
|
4686
|
+
import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
4693
4687
|
function computeLineDiff(oldStr, newStr) {
|
|
4694
4688
|
const oldLines = oldStr.split("\n");
|
|
4695
4689
|
const newLines = newStr.split("\n");
|
|
@@ -4758,21 +4752,21 @@ var DiffViewer = ({
|
|
|
4758
4752
|
});
|
|
4759
4753
|
return { added, removed };
|
|
4760
4754
|
}, [diffLines]);
|
|
4761
|
-
return /* @__PURE__ */
|
|
4762
|
-
/* @__PURE__ */
|
|
4763
|
-
/* @__PURE__ */
|
|
4764
|
-
/* @__PURE__ */
|
|
4765
|
-
/* @__PURE__ */
|
|
4755
|
+
return /* @__PURE__ */ jsxs23("div", { className: `rpc_diff_viewer ${className}`, style, children: [
|
|
4756
|
+
/* @__PURE__ */ jsxs23("div", { className: "rpc_diff_viewer_header", children: [
|
|
4757
|
+
/* @__PURE__ */ jsxs23("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
|
|
4758
|
+
/* @__PURE__ */ jsx24("span", { className: "rpc_diff_viewer_title", children: title || "Diff Comparison" }),
|
|
4759
|
+
/* @__PURE__ */ jsxs23("span", { style: { fontSize: 12, color: "#52c41a" }, children: [
|
|
4766
4760
|
"+",
|
|
4767
4761
|
stats.added
|
|
4768
4762
|
] }),
|
|
4769
|
-
/* @__PURE__ */
|
|
4763
|
+
/* @__PURE__ */ jsxs23("span", { style: { fontSize: 12, color: "#ff4d4f" }, children: [
|
|
4770
4764
|
"-",
|
|
4771
4765
|
stats.removed
|
|
4772
4766
|
] })
|
|
4773
4767
|
] }),
|
|
4774
|
-
allowModeChange && /* @__PURE__ */
|
|
4775
|
-
/* @__PURE__ */
|
|
4768
|
+
allowModeChange && /* @__PURE__ */ jsxs23("div", { className: "rpc_diff_viewer_mode_toggle", children: [
|
|
4769
|
+
/* @__PURE__ */ jsx24(
|
|
4776
4770
|
"button",
|
|
4777
4771
|
{
|
|
4778
4772
|
type: "button",
|
|
@@ -4781,7 +4775,7 @@ var DiffViewer = ({
|
|
|
4781
4775
|
children: "\u5206\u680F (Split)"
|
|
4782
4776
|
}
|
|
4783
4777
|
),
|
|
4784
|
-
/* @__PURE__ */
|
|
4778
|
+
/* @__PURE__ */ jsx24(
|
|
4785
4779
|
"button",
|
|
4786
4780
|
{
|
|
4787
4781
|
type: "button",
|
|
@@ -4792,43 +4786,43 @@ var DiffViewer = ({
|
|
|
4792
4786
|
)
|
|
4793
4787
|
] })
|
|
4794
4788
|
] }),
|
|
4795
|
-
/* @__PURE__ */
|
|
4789
|
+
/* @__PURE__ */ jsx24("div", { style: { overflowX: "auto", maxHeight: 420, overflowY: "auto" }, children: mode === "unified" ? /* @__PURE__ */ jsx24("table", { className: "rpc_diff_viewer_table", children: /* @__PURE__ */ jsx24("tbody", { children: diffLines.map((line, idx) => {
|
|
4796
4790
|
const rowClass = line.type === "added" ? "rpc_diff_viewer_row_added" : line.type === "removed" ? "rpc_diff_viewer_row_removed" : "";
|
|
4797
4791
|
const marker = line.type === "added" ? "+" : line.type === "removed" ? "-" : " ";
|
|
4798
|
-
return /* @__PURE__ */
|
|
4799
|
-
/* @__PURE__ */
|
|
4800
|
-
/* @__PURE__ */
|
|
4801
|
-
/* @__PURE__ */
|
|
4802
|
-
/* @__PURE__ */
|
|
4792
|
+
return /* @__PURE__ */ jsxs23("tr", { className: `rpc_diff_viewer_row ${rowClass}`, children: [
|
|
4793
|
+
/* @__PURE__ */ jsx24("td", { className: "rpc_diff_viewer_gutter", children: line.oldLineNumber || "" }),
|
|
4794
|
+
/* @__PURE__ */ jsx24("td", { className: "rpc_diff_viewer_gutter", children: line.newLineNumber || "" }),
|
|
4795
|
+
/* @__PURE__ */ jsx24("td", { className: "rpc_diff_viewer_marker", children: marker }),
|
|
4796
|
+
/* @__PURE__ */ jsx24("td", { className: "rpc_diff_viewer_code", children: line.text || " " })
|
|
4803
4797
|
] }, idx);
|
|
4804
4798
|
}) }) }) : (
|
|
4805
4799
|
/* 分栏 Split 模式 */
|
|
4806
|
-
/* @__PURE__ */
|
|
4800
|
+
/* @__PURE__ */ jsx24("table", { className: "rpc_diff_viewer_table", children: /* @__PURE__ */ jsx24("tbody", { children: diffLines.map((line, idx) => {
|
|
4807
4801
|
const isAdd = line.type === "added";
|
|
4808
4802
|
const isDel = line.type === "removed";
|
|
4809
|
-
return /* @__PURE__ */
|
|
4810
|
-
/* @__PURE__ */
|
|
4803
|
+
return /* @__PURE__ */ jsxs23("tr", { className: "rpc_diff_viewer_row", children: [
|
|
4804
|
+
/* @__PURE__ */ jsx24(
|
|
4811
4805
|
"td",
|
|
4812
4806
|
{
|
|
4813
4807
|
className: `rpc_diff_viewer_gutter ${isDel ? "rpc_diff_viewer_row_removed" : isAdd ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
4814
4808
|
children: line.oldLineNumber || ""
|
|
4815
4809
|
}
|
|
4816
4810
|
),
|
|
4817
|
-
/* @__PURE__ */
|
|
4811
|
+
/* @__PURE__ */ jsx24(
|
|
4818
4812
|
"td",
|
|
4819
4813
|
{
|
|
4820
4814
|
className: `rpc_diff_viewer_code ${isDel ? "rpc_diff_viewer_row_removed" : isAdd ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
4821
4815
|
children: isDel || line.type === "unchanged" ? line.text || " " : ""
|
|
4822
4816
|
}
|
|
4823
4817
|
),
|
|
4824
|
-
/* @__PURE__ */
|
|
4818
|
+
/* @__PURE__ */ jsx24(
|
|
4825
4819
|
"td",
|
|
4826
4820
|
{
|
|
4827
4821
|
className: `rpc_diff_viewer_gutter ${isAdd ? "rpc_diff_viewer_row_added" : isDel ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
4828
4822
|
children: line.newLineNumber || ""
|
|
4829
4823
|
}
|
|
4830
4824
|
),
|
|
4831
|
-
/* @__PURE__ */
|
|
4825
|
+
/* @__PURE__ */ jsx24(
|
|
4832
4826
|
"td",
|
|
4833
4827
|
{
|
|
4834
4828
|
className: `rpc_diff_viewer_code ${isAdd ? "rpc_diff_viewer_row_added" : isDel ? "rpc_diff_viewer_row_empty" : ""}`,
|
|
@@ -4844,7 +4838,7 @@ var DiffViewer_default = DiffViewer;
|
|
|
4844
4838
|
|
|
4845
4839
|
// CronPicker/index.tsx
|
|
4846
4840
|
import React20, { useState as useState20, useEffect as useEffect17 } from "react";
|
|
4847
|
-
import { jsx as
|
|
4841
|
+
import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
4848
4842
|
var CronPicker = ({
|
|
4849
4843
|
value: controlledValue,
|
|
4850
4844
|
defaultValue = "0 0 12 * * ?",
|
|
@@ -4931,15 +4925,15 @@ var CronPicker = ({
|
|
|
4931
4925
|
useEffect17(() => {
|
|
4932
4926
|
onChange == null ? void 0 : onChange(cron, desc);
|
|
4933
4927
|
}, [cron, desc, onChange]);
|
|
4934
|
-
return /* @__PURE__ */
|
|
4935
|
-
/* @__PURE__ */
|
|
4928
|
+
return /* @__PURE__ */ jsxs24("div", { className: `rpc_cron_picker ${className}`, style, children: [
|
|
4929
|
+
/* @__PURE__ */ jsx25("div", { className: "rpc_cron_picker_tabs", children: [
|
|
4936
4930
|
{ key: "minute", label: "\u6BCF\u9694\u5206\u949F" },
|
|
4937
4931
|
{ key: "hour", label: "\u6BCF\u5C0F\u65F6" },
|
|
4938
4932
|
{ key: "day", label: "\u6BCF\u5929" },
|
|
4939
4933
|
{ key: "week", label: "\u6BCF\u5468" },
|
|
4940
4934
|
{ key: "month", label: "\u6BCF\u6708" },
|
|
4941
4935
|
{ key: "custom", label: "\u81EA\u5B9A\u4E49 Cron" }
|
|
4942
|
-
].map((tab) => /* @__PURE__ */
|
|
4936
|
+
].map((tab) => /* @__PURE__ */ jsx25(
|
|
4943
4937
|
"button",
|
|
4944
4938
|
{
|
|
4945
4939
|
type: "button",
|
|
@@ -4949,23 +4943,23 @@ var CronPicker = ({
|
|
|
4949
4943
|
},
|
|
4950
4944
|
tab.key
|
|
4951
4945
|
)) }),
|
|
4952
|
-
/* @__PURE__ */
|
|
4953
|
-
period === "minute" && /* @__PURE__ */
|
|
4954
|
-
/* @__PURE__ */
|
|
4955
|
-
/* @__PURE__ */
|
|
4946
|
+
/* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_panel", children: [
|
|
4947
|
+
period === "minute" && /* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_field_row", children: [
|
|
4948
|
+
/* @__PURE__ */ jsx25("span", { children: "\u6BCF\u9694" }),
|
|
4949
|
+
/* @__PURE__ */ jsx25(
|
|
4956
4950
|
"select",
|
|
4957
4951
|
{
|
|
4958
4952
|
className: "rpc_cron_picker_select",
|
|
4959
4953
|
value: minuteInterval,
|
|
4960
4954
|
onChange: (e) => setMinuteInterval(Number(e.target.value)),
|
|
4961
|
-
children: [1, 2, 3, 5, 10, 15, 20, 30].map((m) => /* @__PURE__ */
|
|
4955
|
+
children: [1, 2, 3, 5, 10, 15, 20, 30].map((m) => /* @__PURE__ */ jsx25("option", { value: m, children: m }, m))
|
|
4962
4956
|
}
|
|
4963
4957
|
),
|
|
4964
|
-
/* @__PURE__ */
|
|
4958
|
+
/* @__PURE__ */ jsx25("span", { children: "\u5206\u949F\u6267\u884C\u4E00\u6B21" })
|
|
4965
4959
|
] }),
|
|
4966
|
-
period === "hour" && /* @__PURE__ */
|
|
4967
|
-
/* @__PURE__ */
|
|
4968
|
-
/* @__PURE__ */
|
|
4960
|
+
period === "hour" && /* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_field_row", children: [
|
|
4961
|
+
/* @__PURE__ */ jsx25("span", { children: "\u6BCF\u5C0F\u65F6\u7684\u7B2C" }),
|
|
4962
|
+
/* @__PURE__ */ jsx25(
|
|
4969
4963
|
"input",
|
|
4970
4964
|
{
|
|
4971
4965
|
type: "number",
|
|
@@ -4977,11 +4971,11 @@ var CronPicker = ({
|
|
|
4977
4971
|
style: { width: 60 }
|
|
4978
4972
|
}
|
|
4979
4973
|
),
|
|
4980
|
-
/* @__PURE__ */
|
|
4974
|
+
/* @__PURE__ */ jsx25("span", { children: "\u5206\u6267\u884C\u4E00\u6B21" })
|
|
4981
4975
|
] }),
|
|
4982
|
-
period === "day" && /* @__PURE__ */
|
|
4983
|
-
/* @__PURE__ */
|
|
4984
|
-
/* @__PURE__ */
|
|
4976
|
+
period === "day" && /* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_field_row", children: [
|
|
4977
|
+
/* @__PURE__ */ jsx25("span", { children: "\u6BCF\u5929\u5728" }),
|
|
4978
|
+
/* @__PURE__ */ jsx25(
|
|
4985
4979
|
"input",
|
|
4986
4980
|
{
|
|
4987
4981
|
type: "number",
|
|
@@ -4993,8 +4987,8 @@ var CronPicker = ({
|
|
|
4993
4987
|
style: { width: 60 }
|
|
4994
4988
|
}
|
|
4995
4989
|
),
|
|
4996
|
-
/* @__PURE__ */
|
|
4997
|
-
/* @__PURE__ */
|
|
4990
|
+
/* @__PURE__ */ jsx25("span", { children: "\u65F6" }),
|
|
4991
|
+
/* @__PURE__ */ jsx25(
|
|
4998
4992
|
"input",
|
|
4999
4993
|
{
|
|
5000
4994
|
type: "number",
|
|
@@ -5006,29 +5000,29 @@ var CronPicker = ({
|
|
|
5006
5000
|
style: { width: 60 }
|
|
5007
5001
|
}
|
|
5008
5002
|
),
|
|
5009
|
-
/* @__PURE__ */
|
|
5003
|
+
/* @__PURE__ */ jsx25("span", { children: "\u5206\u6267\u884C\u4E00\u6B21" })
|
|
5010
5004
|
] }),
|
|
5011
|
-
period === "week" && /* @__PURE__ */
|
|
5012
|
-
/* @__PURE__ */
|
|
5013
|
-
/* @__PURE__ */
|
|
5005
|
+
period === "week" && /* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5006
|
+
/* @__PURE__ */ jsx25("span", { children: "\u6BCF\u5468" }),
|
|
5007
|
+
/* @__PURE__ */ jsxs24(
|
|
5014
5008
|
"select",
|
|
5015
5009
|
{
|
|
5016
5010
|
className: "rpc_cron_picker_select",
|
|
5017
5011
|
value: weekDay,
|
|
5018
5012
|
onChange: (e) => setWeekDay(Number(e.target.value)),
|
|
5019
5013
|
children: [
|
|
5020
|
-
/* @__PURE__ */
|
|
5021
|
-
/* @__PURE__ */
|
|
5022
|
-
/* @__PURE__ */
|
|
5023
|
-
/* @__PURE__ */
|
|
5024
|
-
/* @__PURE__ */
|
|
5025
|
-
/* @__PURE__ */
|
|
5026
|
-
/* @__PURE__ */
|
|
5014
|
+
/* @__PURE__ */ jsx25("option", { value: 1, children: "\u5468\u4E00" }),
|
|
5015
|
+
/* @__PURE__ */ jsx25("option", { value: 2, children: "\u5468\u4E8C" }),
|
|
5016
|
+
/* @__PURE__ */ jsx25("option", { value: 3, children: "\u5468\u4E09" }),
|
|
5017
|
+
/* @__PURE__ */ jsx25("option", { value: 4, children: "\u5468\u56DB" }),
|
|
5018
|
+
/* @__PURE__ */ jsx25("option", { value: 5, children: "\u5468\u4E94" }),
|
|
5019
|
+
/* @__PURE__ */ jsx25("option", { value: 6, children: "\u5468\u516D" }),
|
|
5020
|
+
/* @__PURE__ */ jsx25("option", { value: 7, children: "\u5468\u65E5" })
|
|
5027
5021
|
]
|
|
5028
5022
|
}
|
|
5029
5023
|
),
|
|
5030
|
-
/* @__PURE__ */
|
|
5031
|
-
/* @__PURE__ */
|
|
5024
|
+
/* @__PURE__ */ jsx25("span", { children: "\u7684" }),
|
|
5025
|
+
/* @__PURE__ */ jsx25(
|
|
5032
5026
|
"input",
|
|
5033
5027
|
{
|
|
5034
5028
|
type: "number",
|
|
@@ -5040,8 +5034,8 @@ var CronPicker = ({
|
|
|
5040
5034
|
style: { width: 60 }
|
|
5041
5035
|
}
|
|
5042
5036
|
),
|
|
5043
|
-
/* @__PURE__ */
|
|
5044
|
-
/* @__PURE__ */
|
|
5037
|
+
/* @__PURE__ */ jsx25("span", { children: "\u65F6" }),
|
|
5038
|
+
/* @__PURE__ */ jsx25(
|
|
5045
5039
|
"input",
|
|
5046
5040
|
{
|
|
5047
5041
|
type: "number",
|
|
@@ -5053,11 +5047,11 @@ var CronPicker = ({
|
|
|
5053
5047
|
style: { width: 60 }
|
|
5054
5048
|
}
|
|
5055
5049
|
),
|
|
5056
|
-
/* @__PURE__ */
|
|
5050
|
+
/* @__PURE__ */ jsx25("span", { children: "\u5206\u6267\u884C" })
|
|
5057
5051
|
] }),
|
|
5058
|
-
period === "month" && /* @__PURE__ */
|
|
5059
|
-
/* @__PURE__ */
|
|
5060
|
-
/* @__PURE__ */
|
|
5052
|
+
period === "month" && /* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_field_row", children: [
|
|
5053
|
+
/* @__PURE__ */ jsx25("span", { children: "\u6BCF\u6708\u7B2C" }),
|
|
5054
|
+
/* @__PURE__ */ jsx25(
|
|
5061
5055
|
"input",
|
|
5062
5056
|
{
|
|
5063
5057
|
type: "number",
|
|
@@ -5069,8 +5063,8 @@ var CronPicker = ({
|
|
|
5069
5063
|
style: { width: 60 }
|
|
5070
5064
|
}
|
|
5071
5065
|
),
|
|
5072
|
-
/* @__PURE__ */
|
|
5073
|
-
/* @__PURE__ */
|
|
5066
|
+
/* @__PURE__ */ jsx25("span", { children: "\u5929\u7684" }),
|
|
5067
|
+
/* @__PURE__ */ jsx25(
|
|
5074
5068
|
"input",
|
|
5075
5069
|
{
|
|
5076
5070
|
type: "number",
|
|
@@ -5082,8 +5076,8 @@ var CronPicker = ({
|
|
|
5082
5076
|
style: { width: 60 }
|
|
5083
5077
|
}
|
|
5084
5078
|
),
|
|
5085
|
-
/* @__PURE__ */
|
|
5086
|
-
/* @__PURE__ */
|
|
5079
|
+
/* @__PURE__ */ jsx25("span", { children: "\u65F6" }),
|
|
5080
|
+
/* @__PURE__ */ jsx25(
|
|
5087
5081
|
"input",
|
|
5088
5082
|
{
|
|
5089
5083
|
type: "number",
|
|
@@ -5095,9 +5089,9 @@ var CronPicker = ({
|
|
|
5095
5089
|
style: { width: 60 }
|
|
5096
5090
|
}
|
|
5097
5091
|
),
|
|
5098
|
-
/* @__PURE__ */
|
|
5092
|
+
/* @__PURE__ */ jsx25("span", { children: "\u5206\u6267\u884C" })
|
|
5099
5093
|
] }),
|
|
5100
|
-
period === "custom" && /* @__PURE__ */
|
|
5094
|
+
period === "custom" && /* @__PURE__ */ jsx25("div", { className: "rpc_cron_picker_field_row", children: /* @__PURE__ */ jsx25(
|
|
5101
5095
|
"input",
|
|
5102
5096
|
{
|
|
5103
5097
|
type: "text",
|
|
@@ -5109,15 +5103,15 @@ var CronPicker = ({
|
|
|
5109
5103
|
}
|
|
5110
5104
|
) })
|
|
5111
5105
|
] }),
|
|
5112
|
-
/* @__PURE__ */
|
|
5113
|
-
/* @__PURE__ */
|
|
5114
|
-
/* @__PURE__ */
|
|
5115
|
-
/* @__PURE__ */
|
|
5116
|
-
/* @__PURE__ */
|
|
5106
|
+
/* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_footer", children: [
|
|
5107
|
+
/* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_cron_badge", children: [
|
|
5108
|
+
/* @__PURE__ */ jsx25("span", { children: "\u751F\u6210\u7684 Cron:" }),
|
|
5109
|
+
/* @__PURE__ */ jsx25("span", { className: "rpc_cron_picker_cron_code", children: cron }),
|
|
5110
|
+
/* @__PURE__ */ jsx25(CopyButton_default, { mode: "icon", text: cron, tooltip: "\u590D\u5236 Cron \u8868\u8FBE\u5F0F" })
|
|
5117
5111
|
] }),
|
|
5118
|
-
/* @__PURE__ */
|
|
5119
|
-
/* @__PURE__ */
|
|
5120
|
-
/* @__PURE__ */
|
|
5112
|
+
/* @__PURE__ */ jsxs24("div", { className: "rpc_cron_picker_human_desc", children: [
|
|
5113
|
+
/* @__PURE__ */ jsx25("span", { children: "\u{1F4A1} \u5468\u671F\u4EBA\u8BDD\u89E3\u91CA\uFF1A" }),
|
|
5114
|
+
/* @__PURE__ */ jsx25("span", { children: desc })
|
|
5121
5115
|
] })
|
|
5122
5116
|
] })
|
|
5123
5117
|
] });
|
|
@@ -5127,7 +5121,7 @@ var CronPicker_default = CronPicker;
|
|
|
5127
5121
|
// GuidedTour/index.tsx
|
|
5128
5122
|
import { useState as useState21, useEffect as useEffect18 } from "react";
|
|
5129
5123
|
import ReactDOM4 from "react-dom";
|
|
5130
|
-
import { jsx as
|
|
5124
|
+
import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
5131
5125
|
var GuidedTour = ({
|
|
5132
5126
|
steps = [],
|
|
5133
5127
|
open,
|
|
@@ -5212,8 +5206,8 @@ var GuidedTour = ({
|
|
|
5212
5206
|
popoverTop = Math.max(16, Math.min(window.innerHeight - 200, popoverTop));
|
|
5213
5207
|
}
|
|
5214
5208
|
return ReactDOM4.createPortal(
|
|
5215
|
-
/* @__PURE__ */
|
|
5216
|
-
targetRect && /* @__PURE__ */
|
|
5209
|
+
/* @__PURE__ */ jsxs25("div", { className: `rpc_guided_tour ${className}`, style, children: [
|
|
5210
|
+
targetRect && /* @__PURE__ */ jsx26(
|
|
5217
5211
|
"div",
|
|
5218
5212
|
{
|
|
5219
5213
|
className: "rpc_guided_tour_highlight_box",
|
|
@@ -5225,7 +5219,7 @@ var GuidedTour = ({
|
|
|
5225
5219
|
}
|
|
5226
5220
|
}
|
|
5227
5221
|
),
|
|
5228
|
-
/* @__PURE__ */
|
|
5222
|
+
/* @__PURE__ */ jsxs25(
|
|
5229
5223
|
"div",
|
|
5230
5224
|
{
|
|
5231
5225
|
className: "rpc_guided_tour_popover",
|
|
@@ -5234,9 +5228,9 @@ var GuidedTour = ({
|
|
|
5234
5228
|
top: `${popoverTop}px`
|
|
5235
5229
|
},
|
|
5236
5230
|
children: [
|
|
5237
|
-
/* @__PURE__ */
|
|
5238
|
-
/* @__PURE__ */
|
|
5239
|
-
/* @__PURE__ */
|
|
5231
|
+
/* @__PURE__ */ jsxs25("div", { className: "rpc_guided_tour_header", children: [
|
|
5232
|
+
/* @__PURE__ */ jsx26("span", { className: "rpc_guided_tour_title", children: currentStep.title }),
|
|
5233
|
+
/* @__PURE__ */ jsx26(
|
|
5240
5234
|
CloseOutlined,
|
|
5241
5235
|
{
|
|
5242
5236
|
style: { cursor: "pointer", color: "#8c8c8c" },
|
|
@@ -5244,16 +5238,16 @@ var GuidedTour = ({
|
|
|
5244
5238
|
}
|
|
5245
5239
|
)
|
|
5246
5240
|
] }),
|
|
5247
|
-
/* @__PURE__ */
|
|
5248
|
-
/* @__PURE__ */
|
|
5249
|
-
/* @__PURE__ */
|
|
5241
|
+
/* @__PURE__ */ jsx26("div", { className: "rpc_guided_tour_description", children: currentStep.description }),
|
|
5242
|
+
/* @__PURE__ */ jsxs25("div", { className: "rpc_guided_tour_footer", children: [
|
|
5243
|
+
/* @__PURE__ */ jsxs25("span", { className: "rpc_guided_tour_progress", children: [
|
|
5250
5244
|
currentStepIndex + 1,
|
|
5251
5245
|
" / ",
|
|
5252
5246
|
steps.length
|
|
5253
5247
|
] }),
|
|
5254
|
-
/* @__PURE__ */
|
|
5255
|
-
currentStepIndex > 0 && /* @__PURE__ */
|
|
5256
|
-
/* @__PURE__ */
|
|
5248
|
+
/* @__PURE__ */ jsxs25("div", { className: "rpc_guided_tour_actions", children: [
|
|
5249
|
+
currentStepIndex > 0 && /* @__PURE__ */ jsx26("button", { type: "button", className: "rpc_guided_tour_btn", onClick: handlePrev, children: "\u4E0A\u4E00\u6B65" }),
|
|
5250
|
+
/* @__PURE__ */ jsx26(
|
|
5257
5251
|
"button",
|
|
5258
5252
|
{
|
|
5259
5253
|
type: "button",
|
|
@@ -5275,7 +5269,7 @@ var GuidedTour_default = GuidedTour;
|
|
|
5275
5269
|
|
|
5276
5270
|
// NumericRangeInput/index.tsx
|
|
5277
5271
|
import { useState as useState22 } from "react";
|
|
5278
|
-
import { jsx as
|
|
5272
|
+
import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
5279
5273
|
var NumericRangeInput = ({
|
|
5280
5274
|
value: controlledValue,
|
|
5281
5275
|
defaultValue = [void 0, void 0],
|
|
@@ -5313,14 +5307,14 @@ var NumericRangeInput = ({
|
|
|
5313
5307
|
if (controlledValue === void 0) setInternalVal(scVal);
|
|
5314
5308
|
onChange == null ? void 0 : onChange(scVal);
|
|
5315
5309
|
};
|
|
5316
|
-
return /* @__PURE__ */
|
|
5317
|
-
/* @__PURE__ */
|
|
5310
|
+
return /* @__PURE__ */ jsxs26("div", { className: `rpc_numeric_range_input ${className}`, style, children: [
|
|
5311
|
+
/* @__PURE__ */ jsxs26(
|
|
5318
5312
|
"div",
|
|
5319
5313
|
{
|
|
5320
5314
|
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" : ""}`,
|
|
5321
5315
|
children: [
|
|
5322
|
-
prefix && /* @__PURE__ */
|
|
5323
|
-
/* @__PURE__ */
|
|
5316
|
+
prefix && /* @__PURE__ */ jsx27("span", { className: "rpc_numeric_range_input_prefix", children: prefix }),
|
|
5317
|
+
/* @__PURE__ */ jsx27(
|
|
5324
5318
|
"input",
|
|
5325
5319
|
{
|
|
5326
5320
|
type: "number",
|
|
@@ -5336,8 +5330,8 @@ var NumericRangeInput = ({
|
|
|
5336
5330
|
onBlur: () => setIsFocused(false)
|
|
5337
5331
|
}
|
|
5338
5332
|
),
|
|
5339
|
-
/* @__PURE__ */
|
|
5340
|
-
/* @__PURE__ */
|
|
5333
|
+
/* @__PURE__ */ jsx27("span", { className: "rpc_numeric_range_input_separator", children: separator }),
|
|
5334
|
+
/* @__PURE__ */ jsx27(
|
|
5341
5335
|
"input",
|
|
5342
5336
|
{
|
|
5343
5337
|
type: "number",
|
|
@@ -5353,11 +5347,11 @@ var NumericRangeInput = ({
|
|
|
5353
5347
|
onBlur: () => setIsFocused(false)
|
|
5354
5348
|
}
|
|
5355
5349
|
),
|
|
5356
|
-
suffix && /* @__PURE__ */
|
|
5350
|
+
suffix && /* @__PURE__ */ jsx27("span", { className: "rpc_numeric_range_input_suffix", children: suffix })
|
|
5357
5351
|
]
|
|
5358
5352
|
}
|
|
5359
5353
|
),
|
|
5360
|
-
shortcuts && shortcuts.length > 0 && /* @__PURE__ */
|
|
5354
|
+
shortcuts && shortcuts.length > 0 && /* @__PURE__ */ jsx27("div", { className: "rpc_numeric_range_input_shortcuts", children: shortcuts.map((sc, idx) => /* @__PURE__ */ jsx27(
|
|
5361
5355
|
"span",
|
|
5362
5356
|
{
|
|
5363
5357
|
className: "rpc_numeric_range_input_shortcut_item",
|
|
@@ -5371,7 +5365,7 @@ var NumericRangeInput = ({
|
|
|
5371
5365
|
var NumericRangeInput_default = NumericRangeInput;
|
|
5372
5366
|
|
|
5373
5367
|
// MetricCard/index.tsx
|
|
5374
|
-
import { jsx as
|
|
5368
|
+
import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
5375
5369
|
function generateSparklinePath(data, width = 200, height = 36) {
|
|
5376
5370
|
if (!data || data.length < 2) return { linePath: "", fillPath: "" };
|
|
5377
5371
|
const min = Math.min(...data);
|
|
@@ -5405,39 +5399,39 @@ var MetricCard = ({
|
|
|
5405
5399
|
}) => {
|
|
5406
5400
|
const isNumeric = typeof value === "number";
|
|
5407
5401
|
const { linePath, fillPath } = chartData ? generateSparklinePath(chartData) : { linePath: "", fillPath: "" };
|
|
5408
|
-
return /* @__PURE__ */
|
|
5409
|
-
/* @__PURE__ */
|
|
5410
|
-
/* @__PURE__ */
|
|
5411
|
-
extra && /* @__PURE__ */
|
|
5402
|
+
return /* @__PURE__ */ jsxs27("div", { className: `rpc_metric_card ${className}`, style, children: [
|
|
5403
|
+
/* @__PURE__ */ jsxs27("div", { className: "rpc_metric_card_header", children: [
|
|
5404
|
+
/* @__PURE__ */ jsx28("span", { className: "rpc_metric_card_title", children: title }),
|
|
5405
|
+
extra && /* @__PURE__ */ jsx28("div", { children: extra })
|
|
5412
5406
|
] }),
|
|
5413
|
-
/* @__PURE__ */
|
|
5414
|
-
/* @__PURE__ */
|
|
5415
|
-
prefix && /* @__PURE__ */
|
|
5416
|
-
/* @__PURE__ */
|
|
5417
|
-
suffix && /* @__PURE__ */
|
|
5407
|
+
/* @__PURE__ */ jsxs27("div", { className: "rpc_metric_card_body", children: [
|
|
5408
|
+
/* @__PURE__ */ jsxs27("div", { className: "rpc_metric_card_value_wrap", children: [
|
|
5409
|
+
prefix && /* @__PURE__ */ jsx28("span", { className: "rpc_metric_card_prefix", children: prefix }),
|
|
5410
|
+
/* @__PURE__ */ jsx28("span", { className: "rpc_metric_card_value", children: isNumeric ? /* @__PURE__ */ jsx28(CountUp_default, { end: value, duration: 1.2 }) : value }),
|
|
5411
|
+
suffix && /* @__PURE__ */ jsx28("span", { className: "rpc_metric_card_suffix", children: suffix })
|
|
5418
5412
|
] }),
|
|
5419
|
-
trend && /* @__PURE__ */
|
|
5420
|
-
/* @__PURE__ */
|
|
5421
|
-
/* @__PURE__ */
|
|
5422
|
-
trendLabel && /* @__PURE__ */
|
|
5413
|
+
trend && /* @__PURE__ */ jsxs27("div", { className: `rpc_metric_card_trend rpc_metric_card_trend_${trend}`, children: [
|
|
5414
|
+
/* @__PURE__ */ jsx28("span", { children: trend === "up" ? "\u25B2" : "\u25BC" }),
|
|
5415
|
+
/* @__PURE__ */ jsx28("span", { children: trendValue }),
|
|
5416
|
+
trendLabel && /* @__PURE__ */ jsx28("span", { style: { color: "#8c8c8c", fontWeight: 400, marginLeft: 2 }, children: trendLabel })
|
|
5423
5417
|
] })
|
|
5424
5418
|
] }),
|
|
5425
|
-
chartData && chartData.length > 1 && /* @__PURE__ */
|
|
5426
|
-
/* @__PURE__ */
|
|
5427
|
-
/* @__PURE__ */
|
|
5428
|
-
/* @__PURE__ */
|
|
5419
|
+
chartData && chartData.length > 1 && /* @__PURE__ */ jsx28("div", { className: "rpc_metric_card_sparkline", children: /* @__PURE__ */ jsxs27("svg", { width: "100%", height: "100%", viewBox: "0 0 200 36", preserveAspectRatio: "none", children: [
|
|
5420
|
+
/* @__PURE__ */ jsx28("defs", { children: /* @__PURE__ */ jsxs27("linearGradient", { id: `grad-${chartColor}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
5421
|
+
/* @__PURE__ */ jsx28("stop", { offset: "0%", stopColor: chartColor, stopOpacity: "0.25" }),
|
|
5422
|
+
/* @__PURE__ */ jsx28("stop", { offset: "100%", stopColor: chartColor, stopOpacity: "0" })
|
|
5429
5423
|
] }) }),
|
|
5430
|
-
/* @__PURE__ */
|
|
5431
|
-
/* @__PURE__ */
|
|
5424
|
+
/* @__PURE__ */ jsx28("path", { d: fillPath, fill: `url(#grad-${chartColor})` }),
|
|
5425
|
+
/* @__PURE__ */ jsx28("path", { d: linePath, fill: "none", stroke: chartColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
5432
5426
|
] }) }),
|
|
5433
|
-
footer && /* @__PURE__ */
|
|
5427
|
+
footer && /* @__PURE__ */ jsx28("div", { className: "rpc_metric_card_footer", children: footer })
|
|
5434
5428
|
] });
|
|
5435
5429
|
};
|
|
5436
5430
|
var MetricCard_default = MetricCard;
|
|
5437
5431
|
|
|
5438
5432
|
// AudioPlayer/index.tsx
|
|
5439
5433
|
import { useState as useState23, useRef as useRef17 } from "react";
|
|
5440
|
-
import { jsx as
|
|
5434
|
+
import { jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
5441
5435
|
function formatTime(seconds) {
|
|
5442
5436
|
if (isNaN(seconds) || seconds < 0) return "00:00";
|
|
5443
5437
|
const m = Math.floor(seconds / 60);
|
|
@@ -5499,8 +5493,8 @@ var AudioPlayer = ({
|
|
|
5499
5493
|
setCurrentTime(targetTime);
|
|
5500
5494
|
};
|
|
5501
5495
|
const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
|
|
5502
|
-
return /* @__PURE__ */
|
|
5503
|
-
/* @__PURE__ */
|
|
5496
|
+
return /* @__PURE__ */ jsxs28("div", { className: `rpc_audio_player ${className}`, style, children: [
|
|
5497
|
+
/* @__PURE__ */ jsx29(
|
|
5504
5498
|
"audio",
|
|
5505
5499
|
{
|
|
5506
5500
|
ref: audioRef,
|
|
@@ -5510,17 +5504,17 @@ var AudioPlayer = ({
|
|
|
5510
5504
|
onEnded: () => setIsPlaying(false)
|
|
5511
5505
|
}
|
|
5512
5506
|
),
|
|
5513
|
-
/* @__PURE__ */
|
|
5514
|
-
/* @__PURE__ */
|
|
5515
|
-
/* @__PURE__ */
|
|
5516
|
-
/* @__PURE__ */
|
|
5517
|
-
/* @__PURE__ */
|
|
5507
|
+
/* @__PURE__ */ jsx29("div", { className: "rpc_audio_player_play_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ jsx29(PauseCircleOutlined, {}) : /* @__PURE__ */ jsx29(PlayCircleOutlined, {}) }),
|
|
5508
|
+
/* @__PURE__ */ jsxs28("div", { className: "rpc_audio_player_info", children: [
|
|
5509
|
+
/* @__PURE__ */ jsxs28("div", { className: "rpc_audio_player_title_row", children: [
|
|
5510
|
+
/* @__PURE__ */ jsx29("span", { className: "rpc_audio_player_title", children: title || "\u97F3\u9891\u64AD\u653E" }),
|
|
5511
|
+
/* @__PURE__ */ jsxs28("span", { className: "rpc_audio_player_time", children: [
|
|
5518
5512
|
formatTime(currentTime),
|
|
5519
5513
|
" / ",
|
|
5520
5514
|
formatTime(duration)
|
|
5521
5515
|
] })
|
|
5522
5516
|
] }),
|
|
5523
|
-
/* @__PURE__ */
|
|
5517
|
+
/* @__PURE__ */ jsx29("div", { ref: progressRef, className: "rpc_audio_player_progress_bar", onClick: handleSeek, children: /* @__PURE__ */ jsx29(
|
|
5524
5518
|
"div",
|
|
5525
5519
|
{
|
|
5526
5520
|
className: "rpc_audio_player_progress_fill",
|
|
@@ -5528,8 +5522,8 @@ var AudioPlayer = ({
|
|
|
5528
5522
|
}
|
|
5529
5523
|
) })
|
|
5530
5524
|
] }),
|
|
5531
|
-
/* @__PURE__ */
|
|
5532
|
-
/* @__PURE__ */
|
|
5525
|
+
/* @__PURE__ */ jsxs28("div", { className: "rpc_audio_player_extra", children: [
|
|
5526
|
+
/* @__PURE__ */ jsxs28(
|
|
5533
5527
|
"button",
|
|
5534
5528
|
{
|
|
5535
5529
|
type: "button",
|
|
@@ -5542,7 +5536,7 @@ var AudioPlayer = ({
|
|
|
5542
5536
|
]
|
|
5543
5537
|
}
|
|
5544
5538
|
),
|
|
5545
|
-
showDownload && /* @__PURE__ */
|
|
5539
|
+
showDownload && /* @__PURE__ */ jsx29(
|
|
5546
5540
|
"a",
|
|
5547
5541
|
{
|
|
5548
5542
|
href: src,
|
|
@@ -5550,7 +5544,7 @@ var AudioPlayer = ({
|
|
|
5550
5544
|
className: "rpc_audio_player_download_btn",
|
|
5551
5545
|
title: "\u4E0B\u8F7D\u97F3\u9891\u6587\u4EF6",
|
|
5552
5546
|
onClick: (e) => e.stopPropagation(),
|
|
5553
|
-
children: /* @__PURE__ */
|
|
5547
|
+
children: /* @__PURE__ */ jsx29(DownloadOutlined, {})
|
|
5554
5548
|
}
|
|
5555
5549
|
)
|
|
5556
5550
|
] })
|
|
@@ -5560,7 +5554,7 @@ var AudioPlayer_default = AudioPlayer;
|
|
|
5560
5554
|
|
|
5561
5555
|
// QrCodeCard/index.tsx
|
|
5562
5556
|
import { useRef as useRef18, useEffect as useEffect21 } from "react";
|
|
5563
|
-
import { jsx as
|
|
5557
|
+
import { jsx as jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
5564
5558
|
function drawQrCode(canvas, text, size) {
|
|
5565
5559
|
const ctx = canvas.getContext("2d");
|
|
5566
5560
|
if (!ctx) return;
|
|
@@ -5627,9 +5621,9 @@ var QrCodeCard = ({
|
|
|
5627
5621
|
a.download = `qrcode-${Date.now()}.png`;
|
|
5628
5622
|
a.click();
|
|
5629
5623
|
};
|
|
5630
|
-
return /* @__PURE__ */
|
|
5631
|
-
/* @__PURE__ */
|
|
5632
|
-
/* @__PURE__ */
|
|
5624
|
+
return /* @__PURE__ */ jsxs29("div", { className: `rpc_qrcode_card ${className}`, style, children: [
|
|
5625
|
+
/* @__PURE__ */ jsxs29("div", { className: "rpc_qrcode_card_wrap", style: { width: size, height: size }, children: [
|
|
5626
|
+
/* @__PURE__ */ jsx30(
|
|
5633
5627
|
"canvas",
|
|
5634
5628
|
{
|
|
5635
5629
|
ref: canvasRef,
|
|
@@ -5637,51 +5631,51 @@ var QrCodeCard = ({
|
|
|
5637
5631
|
style: { width: size, height: size }
|
|
5638
5632
|
}
|
|
5639
5633
|
),
|
|
5640
|
-
icon && status === "active" && /* @__PURE__ */
|
|
5641
|
-
status === "expired" && /* @__PURE__ */
|
|
5642
|
-
/* @__PURE__ */
|
|
5643
|
-
/* @__PURE__ */
|
|
5644
|
-
/* @__PURE__ */
|
|
5645
|
-
/* @__PURE__ */
|
|
5634
|
+
icon && status === "active" && /* @__PURE__ */ jsx30("img", { src: icon, alt: "Logo", className: "rpc_qrcode_card_logo" }),
|
|
5635
|
+
status === "expired" && /* @__PURE__ */ jsxs29("div", { className: "rpc_qrcode_card_mask", onClick: onRefresh, children: [
|
|
5636
|
+
/* @__PURE__ */ jsx30("span", { children: "\u4E8C\u7EF4\u7801\u5DF2\u5931\u6548" }),
|
|
5637
|
+
/* @__PURE__ */ jsxs29("button", { type: "button", className: "rpc_qrcode_card_refresh_btn", children: [
|
|
5638
|
+
/* @__PURE__ */ jsx30(ReloadOutlined, {}),
|
|
5639
|
+
/* @__PURE__ */ jsx30("span", { children: "\u70B9\u51FB\u5237\u65B0" })
|
|
5646
5640
|
] })
|
|
5647
5641
|
] }),
|
|
5648
|
-
status === "loading" && /* @__PURE__ */
|
|
5649
|
-
/* @__PURE__ */
|
|
5650
|
-
/* @__PURE__ */
|
|
5642
|
+
status === "loading" && /* @__PURE__ */ jsxs29("div", { className: "rpc_qrcode_card_mask rpc_qrcode_card_mask_loading", children: [
|
|
5643
|
+
/* @__PURE__ */ jsx30(LoadingOutlined, { style: { fontSize: 28, color: "#1677ff" } }),
|
|
5644
|
+
/* @__PURE__ */ jsx30("span", { className: "rpc_qrcode_card_mask_text", children: "\u52A0\u8F7D\u4E2D..." })
|
|
5651
5645
|
] })
|
|
5652
5646
|
] }),
|
|
5653
|
-
(title || description) && /* @__PURE__ */
|
|
5654
|
-
title && /* @__PURE__ */
|
|
5655
|
-
description && /* @__PURE__ */
|
|
5647
|
+
(title || description) && /* @__PURE__ */ jsxs29("div", { className: "rpc_qrcode_card_info", children: [
|
|
5648
|
+
title && /* @__PURE__ */ jsx30("span", { className: "rpc_qrcode_card_title", children: title }),
|
|
5649
|
+
description && /* @__PURE__ */ jsx30("span", { className: "rpc_qrcode_card_description", children: description })
|
|
5656
5650
|
] }),
|
|
5657
|
-
downloadable && status === "active" && /* @__PURE__ */
|
|
5651
|
+
downloadable && status === "active" && /* @__PURE__ */ jsx30("span", { className: "rpc_qrcode_card_download", onClick: handleDownload, children: "\u4E0B\u8F7D\u4E8C\u7EF4\u7801" })
|
|
5658
5652
|
] });
|
|
5659
5653
|
};
|
|
5660
5654
|
var QrCodeCard_default = QrCodeCard;
|
|
5661
5655
|
|
|
5662
5656
|
// ActivityLog/index.tsx
|
|
5663
5657
|
import { useState as useState24 } from "react";
|
|
5664
|
-
import { Fragment as Fragment7, jsx as
|
|
5658
|
+
import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
5665
5659
|
var ActivityLogItem = ({ item }) => {
|
|
5666
5660
|
const [expanded, setExpanded] = useState24(Boolean(item.defaultExpanded));
|
|
5667
5661
|
const avatarInitial = item.operator ? item.operator.charAt(0).toUpperCase() : "U";
|
|
5668
|
-
return /* @__PURE__ */
|
|
5669
|
-
/* @__PURE__ */
|
|
5670
|
-
/* @__PURE__ */
|
|
5671
|
-
/* @__PURE__ */
|
|
5662
|
+
return /* @__PURE__ */ jsxs30("div", { className: "rpc_activity_log_item", children: [
|
|
5663
|
+
/* @__PURE__ */ jsxs30("div", { className: "rpc_activity_log_avatar_col", children: [
|
|
5664
|
+
/* @__PURE__ */ jsx31("div", { className: "rpc_activity_log_avatar", children: item.avatar ? /* @__PURE__ */ jsx31("img", { src: item.avatar, alt: item.operator }) : /* @__PURE__ */ jsx31("span", { children: avatarInitial }) }),
|
|
5665
|
+
/* @__PURE__ */ jsx31("div", { className: "rpc_activity_log_line" })
|
|
5672
5666
|
] }),
|
|
5673
|
-
/* @__PURE__ */
|
|
5674
|
-
/* @__PURE__ */
|
|
5675
|
-
/* @__PURE__ */
|
|
5676
|
-
/* @__PURE__ */
|
|
5677
|
-
item.role && /* @__PURE__ */
|
|
5678
|
-
/* @__PURE__ */
|
|
5679
|
-
item.target && /* @__PURE__ */
|
|
5667
|
+
/* @__PURE__ */ jsxs30("div", { className: "rpc_activity_log_content", children: [
|
|
5668
|
+
/* @__PURE__ */ jsxs30("div", { className: "rpc_activity_log_header", children: [
|
|
5669
|
+
/* @__PURE__ */ jsxs30("div", { className: "rpc_activity_log_operator_row", children: [
|
|
5670
|
+
/* @__PURE__ */ jsx31("span", { className: "rpc_activity_log_operator", children: item.operator }),
|
|
5671
|
+
item.role && /* @__PURE__ */ jsx31("span", { className: "rpc_activity_log_role", children: item.role }),
|
|
5672
|
+
/* @__PURE__ */ jsx31("span", { className: "rpc_activity_log_action", children: item.action }),
|
|
5673
|
+
item.target && /* @__PURE__ */ jsx31("span", { className: "rpc_activity_log_target", children: item.target })
|
|
5680
5674
|
] }),
|
|
5681
|
-
/* @__PURE__ */
|
|
5675
|
+
/* @__PURE__ */ jsx31("span", { className: "rpc_activity_log_time", children: item.time })
|
|
5682
5676
|
] }),
|
|
5683
|
-
item.detail && /* @__PURE__ */
|
|
5684
|
-
/* @__PURE__ */
|
|
5677
|
+
item.detail && /* @__PURE__ */ jsxs30(Fragment7, { children: [
|
|
5678
|
+
/* @__PURE__ */ jsx31(
|
|
5685
5679
|
"span",
|
|
5686
5680
|
{
|
|
5687
5681
|
className: "rpc_activity_log_toggle_btn",
|
|
@@ -5689,19 +5683,19 @@ var ActivityLogItem = ({ item }) => {
|
|
|
5689
5683
|
children: expanded ? "\u6536\u8D77\u8BE6\u60C5 \u25B2" : "\u67E5\u770B\u53D8\u52A8\u8BE6\u60C5 \u25BC"
|
|
5690
5684
|
}
|
|
5691
5685
|
),
|
|
5692
|
-
expanded && /* @__PURE__ */
|
|
5686
|
+
expanded && /* @__PURE__ */ jsx31("div", { className: "rpc_activity_log_detail", children: item.detail })
|
|
5693
5687
|
] })
|
|
5694
5688
|
] })
|
|
5695
5689
|
] });
|
|
5696
5690
|
};
|
|
5697
5691
|
var ActivityLog = ({ items = [], className = "", style }) => {
|
|
5698
|
-
return /* @__PURE__ */
|
|
5692
|
+
return /* @__PURE__ */ jsx31("div", { className: `rpc_activity_log ${className}`, style, children: items.map((item) => /* @__PURE__ */ jsx31(ActivityLogItem, { item }, item.id)) });
|
|
5699
5693
|
};
|
|
5700
5694
|
var ActivityLog_default = ActivityLog;
|
|
5701
5695
|
|
|
5702
5696
|
// DragSortList/index.tsx
|
|
5703
5697
|
import { useState as useState25 } from "react";
|
|
5704
|
-
import { jsx as
|
|
5698
|
+
import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
5705
5699
|
function DragSortList({
|
|
5706
5700
|
items,
|
|
5707
5701
|
onReorder,
|
|
@@ -5738,11 +5732,11 @@ function DragSortList({
|
|
|
5738
5732
|
setDraggingIndex(null);
|
|
5739
5733
|
setDragOverIndex(null);
|
|
5740
5734
|
};
|
|
5741
|
-
return /* @__PURE__ */
|
|
5735
|
+
return /* @__PURE__ */ jsx32("div", { className: `rpc_drag_sort_list ${className}`, style, children: items.map((item, idx) => {
|
|
5742
5736
|
const key = keyExtractor(item, idx);
|
|
5743
5737
|
const isDragging = draggingIndex === idx;
|
|
5744
5738
|
const isOver = dragOverIndex === idx && draggingIndex !== idx;
|
|
5745
|
-
return /* @__PURE__ */
|
|
5739
|
+
return /* @__PURE__ */ jsxs31(
|
|
5746
5740
|
"div",
|
|
5747
5741
|
{
|
|
5748
5742
|
draggable: true,
|
|
@@ -5752,8 +5746,8 @@ function DragSortList({
|
|
|
5752
5746
|
onDragEnd: handleDragEnd,
|
|
5753
5747
|
className: `rpc_drag_sort_list_item ${isDragging ? "rpc_drag_sort_list_item_dragging" : ""} ${isOver ? "rpc_drag_sort_list_item_over" : ""}`,
|
|
5754
5748
|
children: [
|
|
5755
|
-
/* @__PURE__ */
|
|
5756
|
-
/* @__PURE__ */
|
|
5749
|
+
/* @__PURE__ */ jsx32("span", { className: "rpc_drag_sort_list_handle", children: "\u22EE\u22EE" }),
|
|
5750
|
+
/* @__PURE__ */ jsx32("div", { style: { flex: 1 }, children: renderItem(item, idx, isDragging) })
|
|
5757
5751
|
]
|
|
5758
5752
|
},
|
|
5759
5753
|
key
|
|
@@ -5764,7 +5758,7 @@ var DragSortList_default = DragSortList;
|
|
|
5764
5758
|
|
|
5765
5759
|
// TiltCard/index.tsx
|
|
5766
5760
|
import { useState as useState26, useRef as useRef19 } from "react";
|
|
5767
|
-
import { jsx as
|
|
5761
|
+
import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
5768
5762
|
var TiltCard = ({
|
|
5769
5763
|
children,
|
|
5770
5764
|
maxAngle = 15,
|
|
@@ -5801,7 +5795,7 @@ var TiltCard = ({
|
|
|
5801
5795
|
setTransformStyle(`perspective(${perspective}px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`);
|
|
5802
5796
|
setGlareStyle({ opacity: 0 });
|
|
5803
5797
|
};
|
|
5804
|
-
return /* @__PURE__ */
|
|
5798
|
+
return /* @__PURE__ */ jsxs32(
|
|
5805
5799
|
"div",
|
|
5806
5800
|
{
|
|
5807
5801
|
ref: cardRef,
|
|
@@ -5813,8 +5807,8 @@ var TiltCard = ({
|
|
|
5813
5807
|
...style
|
|
5814
5808
|
},
|
|
5815
5809
|
children: [
|
|
5816
|
-
/* @__PURE__ */
|
|
5817
|
-
glare && /* @__PURE__ */
|
|
5810
|
+
/* @__PURE__ */ jsx33("div", { className: "rpc_tilt_card_content", children }),
|
|
5811
|
+
glare && /* @__PURE__ */ jsx33("div", { className: "rpc_tilt_card_glare", style: glareStyle })
|
|
5818
5812
|
]
|
|
5819
5813
|
}
|
|
5820
5814
|
);
|
|
@@ -5823,7 +5817,7 @@ var TiltCard_default = TiltCard;
|
|
|
5823
5817
|
|
|
5824
5818
|
// VirtualList/index.tsx
|
|
5825
5819
|
import { useState as useState27, useRef as useRef20, useMemo as useMemo8 } from "react";
|
|
5826
|
-
import { jsx as
|
|
5820
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
5827
5821
|
function VirtualList({
|
|
5828
5822
|
items = [],
|
|
5829
5823
|
itemHeight = 48,
|
|
@@ -5849,14 +5843,14 @@ function VirtualList({
|
|
|
5849
5843
|
const handleScroll = (e) => {
|
|
5850
5844
|
setScrollTop(e.currentTarget.scrollTop);
|
|
5851
5845
|
};
|
|
5852
|
-
return /* @__PURE__ */
|
|
5846
|
+
return /* @__PURE__ */ jsx34(
|
|
5853
5847
|
"div",
|
|
5854
5848
|
{
|
|
5855
5849
|
ref: containerRef,
|
|
5856
5850
|
onScroll: handleScroll,
|
|
5857
5851
|
className: `rpc_virtual_list ${className}`,
|
|
5858
5852
|
style: { height, ...style },
|
|
5859
|
-
children: /* @__PURE__ */
|
|
5853
|
+
children: /* @__PURE__ */ jsx34(
|
|
5860
5854
|
"div",
|
|
5861
5855
|
{
|
|
5862
5856
|
className: "rpc_virtual_list_content",
|
|
@@ -5867,7 +5861,7 @@ function VirtualList({
|
|
|
5867
5861
|
children: visibleItems.map((item, idx) => {
|
|
5868
5862
|
const actualIndex = startIndex + idx;
|
|
5869
5863
|
const key = keyExtractor ? keyExtractor(item, actualIndex) : actualIndex;
|
|
5870
|
-
return /* @__PURE__ */
|
|
5864
|
+
return /* @__PURE__ */ jsx34(
|
|
5871
5865
|
"div",
|
|
5872
5866
|
{
|
|
5873
5867
|
className: "rpc_virtual_list_item",
|
|
@@ -5886,7 +5880,7 @@ var VirtualList_default = VirtualList;
|
|
|
5886
5880
|
|
|
5887
5881
|
// Watermark/index.tsx
|
|
5888
5882
|
import { useRef as useRef21, useEffect as useEffect22, useCallback as useCallback8 } from "react";
|
|
5889
|
-
import { jsx as
|
|
5883
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
5890
5884
|
function generateWatermarkBase64(content, width, height, rotate, fontSize, color) {
|
|
5891
5885
|
if (typeof document === "undefined") return "";
|
|
5892
5886
|
const canvas = document.createElement("canvas");
|
|
@@ -6042,7 +6036,7 @@ var Watermark = ({
|
|
|
6042
6036
|
clearInterval(timer);
|
|
6043
6037
|
};
|
|
6044
6038
|
}, [antiTamper, mountOrRestoreWatermark]);
|
|
6045
|
-
return /* @__PURE__ */
|
|
6039
|
+
return /* @__PURE__ */ jsx35(
|
|
6046
6040
|
"div",
|
|
6047
6041
|
{
|
|
6048
6042
|
ref: wrapperRef,
|
|
@@ -6056,7 +6050,7 @@ var Watermark_default = Watermark;
|
|
|
6056
6050
|
|
|
6057
6051
|
// VideoPlayer/index.tsx
|
|
6058
6052
|
import { useState as useState28, useRef as useRef22 } from "react";
|
|
6059
|
-
import { jsx as
|
|
6053
|
+
import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
6060
6054
|
function formatVideoTime(seconds) {
|
|
6061
6055
|
if (isNaN(seconds) || seconds < 0) return "00:00";
|
|
6062
6056
|
const m = Math.floor(seconds / 60);
|
|
@@ -6158,7 +6152,7 @@ var VideoPlayer = ({
|
|
|
6158
6152
|
}, 3e3);
|
|
6159
6153
|
};
|
|
6160
6154
|
const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
|
|
6161
|
-
return /* @__PURE__ */
|
|
6155
|
+
return /* @__PURE__ */ jsxs33(
|
|
6162
6156
|
"div",
|
|
6163
6157
|
{
|
|
6164
6158
|
ref: containerRef,
|
|
@@ -6168,7 +6162,7 @@ var VideoPlayer = ({
|
|
|
6168
6162
|
className: `rpc_video_player ${className}`,
|
|
6169
6163
|
style: { width, height, ...style },
|
|
6170
6164
|
children: [
|
|
6171
|
-
/* @__PURE__ */
|
|
6165
|
+
/* @__PURE__ */ jsx36(
|
|
6172
6166
|
"video",
|
|
6173
6167
|
{
|
|
6174
6168
|
ref: videoRef,
|
|
@@ -6184,19 +6178,19 @@ var VideoPlayer = ({
|
|
|
6184
6178
|
className: "rpc_video_player_video"
|
|
6185
6179
|
}
|
|
6186
6180
|
),
|
|
6187
|
-
!isPlaying && /* @__PURE__ */
|
|
6188
|
-
/* @__PURE__ */
|
|
6181
|
+
!isPlaying && /* @__PURE__ */ jsx36("div", { className: "rpc_video_player_big_play_btn", onClick: togglePlay, children: "\u25B6" }),
|
|
6182
|
+
/* @__PURE__ */ jsxs33(
|
|
6189
6183
|
"div",
|
|
6190
6184
|
{
|
|
6191
6185
|
className: `rpc_video_player_controls ${!isControlsVisible && isPlaying ? "rpc_video_player_controls_hidden" : ""}`,
|
|
6192
6186
|
children: [
|
|
6193
|
-
/* @__PURE__ */
|
|
6187
|
+
/* @__PURE__ */ jsx36(
|
|
6194
6188
|
"div",
|
|
6195
6189
|
{
|
|
6196
6190
|
ref: progressRef,
|
|
6197
6191
|
className: "rpc_video_player_progress_wrap",
|
|
6198
6192
|
onClick: handleProgressClick,
|
|
6199
|
-
children: /* @__PURE__ */
|
|
6193
|
+
children: /* @__PURE__ */ jsx36(
|
|
6200
6194
|
"div",
|
|
6201
6195
|
{
|
|
6202
6196
|
className: "rpc_video_player_progress_fill",
|
|
@@ -6205,10 +6199,10 @@ var VideoPlayer = ({
|
|
|
6205
6199
|
)
|
|
6206
6200
|
}
|
|
6207
6201
|
),
|
|
6208
|
-
/* @__PURE__ */
|
|
6209
|
-
/* @__PURE__ */
|
|
6210
|
-
/* @__PURE__ */
|
|
6211
|
-
/* @__PURE__ */
|
|
6202
|
+
/* @__PURE__ */ jsxs33("div", { className: "rpc_video_player_bar_row", children: [
|
|
6203
|
+
/* @__PURE__ */ jsxs33("div", { className: "rpc_video_player_left_btns", children: [
|
|
6204
|
+
/* @__PURE__ */ jsx36("button", { type: "button", className: "rpc_video_player_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ jsx36(PauseCircleOutlined, {}) : /* @__PURE__ */ jsx36(PlayCircleOutlined, {}) }),
|
|
6205
|
+
/* @__PURE__ */ jsx36(
|
|
6212
6206
|
"button",
|
|
6213
6207
|
{
|
|
6214
6208
|
type: "button",
|
|
@@ -6218,7 +6212,7 @@ var VideoPlayer = ({
|
|
|
6218
6212
|
children: "\u23EA 10s"
|
|
6219
6213
|
}
|
|
6220
6214
|
),
|
|
6221
|
-
/* @__PURE__ */
|
|
6215
|
+
/* @__PURE__ */ jsx36(
|
|
6222
6216
|
"button",
|
|
6223
6217
|
{
|
|
6224
6218
|
type: "button",
|
|
@@ -6228,14 +6222,14 @@ var VideoPlayer = ({
|
|
|
6228
6222
|
children: "10s \u23E9"
|
|
6229
6223
|
}
|
|
6230
6224
|
),
|
|
6231
|
-
/* @__PURE__ */
|
|
6225
|
+
/* @__PURE__ */ jsxs33("span", { className: "rpc_video_player_time", children: [
|
|
6232
6226
|
formatVideoTime(currentTime),
|
|
6233
6227
|
" / ",
|
|
6234
6228
|
formatVideoTime(duration)
|
|
6235
6229
|
] })
|
|
6236
6230
|
] }),
|
|
6237
|
-
/* @__PURE__ */
|
|
6238
|
-
/* @__PURE__ */
|
|
6231
|
+
/* @__PURE__ */ jsxs33("div", { className: "rpc_video_player_right_btns", children: [
|
|
6232
|
+
/* @__PURE__ */ jsxs33(
|
|
6239
6233
|
"button",
|
|
6240
6234
|
{
|
|
6241
6235
|
type: "button",
|
|
@@ -6248,7 +6242,7 @@ var VideoPlayer = ({
|
|
|
6248
6242
|
]
|
|
6249
6243
|
}
|
|
6250
6244
|
),
|
|
6251
|
-
/* @__PURE__ */
|
|
6245
|
+
/* @__PURE__ */ jsx36(
|
|
6252
6246
|
"button",
|
|
6253
6247
|
{
|
|
6254
6248
|
type: "button",
|
|
@@ -6258,14 +6252,14 @@ var VideoPlayer = ({
|
|
|
6258
6252
|
children: "\u{1FA9F}"
|
|
6259
6253
|
}
|
|
6260
6254
|
),
|
|
6261
|
-
/* @__PURE__ */
|
|
6255
|
+
/* @__PURE__ */ jsx36(
|
|
6262
6256
|
"button",
|
|
6263
6257
|
{
|
|
6264
6258
|
type: "button",
|
|
6265
6259
|
className: "rpc_video_player_btn",
|
|
6266
6260
|
onClick: toggleFullscreen,
|
|
6267
6261
|
title: "\u5168\u5C4F\u5207\u6362",
|
|
6268
|
-
children: isFullscreen ? /* @__PURE__ */
|
|
6262
|
+
children: isFullscreen ? /* @__PURE__ */ jsx36(FullscreenExitOutlined, {}) : /* @__PURE__ */ jsx36(FullscreenOutlined, {})
|
|
6269
6263
|
}
|
|
6270
6264
|
)
|
|
6271
6265
|
] })
|
|
@@ -6281,7 +6275,7 @@ var VideoPlayer_default = VideoPlayer;
|
|
|
6281
6275
|
|
|
6282
6276
|
// PdfViewer/index.tsx
|
|
6283
6277
|
import { useState as useState29 } from "react";
|
|
6284
|
-
import { jsx as
|
|
6278
|
+
import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
6285
6279
|
var PdfViewer = ({
|
|
6286
6280
|
src,
|
|
6287
6281
|
title = "PDF Document Preview",
|
|
@@ -6302,24 +6296,24 @@ var PdfViewer = ({
|
|
|
6302
6296
|
const handleRotate = () => {
|
|
6303
6297
|
setRotation((prev) => (prev + 90) % 360);
|
|
6304
6298
|
};
|
|
6305
|
-
return /* @__PURE__ */
|
|
6306
|
-
/* @__PURE__ */
|
|
6307
|
-
/* @__PURE__ */
|
|
6308
|
-
/* @__PURE__ */
|
|
6309
|
-
/* @__PURE__ */
|
|
6310
|
-
/* @__PURE__ */
|
|
6299
|
+
return /* @__PURE__ */ jsxs34("div", { className: `rpc_pdf_viewer ${className}`, style: { width, height, ...style }, children: [
|
|
6300
|
+
/* @__PURE__ */ jsxs34("div", { className: "rpc_pdf_viewer_toolbar", children: [
|
|
6301
|
+
/* @__PURE__ */ jsx37("span", { className: "rpc_pdf_viewer_title", children: title }),
|
|
6302
|
+
/* @__PURE__ */ jsxs34("div", { className: "rpc_pdf_viewer_actions", children: [
|
|
6303
|
+
/* @__PURE__ */ jsx37("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomOut, title: "\u7F29\u5C0F", children: /* @__PURE__ */ jsx37(ZoomOutOutlined, {}) }),
|
|
6304
|
+
/* @__PURE__ */ jsxs34("span", { style: { fontSize: 12, minWidth: 40, textAlign: "center" }, children: [
|
|
6311
6305
|
zoom,
|
|
6312
6306
|
"%"
|
|
6313
6307
|
] }),
|
|
6314
|
-
/* @__PURE__ */
|
|
6315
|
-
/* @__PURE__ */
|
|
6316
|
-
showDownload && /* @__PURE__ */
|
|
6317
|
-
/* @__PURE__ */
|
|
6318
|
-
/* @__PURE__ */
|
|
6308
|
+
/* @__PURE__ */ jsx37("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomIn, title: "\u653E\u5927", children: /* @__PURE__ */ jsx37(ZoomInOutlined, {}) }),
|
|
6309
|
+
/* @__PURE__ */ jsx37("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleRotate, title: "\u987A\u65F6\u9488\u65CB\u8F6C 90\xB0", children: /* @__PURE__ */ jsx37(RotateRightOutlined, {}) }),
|
|
6310
|
+
showDownload && /* @__PURE__ */ jsxs34("a", { href: src, download: true, className: "rpc_pdf_viewer_btn", title: "\u4E0B\u8F7D PDF", children: [
|
|
6311
|
+
/* @__PURE__ */ jsx37(DownloadOutlined, {}),
|
|
6312
|
+
/* @__PURE__ */ jsx37("span", { children: "\u4E0B\u8F7D" })
|
|
6319
6313
|
] })
|
|
6320
6314
|
] })
|
|
6321
6315
|
] }),
|
|
6322
|
-
/* @__PURE__ */
|
|
6316
|
+
/* @__PURE__ */ jsx37("div", { className: "rpc_pdf_viewer_body", children: /* @__PURE__ */ jsx37(
|
|
6323
6317
|
"iframe",
|
|
6324
6318
|
{
|
|
6325
6319
|
src: `${src}#toolbar=0&navpanes=0`,
|
|
@@ -6335,7 +6329,7 @@ var PdfViewer = ({
|
|
|
6335
6329
|
var PdfViewer_default = PdfViewer;
|
|
6336
6330
|
|
|
6337
6331
|
// BadgeRibbon/index.tsx
|
|
6338
|
-
import { jsx as
|
|
6332
|
+
import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
6339
6333
|
var BadgeRibbon = ({
|
|
6340
6334
|
text,
|
|
6341
6335
|
color = "#ff4d4f",
|
|
@@ -6344,9 +6338,9 @@ var BadgeRibbon = ({
|
|
|
6344
6338
|
className = "",
|
|
6345
6339
|
style
|
|
6346
6340
|
}) => {
|
|
6347
|
-
return /* @__PURE__ */
|
|
6341
|
+
return /* @__PURE__ */ jsxs35("div", { className: `rpc_badge_ribbon_wrapper ${className}`, style, children: [
|
|
6348
6342
|
children,
|
|
6349
|
-
/* @__PURE__ */
|
|
6343
|
+
/* @__PURE__ */ jsx38(
|
|
6350
6344
|
"div",
|
|
6351
6345
|
{
|
|
6352
6346
|
className: `rpc_badge_ribbon rpc_badge_ribbon_${placement}`,
|
|
@@ -6359,7 +6353,7 @@ var BadgeRibbon = ({
|
|
|
6359
6353
|
var BadgeRibbon_default = BadgeRibbon;
|
|
6360
6354
|
|
|
6361
6355
|
// ShimmerSkeleton/index.tsx
|
|
6362
|
-
import { Fragment as Fragment8, jsx as
|
|
6356
|
+
import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
6363
6357
|
var ShimmerSkeleton = ({
|
|
6364
6358
|
type = "card",
|
|
6365
6359
|
rows = 3,
|
|
@@ -6369,11 +6363,11 @@ var ShimmerSkeleton = ({
|
|
|
6369
6363
|
style
|
|
6370
6364
|
}) => {
|
|
6371
6365
|
if (!loading && children) {
|
|
6372
|
-
return /* @__PURE__ */
|
|
6366
|
+
return /* @__PURE__ */ jsx39(Fragment8, { children });
|
|
6373
6367
|
}
|
|
6374
|
-
return /* @__PURE__ */
|
|
6375
|
-
type === "avatar" && /* @__PURE__ */
|
|
6376
|
-
type === "text" && /* @__PURE__ */
|
|
6368
|
+
return /* @__PURE__ */ jsxs36("div", { className: `rpc_shimmer_skeleton ${className}`, style, children: [
|
|
6369
|
+
type === "avatar" && /* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_avatar" }),
|
|
6370
|
+
type === "text" && /* @__PURE__ */ jsx39("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx39(
|
|
6377
6371
|
"div",
|
|
6378
6372
|
{
|
|
6379
6373
|
className: "rpc_shimmer_skeleton_bar",
|
|
@@ -6384,17 +6378,17 @@ var ShimmerSkeleton = ({
|
|
|
6384
6378
|
},
|
|
6385
6379
|
i
|
|
6386
6380
|
)) }),
|
|
6387
|
-
type === "card" && /* @__PURE__ */
|
|
6388
|
-
/* @__PURE__ */
|
|
6389
|
-
/* @__PURE__ */
|
|
6390
|
-
/* @__PURE__ */
|
|
6391
|
-
/* @__PURE__ */
|
|
6381
|
+
type === "card" && /* @__PURE__ */ jsxs36("div", { className: "rpc_shimmer_skeleton_card", children: [
|
|
6382
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 160, width: "100%" } }),
|
|
6383
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 20, width: "70%" } }),
|
|
6384
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "90%" } }),
|
|
6385
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 14, width: "40%" } })
|
|
6392
6386
|
] }),
|
|
6393
|
-
type === "list" && /* @__PURE__ */
|
|
6394
|
-
/* @__PURE__ */
|
|
6395
|
-
/* @__PURE__ */
|
|
6396
|
-
/* @__PURE__ */
|
|
6397
|
-
/* @__PURE__ */
|
|
6387
|
+
type === "list" && /* @__PURE__ */ jsx39("div", { style: { display: "flex", flexDirection: "column" }, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs36("div", { className: "rpc_shimmer_skeleton_list_item", children: [
|
|
6388
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_avatar", style: { width: 40, height: 40 } }),
|
|
6389
|
+
/* @__PURE__ */ jsxs36("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
6390
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 16, width: "50%" } }),
|
|
6391
|
+
/* @__PURE__ */ jsx39("div", { className: "rpc_shimmer_skeleton_bar", style: { height: 12, width: "80%" } })
|
|
6398
6392
|
] })
|
|
6399
6393
|
] }, i)) })
|
|
6400
6394
|
] });
|
|
@@ -6403,7 +6397,7 @@ var ShimmerSkeleton_default = ShimmerSkeleton;
|
|
|
6403
6397
|
|
|
6404
6398
|
// FlipCard/index.tsx
|
|
6405
6399
|
import { useState as useState30 } from "react";
|
|
6406
|
-
import { jsx as
|
|
6400
|
+
import { jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
6407
6401
|
var FlipCard = ({
|
|
6408
6402
|
front,
|
|
6409
6403
|
back,
|
|
@@ -6437,7 +6431,7 @@ var FlipCard = ({
|
|
|
6437
6431
|
onFlip == null ? void 0 : onFlip(next);
|
|
6438
6432
|
}
|
|
6439
6433
|
};
|
|
6440
|
-
return /* @__PURE__ */
|
|
6434
|
+
return /* @__PURE__ */ jsx40(
|
|
6441
6435
|
"div",
|
|
6442
6436
|
{
|
|
6443
6437
|
className: `rpc_flip_card ${className}`,
|
|
@@ -6445,13 +6439,13 @@ var FlipCard = ({
|
|
|
6445
6439
|
onMouseEnter: handleMouseEnter,
|
|
6446
6440
|
onMouseLeave: handleMouseLeave,
|
|
6447
6441
|
onClick: handleClick,
|
|
6448
|
-
children: /* @__PURE__ */
|
|
6442
|
+
children: /* @__PURE__ */ jsxs37(
|
|
6449
6443
|
"div",
|
|
6450
6444
|
{
|
|
6451
6445
|
className: `rpc_flip_card_inner ${isFlipped ? direction === "vertical" ? "rpc_flip_card_flipped_vertical" : "rpc_flip_card_flipped_horizontal" : ""}`,
|
|
6452
6446
|
children: [
|
|
6453
|
-
/* @__PURE__ */
|
|
6454
|
-
/* @__PURE__ */
|
|
6447
|
+
/* @__PURE__ */ jsx40("div", { className: "rpc_flip_card_front", children: front }),
|
|
6448
|
+
/* @__PURE__ */ jsx40(
|
|
6455
6449
|
"div",
|
|
6456
6450
|
{
|
|
6457
6451
|
className: `rpc_flip_card_back ${direction === "vertical" ? "rpc_flip_card_back_vertical" : "rpc_flip_card_back_horizontal"}`,
|
|
@@ -6468,7 +6462,7 @@ var FlipCard_default = FlipCard;
|
|
|
6468
6462
|
|
|
6469
6463
|
// KanbanBoard/index.tsx
|
|
6470
6464
|
import { useState as useState31 } from "react";
|
|
6471
|
-
import { jsx as
|
|
6465
|
+
import { jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
6472
6466
|
function KanbanBoard({
|
|
6473
6467
|
columns,
|
|
6474
6468
|
keyExtractor,
|
|
@@ -6506,32 +6500,32 @@ function KanbanBoard({
|
|
|
6506
6500
|
onCardMove == null ? void 0 : onCardMove(draggingCardId, sourceColumnId, targetColId, newIdx);
|
|
6507
6501
|
handleDragEnd();
|
|
6508
6502
|
};
|
|
6509
|
-
return /* @__PURE__ */
|
|
6503
|
+
return /* @__PURE__ */ jsx41("div", { className: `rpc_kanban_board ${className}`, style, children: columns.map((col) => {
|
|
6510
6504
|
const isOver = dragOverColumnId === col.id;
|
|
6511
|
-
return /* @__PURE__ */
|
|
6505
|
+
return /* @__PURE__ */ jsxs38(
|
|
6512
6506
|
"div",
|
|
6513
6507
|
{
|
|
6514
6508
|
className: `rpc_kanban_board_column ${isOver ? "rpc_kanban_board_column_dragover" : ""}`,
|
|
6515
6509
|
onDragOver: (e) => handleDragOverCol(e, col.id),
|
|
6516
6510
|
onDrop: (e) => handleDropOnCol(e, col.id),
|
|
6517
6511
|
children: [
|
|
6518
|
-
/* @__PURE__ */
|
|
6519
|
-
/* @__PURE__ */
|
|
6520
|
-
col.color && /* @__PURE__ */
|
|
6512
|
+
/* @__PURE__ */ jsxs38("div", { className: "rpc_kanban_board_column_header", children: [
|
|
6513
|
+
/* @__PURE__ */ jsxs38("div", { className: "rpc_kanban_board_column_title_wrap", children: [
|
|
6514
|
+
col.color && /* @__PURE__ */ jsx41(
|
|
6521
6515
|
"span",
|
|
6522
6516
|
{
|
|
6523
6517
|
className: "rpc_kanban_board_column_dot",
|
|
6524
6518
|
style: { backgroundColor: col.color }
|
|
6525
6519
|
}
|
|
6526
6520
|
),
|
|
6527
|
-
/* @__PURE__ */
|
|
6521
|
+
/* @__PURE__ */ jsx41("span", { children: col.title })
|
|
6528
6522
|
] }),
|
|
6529
|
-
/* @__PURE__ */
|
|
6523
|
+
/* @__PURE__ */ jsx41("span", { className: "rpc_kanban_board_column_count", children: col.items.length })
|
|
6530
6524
|
] }),
|
|
6531
|
-
/* @__PURE__ */
|
|
6525
|
+
/* @__PURE__ */ jsx41("div", { className: "rpc_kanban_board_column_body", children: col.items.map((item, idx) => {
|
|
6532
6526
|
const cardId = keyExtractor(item);
|
|
6533
6527
|
const isDragging = draggingCardId === cardId;
|
|
6534
|
-
return /* @__PURE__ */
|
|
6528
|
+
return /* @__PURE__ */ jsx41(
|
|
6535
6529
|
"div",
|
|
6536
6530
|
{
|
|
6537
6531
|
draggable: true,
|
|
@@ -6561,7 +6555,7 @@ var KanbanBoard_default = KanbanBoard;
|
|
|
6561
6555
|
|
|
6562
6556
|
// TreeFilterPanel/index.tsx
|
|
6563
6557
|
import { useState as useState32 } from "react";
|
|
6564
|
-
import { jsx as
|
|
6558
|
+
import { jsx as jsx42, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
6565
6559
|
var TreeFilterPanel = ({
|
|
6566
6560
|
options = [],
|
|
6567
6561
|
value: controlledValue,
|
|
@@ -6603,16 +6597,16 @@ var TreeFilterPanel = ({
|
|
|
6603
6597
|
if (controlledValue === void 0) setInternalVal([]);
|
|
6604
6598
|
onChange == null ? void 0 : onChange([]);
|
|
6605
6599
|
};
|
|
6606
|
-
return /* @__PURE__ */
|
|
6607
|
-
options.length > 0 && /* @__PURE__ */
|
|
6608
|
-
/* @__PURE__ */
|
|
6600
|
+
return /* @__PURE__ */ jsxs39("div", { className: `rpc_tree_filter_panel ${className}`, style, children: [
|
|
6601
|
+
options.length > 0 && /* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
6602
|
+
/* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
6609
6603
|
levelLabels[0] || "\u4E00\u7EA7\u5206\u7C7B",
|
|
6610
6604
|
"\uFF1A"
|
|
6611
6605
|
] }),
|
|
6612
|
-
/* @__PURE__ */
|
|
6606
|
+
/* @__PURE__ */ jsx42("div", { className: "rpc_tree_filter_panel_options", children: options.map((opt) => {
|
|
6613
6607
|
const isSelected = selectedValues.includes(opt.value);
|
|
6614
6608
|
const isCurrentActive = activeLevel1 === opt.value;
|
|
6615
|
-
return /* @__PURE__ */
|
|
6609
|
+
return /* @__PURE__ */ jsx42(
|
|
6616
6610
|
"span",
|
|
6617
6611
|
{
|
|
6618
6612
|
className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
@@ -6629,15 +6623,15 @@ var TreeFilterPanel = ({
|
|
|
6629
6623
|
);
|
|
6630
6624
|
}) })
|
|
6631
6625
|
] }),
|
|
6632
|
-
level2Options.length > 0 && /* @__PURE__ */
|
|
6633
|
-
/* @__PURE__ */
|
|
6626
|
+
level2Options.length > 0 && /* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
6627
|
+
/* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
6634
6628
|
levelLabels[1] || "\u4E8C\u7EA7\u5206\u7C7B",
|
|
6635
6629
|
"\uFF1A"
|
|
6636
6630
|
] }),
|
|
6637
|
-
/* @__PURE__ */
|
|
6631
|
+
/* @__PURE__ */ jsx42("div", { className: "rpc_tree_filter_panel_options", children: level2Options.map((opt) => {
|
|
6638
6632
|
const isSelected = selectedValues.includes(opt.value);
|
|
6639
6633
|
const isCurrentActive = activeLevel2 === opt.value;
|
|
6640
|
-
return /* @__PURE__ */
|
|
6634
|
+
return /* @__PURE__ */ jsx42(
|
|
6641
6635
|
"span",
|
|
6642
6636
|
{
|
|
6643
6637
|
className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
@@ -6651,14 +6645,14 @@ var TreeFilterPanel = ({
|
|
|
6651
6645
|
);
|
|
6652
6646
|
}) })
|
|
6653
6647
|
] }),
|
|
6654
|
-
level3Options.length > 0 && /* @__PURE__ */
|
|
6655
|
-
/* @__PURE__ */
|
|
6648
|
+
level3Options.length > 0 && /* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
6649
|
+
/* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
6656
6650
|
levelLabels[2] || "\u4E09\u7EA7\u6807\u7B7E",
|
|
6657
6651
|
"\uFF1A"
|
|
6658
6652
|
] }),
|
|
6659
|
-
/* @__PURE__ */
|
|
6653
|
+
/* @__PURE__ */ jsx42("div", { className: "rpc_tree_filter_panel_options", children: level3Options.map((opt) => {
|
|
6660
6654
|
const isSelected = selectedValues.includes(opt.value);
|
|
6661
|
-
return /* @__PURE__ */
|
|
6655
|
+
return /* @__PURE__ */ jsx42(
|
|
6662
6656
|
"span",
|
|
6663
6657
|
{
|
|
6664
6658
|
className: `rpc_tree_filter_panel_item ${isSelected ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
@@ -6669,13 +6663,13 @@ var TreeFilterPanel = ({
|
|
|
6669
6663
|
);
|
|
6670
6664
|
}) })
|
|
6671
6665
|
] }),
|
|
6672
|
-
/* @__PURE__ */
|
|
6673
|
-
/* @__PURE__ */
|
|
6666
|
+
/* @__PURE__ */ jsxs39("div", { className: "rpc_tree_filter_panel_footer", children: [
|
|
6667
|
+
/* @__PURE__ */ jsxs39("span", { children: [
|
|
6674
6668
|
"\u5DF2\u9009\u6761\u4EF6\uFF1A",
|
|
6675
6669
|
selectedValues.length,
|
|
6676
6670
|
" \u9879"
|
|
6677
6671
|
] }),
|
|
6678
|
-
selectedValues.length > 0 && /* @__PURE__ */
|
|
6672
|
+
selectedValues.length > 0 && /* @__PURE__ */ jsx42(
|
|
6679
6673
|
"button",
|
|
6680
6674
|
{
|
|
6681
6675
|
type: "button",
|
|
@@ -6691,7 +6685,7 @@ var TreeFilterPanel_default = TreeFilterPanel;
|
|
|
6691
6685
|
|
|
6692
6686
|
// EnvBadge/index.tsx
|
|
6693
6687
|
import { useState as useState33, useRef as useRef23, useEffect as useEffect24 } from "react";
|
|
6694
|
-
import { jsx as
|
|
6688
|
+
import { jsx as jsx43, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
6695
6689
|
var defaultEnvLabels = {
|
|
6696
6690
|
dev: "DEV \u5F00\u53D1\u73AF\u5883",
|
|
6697
6691
|
test: "TEST \u6D4B\u8BD5\u73AF\u5883",
|
|
@@ -6724,57 +6718,57 @@ var EnvBadge = ({
|
|
|
6724
6718
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
6725
6719
|
}, [isOpen]);
|
|
6726
6720
|
if (!visible) return null;
|
|
6727
|
-
return /* @__PURE__ */
|
|
6721
|
+
return /* @__PURE__ */ jsxs40(
|
|
6728
6722
|
"div",
|
|
6729
6723
|
{
|
|
6730
6724
|
ref: badgeRef,
|
|
6731
6725
|
className: `rpc_env_badge rpc_env_badge_${placement.replace("-", "_")} ${className}`,
|
|
6732
6726
|
style,
|
|
6733
6727
|
children: [
|
|
6734
|
-
/* @__PURE__ */
|
|
6728
|
+
/* @__PURE__ */ jsxs40(
|
|
6735
6729
|
"div",
|
|
6736
6730
|
{
|
|
6737
6731
|
className: `rpc_env_badge_tag rpc_env_badge_tag_${env}`,
|
|
6738
6732
|
onClick: () => setIsOpen(!isOpen),
|
|
6739
6733
|
children: [
|
|
6740
|
-
/* @__PURE__ */
|
|
6741
|
-
/* @__PURE__ */
|
|
6734
|
+
/* @__PURE__ */ jsx43("span", { children: "\u25CF" }),
|
|
6735
|
+
/* @__PURE__ */ jsx43("span", { children: text })
|
|
6742
6736
|
]
|
|
6743
6737
|
}
|
|
6744
6738
|
),
|
|
6745
|
-
isOpen && /* @__PURE__ */
|
|
6746
|
-
/* @__PURE__ */
|
|
6747
|
-
/* @__PURE__ */
|
|
6748
|
-
/* @__PURE__ */
|
|
6739
|
+
isOpen && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_popover", children: [
|
|
6740
|
+
/* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_pop_header", children: [
|
|
6741
|
+
/* @__PURE__ */ jsx43("span", { children: "\u7CFB\u7EDF\u73AF\u5883\u4FE1\u606F" }),
|
|
6742
|
+
/* @__PURE__ */ jsx43("span", { style: { fontSize: 12, color: "#8c8c8c" }, children: env.toUpperCase() })
|
|
6749
6743
|
] }),
|
|
6750
|
-
info ? /* @__PURE__ */
|
|
6751
|
-
info.version && /* @__PURE__ */
|
|
6752
|
-
/* @__PURE__ */
|
|
6753
|
-
/* @__PURE__ */
|
|
6744
|
+
info ? /* @__PURE__ */ jsxs40("div", { children: [
|
|
6745
|
+
info.version && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6746
|
+
/* @__PURE__ */ jsx43("span", { children: "\u53D1\u5E03\u7248\u672C" }),
|
|
6747
|
+
/* @__PURE__ */ jsxs40("span", { children: [
|
|
6754
6748
|
"v",
|
|
6755
6749
|
info.version
|
|
6756
6750
|
] })
|
|
6757
6751
|
] }),
|
|
6758
|
-
info.branch && /* @__PURE__ */
|
|
6759
|
-
/* @__PURE__ */
|
|
6760
|
-
/* @__PURE__ */
|
|
6752
|
+
info.branch && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6753
|
+
/* @__PURE__ */ jsx43("span", { children: "Git \u5206\u652F" }),
|
|
6754
|
+
/* @__PURE__ */ jsx43("span", { children: info.branch })
|
|
6761
6755
|
] }),
|
|
6762
|
-
info.commit && /* @__PURE__ */
|
|
6763
|
-
/* @__PURE__ */
|
|
6764
|
-
/* @__PURE__ */
|
|
6756
|
+
info.commit && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6757
|
+
/* @__PURE__ */ jsx43("span", { children: "Commit" }),
|
|
6758
|
+
/* @__PURE__ */ jsx43("span", { children: info.commit })
|
|
6765
6759
|
] }),
|
|
6766
|
-
info.apiHost && /* @__PURE__ */
|
|
6767
|
-
/* @__PURE__ */
|
|
6768
|
-
/* @__PURE__ */
|
|
6760
|
+
info.apiHost && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6761
|
+
/* @__PURE__ */ jsx43("span", { children: "API \u7F51\u5173" }),
|
|
6762
|
+
/* @__PURE__ */ jsx43("span", { style: { fontSize: 11 }, children: info.apiHost })
|
|
6769
6763
|
] }),
|
|
6770
|
-
info.buildTime && /* @__PURE__ */
|
|
6771
|
-
/* @__PURE__ */
|
|
6772
|
-
/* @__PURE__ */
|
|
6764
|
+
info.buildTime && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_pop_row", children: [
|
|
6765
|
+
/* @__PURE__ */ jsx43("span", { children: "\u6784\u5EFA\u65F6\u95F4" }),
|
|
6766
|
+
/* @__PURE__ */ jsx43("span", { children: info.buildTime })
|
|
6773
6767
|
] })
|
|
6774
|
-
] }) : /* @__PURE__ */
|
|
6775
|
-
switchList && switchList.length > 0 && /* @__PURE__ */
|
|
6776
|
-
/* @__PURE__ */
|
|
6777
|
-
switchList.map((item, idx) => /* @__PURE__ */
|
|
6768
|
+
] }) : /* @__PURE__ */ jsx43("div", { style: { color: "#8c8c8c", fontSize: 12, padding: "8px 0" }, children: "\u6682\u65E0\u8BE6\u7EC6\u6784\u5EFA\u5143\u6570\u636E" }),
|
|
6769
|
+
switchList && switchList.length > 0 && /* @__PURE__ */ jsxs40("div", { className: "rpc_env_badge_switch_wrap", children: [
|
|
6770
|
+
/* @__PURE__ */ jsx43("span", { style: { fontSize: 11, color: "#8c8c8c", width: "100%" }, children: "\u5207\u6362\u73AF\u5883\uFF1A" }),
|
|
6771
|
+
switchList.map((item, idx) => /* @__PURE__ */ jsx43(
|
|
6778
6772
|
"a",
|
|
6779
6773
|
{
|
|
6780
6774
|
href: item.url,
|
|
@@ -6792,7 +6786,7 @@ var EnvBadge = ({
|
|
|
6792
6786
|
var EnvBadge_default = EnvBadge;
|
|
6793
6787
|
|
|
6794
6788
|
// StatusTimeline/index.tsx
|
|
6795
|
-
import { jsx as
|
|
6789
|
+
import { jsx as jsx44, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
6796
6790
|
var statusIcons = {
|
|
6797
6791
|
finish: "\u2713",
|
|
6798
6792
|
process: "\u25CF",
|
|
@@ -6804,30 +6798,30 @@ var StatusTimeline = ({
|
|
|
6804
6798
|
className = "",
|
|
6805
6799
|
style
|
|
6806
6800
|
}) => {
|
|
6807
|
-
return /* @__PURE__ */
|
|
6801
|
+
return /* @__PURE__ */ jsx44("div", { className: `rpc_status_timeline ${className}`, style, children: items.map((item, idx) => {
|
|
6808
6802
|
const status = item.status || "finish";
|
|
6809
|
-
return /* @__PURE__ */
|
|
6810
|
-
/* @__PURE__ */
|
|
6811
|
-
/* @__PURE__ */
|
|
6812
|
-
/* @__PURE__ */
|
|
6803
|
+
return /* @__PURE__ */ jsxs41("div", { className: "rpc_status_timeline_item", children: [
|
|
6804
|
+
/* @__PURE__ */ jsxs41("div", { className: "rpc_status_timeline_axis", children: [
|
|
6805
|
+
/* @__PURE__ */ jsx44("div", { className: `rpc_status_timeline_dot rpc_status_timeline_dot_${status}`, children: statusIcons[status] }),
|
|
6806
|
+
/* @__PURE__ */ jsx44("div", { className: "rpc_status_timeline_line" })
|
|
6813
6807
|
] }),
|
|
6814
|
-
/* @__PURE__ */
|
|
6815
|
-
/* @__PURE__ */
|
|
6816
|
-
/* @__PURE__ */
|
|
6817
|
-
item.time && /* @__PURE__ */
|
|
6808
|
+
/* @__PURE__ */ jsxs41("div", { className: "rpc_status_timeline_content", children: [
|
|
6809
|
+
/* @__PURE__ */ jsxs41("div", { className: "rpc_status_timeline_header", children: [
|
|
6810
|
+
/* @__PURE__ */ jsx44("span", { className: "rpc_status_timeline_title", children: item.title }),
|
|
6811
|
+
item.time && /* @__PURE__ */ jsx44("span", { className: "rpc_status_timeline_time", children: item.time })
|
|
6818
6812
|
] }),
|
|
6819
|
-
item.operator && /* @__PURE__ */
|
|
6820
|
-
item.operator.avatar && /* @__PURE__ */
|
|
6821
|
-
/* @__PURE__ */
|
|
6813
|
+
item.operator && /* @__PURE__ */ jsxs41("div", { className: "rpc_status_timeline_operator", children: [
|
|
6814
|
+
item.operator.avatar && /* @__PURE__ */ jsx44("span", { children: item.operator.avatar }),
|
|
6815
|
+
/* @__PURE__ */ jsxs41("span", { children: [
|
|
6822
6816
|
"\u7ECF\u529E\u4EBA\uFF1A",
|
|
6823
6817
|
item.operator.name
|
|
6824
6818
|
] })
|
|
6825
6819
|
] }),
|
|
6826
|
-
item.duration && /* @__PURE__ */
|
|
6820
|
+
item.duration && /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsxs41("span", { className: "rpc_status_timeline_duration", children: [
|
|
6827
6821
|
"\u8017\u65F6\uFF1A",
|
|
6828
6822
|
item.duration
|
|
6829
6823
|
] }) }),
|
|
6830
|
-
item.description && /* @__PURE__ */
|
|
6824
|
+
item.description && /* @__PURE__ */ jsx44("div", { className: "rpc_status_timeline_desc", children: item.description })
|
|
6831
6825
|
] })
|
|
6832
6826
|
] }, idx);
|
|
6833
6827
|
}) });
|
|
@@ -6835,7 +6829,7 @@ var StatusTimeline = ({
|
|
|
6835
6829
|
var StatusTimeline_default = StatusTimeline;
|
|
6836
6830
|
|
|
6837
6831
|
// GradientText/index.tsx
|
|
6838
|
-
import { jsx as
|
|
6832
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
6839
6833
|
var GradientText = ({
|
|
6840
6834
|
children,
|
|
6841
6835
|
gradient = "linear-gradient(90deg, #1677ff 0%, #722ed1 50%, #eb2f96 100%)",
|
|
@@ -6844,7 +6838,7 @@ var GradientText = ({
|
|
|
6844
6838
|
className = "",
|
|
6845
6839
|
style
|
|
6846
6840
|
}) => {
|
|
6847
|
-
return /* @__PURE__ */
|
|
6841
|
+
return /* @__PURE__ */ jsx45(
|
|
6848
6842
|
"span",
|
|
6849
6843
|
{
|
|
6850
6844
|
className: `rpc_gradient_text ${animate ? "rpc_gradient_text_animate" : ""} ${className}`,
|
|
@@ -6861,7 +6855,7 @@ var GradientText_default = GradientText;
|
|
|
6861
6855
|
|
|
6862
6856
|
// KeyValEditor/index.tsx
|
|
6863
6857
|
import { useState as useState34 } from "react";
|
|
6864
|
-
import { jsx as
|
|
6858
|
+
import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
6865
6859
|
var KeyValEditor = ({
|
|
6866
6860
|
value: controlledValue,
|
|
6867
6861
|
defaultValue = [{ key: "", value: "", enabled: true }],
|
|
@@ -6892,11 +6886,11 @@ var KeyValEditor = ({
|
|
|
6892
6886
|
const toggleSecretVisibility = (index) => {
|
|
6893
6887
|
setVisibleSecrets((prev) => ({ ...prev, [index]: !prev[index] }));
|
|
6894
6888
|
};
|
|
6895
|
-
return /* @__PURE__ */
|
|
6889
|
+
return /* @__PURE__ */ jsxs42("div", { className: `rpc_key_val_editor ${className}`, style, children: [
|
|
6896
6890
|
items.map((item, index) => {
|
|
6897
6891
|
const isSecret = item.isSecret && !visibleSecrets[index];
|
|
6898
|
-
return /* @__PURE__ */
|
|
6899
|
-
/* @__PURE__ */
|
|
6892
|
+
return /* @__PURE__ */ jsxs42("div", { className: "rpc_key_val_editor_row", children: [
|
|
6893
|
+
/* @__PURE__ */ jsx46(
|
|
6900
6894
|
"input",
|
|
6901
6895
|
{
|
|
6902
6896
|
type: "checkbox",
|
|
@@ -6906,7 +6900,7 @@ var KeyValEditor = ({
|
|
|
6906
6900
|
title: "\u542F\u7528/\u7981\u7528\u6B64\u6761\u76EE"
|
|
6907
6901
|
}
|
|
6908
6902
|
),
|
|
6909
|
-
/* @__PURE__ */
|
|
6903
|
+
/* @__PURE__ */ jsx46(
|
|
6910
6904
|
"input",
|
|
6911
6905
|
{
|
|
6912
6906
|
type: "text",
|
|
@@ -6917,7 +6911,7 @@ var KeyValEditor = ({
|
|
|
6917
6911
|
className: "rpc_key_val_editor_input"
|
|
6918
6912
|
}
|
|
6919
6913
|
),
|
|
6920
|
-
/* @__PURE__ */
|
|
6914
|
+
/* @__PURE__ */ jsx46(
|
|
6921
6915
|
"input",
|
|
6922
6916
|
{
|
|
6923
6917
|
type: isSecret ? "password" : "text",
|
|
@@ -6928,7 +6922,7 @@ var KeyValEditor = ({
|
|
|
6928
6922
|
className: "rpc_key_val_editor_input"
|
|
6929
6923
|
}
|
|
6930
6924
|
),
|
|
6931
|
-
allowSecret && /* @__PURE__ */
|
|
6925
|
+
allowSecret && /* @__PURE__ */ jsx46(
|
|
6932
6926
|
"button",
|
|
6933
6927
|
{
|
|
6934
6928
|
type: "button",
|
|
@@ -6941,29 +6935,29 @@ var KeyValEditor = ({
|
|
|
6941
6935
|
}
|
|
6942
6936
|
},
|
|
6943
6937
|
title: item.isSecret ? "\u5207\u6362\u663E\u793A/\u9690\u85CF" : "\u8BBE\u4E3A\u654F\u611F\u5BC6\u7801",
|
|
6944
|
-
children: item.isSecret ? visibleSecrets[index] ? /* @__PURE__ */
|
|
6938
|
+
children: item.isSecret ? visibleSecrets[index] ? /* @__PURE__ */ jsx46(EyeOutlined, {}) : /* @__PURE__ */ jsx46(EyeInvisibleOutlined, {}) : /* @__PURE__ */ jsx46("span", { style: { fontSize: 11, color: "#8c8c8c" }, children: "\u{1F512}" })
|
|
6945
6939
|
}
|
|
6946
6940
|
),
|
|
6947
|
-
/* @__PURE__ */
|
|
6941
|
+
/* @__PURE__ */ jsx46(
|
|
6948
6942
|
"button",
|
|
6949
6943
|
{
|
|
6950
6944
|
type: "button",
|
|
6951
6945
|
className: "rpc_key_val_editor_btn_icon",
|
|
6952
6946
|
onClick: () => handleDelete(index),
|
|
6953
6947
|
title: "\u5220\u9664\u6B64\u884C",
|
|
6954
|
-
children: /* @__PURE__ */
|
|
6948
|
+
children: /* @__PURE__ */ jsx46(CloseOutlined, {})
|
|
6955
6949
|
}
|
|
6956
6950
|
)
|
|
6957
6951
|
] }, index);
|
|
6958
6952
|
}),
|
|
6959
|
-
/* @__PURE__ */
|
|
6953
|
+
/* @__PURE__ */ jsx46("div", { className: "rpc_key_val_editor_footer", children: /* @__PURE__ */ jsx46("button", { type: "button", className: "rpc_key_val_editor_add_btn", onClick: handleAdd, children: "+ \u6DFB\u52A0\u952E\u503C\u5BF9" }) })
|
|
6960
6954
|
] });
|
|
6961
6955
|
};
|
|
6962
6956
|
var KeyValEditor_default = KeyValEditor;
|
|
6963
6957
|
|
|
6964
6958
|
// QuickDateRange/index.tsx
|
|
6965
6959
|
import { useState as useState35 } from "react";
|
|
6966
|
-
import { jsx as
|
|
6960
|
+
import { jsx as jsx47 } from "react/jsx-runtime";
|
|
6967
6961
|
function formatDate(d) {
|
|
6968
6962
|
const y = d.getFullYear();
|
|
6969
6963
|
const m = String(d.getMonth() + 1).padStart(2, "0");
|
|
@@ -7043,9 +7037,9 @@ var QuickDateRange = ({
|
|
|
7043
7037
|
const range = item.calc();
|
|
7044
7038
|
onChange == null ? void 0 : onChange(range, item.key);
|
|
7045
7039
|
};
|
|
7046
|
-
return /* @__PURE__ */
|
|
7040
|
+
return /* @__PURE__ */ jsx47("div", { className: `rpc_quick_date_range ${className}`, style, children: defaultShortcuts.map((item) => {
|
|
7047
7041
|
const isActive = currentKey === item.key;
|
|
7048
|
-
return /* @__PURE__ */
|
|
7042
|
+
return /* @__PURE__ */ jsx47(
|
|
7049
7043
|
"span",
|
|
7050
7044
|
{
|
|
7051
7045
|
className: `rpc_quick_date_range_pill ${isActive ? "rpc_quick_date_range_pill_active" : ""}`,
|
|
@@ -7058,52 +7052,9 @@ var QuickDateRange = ({
|
|
|
7058
7052
|
};
|
|
7059
7053
|
var QuickDateRange_default = QuickDateRange;
|
|
7060
7054
|
|
|
7061
|
-
// DiffTable/index.tsx
|
|
7062
|
-
import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
7063
|
-
var DiffTable = ({
|
|
7064
|
-
columns = [],
|
|
7065
|
-
baseData = [],
|
|
7066
|
-
currentData = [],
|
|
7067
|
-
rowKey = "id",
|
|
7068
|
-
className = "",
|
|
7069
|
-
style
|
|
7070
|
-
}) => {
|
|
7071
|
-
const baseMap = /* @__PURE__ */ new Map();
|
|
7072
|
-
baseData.forEach((row) => {
|
|
7073
|
-
baseMap.set(String(row[rowKey]), row);
|
|
7074
|
-
});
|
|
7075
|
-
return /* @__PURE__ */ jsxs44("table", { className: `rpc_diff_table ${className}`, style, children: [
|
|
7076
|
-
/* @__PURE__ */ jsx49("thead", { children: /* @__PURE__ */ jsx49("tr", { children: columns.map((col) => /* @__PURE__ */ jsx49("th", { children: col.title }, col.key)) }) }),
|
|
7077
|
-
/* @__PURE__ */ jsx49("tbody", { children: currentData.map((currRow, index) => {
|
|
7078
|
-
const id = String(currRow[rowKey] || index);
|
|
7079
|
-
const baseRow = baseMap.get(id) || {};
|
|
7080
|
-
return /* @__PURE__ */ jsx49("tr", { children: columns.map((col) => {
|
|
7081
|
-
const currVal = currRow[col.key];
|
|
7082
|
-
const baseVal = baseRow[col.key];
|
|
7083
|
-
if (col.isNumeric && typeof currVal === "number" && typeof baseVal === "number") {
|
|
7084
|
-
const diff = currVal - baseVal;
|
|
7085
|
-
const percent = baseVal !== 0 ? (diff / baseVal * 100).toFixed(1) : "0.0";
|
|
7086
|
-
return /* @__PURE__ */ jsx49("td", { children: /* @__PURE__ */ jsxs44("div", { className: "rpc_diff_table_cell", children: [
|
|
7087
|
-
/* @__PURE__ */ jsx49("span", { children: currVal.toLocaleString() }),
|
|
7088
|
-
diff !== 0 ? /* @__PURE__ */ jsx49(
|
|
7089
|
-
"span",
|
|
7090
|
-
{
|
|
7091
|
-
className: `rpc_diff_table_diff_tag ${diff > 0 ? "rpc_diff_table_diff_tag_up" : "rpc_diff_table_diff_tag_down"}`,
|
|
7092
|
-
children: diff > 0 ? `+${percent}%` : `${percent}%`
|
|
7093
|
-
}
|
|
7094
|
-
) : /* @__PURE__ */ jsx49("span", { className: "rpc_diff_table_diff_tag rpc_diff_table_diff_tag_same", children: "-" })
|
|
7095
|
-
] }) }, col.key);
|
|
7096
|
-
}
|
|
7097
|
-
return /* @__PURE__ */ jsx49("td", { children: currVal !== void 0 ? String(currVal) : "-" }, col.key);
|
|
7098
|
-
}) }, id);
|
|
7099
|
-
}) })
|
|
7100
|
-
] });
|
|
7101
|
-
};
|
|
7102
|
-
var DiffTable_default = DiffTable;
|
|
7103
|
-
|
|
7104
7055
|
// PhotoViewer/index.tsx
|
|
7105
7056
|
import { useState as useState36, useEffect as useEffect25 } from "react";
|
|
7106
|
-
import { Fragment as Fragment9, jsx as
|
|
7057
|
+
import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
7107
7058
|
var PhotoViewer = ({
|
|
7108
7059
|
images = [],
|
|
7109
7060
|
defaultIndex = 0,
|
|
@@ -7135,17 +7086,17 @@ var PhotoViewer = ({
|
|
|
7135
7086
|
}, [currentIndex, images.length]);
|
|
7136
7087
|
if (images.length === 0) return null;
|
|
7137
7088
|
const currentImg = images[currentIndex] || images[0];
|
|
7138
|
-
return /* @__PURE__ */
|
|
7139
|
-
/* @__PURE__ */
|
|
7140
|
-
/* @__PURE__ */
|
|
7141
|
-
/* @__PURE__ */
|
|
7089
|
+
return /* @__PURE__ */ jsxs43("div", { className: `rpc_photo_viewer ${className}`, style, children: [
|
|
7090
|
+
/* @__PURE__ */ jsxs43("div", { className: "rpc_photo_viewer_top_bar", children: [
|
|
7091
|
+
/* @__PURE__ */ jsx48("span", { className: "rpc_photo_viewer_top_title", children: currentImg.title || currentImg.alt || `Photo ${currentIndex + 1}` }),
|
|
7092
|
+
/* @__PURE__ */ jsxs43("span", { className: "rpc_photo_viewer_counter", children: [
|
|
7142
7093
|
currentIndex + 1,
|
|
7143
7094
|
" / ",
|
|
7144
7095
|
images.length
|
|
7145
7096
|
] })
|
|
7146
7097
|
] }),
|
|
7147
|
-
/* @__PURE__ */
|
|
7148
|
-
/* @__PURE__ */
|
|
7098
|
+
/* @__PURE__ */ jsxs43("div", { className: "rpc_photo_viewer_main_wrap", style: { height }, children: [
|
|
7099
|
+
/* @__PURE__ */ jsx48(
|
|
7149
7100
|
"img",
|
|
7150
7101
|
{
|
|
7151
7102
|
src: currentImg.src,
|
|
@@ -7153,8 +7104,8 @@ var PhotoViewer = ({
|
|
|
7153
7104
|
className: "rpc_photo_viewer_main_img"
|
|
7154
7105
|
}
|
|
7155
7106
|
),
|
|
7156
|
-
images.length > 1 && /* @__PURE__ */
|
|
7157
|
-
/* @__PURE__ */
|
|
7107
|
+
images.length > 1 && /* @__PURE__ */ jsxs43(Fragment9, { children: [
|
|
7108
|
+
/* @__PURE__ */ jsx48(
|
|
7158
7109
|
"button",
|
|
7159
7110
|
{
|
|
7160
7111
|
type: "button",
|
|
@@ -7164,7 +7115,7 @@ var PhotoViewer = ({
|
|
|
7164
7115
|
children: "\u2039"
|
|
7165
7116
|
}
|
|
7166
7117
|
),
|
|
7167
|
-
/* @__PURE__ */
|
|
7118
|
+
/* @__PURE__ */ jsx48(
|
|
7168
7119
|
"button",
|
|
7169
7120
|
{
|
|
7170
7121
|
type: "button",
|
|
@@ -7176,12 +7127,12 @@ var PhotoViewer = ({
|
|
|
7176
7127
|
)
|
|
7177
7128
|
] })
|
|
7178
7129
|
] }),
|
|
7179
|
-
images.length > 1 && /* @__PURE__ */
|
|
7130
|
+
images.length > 1 && /* @__PURE__ */ jsx48("div", { className: "rpc_photo_viewer_thumbs_wrap", children: images.map((img, idx) => /* @__PURE__ */ jsx48(
|
|
7180
7131
|
"div",
|
|
7181
7132
|
{
|
|
7182
7133
|
className: `rpc_photo_viewer_thumb ${currentIndex === idx ? "rpc_photo_viewer_thumb_active" : ""}`,
|
|
7183
7134
|
onClick: () => handleSelect(idx),
|
|
7184
|
-
children: /* @__PURE__ */
|
|
7135
|
+
children: /* @__PURE__ */ jsx48("img", { src: img.src, alt: img.alt || "" })
|
|
7185
7136
|
},
|
|
7186
7137
|
idx
|
|
7187
7138
|
)) })
|
|
@@ -7190,7 +7141,7 @@ var PhotoViewer = ({
|
|
|
7190
7141
|
var PhotoViewer_default = PhotoViewer;
|
|
7191
7142
|
|
|
7192
7143
|
// TrendIndicator/index.tsx
|
|
7193
|
-
import { jsx as
|
|
7144
|
+
import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
7194
7145
|
var TrendIndicator = ({
|
|
7195
7146
|
value,
|
|
7196
7147
|
suffix = "%",
|
|
@@ -7210,14 +7161,14 @@ var TrendIndicator = ({
|
|
|
7210
7161
|
}
|
|
7211
7162
|
const formattedVal = Math.abs(value).toFixed(precision);
|
|
7212
7163
|
const sign = isPositive ? "+" : value < 0 ? "-" : "";
|
|
7213
|
-
return /* @__PURE__ */
|
|
7164
|
+
return /* @__PURE__ */ jsxs44(
|
|
7214
7165
|
"span",
|
|
7215
7166
|
{
|
|
7216
7167
|
className: `rpc_trend_indicator rpc_trend_indicator_${type} rpc_trend_indicator_${statusClass} ${className}`,
|
|
7217
7168
|
style,
|
|
7218
7169
|
children: [
|
|
7219
|
-
/* @__PURE__ */
|
|
7220
|
-
/* @__PURE__ */
|
|
7170
|
+
/* @__PURE__ */ jsx49("span", { className: "rpc_trend_indicator_arrow", children: isZero ? "\u2014" : isPositive ? "\u25B2" : "\u25BC" }),
|
|
7171
|
+
/* @__PURE__ */ jsxs44("span", { children: [
|
|
7221
7172
|
prefix,
|
|
7222
7173
|
sign,
|
|
7223
7174
|
formattedVal,
|
|
@@ -7229,86 +7180,9 @@ var TrendIndicator = ({
|
|
|
7229
7180
|
};
|
|
7230
7181
|
var TrendIndicator_default = TrendIndicator;
|
|
7231
7182
|
|
|
7232
|
-
// CountdownButton/index.tsx
|
|
7233
|
-
import { useState as useState37, useEffect as useEffect26, useRef as useRef24 } from "react";
|
|
7234
|
-
import { jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
7235
|
-
var CountdownButton = ({
|
|
7236
|
-
text = "\u83B7\u53D6\u9A8C\u8BC1\u7801",
|
|
7237
|
-
seconds = 60,
|
|
7238
|
-
countdownText = (s) => `${s}s \u540E\u91CD\u65B0\u83B7\u53D6`,
|
|
7239
|
-
resetText,
|
|
7240
|
-
onBeforeStart,
|
|
7241
|
-
onEnd,
|
|
7242
|
-
disabled: controlledDisabled = false,
|
|
7243
|
-
className = "",
|
|
7244
|
-
style
|
|
7245
|
-
}) => {
|
|
7246
|
-
const [timeLeft, setTimeLeft] = useState37(0);
|
|
7247
|
-
const [loading, setLoading] = useState37(false);
|
|
7248
|
-
const timerRef = useRef24(null);
|
|
7249
|
-
const isCounting = timeLeft > 0;
|
|
7250
|
-
useEffect26(() => {
|
|
7251
|
-
if (isCounting) {
|
|
7252
|
-
timerRef.current = setInterval(() => {
|
|
7253
|
-
setTimeLeft((prev) => {
|
|
7254
|
-
if (prev <= 1) {
|
|
7255
|
-
if (timerRef.current) clearInterval(timerRef.current);
|
|
7256
|
-
onEnd == null ? void 0 : onEnd();
|
|
7257
|
-
return 0;
|
|
7258
|
-
}
|
|
7259
|
-
return prev - 1;
|
|
7260
|
-
});
|
|
7261
|
-
}, 1e3);
|
|
7262
|
-
}
|
|
7263
|
-
return () => {
|
|
7264
|
-
if (timerRef.current) clearInterval(timerRef.current);
|
|
7265
|
-
};
|
|
7266
|
-
}, [isCounting, onEnd]);
|
|
7267
|
-
const handleClick = async () => {
|
|
7268
|
-
if (isCounting || loading || controlledDisabled) return;
|
|
7269
|
-
if (onBeforeStart) {
|
|
7270
|
-
try {
|
|
7271
|
-
setLoading(true);
|
|
7272
|
-
const ok = await onBeforeStart();
|
|
7273
|
-
setLoading(false);
|
|
7274
|
-
if (ok !== false) {
|
|
7275
|
-
setTimeLeft(seconds);
|
|
7276
|
-
}
|
|
7277
|
-
} catch (e) {
|
|
7278
|
-
setLoading(false);
|
|
7279
|
-
}
|
|
7280
|
-
} else {
|
|
7281
|
-
setTimeLeft(seconds);
|
|
7282
|
-
}
|
|
7283
|
-
};
|
|
7284
|
-
let btnContent = text;
|
|
7285
|
-
if (loading) {
|
|
7286
|
-
btnContent = /* @__PURE__ */ jsxs47("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
|
|
7287
|
-
/* @__PURE__ */ jsx52(LoadingOutlined, {}),
|
|
7288
|
-
/* @__PURE__ */ jsx52("span", { children: "\u53D1\u9001\u4E2D..." })
|
|
7289
|
-
] });
|
|
7290
|
-
} else if (isCounting) {
|
|
7291
|
-
btnContent = countdownText(timeLeft);
|
|
7292
|
-
} else if (resetText && timeLeft === 0) {
|
|
7293
|
-
btnContent = resetText;
|
|
7294
|
-
}
|
|
7295
|
-
return /* @__PURE__ */ jsx52(
|
|
7296
|
-
"button",
|
|
7297
|
-
{
|
|
7298
|
-
type: "button",
|
|
7299
|
-
disabled: controlledDisabled || isCounting || loading,
|
|
7300
|
-
className: `rpc_countdown_btn ${loading ? "rpc_countdown_btn_loading" : ""} ${className}`,
|
|
7301
|
-
style,
|
|
7302
|
-
onClick: handleClick,
|
|
7303
|
-
children: btnContent
|
|
7304
|
-
}
|
|
7305
|
-
);
|
|
7306
|
-
};
|
|
7307
|
-
var CountdownButton_default = CountdownButton;
|
|
7308
|
-
|
|
7309
7183
|
// SegmentedProgress/index.tsx
|
|
7310
7184
|
import { useMemo as useMemo9 } from "react";
|
|
7311
|
-
import { jsx as
|
|
7185
|
+
import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
7312
7186
|
var SegmentedProgress = ({
|
|
7313
7187
|
segments = [],
|
|
7314
7188
|
total: customTotal,
|
|
@@ -7321,10 +7195,10 @@ var SegmentedProgress = ({
|
|
|
7321
7195
|
return segments.reduce((acc, cur) => acc + (cur.value || 0), 0);
|
|
7322
7196
|
}, [segments]);
|
|
7323
7197
|
const baseTotal = customTotal !== void 0 ? customTotal : sumValue || 1;
|
|
7324
|
-
return /* @__PURE__ */
|
|
7325
|
-
/* @__PURE__ */
|
|
7198
|
+
return /* @__PURE__ */ jsxs45("div", { className: `rpc_seg_progress ${className}`, style, children: [
|
|
7199
|
+
/* @__PURE__ */ jsx50("div", { className: "rpc_seg_progress_bar", style: { height }, children: segments.map((seg, idx) => {
|
|
7326
7200
|
const pct = (seg.value / baseTotal * 100).toFixed(1);
|
|
7327
|
-
return /* @__PURE__ */
|
|
7201
|
+
return /* @__PURE__ */ jsx50(
|
|
7328
7202
|
"div",
|
|
7329
7203
|
{
|
|
7330
7204
|
className: "rpc_seg_progress_segment",
|
|
@@ -7337,12 +7211,12 @@ var SegmentedProgress = ({
|
|
|
7337
7211
|
idx
|
|
7338
7212
|
);
|
|
7339
7213
|
}) }),
|
|
7340
|
-
showLegend && /* @__PURE__ */
|
|
7214
|
+
showLegend && /* @__PURE__ */ jsx50("div", { className: "rpc_seg_progress_legend", children: segments.map((seg, idx) => {
|
|
7341
7215
|
const pct = (seg.value / baseTotal * 100).toFixed(1);
|
|
7342
|
-
return /* @__PURE__ */
|
|
7343
|
-
/* @__PURE__ */
|
|
7344
|
-
/* @__PURE__ */
|
|
7345
|
-
/* @__PURE__ */
|
|
7216
|
+
return /* @__PURE__ */ jsxs45("div", { className: "rpc_seg_progress_legend_item", children: [
|
|
7217
|
+
/* @__PURE__ */ jsx50("span", { className: "rpc_seg_progress_dot", style: { backgroundColor: seg.color } }),
|
|
7218
|
+
/* @__PURE__ */ jsx50("span", { children: seg.label }),
|
|
7219
|
+
/* @__PURE__ */ jsxs45("b", { style: { color: "#262626" }, children: [
|
|
7346
7220
|
seg.value,
|
|
7347
7221
|
seg.suffix || "",
|
|
7348
7222
|
" (",
|
|
@@ -7356,8 +7230,8 @@ var SegmentedProgress = ({
|
|
|
7356
7230
|
var SegmentedProgress_default = SegmentedProgress;
|
|
7357
7231
|
|
|
7358
7232
|
// HoverCard/index.tsx
|
|
7359
|
-
import { useState as
|
|
7360
|
-
import { jsx as
|
|
7233
|
+
import { useState as useState37, useRef as useRef24 } from "react";
|
|
7234
|
+
import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
7361
7235
|
var HoverCard = ({
|
|
7362
7236
|
children,
|
|
7363
7237
|
content,
|
|
@@ -7366,8 +7240,8 @@ var HoverCard = ({
|
|
|
7366
7240
|
className = "",
|
|
7367
7241
|
style
|
|
7368
7242
|
}) => {
|
|
7369
|
-
const [isOpen, setIsOpen] =
|
|
7370
|
-
const timerRef =
|
|
7243
|
+
const [isOpen, setIsOpen] = useState37(false);
|
|
7244
|
+
const timerRef = useRef24(null);
|
|
7371
7245
|
const handleMouseEnter = () => {
|
|
7372
7246
|
if (timerRef.current) clearTimeout(timerRef.current);
|
|
7373
7247
|
timerRef.current = setTimeout(() => {
|
|
@@ -7380,7 +7254,7 @@ var HoverCard = ({
|
|
|
7380
7254
|
setIsOpen(false);
|
|
7381
7255
|
}, closeDelay);
|
|
7382
7256
|
};
|
|
7383
|
-
return /* @__PURE__ */
|
|
7257
|
+
return /* @__PURE__ */ jsxs46(
|
|
7384
7258
|
"div",
|
|
7385
7259
|
{
|
|
7386
7260
|
className: `rpc_hover_card ${className}`,
|
|
@@ -7389,7 +7263,7 @@ var HoverCard = ({
|
|
|
7389
7263
|
onMouseLeave: handleMouseLeave,
|
|
7390
7264
|
children: [
|
|
7391
7265
|
children,
|
|
7392
|
-
isOpen && /* @__PURE__ */
|
|
7266
|
+
isOpen && /* @__PURE__ */ jsx51(
|
|
7393
7267
|
"div",
|
|
7394
7268
|
{
|
|
7395
7269
|
className: "rpc_hover_card_popover",
|
|
@@ -7405,8 +7279,8 @@ var HoverCard = ({
|
|
|
7405
7279
|
var HoverCard_default = HoverCard;
|
|
7406
7280
|
|
|
7407
7281
|
// TreeTransfer/index.tsx
|
|
7408
|
-
import { useState as
|
|
7409
|
-
import { jsx as
|
|
7282
|
+
import { useState as useState38, useMemo as useMemo10 } from "react";
|
|
7283
|
+
import { jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
7410
7284
|
var TreeTransfer = ({
|
|
7411
7285
|
treeData = [],
|
|
7412
7286
|
targetKeys: controlledKeys,
|
|
@@ -7417,7 +7291,7 @@ var TreeTransfer = ({
|
|
|
7417
7291
|
className = "",
|
|
7418
7292
|
style
|
|
7419
7293
|
}) => {
|
|
7420
|
-
const [internalKeys, setInternalKeys] =
|
|
7294
|
+
const [internalKeys, setInternalKeys] = useState38(defaultTargetKeys);
|
|
7421
7295
|
const targetKeys = controlledKeys !== void 0 ? controlledKeys : internalKeys;
|
|
7422
7296
|
const flatNodeMap = useMemo10(() => {
|
|
7423
7297
|
const map = /* @__PURE__ */ new Map();
|
|
@@ -7444,25 +7318,25 @@ var TreeTransfer = ({
|
|
|
7444
7318
|
const handleRemove = (key) => {
|
|
7445
7319
|
triggerChange(targetKeys.filter((k) => k !== key));
|
|
7446
7320
|
};
|
|
7447
|
-
return /* @__PURE__ */
|
|
7448
|
-
/* @__PURE__ */
|
|
7449
|
-
/* @__PURE__ */
|
|
7450
|
-
/* @__PURE__ */
|
|
7321
|
+
return /* @__PURE__ */ jsxs47("div", { className: `rpc_tree_transfer ${className}`, style, children: [
|
|
7322
|
+
/* @__PURE__ */ jsxs47("div", { className: "rpc_tree_transfer_panel", children: [
|
|
7323
|
+
/* @__PURE__ */ jsx52("div", { className: "rpc_tree_transfer_header", children: /* @__PURE__ */ jsx52("span", { children: sourceTitle }) }),
|
|
7324
|
+
/* @__PURE__ */ jsx52("div", { className: "rpc_tree_transfer_body", children: treeData.map((group) => {
|
|
7451
7325
|
var _a;
|
|
7452
|
-
return /* @__PURE__ */
|
|
7453
|
-
/* @__PURE__ */
|
|
7326
|
+
return /* @__PURE__ */ jsxs47("div", { children: [
|
|
7327
|
+
/* @__PURE__ */ jsx52("div", { className: "rpc_tree_transfer_tree_item", children: /* @__PURE__ */ jsxs47("b", { children: [
|
|
7454
7328
|
"\u{1F4C1} ",
|
|
7455
7329
|
group.title
|
|
7456
7330
|
] }) }),
|
|
7457
7331
|
(_a = group.children) == null ? void 0 : _a.map((child) => {
|
|
7458
7332
|
const isChecked = targetKeys.includes(child.key);
|
|
7459
|
-
return /* @__PURE__ */
|
|
7333
|
+
return /* @__PURE__ */ jsxs47(
|
|
7460
7334
|
"label",
|
|
7461
7335
|
{
|
|
7462
7336
|
className: "rpc_tree_transfer_tree_item rpc_tree_transfer_tree_child",
|
|
7463
7337
|
style: { cursor: "pointer" },
|
|
7464
7338
|
children: [
|
|
7465
|
-
/* @__PURE__ */
|
|
7339
|
+
/* @__PURE__ */ jsx52(
|
|
7466
7340
|
"input",
|
|
7467
7341
|
{
|
|
7468
7342
|
type: "checkbox",
|
|
@@ -7470,7 +7344,7 @@ var TreeTransfer = ({
|
|
|
7470
7344
|
onChange: (e) => handleToggle(child.key, e.target.checked)
|
|
7471
7345
|
}
|
|
7472
7346
|
),
|
|
7473
|
-
/* @__PURE__ */
|
|
7347
|
+
/* @__PURE__ */ jsx52("span", { children: child.title })
|
|
7474
7348
|
]
|
|
7475
7349
|
},
|
|
7476
7350
|
child.key
|
|
@@ -7479,16 +7353,16 @@ var TreeTransfer = ({
|
|
|
7479
7353
|
] }, group.key);
|
|
7480
7354
|
}) })
|
|
7481
7355
|
] }),
|
|
7482
|
-
/* @__PURE__ */
|
|
7483
|
-
/* @__PURE__ */
|
|
7484
|
-
/* @__PURE__ */
|
|
7485
|
-
/* @__PURE__ */
|
|
7356
|
+
/* @__PURE__ */ jsx52("span", { style: { color: "#8c8c8c" }, children: "\u21C4" }),
|
|
7357
|
+
/* @__PURE__ */ jsxs47("div", { className: "rpc_tree_transfer_panel", children: [
|
|
7358
|
+
/* @__PURE__ */ jsxs47("div", { className: "rpc_tree_transfer_header", children: [
|
|
7359
|
+
/* @__PURE__ */ jsxs47("span", { children: [
|
|
7486
7360
|
targetTitle,
|
|
7487
7361
|
" (",
|
|
7488
7362
|
targetKeys.length,
|
|
7489
7363
|
")"
|
|
7490
7364
|
] }),
|
|
7491
|
-
targetKeys.length > 0 && /* @__PURE__ */
|
|
7365
|
+
targetKeys.length > 0 && /* @__PURE__ */ jsx52(
|
|
7492
7366
|
"button",
|
|
7493
7367
|
{
|
|
7494
7368
|
type: "button",
|
|
@@ -7498,15 +7372,15 @@ var TreeTransfer = ({
|
|
|
7498
7372
|
}
|
|
7499
7373
|
)
|
|
7500
7374
|
] }),
|
|
7501
|
-
/* @__PURE__ */
|
|
7502
|
-
/* @__PURE__ */
|
|
7503
|
-
/* @__PURE__ */
|
|
7375
|
+
/* @__PURE__ */ jsx52("div", { className: "rpc_tree_transfer_body", children: targetKeys.length === 0 ? /* @__PURE__ */ jsx52("div", { style: { color: "#8c8c8c", padding: "20px 0", textAlign: "center" }, children: "\u6682\u65E0\u5DF2\u9009\u9879" }) : targetKeys.map((key) => /* @__PURE__ */ jsxs47("div", { className: "rpc_tree_transfer_target_item", children: [
|
|
7376
|
+
/* @__PURE__ */ jsx52("span", { children: flatNodeMap.get(key) || key }),
|
|
7377
|
+
/* @__PURE__ */ jsx52(
|
|
7504
7378
|
"button",
|
|
7505
7379
|
{
|
|
7506
7380
|
type: "button",
|
|
7507
7381
|
className: "rpc_tree_transfer_del_btn",
|
|
7508
7382
|
onClick: () => handleRemove(key),
|
|
7509
|
-
children: /* @__PURE__ */
|
|
7383
|
+
children: /* @__PURE__ */ jsx52(CloseOutlined, {})
|
|
7510
7384
|
}
|
|
7511
7385
|
)
|
|
7512
7386
|
] }, key)) })
|
|
@@ -7516,8 +7390,8 @@ var TreeTransfer = ({
|
|
|
7516
7390
|
var TreeTransfer_default = TreeTransfer;
|
|
7517
7391
|
|
|
7518
7392
|
// NumberStepper/index.tsx
|
|
7519
|
-
import { useState as
|
|
7520
|
-
import { jsx as
|
|
7393
|
+
import { useState as useState39, useRef as useRef25, useEffect as useEffect26 } from "react";
|
|
7394
|
+
import { jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
7521
7395
|
var NumberStepper = ({
|
|
7522
7396
|
value: controlledVal,
|
|
7523
7397
|
defaultValue = 1,
|
|
@@ -7529,9 +7403,9 @@ var NumberStepper = ({
|
|
|
7529
7403
|
className = "",
|
|
7530
7404
|
style
|
|
7531
7405
|
}) => {
|
|
7532
|
-
const [internalVal, setInternalVal] =
|
|
7406
|
+
const [internalVal, setInternalVal] = useState39(defaultValue);
|
|
7533
7407
|
const currentVal = controlledVal !== void 0 ? controlledVal : internalVal;
|
|
7534
|
-
const timerRef =
|
|
7408
|
+
const timerRef = useRef25(null);
|
|
7535
7409
|
const updateVal = (val) => {
|
|
7536
7410
|
const clamped = Math.max(min, Math.min(max, val));
|
|
7537
7411
|
if (controlledVal === void 0) setInternalVal(clamped);
|
|
@@ -7554,11 +7428,11 @@ var NumberStepper = ({
|
|
|
7554
7428
|
timerRef.current = null;
|
|
7555
7429
|
}
|
|
7556
7430
|
};
|
|
7557
|
-
|
|
7431
|
+
useEffect26(() => {
|
|
7558
7432
|
return () => stopLongPress();
|
|
7559
7433
|
}, []);
|
|
7560
|
-
return /* @__PURE__ */
|
|
7561
|
-
/* @__PURE__ */
|
|
7434
|
+
return /* @__PURE__ */ jsxs48("div", { className: `rpc_num_stepper ${className}`, style, children: [
|
|
7435
|
+
/* @__PURE__ */ jsx53(
|
|
7562
7436
|
"button",
|
|
7563
7437
|
{
|
|
7564
7438
|
type: "button",
|
|
@@ -7570,7 +7444,7 @@ var NumberStepper = ({
|
|
|
7570
7444
|
children: "-"
|
|
7571
7445
|
}
|
|
7572
7446
|
),
|
|
7573
|
-
/* @__PURE__ */
|
|
7447
|
+
/* @__PURE__ */ jsx53(
|
|
7574
7448
|
"input",
|
|
7575
7449
|
{
|
|
7576
7450
|
type: "number",
|
|
@@ -7580,7 +7454,7 @@ var NumberStepper = ({
|
|
|
7580
7454
|
className: "rpc_num_stepper_input"
|
|
7581
7455
|
}
|
|
7582
7456
|
),
|
|
7583
|
-
/* @__PURE__ */
|
|
7457
|
+
/* @__PURE__ */ jsx53(
|
|
7584
7458
|
"button",
|
|
7585
7459
|
{
|
|
7586
7460
|
type: "button",
|
|
@@ -7597,10 +7471,10 @@ var NumberStepper = ({
|
|
|
7597
7471
|
var NumberStepper_default = NumberStepper;
|
|
7598
7472
|
|
|
7599
7473
|
// JsonTree/index.tsx
|
|
7600
|
-
import { useState as
|
|
7601
|
-
import { Fragment as Fragment10, jsx as
|
|
7474
|
+
import { useState as useState40 } from "react";
|
|
7475
|
+
import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
7602
7476
|
var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
7603
|
-
const [collapsed, setCollapsed] =
|
|
7477
|
+
const [collapsed, setCollapsed] = useState40(depth >= maxDepth);
|
|
7604
7478
|
const isObject = value !== null && typeof value === "object";
|
|
7605
7479
|
const isArray = Array.isArray(value);
|
|
7606
7480
|
if (!isObject) {
|
|
@@ -7616,23 +7490,23 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7616
7490
|
valClass = "rpc_json_tree_null";
|
|
7617
7491
|
valStr = "null";
|
|
7618
7492
|
}
|
|
7619
|
-
return /* @__PURE__ */
|
|
7620
|
-
keyName !== void 0 && /* @__PURE__ */
|
|
7621
|
-
/* @__PURE__ */
|
|
7493
|
+
return /* @__PURE__ */ jsxs49("div", { children: [
|
|
7494
|
+
keyName !== void 0 && /* @__PURE__ */ jsxs49(Fragment10, { children: [
|
|
7495
|
+
/* @__PURE__ */ jsxs49("span", { className: "rpc_json_tree_key", children: [
|
|
7622
7496
|
'"',
|
|
7623
7497
|
keyName,
|
|
7624
7498
|
'"'
|
|
7625
7499
|
] }),
|
|
7626
|
-
/* @__PURE__ */
|
|
7500
|
+
/* @__PURE__ */ jsx54("span", { className: "rpc_json_tree_colon", children: ":" })
|
|
7627
7501
|
] }),
|
|
7628
|
-
/* @__PURE__ */
|
|
7502
|
+
/* @__PURE__ */ jsx54("span", { className: valClass, children: valStr })
|
|
7629
7503
|
] });
|
|
7630
7504
|
}
|
|
7631
7505
|
const keys = Object.keys(value);
|
|
7632
7506
|
const openBracket = isArray ? "[" : "{";
|
|
7633
7507
|
const closeBracket = isArray ? "]" : "}";
|
|
7634
|
-
return /* @__PURE__ */
|
|
7635
|
-
/* @__PURE__ */
|
|
7508
|
+
return /* @__PURE__ */ jsxs49("div", { children: [
|
|
7509
|
+
/* @__PURE__ */ jsx54(
|
|
7636
7510
|
"span",
|
|
7637
7511
|
{
|
|
7638
7512
|
className: `rpc_json_tree_toggle ${collapsed ? "rpc_json_tree_toggle_collapsed" : ""}`,
|
|
@@ -7640,17 +7514,17 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7640
7514
|
children: "\u25BC"
|
|
7641
7515
|
}
|
|
7642
7516
|
),
|
|
7643
|
-
keyName !== void 0 && /* @__PURE__ */
|
|
7644
|
-
/* @__PURE__ */
|
|
7517
|
+
keyName !== void 0 && /* @__PURE__ */ jsxs49(Fragment10, { children: [
|
|
7518
|
+
/* @__PURE__ */ jsxs49("span", { className: "rpc_json_tree_key", children: [
|
|
7645
7519
|
'"',
|
|
7646
7520
|
keyName,
|
|
7647
7521
|
'"'
|
|
7648
7522
|
] }),
|
|
7649
|
-
/* @__PURE__ */
|
|
7523
|
+
/* @__PURE__ */ jsx54("span", { className: "rpc_json_tree_colon", children: ":" })
|
|
7650
7524
|
] }),
|
|
7651
|
-
/* @__PURE__ */
|
|
7652
|
-
collapsed ? /* @__PURE__ */
|
|
7653
|
-
/* @__PURE__ */
|
|
7525
|
+
/* @__PURE__ */ jsx54("span", { className: "rpc_json_tree_bracket", children: openBracket }),
|
|
7526
|
+
collapsed ? /* @__PURE__ */ jsxs49(Fragment10, { children: [
|
|
7527
|
+
/* @__PURE__ */ jsxs49(
|
|
7654
7528
|
"span",
|
|
7655
7529
|
{
|
|
7656
7530
|
className: "rpc_json_tree_count",
|
|
@@ -7662,9 +7536,9 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7662
7536
|
]
|
|
7663
7537
|
}
|
|
7664
7538
|
),
|
|
7665
|
-
/* @__PURE__ */
|
|
7666
|
-
] }) : /* @__PURE__ */
|
|
7667
|
-
/* @__PURE__ */
|
|
7539
|
+
/* @__PURE__ */ jsx54("span", { className: "rpc_json_tree_bracket", children: closeBracket })
|
|
7540
|
+
] }) : /* @__PURE__ */ jsxs49(Fragment10, { children: [
|
|
7541
|
+
/* @__PURE__ */ jsx54("div", { className: "rpc_json_tree_node", children: keys.map((k) => /* @__PURE__ */ jsx54(
|
|
7668
7542
|
TreeNode,
|
|
7669
7543
|
{
|
|
7670
7544
|
keyName: isArray ? void 0 : k,
|
|
@@ -7674,7 +7548,7 @@ var TreeNode = ({ keyName, value, depth, maxDepth }) => {
|
|
|
7674
7548
|
},
|
|
7675
7549
|
k
|
|
7676
7550
|
)) }),
|
|
7677
|
-
/* @__PURE__ */
|
|
7551
|
+
/* @__PURE__ */ jsx54("span", { className: "rpc_json_tree_bracket", children: closeBracket })
|
|
7678
7552
|
] })
|
|
7679
7553
|
] });
|
|
7680
7554
|
};
|
|
@@ -7684,20 +7558,20 @@ var JsonTree = ({
|
|
|
7684
7558
|
className = "",
|
|
7685
7559
|
style
|
|
7686
7560
|
}) => {
|
|
7687
|
-
return /* @__PURE__ */
|
|
7561
|
+
return /* @__PURE__ */ jsx54("div", { className: `rpc_json_tree ${className}`, style, children: /* @__PURE__ */ jsx54(TreeNode, { value: data, depth: 0, maxDepth: defaultExpandedLevel }) });
|
|
7688
7562
|
};
|
|
7689
7563
|
var JsonTree_default = JsonTree;
|
|
7690
7564
|
|
|
7691
7565
|
// CodeSnippet/index.tsx
|
|
7692
|
-
import { useState as
|
|
7693
|
-
import { jsx as
|
|
7566
|
+
import { useState as useState41 } from "react";
|
|
7567
|
+
import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
7694
7568
|
var CodeSnippet = ({
|
|
7695
7569
|
code,
|
|
7696
7570
|
language = "bash",
|
|
7697
7571
|
className = "",
|
|
7698
7572
|
style
|
|
7699
7573
|
}) => {
|
|
7700
|
-
const [copied, setCopied] =
|
|
7574
|
+
const [copied, setCopied] = useState41(false);
|
|
7701
7575
|
const handleCopy = async () => {
|
|
7702
7576
|
try {
|
|
7703
7577
|
await navigator.clipboard.writeText(code);
|
|
@@ -7706,24 +7580,24 @@ var CodeSnippet = ({
|
|
|
7706
7580
|
} catch (e) {
|
|
7707
7581
|
}
|
|
7708
7582
|
};
|
|
7709
|
-
return /* @__PURE__ */
|
|
7710
|
-
/* @__PURE__ */
|
|
7711
|
-
/* @__PURE__ */
|
|
7712
|
-
/* @__PURE__ */
|
|
7713
|
-
/* @__PURE__ */
|
|
7714
|
-
/* @__PURE__ */
|
|
7583
|
+
return /* @__PURE__ */ jsxs50("div", { className: `rpc_code_snippet ${className}`, style, children: [
|
|
7584
|
+
/* @__PURE__ */ jsxs50("div", { className: "rpc_code_snippet_top_bar", children: [
|
|
7585
|
+
/* @__PURE__ */ jsxs50("div", { className: "rpc_code_snippet_dots", children: [
|
|
7586
|
+
/* @__PURE__ */ jsx55("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_red" }),
|
|
7587
|
+
/* @__PURE__ */ jsx55("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_yellow" }),
|
|
7588
|
+
/* @__PURE__ */ jsx55("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_green" })
|
|
7715
7589
|
] }),
|
|
7716
|
-
/* @__PURE__ */
|
|
7717
|
-
/* @__PURE__ */
|
|
7590
|
+
/* @__PURE__ */ jsx55("span", { className: "rpc_code_snippet_lang", children: language }),
|
|
7591
|
+
/* @__PURE__ */ jsx55("button", { type: "button", className: "rpc_code_snippet_copy_btn", onClick: handleCopy, children: copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236" })
|
|
7718
7592
|
] }),
|
|
7719
|
-
/* @__PURE__ */
|
|
7593
|
+
/* @__PURE__ */ jsx55("pre", { className: "rpc_code_snippet_content", children: /* @__PURE__ */ jsx55("code", { children: code }) })
|
|
7720
7594
|
] });
|
|
7721
7595
|
};
|
|
7722
7596
|
var CodeSnippet_default = CodeSnippet;
|
|
7723
7597
|
|
|
7724
7598
|
// MiniSparkline/index.tsx
|
|
7725
7599
|
import { useId } from "react";
|
|
7726
|
-
import { jsx as
|
|
7600
|
+
import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
7727
7601
|
var MiniSparkline = ({
|
|
7728
7602
|
data = [],
|
|
7729
7603
|
color = "#1677ff",
|
|
@@ -7748,20 +7622,20 @@ var MiniSparkline = ({
|
|
|
7748
7622
|
return idx === 0 ? `M ${pt.x} ${pt.y}` : `${acc} L ${pt.x} ${pt.y}`;
|
|
7749
7623
|
}, "");
|
|
7750
7624
|
const areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;
|
|
7751
|
-
return /* @__PURE__ */
|
|
7752
|
-
/* @__PURE__ */
|
|
7753
|
-
/* @__PURE__ */
|
|
7754
|
-
/* @__PURE__ */
|
|
7625
|
+
return /* @__PURE__ */ jsx56("div", { className: `rpc_mini_sparkline ${className}`, style, children: /* @__PURE__ */ jsxs51("svg", { width, height, children: [
|
|
7626
|
+
/* @__PURE__ */ jsx56("defs", { children: /* @__PURE__ */ jsxs51("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
7627
|
+
/* @__PURE__ */ jsx56("stop", { offset: "0%", stopColor: color, stopOpacity: "0.25" }),
|
|
7628
|
+
/* @__PURE__ */ jsx56("stop", { offset: "100%", stopColor: color, stopOpacity: "0.0" })
|
|
7755
7629
|
] }) }),
|
|
7756
|
-
fill && /* @__PURE__ */
|
|
7757
|
-
/* @__PURE__ */
|
|
7630
|
+
fill && /* @__PURE__ */ jsx56("path", { d: areaPath, fill: `url(#${gradientId})` }),
|
|
7631
|
+
/* @__PURE__ */ jsx56("path", { d: linePath, fill: "none", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" })
|
|
7758
7632
|
] }) });
|
|
7759
7633
|
};
|
|
7760
7634
|
var MiniSparkline_default = MiniSparkline;
|
|
7761
7635
|
|
|
7762
7636
|
// FileDropZone/index.tsx
|
|
7763
|
-
import { useState as
|
|
7764
|
-
import { jsx as
|
|
7637
|
+
import { useState as useState42, useRef as useRef26, useEffect as useEffect27 } from "react";
|
|
7638
|
+
import { jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
7765
7639
|
var FileDropZone = ({
|
|
7766
7640
|
onDropFiles,
|
|
7767
7641
|
accept,
|
|
@@ -7771,9 +7645,9 @@ var FileDropZone = ({
|
|
|
7771
7645
|
className = "",
|
|
7772
7646
|
style
|
|
7773
7647
|
}) => {
|
|
7774
|
-
const [isDragOver, setIsDragOver] =
|
|
7775
|
-
const inputRef =
|
|
7776
|
-
const containerRef =
|
|
7648
|
+
const [isDragOver, setIsDragOver] = useState42(false);
|
|
7649
|
+
const inputRef = useRef26(null);
|
|
7650
|
+
const containerRef = useRef26(null);
|
|
7777
7651
|
const handleFiles = (fileList) => {
|
|
7778
7652
|
if (!fileList || fileList.length === 0) return;
|
|
7779
7653
|
const files = Array.from(fileList);
|
|
@@ -7791,7 +7665,7 @@ var FileDropZone = ({
|
|
|
7791
7665
|
setIsDragOver(false);
|
|
7792
7666
|
handleFiles(e.dataTransfer.files);
|
|
7793
7667
|
};
|
|
7794
|
-
|
|
7668
|
+
useEffect27(() => {
|
|
7795
7669
|
const handlePaste = (e) => {
|
|
7796
7670
|
if (e.clipboardData && e.clipboardData.files.length > 0) {
|
|
7797
7671
|
handleFiles(e.clipboardData.files);
|
|
@@ -7800,7 +7674,7 @@ var FileDropZone = ({
|
|
|
7800
7674
|
window.addEventListener("paste", handlePaste);
|
|
7801
7675
|
return () => window.removeEventListener("paste", handlePaste);
|
|
7802
7676
|
}, []);
|
|
7803
|
-
return /* @__PURE__ */
|
|
7677
|
+
return /* @__PURE__ */ jsxs52(
|
|
7804
7678
|
"div",
|
|
7805
7679
|
{
|
|
7806
7680
|
ref: containerRef,
|
|
@@ -7814,7 +7688,7 @@ var FileDropZone = ({
|
|
|
7814
7688
|
onDragLeave: handleDragLeave,
|
|
7815
7689
|
onDrop: handleDrop,
|
|
7816
7690
|
children: [
|
|
7817
|
-
/* @__PURE__ */
|
|
7691
|
+
/* @__PURE__ */ jsx57(
|
|
7818
7692
|
"input",
|
|
7819
7693
|
{
|
|
7820
7694
|
ref: inputRef,
|
|
@@ -7825,9 +7699,9 @@ var FileDropZone = ({
|
|
|
7825
7699
|
onChange: (e) => handleFiles(e.target.files)
|
|
7826
7700
|
}
|
|
7827
7701
|
),
|
|
7828
|
-
/* @__PURE__ */
|
|
7829
|
-
/* @__PURE__ */
|
|
7830
|
-
/* @__PURE__ */
|
|
7702
|
+
/* @__PURE__ */ jsx57("div", { className: "rpc_file_dropzone_icon", children: "\u{1F4E5}" }),
|
|
7703
|
+
/* @__PURE__ */ jsx57("div", { className: "rpc_file_dropzone_title", children: title }),
|
|
7704
|
+
/* @__PURE__ */ jsx57("div", { className: "rpc_file_dropzone_hint", children: hint })
|
|
7831
7705
|
]
|
|
7832
7706
|
}
|
|
7833
7707
|
);
|
|
@@ -7835,8 +7709,8 @@ var FileDropZone = ({
|
|
|
7835
7709
|
var FileDropZone_default = FileDropZone;
|
|
7836
7710
|
|
|
7837
7711
|
// CascadeDrawer/index.tsx
|
|
7838
|
-
import
|
|
7839
|
-
import { jsx as
|
|
7712
|
+
import React47, { useState as useState43 } from "react";
|
|
7713
|
+
import { jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
7840
7714
|
var CascadeDrawer = ({
|
|
7841
7715
|
open,
|
|
7842
7716
|
onClose,
|
|
@@ -7845,7 +7719,7 @@ var CascadeDrawer = ({
|
|
|
7845
7719
|
className = "",
|
|
7846
7720
|
style
|
|
7847
7721
|
}) => {
|
|
7848
|
-
const [stack, setStack] =
|
|
7722
|
+
const [stack, setStack] = useState43([rootLevel]);
|
|
7849
7723
|
if (!open) return null;
|
|
7850
7724
|
const currentLevel = stack[stack.length - 1] || rootLevel;
|
|
7851
7725
|
const pushLevel = (level) => {
|
|
@@ -7854,15 +7728,15 @@ var CascadeDrawer = ({
|
|
|
7854
7728
|
const popTo = (index) => {
|
|
7855
7729
|
setStack((prev) => prev.slice(0, index + 1));
|
|
7856
7730
|
};
|
|
7857
|
-
return /* @__PURE__ */
|
|
7858
|
-
/* @__PURE__ */
|
|
7859
|
-
/* @__PURE__ */
|
|
7860
|
-
/* @__PURE__ */
|
|
7861
|
-
/* @__PURE__ */
|
|
7731
|
+
return /* @__PURE__ */ jsxs53("div", { className: `rpc_cascade_drawer ${className}`, style, children: [
|
|
7732
|
+
/* @__PURE__ */ jsx58("div", { className: "rpc_cascade_drawer_mask", onClick: onClose }),
|
|
7733
|
+
/* @__PURE__ */ jsxs53("div", { className: "rpc_cascade_drawer_content", style: { width }, children: [
|
|
7734
|
+
/* @__PURE__ */ jsxs53("div", { className: "rpc_cascade_drawer_header", children: [
|
|
7735
|
+
/* @__PURE__ */ jsx58("div", { className: "rpc_cascade_drawer_breadcrumbs", children: stack.map((item, idx) => {
|
|
7862
7736
|
const isLast = idx === stack.length - 1;
|
|
7863
|
-
return /* @__PURE__ */
|
|
7864
|
-
idx > 0 && /* @__PURE__ */
|
|
7865
|
-
isLast ? /* @__PURE__ */
|
|
7737
|
+
return /* @__PURE__ */ jsxs53(React47.Fragment, { children: [
|
|
7738
|
+
idx > 0 && /* @__PURE__ */ jsx58("span", { style: { color: "#bfbfbf" }, children: "/" }),
|
|
7739
|
+
isLast ? /* @__PURE__ */ jsx58("span", { children: item.title }) : /* @__PURE__ */ jsx58(
|
|
7866
7740
|
"button",
|
|
7867
7741
|
{
|
|
7868
7742
|
type: "button",
|
|
@@ -7873,17 +7747,17 @@ var CascadeDrawer = ({
|
|
|
7873
7747
|
)
|
|
7874
7748
|
] }, item.id);
|
|
7875
7749
|
}) }),
|
|
7876
|
-
/* @__PURE__ */
|
|
7750
|
+
/* @__PURE__ */ jsx58("button", { type: "button", className: "rpc_cascade_drawer_close_btn", onClick: onClose, children: "\u2715" })
|
|
7877
7751
|
] }),
|
|
7878
|
-
/* @__PURE__ */
|
|
7752
|
+
/* @__PURE__ */ jsx58("div", { className: "rpc_cascade_drawer_body", children: typeof currentLevel.content === "function" ? currentLevel.content(pushLevel) : currentLevel.content })
|
|
7879
7753
|
] })
|
|
7880
7754
|
] });
|
|
7881
7755
|
};
|
|
7882
7756
|
var CascadeDrawer_default = CascadeDrawer;
|
|
7883
7757
|
|
|
7884
7758
|
// DualRangeSlider/index.tsx
|
|
7885
|
-
import { useState as
|
|
7886
|
-
import { jsx as
|
|
7759
|
+
import { useState as useState44, useRef as useRef27 } from "react";
|
|
7760
|
+
import { jsx as jsx59, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
7887
7761
|
var DualRangeSlider = ({
|
|
7888
7762
|
min = 0,
|
|
7889
7763
|
max = 100,
|
|
@@ -7893,10 +7767,10 @@ var DualRangeSlider = ({
|
|
|
7893
7767
|
className = "",
|
|
7894
7768
|
style
|
|
7895
7769
|
}) => {
|
|
7896
|
-
const [internalVal, setInternalVal] =
|
|
7770
|
+
const [internalVal, setInternalVal] = useState44(defaultValue);
|
|
7897
7771
|
const rangeVal = controlledVal !== void 0 ? controlledVal : internalVal;
|
|
7898
|
-
const trackRef =
|
|
7899
|
-
const activeThumbRef =
|
|
7772
|
+
const trackRef = useRef27(null);
|
|
7773
|
+
const activeThumbRef = useRef27(null);
|
|
7900
7774
|
const updateVal = (val) => {
|
|
7901
7775
|
if (controlledVal === void 0) setInternalVal(val);
|
|
7902
7776
|
onChange == null ? void 0 : onChange(val);
|
|
@@ -7926,8 +7800,8 @@ var DualRangeSlider = ({
|
|
|
7926
7800
|
};
|
|
7927
7801
|
const leftPct = (rangeVal[0] - min) / (max - min) * 100;
|
|
7928
7802
|
const rightPct = (rangeVal[1] - min) / (max - min) * 100;
|
|
7929
|
-
return /* @__PURE__ */
|
|
7930
|
-
/* @__PURE__ */
|
|
7803
|
+
return /* @__PURE__ */ jsx59("div", { className: `rpc_dual_slider ${className}`, style, children: /* @__PURE__ */ jsxs54("div", { ref: trackRef, className: "rpc_dual_slider_track", children: [
|
|
7804
|
+
/* @__PURE__ */ jsx59(
|
|
7931
7805
|
"div",
|
|
7932
7806
|
{
|
|
7933
7807
|
className: "rpc_dual_slider_highlight",
|
|
@@ -7937,7 +7811,7 @@ var DualRangeSlider = ({
|
|
|
7937
7811
|
}
|
|
7938
7812
|
}
|
|
7939
7813
|
),
|
|
7940
|
-
/* @__PURE__ */
|
|
7814
|
+
/* @__PURE__ */ jsx59(
|
|
7941
7815
|
"div",
|
|
7942
7816
|
{
|
|
7943
7817
|
className: "rpc_dual_slider_thumb",
|
|
@@ -7945,7 +7819,7 @@ var DualRangeSlider = ({
|
|
|
7945
7819
|
onMouseDown: () => handleThumbMouseDown("left")
|
|
7946
7820
|
}
|
|
7947
7821
|
),
|
|
7948
|
-
/* @__PURE__ */
|
|
7822
|
+
/* @__PURE__ */ jsx59(
|
|
7949
7823
|
"div",
|
|
7950
7824
|
{
|
|
7951
7825
|
className: "rpc_dual_slider_thumb",
|
|
@@ -7958,7 +7832,7 @@ var DualRangeSlider = ({
|
|
|
7958
7832
|
var DualRangeSlider_default = DualRangeSlider;
|
|
7959
7833
|
|
|
7960
7834
|
// FilterChips/index.tsx
|
|
7961
|
-
import { jsx as
|
|
7835
|
+
import { jsx as jsx60, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
7962
7836
|
var FilterChips = ({
|
|
7963
7837
|
chips = [],
|
|
7964
7838
|
onRemove,
|
|
@@ -7968,23 +7842,23 @@ var FilterChips = ({
|
|
|
7968
7842
|
style
|
|
7969
7843
|
}) => {
|
|
7970
7844
|
if (chips.length === 0) return null;
|
|
7971
|
-
return /* @__PURE__ */
|
|
7972
|
-
chips.map((chip) => /* @__PURE__ */
|
|
7973
|
-
/* @__PURE__ */
|
|
7845
|
+
return /* @__PURE__ */ jsxs55("div", { className: `rpc_filter_chips ${className}`, style, children: [
|
|
7846
|
+
chips.map((chip) => /* @__PURE__ */ jsxs55("span", { className: "rpc_filter_chips_chip", children: [
|
|
7847
|
+
/* @__PURE__ */ jsxs55("span", { className: "rpc_filter_chips_label", children: [
|
|
7974
7848
|
chip.label,
|
|
7975
7849
|
":"
|
|
7976
7850
|
] }),
|
|
7977
|
-
/* @__PURE__ */
|
|
7978
|
-
/* @__PURE__ */
|
|
7851
|
+
/* @__PURE__ */ jsx60("span", { className: "rpc_filter_chips_val", children: chip.value }),
|
|
7852
|
+
/* @__PURE__ */ jsx60("span", { className: "rpc_filter_chips_close", onClick: () => onRemove == null ? void 0 : onRemove(chip.id), children: "\u2715" })
|
|
7979
7853
|
] }, chip.id)),
|
|
7980
|
-
onClearAll && /* @__PURE__ */
|
|
7854
|
+
onClearAll && /* @__PURE__ */ jsx60("button", { type: "button", className: "rpc_filter_chips_clear_all", onClick: onClearAll, children: clearText })
|
|
7981
7855
|
] });
|
|
7982
7856
|
};
|
|
7983
7857
|
var FilterChips_default = FilterChips;
|
|
7984
7858
|
|
|
7985
7859
|
// AnnouncementBar/index.tsx
|
|
7986
|
-
import { useState as
|
|
7987
|
-
import { jsx as
|
|
7860
|
+
import { useState as useState45 } from "react";
|
|
7861
|
+
import { jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
7988
7862
|
var AnnouncementBar = ({
|
|
7989
7863
|
children,
|
|
7990
7864
|
closable = true,
|
|
@@ -7993,20 +7867,20 @@ var AnnouncementBar = ({
|
|
|
7993
7867
|
className = "",
|
|
7994
7868
|
style
|
|
7995
7869
|
}) => {
|
|
7996
|
-
const [visible, setVisible] =
|
|
7870
|
+
const [visible, setVisible] = useState45(true);
|
|
7997
7871
|
if (!visible) return null;
|
|
7998
7872
|
const handleClose = () => {
|
|
7999
7873
|
setVisible(false);
|
|
8000
7874
|
onClose == null ? void 0 : onClose();
|
|
8001
7875
|
};
|
|
8002
|
-
return /* @__PURE__ */
|
|
7876
|
+
return /* @__PURE__ */ jsxs56(
|
|
8003
7877
|
"div",
|
|
8004
7878
|
{
|
|
8005
7879
|
className: `rpc_announcement_bar ${className}`,
|
|
8006
7880
|
style: { background: background || void 0, ...style },
|
|
8007
7881
|
children: [
|
|
8008
|
-
/* @__PURE__ */
|
|
8009
|
-
closable && /* @__PURE__ */
|
|
7882
|
+
/* @__PURE__ */ jsx61("div", { className: "rpc_announcement_bar_content", children }),
|
|
7883
|
+
closable && /* @__PURE__ */ jsx61(
|
|
8010
7884
|
"button",
|
|
8011
7885
|
{
|
|
8012
7886
|
type: "button",
|
|
@@ -8024,7 +7898,7 @@ var AnnouncementBar_default = AnnouncementBar;
|
|
|
8024
7898
|
|
|
8025
7899
|
// JsonDiffViewer/index.tsx
|
|
8026
7900
|
import { useMemo as useMemo11 } from "react";
|
|
8027
|
-
import { jsx as
|
|
7901
|
+
import { jsx as jsx62, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
8028
7902
|
var JsonDiffViewer = ({
|
|
8029
7903
|
before = {},
|
|
8030
7904
|
after = {},
|
|
@@ -8058,26 +7932,26 @@ var JsonDiffViewer = ({
|
|
|
8058
7932
|
if (typeof v === "string") return `"${v}"`;
|
|
8059
7933
|
return String(v);
|
|
8060
7934
|
};
|
|
8061
|
-
return /* @__PURE__ */
|
|
8062
|
-
/* @__PURE__ */
|
|
7935
|
+
return /* @__PURE__ */ jsxs57("div", { className: `rpc_json_diff ${className}`, style, children: [
|
|
7936
|
+
/* @__PURE__ */ jsx62("div", { style: { color: "#858585", marginBottom: 6 }, children: "{" }),
|
|
8063
7937
|
diffRows.map((row) => {
|
|
8064
7938
|
const sign = row.type === "added" ? "+" : row.type === "removed" ? "-" : row.type === "modified" ? "~" : " ";
|
|
8065
|
-
return /* @__PURE__ */
|
|
8066
|
-
/* @__PURE__ */
|
|
8067
|
-
/* @__PURE__ */
|
|
7939
|
+
return /* @__PURE__ */ jsxs57("div", { className: `rpc_json_diff_row rpc_json_diff_row_${row.type}`, children: [
|
|
7940
|
+
/* @__PURE__ */ jsx62("span", { className: "rpc_json_diff_sign", children: sign }),
|
|
7941
|
+
/* @__PURE__ */ jsxs57("span", { className: "rpc_json_diff_key", children: [
|
|
8068
7942
|
'"',
|
|
8069
7943
|
row.key,
|
|
8070
7944
|
'"'
|
|
8071
7945
|
] }),
|
|
8072
7946
|
":",
|
|
8073
|
-
row.type === "modified" ? /* @__PURE__ */
|
|
8074
|
-
/* @__PURE__ */
|
|
8075
|
-
/* @__PURE__ */
|
|
8076
|
-
/* @__PURE__ */
|
|
8077
|
-
] }) : row.type === "removed" ? /* @__PURE__ */
|
|
7947
|
+
row.type === "modified" ? /* @__PURE__ */ jsxs57("span", { children: [
|
|
7948
|
+
/* @__PURE__ */ jsx62("span", { style: { textDecoration: "line-through", opacity: 0.7 }, children: formatVal(row.oldVal) }),
|
|
7949
|
+
/* @__PURE__ */ jsx62("span", { className: "rpc_json_diff_arrow", children: "\u2794" }),
|
|
7950
|
+
/* @__PURE__ */ jsx62("span", { children: formatVal(row.newVal) })
|
|
7951
|
+
] }) : row.type === "removed" ? /* @__PURE__ */ jsx62("span", { children: formatVal(row.oldVal) }) : /* @__PURE__ */ jsx62("span", { children: formatVal(row.newVal) })
|
|
8078
7952
|
] }, row.key);
|
|
8079
7953
|
}),
|
|
8080
|
-
/* @__PURE__ */
|
|
7954
|
+
/* @__PURE__ */ jsx62("div", { style: { color: "#858585", marginTop: 6 }, children: "}" })
|
|
8081
7955
|
] });
|
|
8082
7956
|
};
|
|
8083
7957
|
var JsonDiffViewer_default = JsonDiffViewer;
|
|
@@ -8095,10 +7969,8 @@ export {
|
|
|
8095
7969
|
ContextMenu_default as ContextMenu,
|
|
8096
7970
|
CopyButton_default as CopyButton,
|
|
8097
7971
|
CountUp_default as CountUp,
|
|
8098
|
-
CountdownButton_default as CountdownButton,
|
|
8099
7972
|
CronPicker_default as CronPicker,
|
|
8100
7973
|
DebounceSelect_default as DebounceSelect,
|
|
8101
|
-
DiffTable_default as DiffTable,
|
|
8102
7974
|
DiffViewer_default as DiffViewer,
|
|
8103
7975
|
DisabledBox_default as DisabledBox,
|
|
8104
7976
|
DragSortList_default as DragSortList,
|
|
@@ -8108,7 +7980,6 @@ export {
|
|
|
8108
7980
|
FilePreviewer_default as FilePreviewer,
|
|
8109
7981
|
FilterChips_default as FilterChips,
|
|
8110
7982
|
FlipCard_default as FlipCard,
|
|
8111
|
-
FloatingActionBar_default as FloatingActionBar,
|
|
8112
7983
|
Fullscreen_default as Fullscreen,
|
|
8113
7984
|
GradientText_default as GradientText,
|
|
8114
7985
|
GuidedTour_default as GuidedTour,
|