pv-design 1.0.19 → 1.0.20

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