pv-design 1.0.25 → 1.0.28

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/dist/pv-design.js CHANGED
@@ -1,21 +1,20 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._iconButton_1fiji_1{color:#9d9d9d;cursor:pointer}._iconButton_1fiji_1._iconButton-primary_1fiji_5:hover{color:#2777e5}._iconButton_1fiji_1._iconButton-danger_1fiji_8:hover{color:#dc4446}._iconButton_1fiji_1._iconButton-disable_1fiji_11{color:#4f4f4f!important;cursor:not-allowed}._iconButton_1fiji_1._iconButton-disable_1fiji_11:hover{color:#4f4f4f!important}._iconButton_1fiji_1._iconButton-block_1fiji_18{display:block}._colorPicker_6ztk9_1 .pv-color-picker-popover-inner{background-color:#2f2f2f!important}._colorPicker_6ztk9_1 .pv-color-picker-color-picker-inner-content{width:186px!important}._colorPicker_6ztk9_1 .pv-color-picker-collapse-header{display:none!important}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
2
- import { lazy as d } from "react";
3
2
  import { jsxs as l, jsx as a } from "react/jsx-runtime";
4
- import { ConfigProvider as p, Modal as i } from "antd";
5
- const h = ({ theme: o, ...t }) => {
6
- var r;
7
- const n = {
3
+ import { ConfigProvider as d, Modal as i, ColorPicker as v, Tabs as u, Table as h } from "antd";
4
+ const g = ({ theme: o, ...t }) => {
5
+ var n;
6
+ const r = {
8
7
  titleColor: "rgba(204,204,204,0.85)",
9
- ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
8
+ ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
10
9
  };
11
10
  return /* @__PURE__ */ l(
12
- p,
11
+ d,
13
12
  {
14
13
  prefixCls: "pv-base-modal-third",
15
14
  theme: {
16
15
  ...o || {},
17
16
  components: {
18
- Modal: n
17
+ Modal: r
19
18
  }
20
19
  },
21
20
  children: [
@@ -80,20 +79,20 @@ const h = ({ theme: o, ...t }) => {
80
79
  ]
81
80
  }
82
81
  );
83
- }, b = ({ theme: o, ...t }) => {
84
- var r;
85
- const n = {
82
+ }, f = ({ theme: o, ...t }) => {
83
+ var n;
84
+ const r = {
86
85
  titleColor: "rgba(204,204,204,0.85)",
87
- ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
86
+ ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
88
87
  };
89
88
  return /* @__PURE__ */ l(
90
- p,
89
+ d,
91
90
  {
92
91
  prefixCls: "pv-base-modal-default",
93
92
  theme: {
94
93
  ...o || {},
95
94
  components: {
96
- Modal: n
95
+ Modal: r
97
96
  }
98
97
  },
99
98
  children: [
@@ -154,20 +153,20 @@ const h = ({ theme: o, ...t }) => {
154
153
  ]
155
154
  }
156
155
  );
157
- }, g = ({ theme: o, ...t }) => {
158
- var r;
159
- const n = {
156
+ }, y = ({ theme: o, ...t }) => {
157
+ var n;
158
+ const r = {
160
159
  titleColor: "rgba(204,204,204,0.85)",
161
- ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
160
+ ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
162
161
  };
163
162
  return /* @__PURE__ */ l(
164
- p,
163
+ d,
165
164
  {
166
165
  prefixCls: "pv-base-modal-four",
167
166
  theme: {
168
167
  ...o || {},
169
168
  components: {
170
- Modal: n
169
+ Modal: r
171
170
  }
172
171
  },
173
172
  children: [
@@ -231,20 +230,20 @@ const h = ({ theme: o, ...t }) => {
231
230
  ]
232
231
  }
233
232
  );
234
- }, y = ({ theme: o, ...t }) => {
235
- var r;
236
- const n = {
233
+ }, w = ({ theme: o, ...t }) => {
234
+ var n;
235
+ const r = {
237
236
  titleColor: "rgba(204,204,204,0.85)",
238
- ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
237
+ ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
239
238
  };
240
239
  return /* @__PURE__ */ l(
241
- p,
240
+ d,
242
241
  {
243
242
  prefixCls: "pv-base-modal-two",
244
243
  theme: {
245
244
  ...o || {},
246
245
  components: {
247
- Modal: n
246
+ Modal: r
248
247
  }
249
248
  },
250
249
  children: [
@@ -309,20 +308,20 @@ const h = ({ theme: o, ...t }) => {
309
308
  ]
310
309
  }
311
310
  );
312
- }, w = ({ theme: o, ...t }) => {
313
- var r;
314
- const n = {
311
+ }, k = ({ theme: o, ...t }) => {
312
+ var n;
313
+ const r = {
315
314
  titleColor: "rgba(204,204,204,0.85)",
316
- ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
315
+ ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
317
316
  };
318
317
  return /* @__PURE__ */ l(
319
- p,
318
+ d,
320
319
  {
321
320
  prefixCls: "pv-base-modal-one",
322
321
  theme: {
323
322
  ...o || {},
324
323
  components: {
325
- Modal: n
324
+ Modal: r
326
325
  }
327
326
  },
328
327
  children: [
@@ -386,68 +385,380 @@ const h = ({ theme: o, ...t }) => {
386
385
  ]
387
386
  }
388
387
  );
389
- };
390
- var c = /* @__PURE__ */ ((o) => (o[o.default = 0] = "default", o[o.third = 3] = "third", o[o.four = 4] = "four", o[o.one = 1] = "one", o[o.two = 2] = "two", o))(c || {});
391
- const B = {
388
+ }, A = {
392
389
  default: 0,
393
390
  third: 3,
394
391
  four: 4,
395
392
  one: 1,
396
393
  two: 2
397
- }, _ = ({ modalType: o, ...t }) => {
394
+ }, P = ({ modalType: o, ...t }) => {
398
395
  switch (o) {
399
396
  case 0:
400
- return /* @__PURE__ */ a(b, { ...t });
397
+ return /* @__PURE__ */ a(f, { ...t });
401
398
  case 1:
402
- return /* @__PURE__ */ a(w, { ...t });
399
+ return /* @__PURE__ */ a(k, { ...t });
403
400
  case 2:
404
- return /* @__PURE__ */ a(y, { ...t });
401
+ return /* @__PURE__ */ a(w, { ...t });
405
402
  case 3:
406
- return /* @__PURE__ */ a(h, { ...t });
407
- case 4:
408
403
  return /* @__PURE__ */ a(g, { ...t });
404
+ case 4:
405
+ return /* @__PURE__ */ a(y, { ...t });
409
406
  default:
410
- return /* @__PURE__ */ a(b, { ...t });
407
+ return /* @__PURE__ */ a(f, { ...t });
411
408
  }
412
- }, k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
413
- __proto__: null,
414
- ModalType: c,
415
- ModalTypeMap: B,
416
- default: _
417
- }, Symbol.toStringTag, { value: "Module" })), j = "_iconButton_1fiji_1", e = {
418
- iconButton: j,
409
+ }, B = "_iconButton_1fiji_1", m = {
410
+ iconButton: B,
419
411
  "iconButton-primary": "_iconButton-primary_1fiji_5",
420
412
  "iconButton-danger": "_iconButton-danger_1fiji_8",
421
413
  "iconButton-disable": "_iconButton-disable_1fiji_11",
422
414
  "iconButton-block": "_iconButton-block_1fiji_18"
423
- }, m = {
415
+ }, x = {
424
416
  primary: "primary",
425
417
  danger: "danger"
426
- }, M = ({ children: o, onClick: t, className: n, size: r = 12, disable: s = !1, type: u = m.primary, block: x = !1 }) => {
427
- const f = () => {
428
- switch (u) {
429
- case m.primary:
430
- return e["iconButton-primary"];
431
- case m.danger:
432
- return e["iconButton-danger"];
418
+ }, T = ({ children: o, onClick: t, className: r, size: n = 12, disable: e = !1, type: p = x.primary, block: c = !1 }) => {
419
+ const b = () => {
420
+ switch (p) {
421
+ case x.primary:
422
+ return m["iconButton-primary"];
423
+ case x.danger:
424
+ return m["iconButton-danger"];
425
+ }
426
+ }, s = () => {
427
+ e || t == null || t();
428
+ };
429
+ return /* @__PURE__ */ a("span", { className: [m.iconButton, r, e ? m["iconButton-disable"] : "", b(), c ? m["iconButton-block"] : ""].join(" "), onClick: s, style: { fontSize: `${n}px` }, children: o });
430
+ }, C = "_colorPicker_6ztk9_1", M = {
431
+ colorPicker: C
432
+ };
433
+ function N() {
434
+ return [
435
+ {
436
+ label: "",
437
+ defaultOpen: !0,
438
+ colors: [
439
+ "#0099ff",
440
+ "#00a400",
441
+ "#00c8ff",
442
+ "#10c6bd",
443
+ "#20ffff",
444
+ "#2afb12",
445
+ "#81c911",
446
+ "#9900ff",
447
+ "#a4a4ff",
448
+ "#aa7bff",
449
+ "#b4ff69",
450
+ "#c4ffff",
451
+ "#c8007d",
452
+ "#dcffcc",
453
+ "#dd5a14",
454
+ "#f600ff",
455
+ "#f89220",
456
+ "#faa07a",
457
+ "#ff2020",
458
+ "#ff9090",
459
+ "#ffaaf0",
460
+ "#ffc900",
461
+ "#ffcd7b",
462
+ "#fff600"
463
+ ],
464
+ key: "preset-colors"
465
+ }
466
+ ];
467
+ }
468
+ const z = ({ theme: o, children: t, ...r }) => {
469
+ var e;
470
+ const n = {
471
+ ...((e = o == null ? void 0 : o.components) == null ? void 0 : e.ColorPicker) || {}
472
+ };
473
+ return /* @__PURE__ */ a(
474
+ d,
475
+ {
476
+ prefixCls: "pv-color-picker",
477
+ theme: {
478
+ ...o || {},
479
+ components: {
480
+ ColorPicker: n
481
+ }
482
+ },
483
+ children: /* @__PURE__ */ a(
484
+ v,
485
+ {
486
+ presets: N(),
487
+ ...r,
488
+ rootClassName: [M.colorPicker, r.rootClassName].join(" "),
489
+ children: t
490
+ }
491
+ )
492
+ }
493
+ );
494
+ }, S = ({ theme: o, ...t }) => {
495
+ var r;
496
+ return /* @__PURE__ */ a(
497
+ d,
498
+ {
499
+ theme: {
500
+ ...o || {},
501
+ components: {
502
+ Tabs: {
503
+ cardBg: "rgba(255,255,255,0)",
504
+ colorBgContainer: "rgb(24,25,26)",
505
+ colorBorderSecondary: "rgba(48,48,48,0)",
506
+ itemSelectedColor: "#419DEE",
507
+ margin: 0,
508
+ marginSM: 0,
509
+ marginXS: 0,
510
+ marginXXS: 0,
511
+ ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Tabs) || {}
512
+ }
513
+ }
514
+ },
515
+ children: /* @__PURE__ */ a(
516
+ u,
517
+ {
518
+ ...t
519
+ }
520
+ )
521
+ }
522
+ );
523
+ }, F = ({ theme: o, customRowClass: t, ...r }) => {
524
+ var p;
525
+ const n = (c, b) => {
526
+ const s = b % 2 === 0 ? "pv-table-even-row" : "pv-table-odd-row";
527
+ return t ? t(s, c, b) : s;
528
+ }, e = {
529
+ colorBgContainer: "#18191a",
530
+ headerBg: "#18191a",
531
+ cellFontSizeSM: 12,
532
+ ...((p = o == null ? void 0 : o.components) == null ? void 0 : p.Table) || {}
533
+ };
534
+ return /* @__PURE__ */ l(
535
+ d,
536
+ {
537
+ prefixCls: "pv-table",
538
+ theme: {
539
+ ...o || {},
540
+ components: {
541
+ Table: e
542
+ }
543
+ },
544
+ children: [
545
+ /* @__PURE__ */ a("style", { children: `
546
+ .pv-table-table {
547
+ scrollbar-color: unset !important;
548
+ }
549
+ .pv-table-table-header {
550
+ border-right: 12px solid transparent !important;
551
+ }
552
+ .pv-table-even-row {
553
+ background-color: #0a0a0a !important;
554
+ }
555
+ .pv-table-even-row .pv-table-table-cell-row-hover {background-color: transparent !important;}
556
+
557
+ .pv-table-odd-row {
558
+ background-color: #18191a !important;
559
+ }
560
+ .pv-table-odd-row .pv-table-table-cell-row-hover {background-color: transparent !important;}
561
+
562
+ .pv-table-even-row .pv-table-table-cell:first-child {
563
+ border-bottom-left-radius: 4px;
564
+ border-top-left-radius: 4px;
565
+ }
566
+ .pv-table-even-row .pv-table-table-cell:last-child {
567
+ border-bottom-right-radius: 4px;
568
+ border-top-right-radius: 4px;
569
+ }
570
+ .pv-table-table-cell {
571
+ border: none !important;
572
+ }
573
+ .pv-table-table-cell::before {
574
+ background: transparent !important;
575
+ }
576
+ .pv-table-table-small .pv-table-even-row>td {
577
+ padding: 5px 8px !important;
578
+ }
579
+ ` }),
580
+ /* @__PURE__ */ a(
581
+ h,
582
+ {
583
+ ...r,
584
+ rowClassName: r != null && r.rowClassName ? r.rowClassName : n
585
+ }
586
+ )
587
+ ]
588
+ }
589
+ );
590
+ }, X = ({ theme: o, ...t }) => {
591
+ var n;
592
+ const r = {
593
+ titleColor: "rgba(204,204,204,0.85)",
594
+ ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
595
+ };
596
+ return /* @__PURE__ */ l(
597
+ d,
598
+ {
599
+ prefixCls: "pv-modal",
600
+ theme: {
601
+ ...o || {},
602
+ components: {
603
+ Modal: r
604
+ }
605
+ },
606
+ children: [
607
+ /* @__PURE__ */ a("style", { children: `
608
+ .pv-modal-modal-content {
609
+ padding: 24px 28px 20px 28px !important;
610
+ border-radius: 12px !important;
611
+ box-shadow: 0px 8px 48px 1px rgba(0,0,0,0.4) !important;
612
+ }
613
+ .pv-modal-modal-title {
614
+ text-align: center;
615
+ height: 16px;
616
+ line-height: 16px !important;
617
+ }
618
+ .pv-modal-modal-close {
619
+ top: 16px !important;
620
+ right: 18px !important;
621
+ }
622
+ .pv-modal-modal-header {
623
+ margin-bottom: 32px !important;
624
+ }
625
+ .pv-modal-modal-footer {
626
+ margin-top: 20px !important;
627
+ }
628
+ .pv-modal-modal-footer{
629
+ button:nth-of-type(1) {
630
+ background: transparent;
631
+ }
632
+ button:nth-of-type(1):hover {
633
+ background-color: transparent !important;
634
+ border: 1px solid #4B4A4A !important;
635
+ color: #d9d9d9 !important;
636
+ }
637
+ button {
638
+ font-size: 13px;
639
+ }
640
+ }
641
+ ` }),
642
+ /* @__PURE__ */ a(
643
+ i,
644
+ {
645
+ ...t
646
+ }
647
+ )
648
+ ]
433
649
  }
434
- }, v = () => {
435
- s || t == null || t();
650
+ );
651
+ }, $ = ({ theme: o, LeftContent: t, RightContent: r, ...n }) => {
652
+ var p;
653
+ const e = {
654
+ titleColor: "rgba(204,204,204,0.85)",
655
+ ...((p = o == null ? void 0 : o.components) == null ? void 0 : p.Modal) || {}
436
656
  };
437
- return /* @__PURE__ */ a("span", { className: [e.iconButton, n, s ? e["iconButton-disable"] : "", f(), x ? e["iconButton-block"] : ""].join(" "), onClick: v, style: { fontSize: `${r}px` }, children: o });
438
- }, C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
439
- __proto__: null,
440
- IconButtonType: m,
441
- default: M
442
- }, Symbol.toStringTag, { value: "Module" })), z = d(() => import("./index-C5hvxSxS.js")), O = d(() => import("./index-Dyq3zBZo.js")), S = d(() => import("./index-FYoViA-E.js")), $ = d(() => import("./index-CaYRL7KG.js")), I = d(() => Promise.resolve().then(() => k)), D = d(() => Promise.resolve().then(() => C)), F = d(() => import("./index-KElgEH1j.js"));
657
+ return /* @__PURE__ */ l(
658
+ d,
659
+ {
660
+ prefixCls: "pv-third-modal",
661
+ theme: {
662
+ ...o || {},
663
+ components: {
664
+ Modal: e
665
+ }
666
+ },
667
+ children: [
668
+ /* @__PURE__ */ a("style", { children: `
669
+ .pv-third-modal-body .pv-third-modal-modal-content {
670
+ display: flex;
671
+ flex-direction: column;
672
+ padding: 20px 28px !important;
673
+ border-radius: 12px !important;
674
+ box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.4) !important;
675
+ min-height: 580px !important;
676
+ max-height: 682px !important;
677
+ width: 780px !important;
678
+ background-color: #252526 !important;
679
+ }
680
+ .pv-third-modal-body .pv-third-modal-modal-title {
681
+ text-align: center;
682
+ height: 24px;
683
+ line-height: 24px !important;
684
+ }
685
+ .pv-third-modal-body .pv-third-modal-modal-close-icon {
686
+ color: rgba(204, 204, 204, 0.85) !important;
687
+ }
688
+ .pv-third-modal-body .pv-third-modal-modal-close {
689
+ top: 17px !important;
690
+ right: 20px !important;
691
+ }
692
+ .pv-third-modal-body .pv-third-modal-modal-header {
693
+ margin-bottom: 20px !important;
694
+ background-color: transparent !important;
695
+ }
696
+ .pv-third-modal-body .pv-third-modal-modal-body {
697
+ display: flex;
698
+ flex: 1;
699
+ overflow: hidden;
700
+ }
701
+ .pv-third-modal-content-container {
702
+ display: flex;
703
+ flex: 1;
704
+ justify-content: space-between;
705
+ align-items: center;
706
+ background-color: #18191A;
707
+ border-radius: 8px;
708
+ width: 100%;
709
+ }
710
+ .pv-third-modal-content-left {
711
+ border-right: 1px dashed #4F4F4F;
712
+ }
713
+ .pv-third-modal-content-right {
714
+ }
715
+ .pv-third-modal-content-box {
716
+ width: 50% ;
717
+ flex: 1;
718
+ box-sizing: border-box;
719
+ height: 100%;
720
+ }
721
+ .pv-third-modal-body .pv-third-modal-modal-footer {
722
+ margin-top: 20px !important;
723
+ }
724
+ .pv-third-modal-body .pv-third-modal-modal-footer{
725
+ button:nth-of-type(1) {
726
+ background: transparent;
727
+ }
728
+ button:nth-of-type(1):hover {
729
+ background-color: transparent !important;
730
+ border: 1px solid #4B4A4A !important;
731
+ color: #d9d9d9 !important;
732
+ }
733
+ button {
734
+ font-size: 12px;
735
+ }
736
+ }
737
+ ` }),
738
+ /* @__PURE__ */ a(
739
+ i,
740
+ {
741
+ width: 780,
742
+ ...n,
743
+ className: [n.className, "pv-third-modal-body"].join(" "),
744
+ children: /* @__PURE__ */ l("div", { className: "pv-third-modal-content-container", children: [
745
+ /* @__PURE__ */ a("div", { className: "pv-third-modal-content-left pv-third-modal-content-box", children: t }),
746
+ /* @__PURE__ */ a("div", { className: "pv-third-modal-content-right pv-third-modal-content-box", children: r })
747
+ ] })
748
+ }
749
+ )
750
+ ]
751
+ }
752
+ );
753
+ };
443
754
  export {
444
- I as BaseModal,
445
- D as IconButton,
446
- m as IconButtonType,
447
- B as ModalTypeMap,
448
- F as PvColorPicker,
449
- S as PvModal,
450
- O as PvTable,
451
- z as PvTabs,
755
+ P as BaseModal,
756
+ T as IconButton,
757
+ x as IconButtonType,
758
+ A as ModalTypeMap,
759
+ z as PvColorPicker,
760
+ X as PvModal,
761
+ F as PvTable,
762
+ S as PvTabs,
452
763
  $ as ThirdModal
453
764
  };
@@ -1,10 +1,10 @@
1
1
  import { ModalTypeMap } from "./baseModal";
2
2
  import { IconButtonType } from "./iconButton";
3
- declare const PvTabs: import("react").LazyExoticComponent<import("react").FC<import("./pvTabs").ExtendedTabsProps>>;
4
- declare const PvTable: import("react").LazyExoticComponent<import("react").FC<import("./pvTable").ExtendedTableProps>>;
5
- declare const PvModal: import("react").LazyExoticComponent<import("react").FC<import("./pvModal").ExtendedModalProps>>;
6
- declare const ThirdModal: import("react").LazyExoticComponent<import("react").FC<import("./thirdModal").ExtendedModalProps>>;
7
- declare const BaseModal: import("react").LazyExoticComponent<import("react").FC<import("./baseModal").ExtendedModalProps>>;
8
- declare const IconButton: import("react").LazyExoticComponent<({ children, onClick, className, size, disable, type, block }: import("./iconButton").IconButtonProps) => import("react").JSX.Element>;
9
- declare const PvColorPicker: import("react").LazyExoticComponent<import("react").FC<import("./pvColorPicker").ExtendedColorPickerProps>>;
3
+ import IconButton from "./iconButton";
4
+ import PvColorPicker from "./pvColorPicker";
5
+ import PvTabs from "./pvTabs";
6
+ import PvTable from "./pvTable";
7
+ import PvModal from "./pvModal";
8
+ import ThirdModal from "./thirdModal";
9
+ import BaseModal from "./baseModal";
10
10
  export { PvTabs, PvTable, PvModal, ThirdModal, BaseModal, ModalTypeMap, IconButtonType, IconButton, PvColorPicker, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pv-design",
3
- "version": "1.0.25",
3
+ "version": "1.0.28",
4
4
  "description": "pvmed ui design",
5
5
  "type": "module",
6
6
  "main": "./dist/pv-design.js",
@@ -10,8 +10,7 @@
10
10
  "build:doc": "typedoc",
11
11
  "doc:view": "http-serve docs -p 80",
12
12
  "lint": "eslint .",
13
- "clean": "if exist dist rd /s /q dist",
14
- "test": "npm config set //registry.npmjs.org/:_authToken=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 && npm publish"
13
+ "clean": "if exist dist rd /s /q dist"
15
14
  },
16
15
  "repository": {
17
16
  "type": "git",
@@ -1,35 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { ConfigProvider as i, Tabs as g } from "antd";
3
- const b = ({ theme: r, ...n }) => {
4
- var o;
5
- return /* @__PURE__ */ a(
6
- i,
7
- {
8
- theme: {
9
- ...r || {},
10
- components: {
11
- Tabs: {
12
- cardBg: "rgba(255,255,255,0)",
13
- colorBgContainer: "rgb(24,25,26)",
14
- colorBorderSecondary: "rgba(48,48,48,0)",
15
- itemSelectedColor: "#419DEE",
16
- margin: 0,
17
- marginSM: 0,
18
- marginXS: 0,
19
- marginXXS: 0,
20
- ...((o = r == null ? void 0 : r.components) == null ? void 0 : o.Tabs) || {}
21
- }
22
- }
23
- },
24
- children: /* @__PURE__ */ a(
25
- g,
26
- {
27
- ...n
28
- }
29
- )
30
- }
31
- );
32
- };
33
- export {
34
- b as default
35
- };
@@ -1,108 +0,0 @@
1
- import { jsxs as a, jsx as t } from "react/jsx-runtime";
2
- import { ConfigProvider as p, Modal as e } from "antd";
3
- const c = ({ theme: o, LeftContent: i, RightContent: n, ...d }) => {
4
- var r;
5
- const l = {
6
- titleColor: "rgba(204,204,204,0.85)",
7
- ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
8
- };
9
- return /* @__PURE__ */ a(
10
- p,
11
- {
12
- prefixCls: "pv-third-modal",
13
- theme: {
14
- ...o || {},
15
- components: {
16
- Modal: l
17
- }
18
- },
19
- children: [
20
- /* @__PURE__ */ t("style", { children: `
21
- .pv-third-modal-body .pv-third-modal-modal-content {
22
- display: flex;
23
- flex-direction: column;
24
- padding: 20px 28px !important;
25
- border-radius: 12px !important;
26
- box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.4) !important;
27
- min-height: 580px !important;
28
- max-height: 682px !important;
29
- width: 780px !important;
30
- background-color: #252526 !important;
31
- }
32
- .pv-third-modal-body .pv-third-modal-modal-title {
33
- text-align: center;
34
- height: 24px;
35
- line-height: 24px !important;
36
- }
37
- .pv-third-modal-body .pv-third-modal-modal-close-icon {
38
- color: rgba(204, 204, 204, 0.85) !important;
39
- }
40
- .pv-third-modal-body .pv-third-modal-modal-close {
41
- top: 17px !important;
42
- right: 20px !important;
43
- }
44
- .pv-third-modal-body .pv-third-modal-modal-header {
45
- margin-bottom: 20px !important;
46
- background-color: transparent !important;
47
- }
48
- .pv-third-modal-body .pv-third-modal-modal-body {
49
- display: flex;
50
- flex: 1;
51
- overflow: hidden;
52
- }
53
- .pv-third-modal-content-container {
54
- display: flex;
55
- flex: 1;
56
- justify-content: space-between;
57
- align-items: center;
58
- background-color: #18191A;
59
- border-radius: 8px;
60
- width: 100%;
61
- }
62
- .pv-third-modal-content-left {
63
- border-right: 1px dashed #4F4F4F;
64
- }
65
- .pv-third-modal-content-right {
66
- }
67
- .pv-third-modal-content-box {
68
- width: 50% ;
69
- flex: 1;
70
- box-sizing: border-box;
71
- height: 100%;
72
- }
73
- .pv-third-modal-body .pv-third-modal-modal-footer {
74
- margin-top: 20px !important;
75
- }
76
- .pv-third-modal-body .pv-third-modal-modal-footer{
77
- button:nth-of-type(1) {
78
- background: transparent;
79
- }
80
- button:nth-of-type(1):hover {
81
- background-color: transparent !important;
82
- border: 1px solid #4B4A4A !important;
83
- color: #d9d9d9 !important;
84
- }
85
- button {
86
- font-size: 12px;
87
- }
88
- }
89
- ` }),
90
- /* @__PURE__ */ t(
91
- e,
92
- {
93
- width: 780,
94
- ...d,
95
- className: [d.className, "pv-third-modal-body"].join(" "),
96
- children: /* @__PURE__ */ a("div", { className: "pv-third-modal-content-container", children: [
97
- /* @__PURE__ */ t("div", { className: "pv-third-modal-content-left pv-third-modal-content-box", children: i }),
98
- /* @__PURE__ */ t("div", { className: "pv-third-modal-content-right pv-third-modal-content-box", children: n })
99
- ] })
100
- }
101
- )
102
- ]
103
- }
104
- );
105
- };
106
- export {
107
- c as default
108
- };
@@ -1,73 +0,0 @@
1
- import { jsxs as i, jsx as n } from "react/jsx-runtime";
2
- import { ConfigProvider as v, Table as c } from "antd";
3
- const u = ({ theme: r, customRowClass: a, ...e }) => {
4
- var t;
5
- const b = (d, l) => {
6
- const o = l % 2 === 0 ? "pv-table-even-row" : "pv-table-odd-row";
7
- return a ? a(o, d, l) : o;
8
- }, p = {
9
- colorBgContainer: "#18191a",
10
- headerBg: "#18191a",
11
- cellFontSizeSM: 12,
12
- ...((t = r == null ? void 0 : r.components) == null ? void 0 : t.Table) || {}
13
- };
14
- return /* @__PURE__ */ i(
15
- v,
16
- {
17
- prefixCls: "pv-table",
18
- theme: {
19
- ...r || {},
20
- components: {
21
- Table: p
22
- }
23
- },
24
- children: [
25
- /* @__PURE__ */ n("style", { children: `
26
- .pv-table-table {
27
- scrollbar-color: unset !important;
28
- }
29
- .pv-table-table-header {
30
- border-right: 12px solid transparent !important;
31
- }
32
- .pv-table-even-row {
33
- background-color: #0a0a0a !important;
34
- }
35
- .pv-table-even-row .pv-table-table-cell-row-hover {background-color: transparent !important;}
36
-
37
- .pv-table-odd-row {
38
- background-color: #18191a !important;
39
- }
40
- .pv-table-odd-row .pv-table-table-cell-row-hover {background-color: transparent !important;}
41
-
42
- .pv-table-even-row .pv-table-table-cell:first-child {
43
- border-bottom-left-radius: 4px;
44
- border-top-left-radius: 4px;
45
- }
46
- .pv-table-even-row .pv-table-table-cell:last-child {
47
- border-bottom-right-radius: 4px;
48
- border-top-right-radius: 4px;
49
- }
50
- .pv-table-table-cell {
51
- border: none !important;
52
- }
53
- .pv-table-table-cell::before {
54
- background: transparent !important;
55
- }
56
- .pv-table-table-small .pv-table-even-row>td {
57
- padding: 5px 8px !important;
58
- }
59
- ` }),
60
- /* @__PURE__ */ n(
61
- c,
62
- {
63
- ...e,
64
- rowClassName: e != null && e.rowClassName ? e.rowClassName : b
65
- }
66
- )
67
- ]
68
- }
69
- );
70
- };
71
- export {
72
- u as default
73
- };
@@ -1,67 +0,0 @@
1
- import { jsxs as n, jsx as p } from "react/jsx-runtime";
2
- import { ConfigProvider as d, Modal as i } from "antd";
3
- const e = ({ theme: o, ...r }) => {
4
- var t;
5
- const a = {
6
- titleColor: "rgba(204,204,204,0.85)",
7
- ...((t = o == null ? void 0 : o.components) == null ? void 0 : t.Modal) || {}
8
- };
9
- return /* @__PURE__ */ n(
10
- d,
11
- {
12
- prefixCls: "pv-modal",
13
- theme: {
14
- ...o || {},
15
- components: {
16
- Modal: a
17
- }
18
- },
19
- children: [
20
- /* @__PURE__ */ p("style", { children: `
21
- .pv-modal-modal-content {
22
- padding: 24px 28px 20px 28px !important;
23
- border-radius: 12px !important;
24
- box-shadow: 0px 8px 48px 1px rgba(0,0,0,0.4) !important;
25
- }
26
- .pv-modal-modal-title {
27
- text-align: center;
28
- height: 16px;
29
- line-height: 16px !important;
30
- }
31
- .pv-modal-modal-close {
32
- top: 16px !important;
33
- right: 18px !important;
34
- }
35
- .pv-modal-modal-header {
36
- margin-bottom: 32px !important;
37
- }
38
- .pv-modal-modal-footer {
39
- margin-top: 20px !important;
40
- }
41
- .pv-modal-modal-footer{
42
- button:nth-of-type(1) {
43
- background: transparent;
44
- }
45
- button:nth-of-type(1):hover {
46
- background-color: transparent !important;
47
- border: 1px solid #4B4A4A !important;
48
- color: #d9d9d9 !important;
49
- }
50
- button {
51
- font-size: 13px;
52
- }
53
- }
54
- ` }),
55
- /* @__PURE__ */ p(
56
- i,
57
- {
58
- ...r
59
- }
60
- )
61
- ]
62
- }
63
- );
64
- };
65
- export {
66
- e as default
67
- };
@@ -1,70 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { ConfigProvider as s, ColorPicker as l } from "antd";
3
- const t = "_colorPicker_6ztk9_1", i = {
4
- colorPicker: t
5
- };
6
- function n() {
7
- return [
8
- {
9
- label: "",
10
- defaultOpen: !0,
11
- colors: [
12
- "#0099ff",
13
- "#00a400",
14
- "#00c8ff",
15
- "#10c6bd",
16
- "#20ffff",
17
- "#2afb12",
18
- "#81c911",
19
- "#9900ff",
20
- "#a4a4ff",
21
- "#aa7bff",
22
- "#b4ff69",
23
- "#c4ffff",
24
- "#c8007d",
25
- "#dcffcc",
26
- "#dd5a14",
27
- "#f600ff",
28
- "#f89220",
29
- "#faa07a",
30
- "#ff2020",
31
- "#ff9090",
32
- "#ffaaf0",
33
- "#ffc900",
34
- "#ffcd7b",
35
- "#fff600"
36
- ],
37
- key: "preset-colors"
38
- }
39
- ];
40
- }
41
- const p = ({ theme: f, children: e, ...o }) => {
42
- var r;
43
- const a = {
44
- ...((r = f == null ? void 0 : f.components) == null ? void 0 : r.ColorPicker) || {}
45
- };
46
- return /* @__PURE__ */ c(
47
- s,
48
- {
49
- prefixCls: "pv-color-picker",
50
- theme: {
51
- ...f || {},
52
- components: {
53
- ColorPicker: a
54
- }
55
- },
56
- children: /* @__PURE__ */ c(
57
- l,
58
- {
59
- presets: n(),
60
- ...o,
61
- rootClassName: [i.colorPicker, o.rootClassName].join(" "),
62
- children: e
63
- }
64
- )
65
- }
66
- );
67
- };
68
- export {
69
- p as default
70
- };