pv-design 1.0.19 → 1.0.21

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.
@@ -1,24 +1,24 @@
1
- import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
- import { ConfigProvider as e, Modal as i } from "antd";
3
- const x = ({ theme: o, LeftContent: l, RightContent: r, ...a }) => {
4
- var d;
5
- const p = {
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
6
  titleColor: "rgba(204,204,204,0.85)",
7
- ...((d = o == null ? void 0 : o.components) == null ? void 0 : d.Modal) || {}
7
+ ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
8
8
  };
9
- return /* @__PURE__ */ n(
10
- e,
9
+ return /* @__PURE__ */ a(
10
+ p,
11
11
  {
12
- prefixCls: "pv-modal",
12
+ prefixCls: "pv-third-modal",
13
13
  theme: {
14
14
  ...o || {},
15
15
  components: {
16
- Modal: p
16
+ Modal: l
17
17
  }
18
18
  },
19
19
  children: [
20
20
  /* @__PURE__ */ t("style", { children: `
21
- .pv-modal-body .pv-modal-modal-content {
21
+ .pv-third-modal-body .pv-third-modal-modal-content {
22
22
  display: flex;
23
23
  flex-direction: column;
24
24
  padding: 20px 28px !important;
@@ -29,28 +29,28 @@ const x = ({ theme: o, LeftContent: l, RightContent: r, ...a }) => {
29
29
  width: 780px !important;
30
30
  background-color: #252526 !important;
31
31
  }
32
- .pv-modal-body .pv-modal-modal-title {
32
+ .pv-third-modal-body .pv-third-modal-modal-title {
33
33
  text-align: center;
34
34
  height: 24px;
35
35
  line-height: 24px !important;
36
36
  }
37
- .pv-modal-body .pv-modal-modal-close-icon {
37
+ .pv-third-modal-body .pv-third-modal-modal-close-icon {
38
38
  color: rgba(204, 204, 204, 0.85) !important;
39
39
  }
40
- .pv-modal-body .pv-modal-modal-close {
40
+ .pv-third-modal-body .pv-third-modal-modal-close {
41
41
  top: 17px !important;
42
42
  right: 20px !important;
43
43
  }
44
- .pv-modal-body .pv-modal-modal-header {
44
+ .pv-third-modal-body .pv-third-modal-modal-header {
45
45
  margin-bottom: 20px !important;
46
46
  background-color: transparent !important;
47
47
  }
48
- .pv-modal-body .pv-modal-modal-body {
48
+ .pv-third-modal-body .pv-third-modal-modal-body {
49
49
  display: flex;
50
50
  flex: 1;
51
51
  overflow: hidden;
52
52
  }
53
- .pv-modal-content-container {
53
+ .pv-third-modal-content-container {
54
54
  display: flex;
55
55
  flex: 1;
56
56
  justify-content: space-between;
@@ -59,21 +59,21 @@ const x = ({ theme: o, LeftContent: l, RightContent: r, ...a }) => {
59
59
  border-radius: 8px;
60
60
  width: 100%;
61
61
  }
62
- .pv-modal-content-left {
62
+ .pv-third-modal-content-left {
63
63
  border-right: 1px dashed #4F4F4F;
64
64
  }
65
- .pv-modal-content-right {
65
+ .pv-third-modal-content-right {
66
66
  }
67
- .pv-modal-content-box {
67
+ .pv-third-modal-content-box {
68
68
  width: 50% ;
69
69
  flex: 1;
70
70
  box-sizing: border-box;
71
71
  height: 100%;
72
72
  }
73
- .pv-modal-body .pv-modal-modal-footer {
73
+ .pv-third-modal-body .pv-third-modal-modal-footer {
74
74
  margin-top: 20px !important;
75
75
  }
76
- .pv-modal-body .pv-modal-modal-footer{
76
+ .pv-third-modal-body .pv-third-modal-modal-footer{
77
77
  button:nth-of-type(1) {
78
78
  background: transparent;
79
79
  }
@@ -88,14 +88,14 @@ const x = ({ theme: o, LeftContent: l, RightContent: r, ...a }) => {
88
88
  }
89
89
  ` }),
90
90
  /* @__PURE__ */ t(
91
- i,
91
+ e,
92
92
  {
93
93
  width: 780,
94
- ...a,
95
- className: [a.className, "pv-modal-body"].join(" "),
96
- children: /* @__PURE__ */ n("div", { className: "pv-modal-content-container", children: [
97
- /* @__PURE__ */ t("div", { className: "pv-modal-content-left pv-modal-content-box", children: l }),
98
- /* @__PURE__ */ t("div", { className: "pv-modal-content-right pv-modal-content-box", children: r })
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
99
  ] })
100
100
  }
101
101
  )
@@ -104,5 +104,5 @@ const x = ({ theme: o, LeftContent: l, RightContent: r, ...a }) => {
104
104
  );
105
105
  };
106
106
  export {
107
- x as default
107
+ c as default
108
108
  };
package/dist/pv-design.js CHANGED
@@ -1,17 +1,17 @@
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}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
2
- import { lazy as r } from "react";
3
- import { jsxs as m, jsx as a } from "react/jsx-runtime";
4
- import { ConfigProvider as c, Modal as s } from "antd";
5
- const y = ({ theme: o, ...t }) => {
6
- var n;
2
+ import { lazy as e } from "react";
3
+ import { jsxs as s, jsx as a } from "react/jsx-runtime";
4
+ import { ConfigProvider as m, Modal as b } from "antd";
5
+ const v = ({ theme: o, ...t }) => {
6
+ var r;
7
7
  const d = {
8
8
  titleColor: "rgba(204,204,204,0.85)",
9
- ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
9
+ ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
10
10
  };
11
- return /* @__PURE__ */ m(
12
- c,
11
+ return /* @__PURE__ */ s(
12
+ m,
13
13
  {
14
- prefixCls: "pv-modal",
14
+ prefixCls: "pv-base-modal-third",
15
15
  theme: {
16
16
  ...o || {},
17
17
  components: {
@@ -20,7 +20,7 @@ const y = ({ theme: o, ...t }) => {
20
20
  },
21
21
  children: [
22
22
  /* @__PURE__ */ a("style", { children: `
23
- .pv-modal-body .pv-modal-modal-content {
23
+ .pv-base-modal-third-body .pv-base-modal-third-modal-content {
24
24
  display: flex;
25
25
  flex-direction: column;
26
26
  padding: 20px 28px !important;
@@ -29,33 +29,33 @@ const y = ({ theme: o, ...t }) => {
29
29
  min-height: 580px !important;
30
30
  max-height: 682px !important;
31
31
  width: 780px !important;
32
- background-color: #000000 !important;
32
+ background-color: #252526 !important;
33
33
  }
34
- .pv-modal-body .pv-modal-modal-title {
34
+ .pv-base-modal-third-body .pv-base-modal-third-modal-title {
35
35
  text-align: center;
36
36
  height: 24px;
37
37
  line-height: 24px !important;
38
38
  }
39
- .pv-modal-body .pv-modal-modal-close-icon {
39
+ .pv-base-modal-third-body .pv-base-modal-third-modal-close-icon {
40
40
  color: rgba(204, 204, 204, 0.85) !important;
41
41
  }
42
- .pv-modal-body .pv-modal-modal-close {
42
+ .pv-base-modal-third-body .pv-base-modal-third-modal-close {
43
43
  top: 17px !important;
44
44
  right: 20px !important;
45
45
  }
46
- .pv-modal-body .pv-modal-modal-header {
46
+ .pv-base-modal-third-body .pv-base-modal-third-modal-header {
47
47
  margin-bottom: 20px !important;
48
48
  background-color: transparent !important;
49
49
  }
50
- .pv-modal-body .pv-modal-modal-body {
50
+ .pv-base-modal-third-body .pv-base-modal-third-modal-body {
51
51
  display: flex;
52
52
  flex: 1;
53
53
  overflow: hidden;
54
54
  }
55
- .pv-modal-body .pv-modal-modal-footer {
55
+ .pv-base-modal-third-body .pv-base-modal-third-modal-footer {
56
56
  margin-top: 20px !important;
57
57
  }
58
- .pv-modal-body .pv-modal-modal-footer{
58
+ .pv-base-modal-third-body .pv-base-modal-third-modal-footer{
59
59
  button:nth-of-type(1) {
60
60
  background: transparent;
61
61
  }
@@ -70,26 +70,26 @@ const y = ({ theme: o, ...t }) => {
70
70
  }
71
71
  ` }),
72
72
  /* @__PURE__ */ a(
73
- s,
73
+ b,
74
74
  {
75
75
  width: 780,
76
76
  ...t,
77
- className: [t.className, "pv-modal-body"].join(" ")
77
+ className: [t.className, "pv-base-modal-third-body"].join(" ")
78
78
  }
79
79
  )
80
80
  ]
81
81
  }
82
82
  );
83
- }, e = ({ theme: o, ...t }) => {
84
- var n;
83
+ }, p = ({ theme: o, ...t }) => {
84
+ var r;
85
85
  const d = {
86
86
  titleColor: "rgba(204,204,204,0.85)",
87
- ...((n = o == null ? void 0 : o.components) == null ? void 0 : n.Modal) || {}
87
+ ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
88
88
  };
89
- return /* @__PURE__ */ m(
90
- c,
89
+ return /* @__PURE__ */ s(
90
+ m,
91
91
  {
92
- prefixCls: "pv-modal",
92
+ prefixCls: "pv-base-modal-default",
93
93
  theme: {
94
94
  ...o || {},
95
95
  components: {
@@ -98,7 +98,7 @@ const y = ({ theme: o, ...t }) => {
98
98
  },
99
99
  children: [
100
100
  /* @__PURE__ */ a("style", { children: `
101
- .pv-modal-body .pv-modal-modal-content {
101
+ .pv-base-modal-default-body .pv-base-modal-default-modal-content {
102
102
  display: flex;
103
103
  flex-direction: column;
104
104
  padding: 20px 28px !important;
@@ -106,31 +106,31 @@ const y = ({ theme: o, ...t }) => {
106
106
  box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.4) !important;
107
107
  background-color: #252526 !important;
108
108
  }
109
- .pv-modal-body .pv-modal-modal-title {
109
+ .pv-base-modal-default-body .pv-base-modal-default-modal-title {
110
110
  text-align: center;
111
111
  height: 24px;
112
112
  line-height: 24px !important;
113
113
  }
114
- .pv-modal-body .pv-modal-modal-close-icon {
114
+ .pv-base-modal-default-body .pv-base-modal-default-modal-close-icon {
115
115
  color: rgba(204, 204, 204, 0.85) !important;
116
116
  }
117
- .pv-modal-body .pv-modal-modal-close {
117
+ .pv-base-modal-default-body .pv-base-modal-default-modal-close {
118
118
  top: 17px !important;
119
119
  right: 20px !important;
120
120
  }
121
- .pv-modal-body .pv-modal-modal-header {
121
+ .pv-base-modal-default-body .pv-base-modal-default-modal-header {
122
122
  margin-bottom: 20px !important;
123
123
  background-color: transparent !important;
124
124
  }
125
- .pv-modal-body .pv-modal-modal-body {
125
+ .pv-base-modal-default-body .pv-base-modal-default-modal-body {
126
126
  display: flex;
127
127
  flex: 1;
128
128
  overflow: hidden;
129
129
  }
130
- .pv-modal-body .pv-modal-modal-footer {
130
+ .pv-base-modal-default-body .pv-base-modal-default-modal-footer {
131
131
  margin-top: 20px !important;
132
132
  }
133
- .pv-modal-body .pv-modal-modal-footer{
133
+ .pv-base-modal-default-body .pv-base-modal-default-modal-footer{
134
134
  button:nth-of-type(1) {
135
135
  background: transparent;
136
136
  }
@@ -145,65 +145,65 @@ const y = ({ theme: o, ...t }) => {
145
145
  }
146
146
  ` }),
147
147
  /* @__PURE__ */ a(
148
- s,
148
+ b,
149
149
  {
150
150
  ...t,
151
- className: [t.className, "pv-modal-body"].join(" ")
151
+ className: [t.className, "pv-base-modal-default-body"].join(" ")
152
152
  }
153
153
  )
154
154
  ]
155
155
  }
156
156
  );
157
157
  };
158
- var b = /* @__PURE__ */ ((o) => (o[o.default = 0] = "default", o[o.third = 3] = "third", o))(b || {});
159
- const g = {
158
+ var c = /* @__PURE__ */ ((o) => (o[o.default = 0] = "default", o[o.third = 3] = "third", o))(c || {});
159
+ const y = {
160
160
  default: 0,
161
161
  third: 3
162
- }, h = ({ modalType: o, ...t }) => {
162
+ }, g = ({ modalType: o, ...t }) => {
163
163
  switch (o) {
164
164
  case 0:
165
- return /* @__PURE__ */ a(e, { ...t });
165
+ return /* @__PURE__ */ a(p, { ...t });
166
166
  case 3:
167
- return /* @__PURE__ */ a(y, { ...t });
167
+ return /* @__PURE__ */ a(v, { ...t });
168
168
  default:
169
- return /* @__PURE__ */ a(e, { ...t });
169
+ return /* @__PURE__ */ a(p, { ...t });
170
170
  }
171
171
  }, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
172
172
  __proto__: null,
173
- ModalType: b,
174
- ModalTypeMap: g,
175
- default: h
176
- }, Symbol.toStringTag, { value: "Module" })), _ = "_iconButton_1fiji_1", l = {
173
+ ModalType: c,
174
+ ModalTypeMap: y,
175
+ default: g
176
+ }, Symbol.toStringTag, { value: "Module" })), _ = "_iconButton_1fiji_1", n = {
177
177
  iconButton: _,
178
178
  "iconButton-primary": "_iconButton-primary_1fiji_5",
179
179
  "iconButton-danger": "_iconButton-danger_1fiji_8",
180
180
  "iconButton-disable": "_iconButton-disable_1fiji_11",
181
181
  "iconButton-block": "_iconButton-block_1fiji_18"
182
- }, i = {
182
+ }, l = {
183
183
  primary: "primary",
184
184
  danger: "danger"
185
- }, j = ({ children: o, onClick: t, className: d, size: n = 12, disable: p = !1, type: u = i.primary, block: x = !1 }) => {
186
- const v = () => {
185
+ }, j = ({ children: o, onClick: t, className: d, size: r = 12, disable: i = !1, type: u = l.primary, block: f = !1 }) => {
186
+ const x = () => {
187
187
  switch (u) {
188
- case i.primary:
189
- return l["iconButton-primary"];
190
- case i.danger:
191
- return l["iconButton-danger"];
188
+ case l.primary:
189
+ return n["iconButton-primary"];
190
+ case l.danger:
191
+ return n["iconButton-danger"];
192
192
  }
193
- }, f = () => {
194
- p || t == null || t();
193
+ }, h = () => {
194
+ i || t == null || t();
195
195
  };
196
- return /* @__PURE__ */ a("span", { className: [l.iconButton, d, p && l["iconButton-disable"], v(), x && l["iconButton-block"]].join(" "), onClick: f, style: { fontSize: `${n}px` }, children: o });
196
+ return /* @__PURE__ */ a("span", { className: [n.iconButton, d, i && n["iconButton-disable"], x(), f && n["iconButton-block"]].join(" "), onClick: h, style: { fontSize: `${r}px` }, children: o });
197
197
  }, M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
198
198
  __proto__: null,
199
- IconButtonType: i,
199
+ IconButtonType: l,
200
200
  default: j
201
- }, Symbol.toStringTag, { value: "Module" })), z = r(() => import("./index-C5hvxSxS.js")), N = r(() => import("./index-Dyq3zBZo.js")), S = r(() => import("./index-FYoViA-E.js")), T = r(() => import("./index-BQp_W-87.js")), A = r(() => Promise.resolve().then(() => B)), C = r(() => Promise.resolve().then(() => M));
201
+ }, Symbol.toStringTag, { value: "Module" })), z = e(() => import("./index-C5hvxSxS.js")), N = e(() => import("./index-Dyq3zBZo.js")), S = e(() => import("./index-FYoViA-E.js")), T = e(() => import("./index-CaYRL7KG.js")), A = e(() => Promise.resolve().then(() => B)), C = e(() => Promise.resolve().then(() => M));
202
202
  export {
203
203
  A as BaseModal,
204
204
  C as IconButton,
205
- i as IconButtonType,
206
- g as ModalTypeMap,
205
+ l as IconButtonType,
206
+ y as ModalTypeMap,
207
207
  S as PvModal,
208
208
  N as PvTable,
209
209
  z as PvTabs,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pv-design",
3
- "version": "1.0.19",
3
+ "version": "1.0.21",
4
4
  "description": "pvmed ui design",
5
5
  "type": "module",
6
6
  "main": "./dist/pv-design.js",
@@ -35,4 +35,4 @@
35
35
  "devDependencies": {
36
36
  "vite-plugin-css-injected-by-js": "^3.5.2"
37
37
  }
38
- }
38
+ }