ninemoon-ui 0.0.10 → 0.0.11
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/components/popover/popover.vue.d.ts +6 -0
- package/dist/components/utils/tool.d.ts +2 -2
- package/dist/index.css +75 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.umd.js +165 -62
- package/dist/js/check/checkgroup.js +3 -3
- package/dist/js/index/index.js +52 -50
- package/dist/js/popover/popover.js +33 -7
- package/dist/js/radio/radiogroup.js +3 -3
- package/dist/js/tabs/tabs.js +1 -1
- package/package.json +1 -1
|
@@ -19,6 +19,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
19
|
beforeHidden: {
|
|
20
20
|
type: import("vue").PropType<Function>;
|
|
21
21
|
};
|
|
22
|
+
beforebgcolor: {
|
|
23
|
+
type: import("vue").PropType<string>;
|
|
24
|
+
};
|
|
22
25
|
vIF: {
|
|
23
26
|
type: import("vue").PropType<boolean>;
|
|
24
27
|
default: boolean;
|
|
@@ -46,6 +49,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
46
49
|
beforeHidden: {
|
|
47
50
|
type: import("vue").PropType<Function>;
|
|
48
51
|
};
|
|
52
|
+
beforebgcolor: {
|
|
53
|
+
type: import("vue").PropType<string>;
|
|
54
|
+
};
|
|
49
55
|
vIF: {
|
|
50
56
|
type: import("vue").PropType<boolean>;
|
|
51
57
|
default: boolean;
|
|
@@ -5,8 +5,8 @@ export declare const usePotion: (baseDom: HTMLElement, aimDom: HTMLElement, set?
|
|
|
5
5
|
}) => {
|
|
6
6
|
Top: number;
|
|
7
7
|
Left: number;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
arrowLeft: number;
|
|
9
|
+
arrowTop: number;
|
|
10
10
|
};
|
|
11
11
|
export declare function getNewArray(array: Array<any>, subGroupLength: number): any[][];
|
|
12
12
|
export declare function getScrollWidth(): number;
|
package/dist/index.css
CHANGED
|
@@ -135,6 +135,12 @@
|
|
|
135
135
|
margin-top: 1rem;
|
|
136
136
|
margin-bottom: 1rem;
|
|
137
137
|
}
|
|
138
|
+
.-tdd-ml-3 {
|
|
139
|
+
margin-left: -0.75rem;
|
|
140
|
+
}
|
|
141
|
+
.-tdd-mt-3 {
|
|
142
|
+
margin-top: -0.75rem;
|
|
143
|
+
}
|
|
138
144
|
.tdd-mb-5 {
|
|
139
145
|
margin-bottom: 1.25rem;
|
|
140
146
|
}
|
|
@@ -144,6 +150,9 @@
|
|
|
144
150
|
.tdd-ml-2 {
|
|
145
151
|
margin-left: 0.5rem;
|
|
146
152
|
}
|
|
153
|
+
.tdd-ml-3 {
|
|
154
|
+
margin-left: 0.75rem;
|
|
155
|
+
}
|
|
147
156
|
.tdd-mr-1 {
|
|
148
157
|
margin-right: 0.25rem;
|
|
149
158
|
}
|
|
@@ -195,6 +204,12 @@
|
|
|
195
204
|
.tdd-h-10 {
|
|
196
205
|
height: 2.5rem;
|
|
197
206
|
}
|
|
207
|
+
.tdd-h-2 {
|
|
208
|
+
height: 0.5rem;
|
|
209
|
+
}
|
|
210
|
+
.tdd-h-2\.5 {
|
|
211
|
+
height: 0.625rem;
|
|
212
|
+
}
|
|
198
213
|
.tdd-h-3 {
|
|
199
214
|
height: 0.75rem;
|
|
200
215
|
}
|
|
@@ -234,6 +249,12 @@
|
|
|
234
249
|
.tdd-w-14 {
|
|
235
250
|
width: 3.5rem;
|
|
236
251
|
}
|
|
252
|
+
.tdd-w-2 {
|
|
253
|
+
width: 0.5rem;
|
|
254
|
+
}
|
|
255
|
+
.tdd-w-2\.5 {
|
|
256
|
+
width: 0.625rem;
|
|
257
|
+
}
|
|
237
258
|
.tdd-w-24 {
|
|
238
259
|
width: 6rem;
|
|
239
260
|
}
|
|
@@ -782,6 +803,60 @@
|
|
|
782
803
|
background-position: 50%;
|
|
783
804
|
background-repeat: no-repeat;
|
|
784
805
|
}
|
|
806
|
+
.before\:tdd-absolute::before {
|
|
807
|
+
content: var(--tw-content);
|
|
808
|
+
position: absolute;
|
|
809
|
+
}
|
|
810
|
+
.before\:tdd-box-border::before {
|
|
811
|
+
content: var(--tw-content);
|
|
812
|
+
box-sizing: border-box;
|
|
813
|
+
}
|
|
814
|
+
.before\:tdd-h-2::before {
|
|
815
|
+
content: var(--tw-content);
|
|
816
|
+
height: 0.5rem;
|
|
817
|
+
}
|
|
818
|
+
.before\:tdd-h-2\.5::before {
|
|
819
|
+
content: var(--tw-content);
|
|
820
|
+
height: 0.625rem;
|
|
821
|
+
}
|
|
822
|
+
.before\:tdd-w-2::before {
|
|
823
|
+
content: var(--tw-content);
|
|
824
|
+
width: 0.5rem;
|
|
825
|
+
}
|
|
826
|
+
.before\:tdd-w-2\.5::before {
|
|
827
|
+
content: var(--tw-content);
|
|
828
|
+
width: 0.625rem;
|
|
829
|
+
}
|
|
830
|
+
.before\:tdd-rotate-45::before {
|
|
831
|
+
content: var(--tw-content);
|
|
832
|
+
--tw-rotate: 45deg;
|
|
833
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
834
|
+
}
|
|
835
|
+
.before\:tdd-border-b-transparent::before {
|
|
836
|
+
content: var(--tw-content);
|
|
837
|
+
border-bottom-color: transparent;
|
|
838
|
+
}
|
|
839
|
+
.before\:tdd-border-l-transparent::before {
|
|
840
|
+
content: var(--tw-content);
|
|
841
|
+
border-left-color: transparent;
|
|
842
|
+
}
|
|
843
|
+
.before\:tdd-border-r-transparent::before {
|
|
844
|
+
content: var(--tw-content);
|
|
845
|
+
border-right-color: transparent;
|
|
846
|
+
}
|
|
847
|
+
.before\:tdd-border-t-transparent::before {
|
|
848
|
+
content: var(--tw-content);
|
|
849
|
+
border-top-color: transparent;
|
|
850
|
+
}
|
|
851
|
+
.before\:tdd-bg-white::before {
|
|
852
|
+
content: var(--tw-content);
|
|
853
|
+
--tw-bg-opacity: 1;
|
|
854
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
855
|
+
}
|
|
856
|
+
.before\:tdd-content-\[\'\'\]::before {
|
|
857
|
+
--tw-content: '';
|
|
858
|
+
content: var(--tw-content);
|
|
859
|
+
}
|
|
785
860
|
.checked\:tdd-border-transparent:checked {
|
|
786
861
|
border-color: transparent;
|
|
787
862
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1589,6 +1589,7 @@ declare const LibPopover: {
|
|
|
1589
1589
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1590
1590
|
readonly insertClass?: string | undefined;
|
|
1591
1591
|
readonly beforeHidden?: Function | undefined;
|
|
1592
|
+
readonly beforebgcolor?: string | undefined;
|
|
1592
1593
|
};
|
|
1593
1594
|
$attrs: {
|
|
1594
1595
|
[x: string]: unknown;
|
|
@@ -1624,6 +1625,9 @@ declare const LibPopover: {
|
|
|
1624
1625
|
beforeHidden: {
|
|
1625
1626
|
type: import("vue").PropType<Function>;
|
|
1626
1627
|
};
|
|
1628
|
+
beforebgcolor: {
|
|
1629
|
+
type: import("vue").PropType<string>;
|
|
1630
|
+
};
|
|
1627
1631
|
vIF: {
|
|
1628
1632
|
type: import("vue").PropType<boolean>;
|
|
1629
1633
|
default: boolean;
|
|
@@ -1677,6 +1681,9 @@ declare const LibPopover: {
|
|
|
1677
1681
|
beforeHidden: {
|
|
1678
1682
|
type: import("vue").PropType<Function>;
|
|
1679
1683
|
};
|
|
1684
|
+
beforebgcolor: {
|
|
1685
|
+
type: import("vue").PropType<string>;
|
|
1686
|
+
};
|
|
1680
1687
|
vIF: {
|
|
1681
1688
|
type: import("vue").PropType<boolean>;
|
|
1682
1689
|
default: boolean;
|
|
@@ -1710,6 +1717,9 @@ declare const LibPopover: {
|
|
|
1710
1717
|
beforeHidden: {
|
|
1711
1718
|
type: import("vue").PropType<Function>;
|
|
1712
1719
|
};
|
|
1720
|
+
beforebgcolor: {
|
|
1721
|
+
type: import("vue").PropType<string>;
|
|
1722
|
+
};
|
|
1713
1723
|
vIF: {
|
|
1714
1724
|
type: import("vue").PropType<boolean>;
|
|
1715
1725
|
default: boolean;
|
package/dist/index.umd.js
CHANGED
|
@@ -140,6 +140,12 @@
|
|
|
140
140
|
margin-top: 1rem;
|
|
141
141
|
margin-bottom: 1rem;
|
|
142
142
|
}
|
|
143
|
+
.-tdd-ml-3 {
|
|
144
|
+
margin-left: -0.75rem;
|
|
145
|
+
}
|
|
146
|
+
.-tdd-mt-3 {
|
|
147
|
+
margin-top: -0.75rem;
|
|
148
|
+
}
|
|
143
149
|
.tdd-mb-5 {
|
|
144
150
|
margin-bottom: 1.25rem;
|
|
145
151
|
}
|
|
@@ -149,6 +155,9 @@
|
|
|
149
155
|
.tdd-ml-2 {
|
|
150
156
|
margin-left: 0.5rem;
|
|
151
157
|
}
|
|
158
|
+
.tdd-ml-3 {
|
|
159
|
+
margin-left: 0.75rem;
|
|
160
|
+
}
|
|
152
161
|
.tdd-mr-1 {
|
|
153
162
|
margin-right: 0.25rem;
|
|
154
163
|
}
|
|
@@ -200,6 +209,12 @@
|
|
|
200
209
|
.tdd-h-10 {
|
|
201
210
|
height: 2.5rem;
|
|
202
211
|
}
|
|
212
|
+
.tdd-h-2 {
|
|
213
|
+
height: 0.5rem;
|
|
214
|
+
}
|
|
215
|
+
.tdd-h-2\\.5 {
|
|
216
|
+
height: 0.625rem;
|
|
217
|
+
}
|
|
203
218
|
.tdd-h-3 {
|
|
204
219
|
height: 0.75rem;
|
|
205
220
|
}
|
|
@@ -239,6 +254,12 @@
|
|
|
239
254
|
.tdd-w-14 {
|
|
240
255
|
width: 3.5rem;
|
|
241
256
|
}
|
|
257
|
+
.tdd-w-2 {
|
|
258
|
+
width: 0.5rem;
|
|
259
|
+
}
|
|
260
|
+
.tdd-w-2\\.5 {
|
|
261
|
+
width: 0.625rem;
|
|
262
|
+
}
|
|
242
263
|
.tdd-w-24 {
|
|
243
264
|
width: 6rem;
|
|
244
265
|
}
|
|
@@ -787,6 +808,60 @@
|
|
|
787
808
|
background-position: 50%;
|
|
788
809
|
background-repeat: no-repeat;
|
|
789
810
|
}
|
|
811
|
+
.before\\:tdd-absolute::before {
|
|
812
|
+
content: var(--tw-content);
|
|
813
|
+
position: absolute;
|
|
814
|
+
}
|
|
815
|
+
.before\\:tdd-box-border::before {
|
|
816
|
+
content: var(--tw-content);
|
|
817
|
+
box-sizing: border-box;
|
|
818
|
+
}
|
|
819
|
+
.before\\:tdd-h-2::before {
|
|
820
|
+
content: var(--tw-content);
|
|
821
|
+
height: 0.5rem;
|
|
822
|
+
}
|
|
823
|
+
.before\\:tdd-h-2\\.5::before {
|
|
824
|
+
content: var(--tw-content);
|
|
825
|
+
height: 0.625rem;
|
|
826
|
+
}
|
|
827
|
+
.before\\:tdd-w-2::before {
|
|
828
|
+
content: var(--tw-content);
|
|
829
|
+
width: 0.5rem;
|
|
830
|
+
}
|
|
831
|
+
.before\\:tdd-w-2\\.5::before {
|
|
832
|
+
content: var(--tw-content);
|
|
833
|
+
width: 0.625rem;
|
|
834
|
+
}
|
|
835
|
+
.before\\:tdd-rotate-45::before {
|
|
836
|
+
content: var(--tw-content);
|
|
837
|
+
--tw-rotate: 45deg;
|
|
838
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
839
|
+
}
|
|
840
|
+
.before\\:tdd-border-b-transparent::before {
|
|
841
|
+
content: var(--tw-content);
|
|
842
|
+
border-bottom-color: transparent;
|
|
843
|
+
}
|
|
844
|
+
.before\\:tdd-border-l-transparent::before {
|
|
845
|
+
content: var(--tw-content);
|
|
846
|
+
border-left-color: transparent;
|
|
847
|
+
}
|
|
848
|
+
.before\\:tdd-border-r-transparent::before {
|
|
849
|
+
content: var(--tw-content);
|
|
850
|
+
border-right-color: transparent;
|
|
851
|
+
}
|
|
852
|
+
.before\\:tdd-border-t-transparent::before {
|
|
853
|
+
content: var(--tw-content);
|
|
854
|
+
border-top-color: transparent;
|
|
855
|
+
}
|
|
856
|
+
.before\\:tdd-bg-white::before {
|
|
857
|
+
content: var(--tw-content);
|
|
858
|
+
--tw-bg-opacity: 1;
|
|
859
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
860
|
+
}
|
|
861
|
+
.before\\:tdd-content-\\[\\'\\'\\]::before {
|
|
862
|
+
--tw-content: '';
|
|
863
|
+
content: var(--tw-content);
|
|
864
|
+
}
|
|
790
865
|
.checked\\:tdd-border-transparent:checked {
|
|
791
866
|
border-color: transparent;
|
|
792
867
|
}
|
|
@@ -1180,13 +1255,9 @@
|
|
|
1180
1255
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
1181
1256
|
viewBox: "0 0 1024 1024",
|
|
1182
1257
|
version: "1.1",
|
|
1183
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1184
|
-
"p-id": "2124"
|
|
1258
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1185
1259
|
};
|
|
1186
|
-
const _hoisted_4$b = /* @__PURE__ */ vue.createElementVNode("path", {
|
|
1187
|
-
d: "M883.2 247.466667c-17.066667-17.066667-44.8-17.066667-59.733333 0L409.6 665.6l-209.066667-204.8c-17.066667-17.066667-44.8-17.066667-59.733333 0-17.066667 17.066667-17.066667 44.8 0 59.733333l238.933333 234.666667c8.533333 8.533333 19.2 12.8 29.866667 12.8 10.666667 0 21.333333-4.266667 29.866667-12.8l443.733333-448c17.066667-17.066667 17.066667-42.666667 0-59.733333z",
|
|
1188
|
-
"p-id": "2125"
|
|
1189
|
-
}, null, -1);
|
|
1260
|
+
const _hoisted_4$b = /* @__PURE__ */ vue.createElementVNode("path", { d: "M883.2 247.466667c-17.066667-17.066667-44.8-17.066667-59.733333 0L409.6 665.6l-209.066667-204.8c-17.066667-17.066667-44.8-17.066667-59.733333 0-17.066667 17.066667-17.066667 44.8 0 59.733333l238.933333 234.666667c8.533333 8.533333 19.2 12.8 29.866667 12.8 10.666667 0 21.333333-4.266667 29.866667-12.8l443.733333-448c17.066667-17.066667 17.066667-42.666667 0-59.733333z" }, null, -1);
|
|
1190
1261
|
const _hoisted_5$7 = [
|
|
1191
1262
|
_hoisted_4$b
|
|
1192
1263
|
];
|
|
@@ -1195,13 +1266,9 @@
|
|
|
1195
1266
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
1196
1267
|
viewBox: "0 0 1024 1024",
|
|
1197
1268
|
version: "1.1",
|
|
1198
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1199
|
-
"p-id": "762"
|
|
1269
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1200
1270
|
};
|
|
1201
|
-
const _hoisted_7$6 = /* @__PURE__ */ vue.createElementVNode("path", {
|
|
1202
|
-
d: "M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z",
|
|
1203
|
-
"p-id": "763"
|
|
1204
|
-
}, null, -1);
|
|
1271
|
+
const _hoisted_7$6 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z" }, null, -1);
|
|
1205
1272
|
const _hoisted_8$5 = [
|
|
1206
1273
|
_hoisted_7$6
|
|
1207
1274
|
];
|
|
@@ -1210,17 +1277,10 @@
|
|
|
1210
1277
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
1211
1278
|
viewBox: "0 0 1024 1024",
|
|
1212
1279
|
version: "1.1",
|
|
1213
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1214
|
-
"p-id": "1618"
|
|
1280
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1215
1281
|
};
|
|
1216
|
-
const _hoisted_10$4 = /* @__PURE__ */ vue.createElementVNode("path", {
|
|
1217
|
-
|
|
1218
|
-
"p-id": "1620"
|
|
1219
|
-
}, null, -1);
|
|
1220
|
-
const _hoisted_11$4 = /* @__PURE__ */ vue.createElementVNode("path", {
|
|
1221
|
-
d: "M512 437.333333c-17.066667 0-32 14.933333-32 32v234.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V469.333333c0-17.066667-14.933333-32-32-32z",
|
|
1222
|
-
"p-id": "1621"
|
|
1223
|
-
}, null, -1);
|
|
1282
|
+
const _hoisted_10$4 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M512 320m-42.666667 0a42.666667 42.666667 0 1 0 85.333334 0 42.666667 42.666667 0 1 0-85.333334 0Z" }, null, -1);
|
|
1283
|
+
const _hoisted_11$4 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M512 437.333333c-17.066667 0-32 14.933333-32 32v234.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V469.333333c0-17.066667-14.933333-32-32-32z" }, null, -1);
|
|
1224
1284
|
const _hoisted_12$4 = [
|
|
1225
1285
|
_hoisted_10$4,
|
|
1226
1286
|
_hoisted_11$4
|
|
@@ -1230,19 +1290,14 @@
|
|
|
1230
1290
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
1231
1291
|
viewBox: "0 0 1024 1024",
|
|
1232
1292
|
version: "1.1",
|
|
1233
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1234
|
-
"p-id": "1487"
|
|
1293
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1235
1294
|
};
|
|
1236
|
-
const _hoisted_14$4 = /* @__PURE__ */ vue.createElementVNode("path", {
|
|
1237
|
-
d: "M800 625.066667V448c0-117.333333-70.4-217.6-170.666667-262.4-4.266667-61.866667-55.466667-110.933333-117.333333-110.933333s-113.066667 49.066667-117.333333 110.933333c-100.266667 44.8-170.666667 145.066667-170.666667 262.4v177.066667c-57.6 46.933333-85.333333 110.933333-85.333333 185.6 0 17.066667 14.933333 32 32 32h206.933333c14.933333 61.866667 70.4 106.666667 134.4 106.666666s119.466667-44.8 134.4-106.666666H853.333333c17.066667 0 32-14.933333 32-32 0-76.8-27.733333-138.666667-85.333333-185.6zM512 138.666667c19.2 0 36.266667 10.666667 44.8 25.6-14.933333-2.133333-29.866667-4.266667-44.8-4.266667-14.933333 0-29.866667 2.133333-44.8 4.266667 8.533333-14.933333 25.6-25.6 44.8-25.6z m0 746.666666c-29.866667 0-55.466667-17.066667-66.133333-42.666666h134.4c-12.8 25.6-38.4 42.666667-68.266667 42.666666z m-307.2-106.666666c6.4-46.933333 29.866667-83.2 70.4-113.066667 8.533333-6.4 12.8-14.933333 12.8-25.6v-192c0-123.733333 100.266667-224 224-224S736 324.266667 736 448v192c0 10.666667 4.266667 19.2 12.8 25.6 40.533333 29.866667 64 66.133333 70.4 113.066667H204.8z",
|
|
1238
|
-
"p-id": "1488"
|
|
1239
|
-
}, null, -1);
|
|
1295
|
+
const _hoisted_14$4 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M800 625.066667V448c0-117.333333-70.4-217.6-170.666667-262.4-4.266667-61.866667-55.466667-110.933333-117.333333-110.933333s-113.066667 49.066667-117.333333 110.933333c-100.266667 44.8-170.666667 145.066667-170.666667 262.4v177.066667c-57.6 46.933333-85.333333 110.933333-85.333333 185.6 0 17.066667 14.933333 32 32 32h206.933333c14.933333 61.866667 70.4 106.666667 134.4 106.666666s119.466667-44.8 134.4-106.666666H853.333333c17.066667 0 32-14.933333 32-32 0-76.8-27.733333-138.666667-85.333333-185.6zM512 138.666667c19.2 0 36.266667 10.666667 44.8 25.6-14.933333-2.133333-29.866667-4.266667-44.8-4.266667-14.933333 0-29.866667 2.133333-44.8 4.266667 8.533333-14.933333 25.6-25.6 44.8-25.6z m0 746.666666c-29.866667 0-55.466667-17.066667-66.133333-42.666666h134.4c-12.8 25.6-38.4 42.666667-68.266667 42.666666z m-307.2-106.666666c6.4-46.933333 29.866667-83.2 70.4-113.066667 8.533333-6.4 12.8-14.933333 12.8-25.6v-192c0-123.733333 100.266667-224 224-224S736 324.266667 736 448v192c0 10.666667 4.266667 19.2 12.8 25.6 40.533333 29.866667 64 66.133333 70.4 113.066667H204.8z" }, null, -1);
|
|
1240
1296
|
const _hoisted_15$4 = [
|
|
1241
1297
|
_hoisted_14$4
|
|
1242
1298
|
];
|
|
1243
|
-
const _hoisted_16$4 =
|
|
1244
|
-
const _hoisted_17$3 =
|
|
1245
|
-
const _hoisted_18$2 = /* @__PURE__ */ vue.createElementVNode("svg", {
|
|
1299
|
+
const _hoisted_16$4 = ["onClick"];
|
|
1300
|
+
const _hoisted_17$3 = /* @__PURE__ */ vue.createElementVNode("svg", {
|
|
1246
1301
|
class: "tdd-h-5 tdd-w-5 tdd-fill-gray-600",
|
|
1247
1302
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1248
1303
|
width: "24",
|
|
@@ -1259,8 +1314,8 @@
|
|
|
1259
1314
|
})
|
|
1260
1315
|
])
|
|
1261
1316
|
], -1);
|
|
1262
|
-
const
|
|
1263
|
-
|
|
1317
|
+
const _hoisted_18$2 = [
|
|
1318
|
+
_hoisted_17$3
|
|
1264
1319
|
];
|
|
1265
1320
|
const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
1266
1321
|
__name: "messagecomponent",
|
|
@@ -1348,6 +1403,25 @@
|
|
|
1348
1403
|
},
|
|
1349
1404
|
{ deep: true }
|
|
1350
1405
|
);
|
|
1406
|
+
const contentRender = (props) => {
|
|
1407
|
+
if (Array.isArray(props.c.vnode)) {
|
|
1408
|
+
return props.c.vnode.map((v) => {
|
|
1409
|
+
return vue.createBlock(
|
|
1410
|
+
vue.resolveDynamicComponent(v)
|
|
1411
|
+
);
|
|
1412
|
+
});
|
|
1413
|
+
} else if (props.c.vnode) {
|
|
1414
|
+
return vue.createBlock(
|
|
1415
|
+
vue.resolveDynamicComponent(props.c.vnode)
|
|
1416
|
+
);
|
|
1417
|
+
} else {
|
|
1418
|
+
return vue.h(
|
|
1419
|
+
"div",
|
|
1420
|
+
{},
|
|
1421
|
+
props.c.text
|
|
1422
|
+
);
|
|
1423
|
+
}
|
|
1424
|
+
};
|
|
1351
1425
|
vue.onUnmounted(() => {
|
|
1352
1426
|
messageList.value.length = 0;
|
|
1353
1427
|
});
|
|
@@ -1382,16 +1456,13 @@
|
|
|
1382
1456
|
i.type === "warning" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$4, _hoisted_12$4)) : vue.createCommentVNode("", true),
|
|
1383
1457
|
i.type === "info" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_13$4, _hoisted_15$4)) : vue.createCommentVNode("", true)
|
|
1384
1458
|
], 2),
|
|
1385
|
-
|
|
1386
|
-
i.vnode instanceof Array ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(i.vnode, (j) => {
|
|
1387
|
-
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(j));
|
|
1388
|
-
}), 256)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(i.vnode), { key: 2 })),
|
|
1459
|
+
vue.createVNode(contentRender, { c: i }, null, 8, ["c"]),
|
|
1389
1460
|
i.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
1390
|
-
key:
|
|
1461
|
+
key: 0,
|
|
1391
1462
|
type: "button",
|
|
1392
1463
|
class: "tdd-appearance-none",
|
|
1393
1464
|
onClick: ($event) => hidden(d)
|
|
1394
|
-
},
|
|
1465
|
+
}, _hoisted_18$2, 8, _hoisted_16$4)) : vue.createCommentVNode("", true)
|
|
1395
1466
|
])
|
|
1396
1467
|
]);
|
|
1397
1468
|
}), 128))
|
|
@@ -1728,18 +1799,18 @@
|
|
|
1728
1799
|
const usePotion = (baseDom, aimDom, set) => {
|
|
1729
1800
|
let left = 0;
|
|
1730
1801
|
let top = 0;
|
|
1731
|
-
let
|
|
1732
|
-
let
|
|
1802
|
+
let arrowleft = 0;
|
|
1803
|
+
let arrowtop = 0;
|
|
1733
1804
|
if (!baseDom || !aimDom) {
|
|
1734
1805
|
return {
|
|
1735
1806
|
Top: top,
|
|
1736
1807
|
Left: left,
|
|
1737
|
-
|
|
1738
|
-
|
|
1808
|
+
arrowLeft: arrowleft,
|
|
1809
|
+
arrowTop: arrowtop
|
|
1739
1810
|
};
|
|
1740
1811
|
}
|
|
1741
|
-
const { left: baseLeft, right, bottom, top: baseTop } = baseDom.getBoundingClientRect();
|
|
1742
|
-
const {
|
|
1812
|
+
const { left: baseLeft, right, bottom, top: baseTop, width: baseWidth } = baseDom.getBoundingClientRect();
|
|
1813
|
+
const { height: aimHeight, width: aimWidth } = aimDom.getBoundingClientRect();
|
|
1743
1814
|
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
1744
1815
|
const scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
1745
1816
|
switch (set == null ? void 0 : set.position) {
|
|
@@ -1747,35 +1818,43 @@
|
|
|
1747
1818
|
case "bottommiddle":
|
|
1748
1819
|
case "bottomright":
|
|
1749
1820
|
top = scrollTop + bottom;
|
|
1821
|
+
arrowtop = -5;
|
|
1750
1822
|
break;
|
|
1751
1823
|
case "topleft":
|
|
1752
1824
|
case "topmiddle":
|
|
1753
1825
|
case "topright":
|
|
1754
1826
|
top = scrollTop + baseTop - aimHeight;
|
|
1827
|
+
arrowtop = aimHeight - 5;
|
|
1755
1828
|
break;
|
|
1756
1829
|
case "centerleft":
|
|
1757
1830
|
case "centerright":
|
|
1758
1831
|
top = scrollTop + baseTop + (bottom - baseTop - aimHeight) / 2;
|
|
1832
|
+
arrowtop = aimHeight / 2 - 5;
|
|
1759
1833
|
break;
|
|
1760
1834
|
}
|
|
1761
1835
|
switch (set == null ? void 0 : set.position) {
|
|
1762
1836
|
case "topleft":
|
|
1763
1837
|
case "bottomleft":
|
|
1764
1838
|
left = scrollLeft + baseLeft;
|
|
1839
|
+
arrowleft = (right - baseLeft) / 2;
|
|
1765
1840
|
break;
|
|
1766
1841
|
case "topmiddle":
|
|
1767
1842
|
case "bottommiddle":
|
|
1768
1843
|
left = scrollLeft + baseLeft + (right - baseLeft - aimWidth) / 2;
|
|
1844
|
+
arrowleft = aimWidth / 2 - 5;
|
|
1769
1845
|
break;
|
|
1770
1846
|
case "topright":
|
|
1771
1847
|
case "bottomright":
|
|
1772
1848
|
left = scrollLeft + right - aimWidth;
|
|
1849
|
+
arrowleft = aimWidth - baseWidth + baseWidth / 2 - 5;
|
|
1773
1850
|
break;
|
|
1774
1851
|
case "centerleft":
|
|
1775
1852
|
left = scrollLeft + baseLeft - aimWidth;
|
|
1853
|
+
arrowleft = aimWidth - 5;
|
|
1776
1854
|
break;
|
|
1777
1855
|
case "centerright":
|
|
1778
1856
|
left = scrollLeft + right;
|
|
1857
|
+
arrowleft = -5;
|
|
1779
1858
|
break;
|
|
1780
1859
|
}
|
|
1781
1860
|
if (top + aimHeight > window.innerHeight) {
|
|
@@ -1787,13 +1866,11 @@
|
|
|
1787
1866
|
if (left + aimWidth > window.innerWidth) {
|
|
1788
1867
|
left = scrollLeft + right - aimWidth;
|
|
1789
1868
|
}
|
|
1790
|
-
width = aimWidth;
|
|
1791
|
-
height = aimHeight;
|
|
1792
1869
|
return {
|
|
1793
1870
|
Top: top,
|
|
1794
1871
|
Left: left,
|
|
1795
|
-
|
|
1796
|
-
|
|
1872
|
+
arrowLeft: arrowleft,
|
|
1873
|
+
arrowTop: arrowtop
|
|
1797
1874
|
};
|
|
1798
1875
|
};
|
|
1799
1876
|
function getNewArray(array, subGroupLength) {
|
|
@@ -4442,6 +4519,7 @@
|
|
|
4442
4519
|
insertClass: {},
|
|
4443
4520
|
beforeHidden: {},
|
|
4444
4521
|
modelValue: { type: Boolean },
|
|
4522
|
+
beforebgcolor: {},
|
|
4445
4523
|
vIF: { type: Boolean, default: true }
|
|
4446
4524
|
},
|
|
4447
4525
|
emits: ["update:modelValue"],
|
|
@@ -4471,22 +4549,41 @@
|
|
|
4471
4549
|
case "topleft":
|
|
4472
4550
|
case "topmiddle":
|
|
4473
4551
|
case "topright":
|
|
4474
|
-
margin = "-mt-3";
|
|
4552
|
+
margin = "-tdd-mt-3";
|
|
4475
4553
|
break;
|
|
4476
4554
|
case "bottomleft":
|
|
4477
4555
|
case "bottommiddle":
|
|
4478
4556
|
case "bottomright":
|
|
4479
|
-
margin = "mt-3";
|
|
4557
|
+
margin = "tdd-mt-3";
|
|
4480
4558
|
break;
|
|
4481
4559
|
case "centerleft":
|
|
4482
|
-
margin = "-ml-3";
|
|
4560
|
+
margin = "-tdd-ml-3";
|
|
4483
4561
|
break;
|
|
4484
4562
|
case "centerright":
|
|
4485
|
-
margin = "ml-3";
|
|
4563
|
+
margin = "tdd-ml-3";
|
|
4486
4564
|
break;
|
|
4487
4565
|
}
|
|
4488
4566
|
return margin;
|
|
4489
4567
|
});
|
|
4568
|
+
const arrowHandle = () => {
|
|
4569
|
+
return vue.h(
|
|
4570
|
+
"span",
|
|
4571
|
+
{
|
|
4572
|
+
class: vue.normalizeClass([
|
|
4573
|
+
"tdd-absolute tdd-z-1000 tdd-w-2.5 tdd-h-2.5 before:tdd-bg-white before:tdd-box-border before:tdd-rotate-45 before:tdd-content-[''] before:tdd-w-2.5 before:tdd-h-2.5 before:tdd-absolute",
|
|
4574
|
+
["topleft", "topmiddle", "topright"].includes(props.placement) ? "before:tdd-border-t-transparent before:tdd-border-l-transparent" : "",
|
|
4575
|
+
["bottomleft", "bottommiddle", "bottomright"].includes(props.placement) ? "before:tdd-border-b-transparent before:tdd-border-r-transparent" : "",
|
|
4576
|
+
"centerright" == props.placement ? "before:tdd-border-r-transparent before:tdd-border-t-transparent" : "",
|
|
4577
|
+
"centerleft" == props.placement ? "before:tdd-border-l-transparent before:tdd-border-b-transparent" : "",
|
|
4578
|
+
props.beforebgcolor
|
|
4579
|
+
]),
|
|
4580
|
+
style: {
|
|
4581
|
+
left: `${arrowLeft.value}px`,
|
|
4582
|
+
top: `${arrowTop.value}px`
|
|
4583
|
+
}
|
|
4584
|
+
}
|
|
4585
|
+
);
|
|
4586
|
+
};
|
|
4490
4587
|
const showHandle = () => {
|
|
4491
4588
|
showPop.value = true;
|
|
4492
4589
|
};
|
|
@@ -4497,6 +4594,8 @@
|
|
|
4497
4594
|
};
|
|
4498
4595
|
const Left = vue.ref(0);
|
|
4499
4596
|
const Top = vue.ref(0);
|
|
4597
|
+
const arrowLeft = vue.ref(0);
|
|
4598
|
+
const arrowTop = vue.ref(0);
|
|
4500
4599
|
const setPosition = () => {
|
|
4501
4600
|
if (!pop.value) {
|
|
4502
4601
|
window.removeEventListener("resize", setPosition);
|
|
@@ -4519,6 +4618,8 @@
|
|
|
4519
4618
|
});
|
|
4520
4619
|
Top.value = position.Top;
|
|
4521
4620
|
Left.value = position.Left;
|
|
4621
|
+
arrowTop.value = position.arrowTop;
|
|
4622
|
+
arrowLeft.value = position.arrowLeft;
|
|
4522
4623
|
};
|
|
4523
4624
|
const vClickoutside = {
|
|
4524
4625
|
mounted(el, binding) {
|
|
@@ -4623,7 +4724,8 @@
|
|
|
4623
4724
|
class: vue.normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
|
|
4624
4725
|
style: vue.normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
|
|
4625
4726
|
}, [
|
|
4626
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
4727
|
+
vue.renderSlot(_ctx.$slots, "default"),
|
|
4728
|
+
vue.createVNode(arrowHandle)
|
|
4627
4729
|
], 6)), [
|
|
4628
4730
|
[vClickoutside, closeCenter]
|
|
4629
4731
|
]) : vue.createCommentVNode("", true)
|
|
@@ -4640,7 +4742,8 @@
|
|
|
4640
4742
|
class: vue.normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
|
|
4641
4743
|
style: vue.normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
|
|
4642
4744
|
}, [
|
|
4643
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
4745
|
+
vue.renderSlot(_ctx.$slots, "default"),
|
|
4746
|
+
vue.createVNode(arrowHandle)
|
|
4644
4747
|
], 6)), [
|
|
4645
4748
|
[vue.vShow, trueFlag.value],
|
|
4646
4749
|
[vClickoutside, closeCenter]
|
|
@@ -4803,7 +4906,7 @@
|
|
|
4803
4906
|
return vue.h(
|
|
4804
4907
|
"label",
|
|
4805
4908
|
{
|
|
4806
|
-
class: vue.normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? "
|
|
4909
|
+
class: vue.normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? "tdd-bg-wordblue" : ""]])
|
|
4807
4910
|
},
|
|
4808
4911
|
[
|
|
4809
4912
|
vue.withDirectives(
|
|
@@ -4814,14 +4917,14 @@
|
|
|
4814
4917
|
ParentGetChangeHandle(value);
|
|
4815
4918
|
emit("update:modelValue", value);
|
|
4816
4919
|
},
|
|
4817
|
-
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "
|
|
4920
|
+
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
|
|
4818
4921
|
}),
|
|
4819
4922
|
[[vue.vModelRadio, props.modelValue]]
|
|
4820
4923
|
),
|
|
4821
4924
|
vue.h(
|
|
4822
4925
|
"span",
|
|
4823
4926
|
{
|
|
4824
|
-
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? "
|
|
4927
|
+
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? "tdd-text-white" : "tdd-text-word6"]])
|
|
4825
4928
|
},
|
|
4826
4929
|
((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
|
|
4827
4930
|
)
|
|
@@ -4887,7 +4990,7 @@
|
|
|
4887
4990
|
return vue.h(
|
|
4888
4991
|
"label",
|
|
4889
4992
|
{
|
|
4890
|
-
class: vue.normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? "
|
|
4993
|
+
class: vue.normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? "tdd-bg-wordblue" : ""]])
|
|
4891
4994
|
},
|
|
4892
4995
|
[
|
|
4893
4996
|
vue.withDirectives(
|
|
@@ -4898,14 +5001,14 @@
|
|
|
4898
5001
|
ParentGetChangeHandle(value);
|
|
4899
5002
|
emit("update:modelValue", value);
|
|
4900
5003
|
},
|
|
4901
|
-
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "
|
|
5004
|
+
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
|
|
4902
5005
|
}),
|
|
4903
5006
|
[[vue.vModelCheckbox, props.modelValue]]
|
|
4904
5007
|
),
|
|
4905
5008
|
vue.h(
|
|
4906
5009
|
"span",
|
|
4907
5010
|
{
|
|
4908
|
-
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "
|
|
5011
|
+
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "tdd-text-white" : "tdd-text-word6"]])
|
|
4909
5012
|
},
|
|
4910
5013
|
((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
|
|
4911
5014
|
)
|
|
@@ -5155,7 +5258,7 @@
|
|
|
5155
5258
|
return vue.h(
|
|
5156
5259
|
"div",
|
|
5157
5260
|
{
|
|
5158
|
-
class: vue.normalizeClass(["ETab", [props.type === "line" ? "
|
|
5261
|
+
class: vue.normalizeClass(["ETab", [props.type === "line" ? "tdd-px-2 tdd-pt-2" : " ETab_Card"]])
|
|
5159
5262
|
},
|
|
5160
5263
|
slots.default().map((it, index2) => {
|
|
5161
5264
|
if (typeof it.children == "string")
|
|
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
15
15
|
return h(
|
|
16
16
|
"label",
|
|
17
17
|
{
|
|
18
|
-
class: normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? "
|
|
18
|
+
class: normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? "tdd-bg-wordblue" : ""]])
|
|
19
19
|
},
|
|
20
20
|
[
|
|
21
21
|
withDirectives(
|
|
@@ -26,14 +26,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26
26
|
ParentGetChangeHandle(value);
|
|
27
27
|
emit("update:modelValue", value);
|
|
28
28
|
},
|
|
29
|
-
class: normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "
|
|
29
|
+
class: normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
|
|
30
30
|
}),
|
|
31
31
|
[[vModelCheckbox, props.modelValue]]
|
|
32
32
|
),
|
|
33
33
|
h(
|
|
34
34
|
"span",
|
|
35
35
|
{
|
|
36
|
-
class: normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "
|
|
36
|
+
class: normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "tdd-text-white" : "tdd-text-word6"]])
|
|
37
37
|
},
|
|
38
38
|
((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
|
|
39
39
|
)
|
package/dist/js/index/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, watch, onUnmounted, openBlock, createBlock, Teleport, createElementVNode, createVNode, TransitionGroup, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode,
|
|
1
|
+
import { defineComponent, ref, watch, onUnmounted, openBlock, createBlock, Teleport, createElementVNode, createVNode, TransitionGroup, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, resolveDynamicComponent, h, createApp, reactive, toDisplayString, nextTick, defineAsyncComponent } from "vue";
|
|
2
2
|
const _hoisted_1$2 = { class: "tdd-pointer-events-none tdd-fixed tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-top-4 tdd-z-2000 tdd-space-y-5" };
|
|
3
3
|
const _hoisted_2$2 = { class: "tdd-pointer-events-auto tdd-inline-flex tdd-items-center tdd-space-x-3 tdd-bg-white tdd-p-3 tdd-text-sm tdd-text-word3 tdd-drop-shadow" };
|
|
4
4
|
const _hoisted_3$1 = {
|
|
@@ -6,13 +6,9 @@ const _hoisted_3$1 = {
|
|
|
6
6
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
7
7
|
viewBox: "0 0 1024 1024",
|
|
8
8
|
version: "1.1",
|
|
9
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
-
"p-id": "2124"
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
10
|
};
|
|
12
|
-
const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("path", {
|
|
13
|
-
d: "M883.2 247.466667c-17.066667-17.066667-44.8-17.066667-59.733333 0L409.6 665.6l-209.066667-204.8c-17.066667-17.066667-44.8-17.066667-59.733333 0-17.066667 17.066667-17.066667 44.8 0 59.733333l238.933333 234.666667c8.533333 8.533333 19.2 12.8 29.866667 12.8 10.666667 0 21.333333-4.266667 29.866667-12.8l443.733333-448c17.066667-17.066667 17.066667-42.666667 0-59.733333z",
|
|
14
|
-
"p-id": "2125"
|
|
15
|
-
}, null, -1);
|
|
11
|
+
const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("path", { d: "M883.2 247.466667c-17.066667-17.066667-44.8-17.066667-59.733333 0L409.6 665.6l-209.066667-204.8c-17.066667-17.066667-44.8-17.066667-59.733333 0-17.066667 17.066667-17.066667 44.8 0 59.733333l238.933333 234.666667c8.533333 8.533333 19.2 12.8 29.866667 12.8 10.666667 0 21.333333-4.266667 29.866667-12.8l443.733333-448c17.066667-17.066667 17.066667-42.666667 0-59.733333z" }, null, -1);
|
|
16
12
|
const _hoisted_5$1 = [
|
|
17
13
|
_hoisted_4$1
|
|
18
14
|
];
|
|
@@ -21,13 +17,9 @@ const _hoisted_6$1 = {
|
|
|
21
17
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
22
18
|
viewBox: "0 0 1024 1024",
|
|
23
19
|
version: "1.1",
|
|
24
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
25
|
-
"p-id": "762"
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
26
21
|
};
|
|
27
|
-
const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("path", {
|
|
28
|
-
d: "M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z",
|
|
29
|
-
"p-id": "763"
|
|
30
|
-
}, null, -1);
|
|
22
|
+
const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("path", { d: "M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z" }, null, -1);
|
|
31
23
|
const _hoisted_8$1 = [
|
|
32
24
|
_hoisted_7$1
|
|
33
25
|
];
|
|
@@ -36,17 +28,10 @@ const _hoisted_9 = {
|
|
|
36
28
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
37
29
|
viewBox: "0 0 1024 1024",
|
|
38
30
|
version: "1.1",
|
|
39
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
40
|
-
"p-id": "1618"
|
|
31
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
41
32
|
};
|
|
42
|
-
const _hoisted_10 = /* @__PURE__ */ createElementVNode("path", {
|
|
43
|
-
|
|
44
|
-
"p-id": "1620"
|
|
45
|
-
}, null, -1);
|
|
46
|
-
const _hoisted_11 = /* @__PURE__ */ createElementVNode("path", {
|
|
47
|
-
d: "M512 437.333333c-17.066667 0-32 14.933333-32 32v234.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V469.333333c0-17.066667-14.933333-32-32-32z",
|
|
48
|
-
"p-id": "1621"
|
|
49
|
-
}, null, -1);
|
|
33
|
+
const _hoisted_10 = /* @__PURE__ */ createElementVNode("path", { d: "M512 320m-42.666667 0a42.666667 42.666667 0 1 0 85.333334 0 42.666667 42.666667 0 1 0-85.333334 0Z" }, null, -1);
|
|
34
|
+
const _hoisted_11 = /* @__PURE__ */ createElementVNode("path", { d: "M512 437.333333c-17.066667 0-32 14.933333-32 32v234.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V469.333333c0-17.066667-14.933333-32-32-32z" }, null, -1);
|
|
50
35
|
const _hoisted_12 = [
|
|
51
36
|
_hoisted_10,
|
|
52
37
|
_hoisted_11
|
|
@@ -56,19 +41,14 @@ const _hoisted_13 = {
|
|
|
56
41
|
class: "tdd-h-4 tdd-w-4 tdd-fill-white",
|
|
57
42
|
viewBox: "0 0 1024 1024",
|
|
58
43
|
version: "1.1",
|
|
59
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
60
|
-
"p-id": "1487"
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
61
45
|
};
|
|
62
|
-
const _hoisted_14 = /* @__PURE__ */ createElementVNode("path", {
|
|
63
|
-
d: "M800 625.066667V448c0-117.333333-70.4-217.6-170.666667-262.4-4.266667-61.866667-55.466667-110.933333-117.333333-110.933333s-113.066667 49.066667-117.333333 110.933333c-100.266667 44.8-170.666667 145.066667-170.666667 262.4v177.066667c-57.6 46.933333-85.333333 110.933333-85.333333 185.6 0 17.066667 14.933333 32 32 32h206.933333c14.933333 61.866667 70.4 106.666667 134.4 106.666666s119.466667-44.8 134.4-106.666666H853.333333c17.066667 0 32-14.933333 32-32 0-76.8-27.733333-138.666667-85.333333-185.6zM512 138.666667c19.2 0 36.266667 10.666667 44.8 25.6-14.933333-2.133333-29.866667-4.266667-44.8-4.266667-14.933333 0-29.866667 2.133333-44.8 4.266667 8.533333-14.933333 25.6-25.6 44.8-25.6z m0 746.666666c-29.866667 0-55.466667-17.066667-66.133333-42.666666h134.4c-12.8 25.6-38.4 42.666667-68.266667 42.666666z m-307.2-106.666666c6.4-46.933333 29.866667-83.2 70.4-113.066667 8.533333-6.4 12.8-14.933333 12.8-25.6v-192c0-123.733333 100.266667-224 224-224S736 324.266667 736 448v192c0 10.666667 4.266667 19.2 12.8 25.6 40.533333 29.866667 64 66.133333 70.4 113.066667H204.8z",
|
|
64
|
-
"p-id": "1488"
|
|
65
|
-
}, null, -1);
|
|
46
|
+
const _hoisted_14 = /* @__PURE__ */ createElementVNode("path", { d: "M800 625.066667V448c0-117.333333-70.4-217.6-170.666667-262.4-4.266667-61.866667-55.466667-110.933333-117.333333-110.933333s-113.066667 49.066667-117.333333 110.933333c-100.266667 44.8-170.666667 145.066667-170.666667 262.4v177.066667c-57.6 46.933333-85.333333 110.933333-85.333333 185.6 0 17.066667 14.933333 32 32 32h206.933333c14.933333 61.866667 70.4 106.666667 134.4 106.666666s119.466667-44.8 134.4-106.666666H853.333333c17.066667 0 32-14.933333 32-32 0-76.8-27.733333-138.666667-85.333333-185.6zM512 138.666667c19.2 0 36.266667 10.666667 44.8 25.6-14.933333-2.133333-29.866667-4.266667-44.8-4.266667-14.933333 0-29.866667 2.133333-44.8 4.266667 8.533333-14.933333 25.6-25.6 44.8-25.6z m0 746.666666c-29.866667 0-55.466667-17.066667-66.133333-42.666666h134.4c-12.8 25.6-38.4 42.666667-68.266667 42.666666z m-307.2-106.666666c6.4-46.933333 29.866667-83.2 70.4-113.066667 8.533333-6.4 12.8-14.933333 12.8-25.6v-192c0-123.733333 100.266667-224 224-224S736 324.266667 736 448v192c0 10.666667 4.266667 19.2 12.8 25.6 40.533333 29.866667 64 66.133333 70.4 113.066667H204.8z" }, null, -1);
|
|
66
47
|
const _hoisted_15 = [
|
|
67
48
|
_hoisted_14
|
|
68
49
|
];
|
|
69
|
-
const _hoisted_16 =
|
|
70
|
-
const _hoisted_17 =
|
|
71
|
-
const _hoisted_18 = /* @__PURE__ */ createElementVNode("svg", {
|
|
50
|
+
const _hoisted_16 = ["onClick"];
|
|
51
|
+
const _hoisted_17 = /* @__PURE__ */ createElementVNode("svg", {
|
|
72
52
|
class: "tdd-h-5 tdd-w-5 tdd-fill-gray-600",
|
|
73
53
|
xmlns: "http://www.w3.org/2000/svg",
|
|
74
54
|
width: "24",
|
|
@@ -85,8 +65,8 @@ const _hoisted_18 = /* @__PURE__ */ createElementVNode("svg", {
|
|
|
85
65
|
})
|
|
86
66
|
])
|
|
87
67
|
], -1);
|
|
88
|
-
const
|
|
89
|
-
|
|
68
|
+
const _hoisted_18 = [
|
|
69
|
+
_hoisted_17
|
|
90
70
|
];
|
|
91
71
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
92
72
|
__name: "messagecomponent",
|
|
@@ -174,6 +154,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
174
154
|
},
|
|
175
155
|
{ deep: true }
|
|
176
156
|
);
|
|
157
|
+
const contentRender = (props) => {
|
|
158
|
+
if (Array.isArray(props.c.vnode)) {
|
|
159
|
+
return props.c.vnode.map((v) => {
|
|
160
|
+
return createBlock(
|
|
161
|
+
resolveDynamicComponent(v)
|
|
162
|
+
);
|
|
163
|
+
});
|
|
164
|
+
} else if (props.c.vnode) {
|
|
165
|
+
return createBlock(
|
|
166
|
+
resolveDynamicComponent(props.c.vnode)
|
|
167
|
+
);
|
|
168
|
+
} else {
|
|
169
|
+
return h(
|
|
170
|
+
"div",
|
|
171
|
+
{},
|
|
172
|
+
props.c.text
|
|
173
|
+
);
|
|
174
|
+
}
|
|
175
|
+
};
|
|
177
176
|
onUnmounted(() => {
|
|
178
177
|
messageList.value.length = 0;
|
|
179
178
|
});
|
|
@@ -208,16 +207,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
208
207
|
i.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_9, _hoisted_12)) : createCommentVNode("", true),
|
|
209
208
|
i.type === "info" ? (openBlock(), createElementBlock("svg", _hoisted_13, _hoisted_15)) : createCommentVNode("", true)
|
|
210
209
|
], 2),
|
|
211
|
-
|
|
212
|
-
i.vnode instanceof Array ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(i.vnode, (j) => {
|
|
213
|
-
return openBlock(), createBlock(resolveDynamicComponent(j));
|
|
214
|
-
}), 256)) : (openBlock(), createBlock(resolveDynamicComponent(i.vnode), { key: 2 })),
|
|
210
|
+
createVNode(contentRender, { c: i }, null, 8, ["c"]),
|
|
215
211
|
i.showClose ? (openBlock(), createElementBlock("button", {
|
|
216
|
-
key:
|
|
212
|
+
key: 0,
|
|
217
213
|
type: "button",
|
|
218
214
|
class: "tdd-appearance-none",
|
|
219
215
|
onClick: ($event) => hidden(d)
|
|
220
|
-
},
|
|
216
|
+
}, _hoisted_18, 8, _hoisted_16)) : createCommentVNode("", true)
|
|
221
217
|
])
|
|
222
218
|
]);
|
|
223
219
|
}), 128))
|
|
@@ -554,18 +550,18 @@ const throttle = (fn, delay) => {
|
|
|
554
550
|
const usePotion = (baseDom, aimDom, set) => {
|
|
555
551
|
let left = 0;
|
|
556
552
|
let top = 0;
|
|
557
|
-
let
|
|
558
|
-
let
|
|
553
|
+
let arrowleft = 0;
|
|
554
|
+
let arrowtop = 0;
|
|
559
555
|
if (!baseDom || !aimDom) {
|
|
560
556
|
return {
|
|
561
557
|
Top: top,
|
|
562
558
|
Left: left,
|
|
563
|
-
|
|
564
|
-
|
|
559
|
+
arrowLeft: arrowleft,
|
|
560
|
+
arrowTop: arrowtop
|
|
565
561
|
};
|
|
566
562
|
}
|
|
567
|
-
const { left: baseLeft, right, bottom, top: baseTop } = baseDom.getBoundingClientRect();
|
|
568
|
-
const {
|
|
563
|
+
const { left: baseLeft, right, bottom, top: baseTop, width: baseWidth } = baseDom.getBoundingClientRect();
|
|
564
|
+
const { height: aimHeight, width: aimWidth } = aimDom.getBoundingClientRect();
|
|
569
565
|
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
570
566
|
const scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
571
567
|
switch (set == null ? void 0 : set.position) {
|
|
@@ -573,35 +569,43 @@ const usePotion = (baseDom, aimDom, set) => {
|
|
|
573
569
|
case "bottommiddle":
|
|
574
570
|
case "bottomright":
|
|
575
571
|
top = scrollTop + bottom;
|
|
572
|
+
arrowtop = -5;
|
|
576
573
|
break;
|
|
577
574
|
case "topleft":
|
|
578
575
|
case "topmiddle":
|
|
579
576
|
case "topright":
|
|
580
577
|
top = scrollTop + baseTop - aimHeight;
|
|
578
|
+
arrowtop = aimHeight - 5;
|
|
581
579
|
break;
|
|
582
580
|
case "centerleft":
|
|
583
581
|
case "centerright":
|
|
584
582
|
top = scrollTop + baseTop + (bottom - baseTop - aimHeight) / 2;
|
|
583
|
+
arrowtop = aimHeight / 2 - 5;
|
|
585
584
|
break;
|
|
586
585
|
}
|
|
587
586
|
switch (set == null ? void 0 : set.position) {
|
|
588
587
|
case "topleft":
|
|
589
588
|
case "bottomleft":
|
|
590
589
|
left = scrollLeft + baseLeft;
|
|
590
|
+
arrowleft = (right - baseLeft) / 2;
|
|
591
591
|
break;
|
|
592
592
|
case "topmiddle":
|
|
593
593
|
case "bottommiddle":
|
|
594
594
|
left = scrollLeft + baseLeft + (right - baseLeft - aimWidth) / 2;
|
|
595
|
+
arrowleft = aimWidth / 2 - 5;
|
|
595
596
|
break;
|
|
596
597
|
case "topright":
|
|
597
598
|
case "bottomright":
|
|
598
599
|
left = scrollLeft + right - aimWidth;
|
|
600
|
+
arrowleft = aimWidth - baseWidth + baseWidth / 2 - 5;
|
|
599
601
|
break;
|
|
600
602
|
case "centerleft":
|
|
601
603
|
left = scrollLeft + baseLeft - aimWidth;
|
|
604
|
+
arrowleft = aimWidth - 5;
|
|
602
605
|
break;
|
|
603
606
|
case "centerright":
|
|
604
607
|
left = scrollLeft + right;
|
|
608
|
+
arrowleft = -5;
|
|
605
609
|
break;
|
|
606
610
|
}
|
|
607
611
|
if (top + aimHeight > window.innerHeight) {
|
|
@@ -613,13 +617,11 @@ const usePotion = (baseDom, aimDom, set) => {
|
|
|
613
617
|
if (left + aimWidth > window.innerWidth) {
|
|
614
618
|
left = scrollLeft + right - aimWidth;
|
|
615
619
|
}
|
|
616
|
-
width = aimWidth;
|
|
617
|
-
height = aimHeight;
|
|
618
620
|
return {
|
|
619
621
|
Top: top,
|
|
620
622
|
Left: left,
|
|
621
|
-
|
|
622
|
-
|
|
623
|
+
arrowLeft: arrowleft,
|
|
624
|
+
arrowTop: arrowtop
|
|
623
625
|
};
|
|
624
626
|
};
|
|
625
627
|
function getNewArray(array, subGroupLength) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, nextTick, onUnmounted, openBlock, createElementBlock, withModifiers, renderSlot, createBlock, Teleport, Transition, withCtx, withDirectives, normalizeClass, normalizeStyle, createCommentVNode, vShow } from "vue";
|
|
1
|
+
import { defineComponent, ref, computed, nextTick, onUnmounted, openBlock, createElementBlock, withModifiers, renderSlot, createBlock, Teleport, Transition, withCtx, withDirectives, normalizeClass, normalizeStyle, createVNode, createCommentVNode, vShow, h } from "vue";
|
|
2
2
|
import { u as usePotion, t as throttle } from "../index/index.js";
|
|
3
3
|
const _hoisted_1 = ["onMouseenter"];
|
|
4
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -10,6 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
10
10
|
insertClass: {},
|
|
11
11
|
beforeHidden: {},
|
|
12
12
|
modelValue: { type: Boolean },
|
|
13
|
+
beforebgcolor: {},
|
|
13
14
|
vIF: { type: Boolean, default: true }
|
|
14
15
|
},
|
|
15
16
|
emits: ["update:modelValue"],
|
|
@@ -39,22 +40,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
39
40
|
case "topleft":
|
|
40
41
|
case "topmiddle":
|
|
41
42
|
case "topright":
|
|
42
|
-
margin = "-mt-3";
|
|
43
|
+
margin = "-tdd-mt-3";
|
|
43
44
|
break;
|
|
44
45
|
case "bottomleft":
|
|
45
46
|
case "bottommiddle":
|
|
46
47
|
case "bottomright":
|
|
47
|
-
margin = "mt-3";
|
|
48
|
+
margin = "tdd-mt-3";
|
|
48
49
|
break;
|
|
49
50
|
case "centerleft":
|
|
50
|
-
margin = "-ml-3";
|
|
51
|
+
margin = "-tdd-ml-3";
|
|
51
52
|
break;
|
|
52
53
|
case "centerright":
|
|
53
|
-
margin = "ml-3";
|
|
54
|
+
margin = "tdd-ml-3";
|
|
54
55
|
break;
|
|
55
56
|
}
|
|
56
57
|
return margin;
|
|
57
58
|
});
|
|
59
|
+
const arrowHandle = () => {
|
|
60
|
+
return h(
|
|
61
|
+
"span",
|
|
62
|
+
{
|
|
63
|
+
class: normalizeClass([
|
|
64
|
+
"tdd-absolute tdd-z-1000 tdd-w-2.5 tdd-h-2.5 before:tdd-bg-white before:tdd-box-border before:tdd-rotate-45 before:tdd-content-[''] before:tdd-w-2.5 before:tdd-h-2.5 before:tdd-absolute",
|
|
65
|
+
["topleft", "topmiddle", "topright"].includes(props.placement) ? "before:tdd-border-t-transparent before:tdd-border-l-transparent" : "",
|
|
66
|
+
["bottomleft", "bottommiddle", "bottomright"].includes(props.placement) ? "before:tdd-border-b-transparent before:tdd-border-r-transparent" : "",
|
|
67
|
+
"centerright" == props.placement ? "before:tdd-border-r-transparent before:tdd-border-t-transparent" : "",
|
|
68
|
+
"centerleft" == props.placement ? "before:tdd-border-l-transparent before:tdd-border-b-transparent" : "",
|
|
69
|
+
props.beforebgcolor
|
|
70
|
+
]),
|
|
71
|
+
style: {
|
|
72
|
+
left: `${arrowLeft.value}px`,
|
|
73
|
+
top: `${arrowTop.value}px`
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
};
|
|
58
78
|
const showHandle = () => {
|
|
59
79
|
showPop.value = true;
|
|
60
80
|
};
|
|
@@ -65,6 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
65
85
|
};
|
|
66
86
|
const Left = ref(0);
|
|
67
87
|
const Top = ref(0);
|
|
88
|
+
const arrowLeft = ref(0);
|
|
89
|
+
const arrowTop = ref(0);
|
|
68
90
|
const setPosition = () => {
|
|
69
91
|
if (!pop.value) {
|
|
70
92
|
window.removeEventListener("resize", setPosition);
|
|
@@ -87,6 +109,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
87
109
|
});
|
|
88
110
|
Top.value = position.Top;
|
|
89
111
|
Left.value = position.Left;
|
|
112
|
+
arrowTop.value = position.arrowTop;
|
|
113
|
+
arrowLeft.value = position.arrowLeft;
|
|
90
114
|
};
|
|
91
115
|
const vClickoutside = {
|
|
92
116
|
mounted(el, binding) {
|
|
@@ -191,7 +215,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
191
215
|
class: normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
|
|
192
216
|
style: normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
|
|
193
217
|
}, [
|
|
194
|
-
renderSlot(_ctx.$slots, "default")
|
|
218
|
+
renderSlot(_ctx.$slots, "default"),
|
|
219
|
+
createVNode(arrowHandle)
|
|
195
220
|
], 6)), [
|
|
196
221
|
[vClickoutside, closeCenter]
|
|
197
222
|
]) : createCommentVNode("", true)
|
|
@@ -208,7 +233,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
208
233
|
class: normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
|
|
209
234
|
style: normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
|
|
210
235
|
}, [
|
|
211
|
-
renderSlot(_ctx.$slots, "default")
|
|
236
|
+
renderSlot(_ctx.$slots, "default"),
|
|
237
|
+
createVNode(arrowHandle)
|
|
212
238
|
], 6)), [
|
|
213
239
|
[vShow, trueFlag.value],
|
|
214
240
|
[vClickoutside, closeCenter]
|
|
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
15
15
|
return h(
|
|
16
16
|
"label",
|
|
17
17
|
{
|
|
18
|
-
class: normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? "
|
|
18
|
+
class: normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? "tdd-bg-wordblue" : ""]])
|
|
19
19
|
},
|
|
20
20
|
[
|
|
21
21
|
withDirectives(
|
|
@@ -26,14 +26,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26
26
|
ParentGetChangeHandle(value);
|
|
27
27
|
emit("update:modelValue", value);
|
|
28
28
|
},
|
|
29
|
-
class: normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "
|
|
29
|
+
class: normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
|
|
30
30
|
}),
|
|
31
31
|
[[vModelRadio, props.modelValue]]
|
|
32
32
|
),
|
|
33
33
|
h(
|
|
34
34
|
"span",
|
|
35
35
|
{
|
|
36
|
-
class: normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? "
|
|
36
|
+
class: normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? "tdd-text-white" : "tdd-text-word6"]])
|
|
37
37
|
},
|
|
38
38
|
((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
|
|
39
39
|
)
|
package/dist/js/tabs/tabs.js
CHANGED
|
@@ -91,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
91
91
|
return h(
|
|
92
92
|
"div",
|
|
93
93
|
{
|
|
94
|
-
class: normalizeClass(["ETab", [props.type === "line" ? "
|
|
94
|
+
class: normalizeClass(["ETab", [props.type === "line" ? "tdd-px-2 tdd-pt-2" : " ETab_Card"]])
|
|
95
95
|
},
|
|
96
96
|
slots.default().map((it, index) => {
|
|
97
97
|
if (typeof it.children == "string")
|