ninemoon-ui 0.0.10 → 0.0.12
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 -65
- 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/select/select.js +0 -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) {
|
|
@@ -2471,9 +2548,6 @@
|
|
|
2471
2548
|
} else if (props.modelValue) {
|
|
2472
2549
|
return;
|
|
2473
2550
|
} else {
|
|
2474
|
-
emit("update:modelValue", null);
|
|
2475
|
-
ParentGetChangeHandle && ParentGetChangeHandle(null);
|
|
2476
|
-
emit("change", null);
|
|
2477
2551
|
return null;
|
|
2478
2552
|
}
|
|
2479
2553
|
});
|
|
@@ -4442,6 +4516,7 @@
|
|
|
4442
4516
|
insertClass: {},
|
|
4443
4517
|
beforeHidden: {},
|
|
4444
4518
|
modelValue: { type: Boolean },
|
|
4519
|
+
beforebgcolor: {},
|
|
4445
4520
|
vIF: { type: Boolean, default: true }
|
|
4446
4521
|
},
|
|
4447
4522
|
emits: ["update:modelValue"],
|
|
@@ -4471,22 +4546,41 @@
|
|
|
4471
4546
|
case "topleft":
|
|
4472
4547
|
case "topmiddle":
|
|
4473
4548
|
case "topright":
|
|
4474
|
-
margin = "-mt-3";
|
|
4549
|
+
margin = "-tdd-mt-3";
|
|
4475
4550
|
break;
|
|
4476
4551
|
case "bottomleft":
|
|
4477
4552
|
case "bottommiddle":
|
|
4478
4553
|
case "bottomright":
|
|
4479
|
-
margin = "mt-3";
|
|
4554
|
+
margin = "tdd-mt-3";
|
|
4480
4555
|
break;
|
|
4481
4556
|
case "centerleft":
|
|
4482
|
-
margin = "-ml-3";
|
|
4557
|
+
margin = "-tdd-ml-3";
|
|
4483
4558
|
break;
|
|
4484
4559
|
case "centerright":
|
|
4485
|
-
margin = "ml-3";
|
|
4560
|
+
margin = "tdd-ml-3";
|
|
4486
4561
|
break;
|
|
4487
4562
|
}
|
|
4488
4563
|
return margin;
|
|
4489
4564
|
});
|
|
4565
|
+
const arrowHandle = () => {
|
|
4566
|
+
return vue.h(
|
|
4567
|
+
"span",
|
|
4568
|
+
{
|
|
4569
|
+
class: vue.normalizeClass([
|
|
4570
|
+
"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",
|
|
4571
|
+
["topleft", "topmiddle", "topright"].includes(props.placement) ? "before:tdd-border-t-transparent before:tdd-border-l-transparent" : "",
|
|
4572
|
+
["bottomleft", "bottommiddle", "bottomright"].includes(props.placement) ? "before:tdd-border-b-transparent before:tdd-border-r-transparent" : "",
|
|
4573
|
+
"centerright" == props.placement ? "before:tdd-border-r-transparent before:tdd-border-t-transparent" : "",
|
|
4574
|
+
"centerleft" == props.placement ? "before:tdd-border-l-transparent before:tdd-border-b-transparent" : "",
|
|
4575
|
+
props.beforebgcolor
|
|
4576
|
+
]),
|
|
4577
|
+
style: {
|
|
4578
|
+
left: `${arrowLeft.value}px`,
|
|
4579
|
+
top: `${arrowTop.value}px`
|
|
4580
|
+
}
|
|
4581
|
+
}
|
|
4582
|
+
);
|
|
4583
|
+
};
|
|
4490
4584
|
const showHandle = () => {
|
|
4491
4585
|
showPop.value = true;
|
|
4492
4586
|
};
|
|
@@ -4497,6 +4591,8 @@
|
|
|
4497
4591
|
};
|
|
4498
4592
|
const Left = vue.ref(0);
|
|
4499
4593
|
const Top = vue.ref(0);
|
|
4594
|
+
const arrowLeft = vue.ref(0);
|
|
4595
|
+
const arrowTop = vue.ref(0);
|
|
4500
4596
|
const setPosition = () => {
|
|
4501
4597
|
if (!pop.value) {
|
|
4502
4598
|
window.removeEventListener("resize", setPosition);
|
|
@@ -4519,6 +4615,8 @@
|
|
|
4519
4615
|
});
|
|
4520
4616
|
Top.value = position.Top;
|
|
4521
4617
|
Left.value = position.Left;
|
|
4618
|
+
arrowTop.value = position.arrowTop;
|
|
4619
|
+
arrowLeft.value = position.arrowLeft;
|
|
4522
4620
|
};
|
|
4523
4621
|
const vClickoutside = {
|
|
4524
4622
|
mounted(el, binding) {
|
|
@@ -4623,7 +4721,8 @@
|
|
|
4623
4721
|
class: vue.normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
|
|
4624
4722
|
style: vue.normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
|
|
4625
4723
|
}, [
|
|
4626
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
4724
|
+
vue.renderSlot(_ctx.$slots, "default"),
|
|
4725
|
+
vue.createVNode(arrowHandle)
|
|
4627
4726
|
], 6)), [
|
|
4628
4727
|
[vClickoutside, closeCenter]
|
|
4629
4728
|
]) : vue.createCommentVNode("", true)
|
|
@@ -4640,7 +4739,8 @@
|
|
|
4640
4739
|
class: vue.normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
|
|
4641
4740
|
style: vue.normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
|
|
4642
4741
|
}, [
|
|
4643
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
4742
|
+
vue.renderSlot(_ctx.$slots, "default"),
|
|
4743
|
+
vue.createVNode(arrowHandle)
|
|
4644
4744
|
], 6)), [
|
|
4645
4745
|
[vue.vShow, trueFlag.value],
|
|
4646
4746
|
[vClickoutside, closeCenter]
|
|
@@ -4803,7 +4903,7 @@
|
|
|
4803
4903
|
return vue.h(
|
|
4804
4904
|
"label",
|
|
4805
4905
|
{
|
|
4806
|
-
class: vue.normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? "
|
|
4906
|
+
class: vue.normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? "tdd-bg-wordblue" : ""]])
|
|
4807
4907
|
},
|
|
4808
4908
|
[
|
|
4809
4909
|
vue.withDirectives(
|
|
@@ -4814,14 +4914,14 @@
|
|
|
4814
4914
|
ParentGetChangeHandle(value);
|
|
4815
4915
|
emit("update:modelValue", value);
|
|
4816
4916
|
},
|
|
4817
|
-
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "
|
|
4917
|
+
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
|
|
4818
4918
|
}),
|
|
4819
4919
|
[[vue.vModelRadio, props.modelValue]]
|
|
4820
4920
|
),
|
|
4821
4921
|
vue.h(
|
|
4822
4922
|
"span",
|
|
4823
4923
|
{
|
|
4824
|
-
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? "
|
|
4924
|
+
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? "tdd-text-white" : "tdd-text-word6"]])
|
|
4825
4925
|
},
|
|
4826
4926
|
((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
|
|
4827
4927
|
)
|
|
@@ -4887,7 +4987,7 @@
|
|
|
4887
4987
|
return vue.h(
|
|
4888
4988
|
"label",
|
|
4889
4989
|
{
|
|
4890
|
-
class: vue.normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? "
|
|
4990
|
+
class: vue.normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? "tdd-bg-wordblue" : ""]])
|
|
4891
4991
|
},
|
|
4892
4992
|
[
|
|
4893
4993
|
vue.withDirectives(
|
|
@@ -4898,14 +4998,14 @@
|
|
|
4898
4998
|
ParentGetChangeHandle(value);
|
|
4899
4999
|
emit("update:modelValue", value);
|
|
4900
5000
|
},
|
|
4901
|
-
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "
|
|
5001
|
+
class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : "tdd-hidden"]])
|
|
4902
5002
|
}),
|
|
4903
5003
|
[[vue.vModelCheckbox, props.modelValue]]
|
|
4904
5004
|
),
|
|
4905
5005
|
vue.h(
|
|
4906
5006
|
"span",
|
|
4907
5007
|
{
|
|
4908
|
-
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "
|
|
5008
|
+
class: vue.normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? "tdd-text-white" : "tdd-text-word6"]])
|
|
4909
5009
|
},
|
|
4910
5010
|
((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
|
|
4911
5011
|
)
|
|
@@ -5155,7 +5255,7 @@
|
|
|
5155
5255
|
return vue.h(
|
|
5156
5256
|
"div",
|
|
5157
5257
|
{
|
|
5158
|
-
class: vue.normalizeClass(["ETab", [props.type === "line" ? "
|
|
5258
|
+
class: vue.normalizeClass(["ETab", [props.type === "line" ? "tdd-px-2 tdd-pt-2" : " ETab_Card"]])
|
|
5159
5259
|
},
|
|
5160
5260
|
slots.default().map((it, index2) => {
|
|
5161
5261
|
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/select/select.js
CHANGED
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")
|