ninemoon-ui 0.1.1 → 0.1.2

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.
Files changed (8) hide show
  1. package/dist/index.css +2 -167
  2. package/dist/index.umd.js +53 -181
  3. package/dist/js/dialog/dialog.js +0 -1
  4. package/dist/js/form/formlabel.js +2 -2
  5. package/dist/js/tabs/tabs.js +2 -2
  6. package/dist/tabs.css +50 -3
  7. package/package.json +1 -1
  8. package/dist/dialog.css +0 -9
package/dist/index.css CHANGED
@@ -62,158 +62,8 @@
62
62
  80%, 90% {
63
63
  stroke: #ffa700;
64
64
  }
65
- }*, ::before, ::after {
66
- --tw-border-spacing-x: 0;
67
- --tw-border-spacing-y: 0;
68
- --tw-translate-x: 0;
69
- --tw-translate-y: 0;
70
- --tw-rotate: 0;
71
- --tw-skew-x: 0;
72
- --tw-skew-y: 0;
73
- --tw-scale-x: 1;
74
- --tw-scale-y: 1;
75
- --tw-pan-x: ;
76
- --tw-pan-y: ;
77
- --tw-pinch-zoom: ;
78
- --tw-scroll-snap-strictness: proximity;
79
- --tw-gradient-from-position: ;
80
- --tw-gradient-via-position: ;
81
- --tw-gradient-to-position: ;
82
- --tw-ordinal: ;
83
- --tw-slashed-zero: ;
84
- --tw-numeric-figure: ;
85
- --tw-numeric-spacing: ;
86
- --tw-numeric-fraction: ;
87
- --tw-ring-inset: ;
88
- --tw-ring-offset-width: 0px;
89
- --tw-ring-offset-color: #fff;
90
- --tw-ring-color: rgb(59 130 246 / 0.5);
91
- --tw-ring-offset-shadow: 0 0 #0000;
92
- --tw-ring-shadow: 0 0 #0000;
93
- --tw-shadow: 0 0 #0000;
94
- --tw-shadow-colored: 0 0 #0000;
95
- --tw-blur: ;
96
- --tw-brightness: ;
97
- --tw-contrast: ;
98
- --tw-grayscale: ;
99
- --tw-hue-rotate: ;
100
- --tw-invert: ;
101
- --tw-saturate: ;
102
- --tw-sepia: ;
103
- --tw-drop-shadow: ;
104
- --tw-backdrop-blur: ;
105
- --tw-backdrop-brightness: ;
106
- --tw-backdrop-contrast: ;
107
- --tw-backdrop-grayscale: ;
108
- --tw-backdrop-hue-rotate: ;
109
- --tw-backdrop-invert: ;
110
- --tw-backdrop-opacity: ;
111
- --tw-backdrop-saturate: ;
112
- --tw-backdrop-sepia: ;
113
- --tw-contain-size: ;
114
- --tw-contain-layout: ;
115
- --tw-contain-paint: ;
116
- --tw-contain-style: ;
117
- }
118
- ::backdrop {
119
- --tw-border-spacing-x: 0;
120
- --tw-border-spacing-y: 0;
121
- --tw-translate-x: 0;
122
- --tw-translate-y: 0;
123
- --tw-rotate: 0;
124
- --tw-skew-x: 0;
125
- --tw-skew-y: 0;
126
- --tw-scale-x: 1;
127
- --tw-scale-y: 1;
128
- --tw-pan-x: ;
129
- --tw-pan-y: ;
130
- --tw-pinch-zoom: ;
131
- --tw-scroll-snap-strictness: proximity;
132
- --tw-gradient-from-position: ;
133
- --tw-gradient-via-position: ;
134
- --tw-gradient-to-position: ;
135
- --tw-ordinal: ;
136
- --tw-slashed-zero: ;
137
- --tw-numeric-figure: ;
138
- --tw-numeric-spacing: ;
139
- --tw-numeric-fraction: ;
140
- --tw-ring-inset: ;
141
- --tw-ring-offset-width: 0px;
142
- --tw-ring-offset-color: #fff;
143
- --tw-ring-color: rgb(59 130 246 / 0.5);
144
- --tw-ring-offset-shadow: 0 0 #0000;
145
- --tw-ring-shadow: 0 0 #0000;
146
- --tw-shadow: 0 0 #0000;
147
- --tw-shadow-colored: 0 0 #0000;
148
- --tw-blur: ;
149
- --tw-brightness: ;
150
- --tw-contrast: ;
151
- --tw-grayscale: ;
152
- --tw-hue-rotate: ;
153
- --tw-invert: ;
154
- --tw-saturate: ;
155
- --tw-sepia: ;
156
- --tw-drop-shadow: ;
157
- --tw-backdrop-blur: ;
158
- --tw-backdrop-brightness: ;
159
- --tw-backdrop-contrast: ;
160
- --tw-backdrop-grayscale: ;
161
- --tw-backdrop-hue-rotate: ;
162
- --tw-backdrop-invert: ;
163
- --tw-backdrop-opacity: ;
164
- --tw-backdrop-saturate: ;
165
- --tw-backdrop-sepia: ;
166
- --tw-contain-size: ;
167
- --tw-contain-layout: ;
168
- --tw-contain-paint: ;
169
- --tw-contain-style: ;
170
- }
171
- .\!container {
172
- width: 100% !important;
173
- }
174
- .container {
175
- width: 100%;
176
- }
177
- @media (min-width: 640px) {
178
- .\!container {
179
- max-width: 640px !important;
180
- }
181
- .container {
182
- max-width: 640px;
183
- }
184
- }
185
- @media (min-width: 768px) {
186
- .\!container {
187
- max-width: 768px !important;
188
- }
189
- .container {
190
- max-width: 768px;
191
- }
192
- }
193
- @media (min-width: 1024px) {
194
- .\!container {
195
- max-width: 1024px !important;
196
- }
197
- .container {
198
- max-width: 1024px;
199
- }
200
- }
201
- @media (min-width: 1280px) {
202
- .\!container {
203
- max-width: 1280px !important;
204
- }
205
- .container {
206
- max-width: 1280px;
207
- }
208
- }
209
- @media (min-width: 1536px) {
210
- .\!container {
211
- max-width: 1536px !important;
212
- }
213
- .container {
214
- max-width: 1536px;
215
- }
216
- }
65
+ }/* @tailwind base;
66
+ @tailwind components; */
217
67
  .pointer-events-none {
218
68
  pointer-events: none;
219
69
  }
@@ -396,9 +246,6 @@
396
246
  .h-10 {
397
247
  height: 2.5rem;
398
248
  }
399
- .h-11 {
400
- height: 2.75rem;
401
- }
402
249
  .h-2\.5 {
403
250
  height: 0.625rem;
404
251
  }
@@ -558,9 +405,6 @@
558
405
  .flex-wrap {
559
406
  flex-wrap: wrap;
560
407
  }
561
- .flex-nowrap {
562
- flex-wrap: nowrap;
563
- }
564
408
  .items-center {
565
409
  align-items: center;
566
410
  }
@@ -627,9 +471,6 @@
627
471
  .whitespace-normal {
628
472
  white-space: normal;
629
473
  }
630
- .whitespace-nowrap {
631
- white-space: nowrap;
632
- }
633
474
  .break-all {
634
475
  word-break: break-all;
635
476
  }
@@ -656,12 +497,6 @@
656
497
  border-top-right-radius: 1.75rem;
657
498
  border-bottom-right-radius: 1.75rem;
658
499
  }
659
- .rounded-tl-lg {
660
- border-top-left-radius: 0.5rem;
661
- }
662
- .rounded-tr-lg {
663
- border-top-right-radius: 0.5rem;
664
- }
665
500
  .border {
666
501
  border-width: 1px;
667
502
  }
package/dist/index.umd.js CHANGED
@@ -73,158 +73,8 @@ var __publicField = (obj, key, value) => {
73
73
  80%, 90% {
74
74
  stroke: #ffa700;
75
75
  }
76
- }*, ::before, ::after {\r
77
- --tw-border-spacing-x: 0;\r
78
- --tw-border-spacing-y: 0;\r
79
- --tw-translate-x: 0;\r
80
- --tw-translate-y: 0;\r
81
- --tw-rotate: 0;\r
82
- --tw-skew-x: 0;\r
83
- --tw-skew-y: 0;\r
84
- --tw-scale-x: 1;\r
85
- --tw-scale-y: 1;\r
86
- --tw-pan-x: ;\r
87
- --tw-pan-y: ;\r
88
- --tw-pinch-zoom: ;\r
89
- --tw-scroll-snap-strictness: proximity;\r
90
- --tw-gradient-from-position: ;\r
91
- --tw-gradient-via-position: ;\r
92
- --tw-gradient-to-position: ;\r
93
- --tw-ordinal: ;\r
94
- --tw-slashed-zero: ;\r
95
- --tw-numeric-figure: ;\r
96
- --tw-numeric-spacing: ;\r
97
- --tw-numeric-fraction: ;\r
98
- --tw-ring-inset: ;\r
99
- --tw-ring-offset-width: 0px;\r
100
- --tw-ring-offset-color: #fff;\r
101
- --tw-ring-color: rgb(59 130 246 / 0.5);\r
102
- --tw-ring-offset-shadow: 0 0 #0000;\r
103
- --tw-ring-shadow: 0 0 #0000;\r
104
- --tw-shadow: 0 0 #0000;\r
105
- --tw-shadow-colored: 0 0 #0000;\r
106
- --tw-blur: ;\r
107
- --tw-brightness: ;\r
108
- --tw-contrast: ;\r
109
- --tw-grayscale: ;\r
110
- --tw-hue-rotate: ;\r
111
- --tw-invert: ;\r
112
- --tw-saturate: ;\r
113
- --tw-sepia: ;\r
114
- --tw-drop-shadow: ;\r
115
- --tw-backdrop-blur: ;\r
116
- --tw-backdrop-brightness: ;\r
117
- --tw-backdrop-contrast: ;\r
118
- --tw-backdrop-grayscale: ;\r
119
- --tw-backdrop-hue-rotate: ;\r
120
- --tw-backdrop-invert: ;\r
121
- --tw-backdrop-opacity: ;\r
122
- --tw-backdrop-saturate: ;\r
123
- --tw-backdrop-sepia: ;\r
124
- --tw-contain-size: ;\r
125
- --tw-contain-layout: ;\r
126
- --tw-contain-paint: ;\r
127
- --tw-contain-style: ;\r
128
- }\r
129
- ::backdrop {\r
130
- --tw-border-spacing-x: 0;\r
131
- --tw-border-spacing-y: 0;\r
132
- --tw-translate-x: 0;\r
133
- --tw-translate-y: 0;\r
134
- --tw-rotate: 0;\r
135
- --tw-skew-x: 0;\r
136
- --tw-skew-y: 0;\r
137
- --tw-scale-x: 1;\r
138
- --tw-scale-y: 1;\r
139
- --tw-pan-x: ;\r
140
- --tw-pan-y: ;\r
141
- --tw-pinch-zoom: ;\r
142
- --tw-scroll-snap-strictness: proximity;\r
143
- --tw-gradient-from-position: ;\r
144
- --tw-gradient-via-position: ;\r
145
- --tw-gradient-to-position: ;\r
146
- --tw-ordinal: ;\r
147
- --tw-slashed-zero: ;\r
148
- --tw-numeric-figure: ;\r
149
- --tw-numeric-spacing: ;\r
150
- --tw-numeric-fraction: ;\r
151
- --tw-ring-inset: ;\r
152
- --tw-ring-offset-width: 0px;\r
153
- --tw-ring-offset-color: #fff;\r
154
- --tw-ring-color: rgb(59 130 246 / 0.5);\r
155
- --tw-ring-offset-shadow: 0 0 #0000;\r
156
- --tw-ring-shadow: 0 0 #0000;\r
157
- --tw-shadow: 0 0 #0000;\r
158
- --tw-shadow-colored: 0 0 #0000;\r
159
- --tw-blur: ;\r
160
- --tw-brightness: ;\r
161
- --tw-contrast: ;\r
162
- --tw-grayscale: ;\r
163
- --tw-hue-rotate: ;\r
164
- --tw-invert: ;\r
165
- --tw-saturate: ;\r
166
- --tw-sepia: ;\r
167
- --tw-drop-shadow: ;\r
168
- --tw-backdrop-blur: ;\r
169
- --tw-backdrop-brightness: ;\r
170
- --tw-backdrop-contrast: ;\r
171
- --tw-backdrop-grayscale: ;\r
172
- --tw-backdrop-hue-rotate: ;\r
173
- --tw-backdrop-invert: ;\r
174
- --tw-backdrop-opacity: ;\r
175
- --tw-backdrop-saturate: ;\r
176
- --tw-backdrop-sepia: ;\r
177
- --tw-contain-size: ;\r
178
- --tw-contain-layout: ;\r
179
- --tw-contain-paint: ;\r
180
- --tw-contain-style: ;\r
181
- }\r
182
- .\\!container {\r
183
- width: 100% !important;\r
184
- }\r
185
- .container {\r
186
- width: 100%;\r
187
- }\r
188
- @media (min-width: 640px) {\r
189
- .\\!container {\r
190
- max-width: 640px !important;\r
191
- }\r
192
- .container {\r
193
- max-width: 640px;\r
194
- }\r
195
- }\r
196
- @media (min-width: 768px) {\r
197
- .\\!container {\r
198
- max-width: 768px !important;\r
199
- }\r
200
- .container {\r
201
- max-width: 768px;\r
202
- }\r
203
- }\r
204
- @media (min-width: 1024px) {\r
205
- .\\!container {\r
206
- max-width: 1024px !important;\r
207
- }\r
208
- .container {\r
209
- max-width: 1024px;\r
210
- }\r
211
- }\r
212
- @media (min-width: 1280px) {\r
213
- .\\!container {\r
214
- max-width: 1280px !important;\r
215
- }\r
216
- .container {\r
217
- max-width: 1280px;\r
218
- }\r
219
- }\r
220
- @media (min-width: 1536px) {\r
221
- .\\!container {\r
222
- max-width: 1536px !important;\r
223
- }\r
224
- .container {\r
225
- max-width: 1536px;\r
226
- }\r
227
- }\r
76
+ }/* @tailwind base;\r
77
+ @tailwind components; */\r
228
78
  .pointer-events-none {\r
229
79
  pointer-events: none;\r
230
80
  }\r
@@ -407,9 +257,6 @@ var __publicField = (obj, key, value) => {
407
257
  .h-10 {\r
408
258
  height: 2.5rem;\r
409
259
  }\r
410
- .h-11 {\r
411
- height: 2.75rem;\r
412
- }\r
413
260
  .h-2\\.5 {\r
414
261
  height: 0.625rem;\r
415
262
  }\r
@@ -569,9 +416,6 @@ var __publicField = (obj, key, value) => {
569
416
  .flex-wrap {\r
570
417
  flex-wrap: wrap;\r
571
418
  }\r
572
- .flex-nowrap {\r
573
- flex-wrap: nowrap;\r
574
- }\r
575
419
  .items-center {\r
576
420
  align-items: center;\r
577
421
  }\r
@@ -638,9 +482,6 @@ var __publicField = (obj, key, value) => {
638
482
  .whitespace-normal {\r
639
483
  white-space: normal;\r
640
484
  }\r
641
- .whitespace-nowrap {\r
642
- white-space: nowrap;\r
643
- }\r
644
485
  .break-all {\r
645
486
  word-break: break-all;\r
646
487
  }\r
@@ -667,12 +508,6 @@ var __publicField = (obj, key, value) => {
667
508
  border-top-right-radius: 1.75rem;\r
668
509
  border-bottom-right-radius: 1.75rem;\r
669
510
  }\r
670
- .rounded-tl-lg {\r
671
- border-top-left-radius: 0.5rem;\r
672
- }\r
673
- .rounded-tr-lg {\r
674
- border-top-right-radius: 0.5rem;\r
675
- }\r
676
511
  .border {\r
677
512
  border-width: 1px;\r
678
513
  }\r
@@ -1218,20 +1053,57 @@ var __publicField = (obj, key, value) => {
1218
1053
  .group\\/scroll:hover .sm\\:group-hover\\/scroll\\:opacity-100 {\r
1219
1054
  opacity: 1;\r
1220
1055
  }\r
1056
+ }.\\!container {
1057
+ width: 100% !important
1058
+ }
1059
+ .container {
1060
+ width: 100%
1061
+ }
1062
+ @media (min-width: 640px) {
1063
+ .\\!container {
1064
+ max-width: 640px !important
1065
+ }
1066
+ .container {
1067
+ max-width: 640px
1068
+ }
1069
+ }
1070
+ @media (min-width: 768px) {
1071
+ .\\!container {
1072
+ max-width: 768px !important
1073
+ }
1074
+ .container {
1075
+ max-width: 768px
1076
+ }
1221
1077
  }
1222
- .fade-enter-active,
1223
- .fade-leave-active {
1224
- transition: opacity 0.2s ease;
1078
+ @media (min-width: 1024px) {
1079
+ .\\!container {
1080
+ max-width: 1024px !important
1225
1081
  }
1226
- .fade-enter-from,
1227
- .fade-leave-to {
1228
- opacity: 0;
1082
+ .container {
1083
+ max-width: 1024px
1229
1084
  }
1085
+ }
1086
+ @media (min-width: 1280px) {
1087
+ .\\!container {
1088
+ max-width: 1280px !important
1089
+ }
1090
+ .container {
1091
+ max-width: 1280px
1092
+ }
1093
+ }
1094
+ @media (min-width: 1536px) {
1095
+ .\\!container {
1096
+ max-width: 1536px !important
1097
+ }
1098
+ .container {
1099
+ max-width: 1536px
1100
+ }
1101
+ }
1102
+ @layer {
1230
1103
  .ETab {
1231
1104
  display: flex;
1232
- width: -moz-max-content;
1233
- width: max-content;
1234
- flex-wrap: nowrap;
1105
+ width: 100%;
1106
+ flex-wrap: wrap;
1235
1107
  --tw-text-opacity: 1;
1236
1108
  color: rgb(102 102 102 / var(--tw-text-opacity, 1))
1237
1109
  }
@@ -1303,6 +1175,7 @@ var __publicField = (obj, key, value) => {
1303
1175
  .ETab_Card .ETab_Line_Btn_Btw {
1304
1176
  --tw-bg-opacity: 1;
1305
1177
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
1178
+ }
1306
1179
  }`;
1307
1180
  document.head.appendChild(__vite_style__);
1308
1181
  const _export_sfc = (sfc, props) => {
@@ -2326,7 +2199,6 @@ var __publicField = (obj, key, value) => {
2326
2199
  };
2327
2200
  }
2328
2201
  });
2329
- const dialog_vue_vue_type_style_index_0_lang = "";
2330
2202
  const dialog = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2331
2203
  __proto__: null,
2332
2204
  default: _sfc_main$D
@@ -2479,8 +2351,8 @@ var __publicField = (obj, key, value) => {
2479
2351
  }
2480
2352
  if (validator) {
2481
2353
  const result = await FunctionToPromise(validator, aimdata);
2482
- if (result !== null) {
2483
- setErrHandle();
2354
+ if (result !== void 0) {
2355
+ setErrHandle(result);
2484
2356
  break;
2485
2357
  }
2486
2358
  }
@@ -5705,12 +5577,12 @@ var __publicField = (obj, key, value) => {
5705
5577
  }
5706
5578
  });
5707
5579
  });
5708
- if (showBaseline.value) {
5580
+ if (observerRef.value) {
5709
5581
  observer.observe(observerRef.value);
5710
5582
  }
5711
5583
  });
5712
5584
  vue.onUnmounted(() => {
5713
- if (showBaseline.value) {
5585
+ if (observerRef.value) {
5714
5586
  observer.unobserve(observerRef.value);
5715
5587
  }
5716
5588
  });
package/dist/js/dialog/dialog.js CHANGED
@@ -116,7 +116,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
116
116
  };
117
117
  }
118
118
  });
119
- const dialog_vue_vue_type_style_index_0_lang = "";
120
119
  export {
121
120
  _sfc_main as default
122
121
  };
package/dist/js/form/formlabel.js CHANGED
@@ -68,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
68
68
  }
69
69
  if (validator) {
70
70
  const result = await FunctionToPromise(validator, aimdata);
71
- if (result !== null) {
72
- setErrHandle();
71
+ if (result !== void 0) {
72
+ setErrHandle(result);
73
73
  break;
74
74
  }
75
75
  }
package/dist/js/tabs/tabs.js CHANGED
@@ -140,12 +140,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
140
140
  }
141
141
  });
142
142
  });
143
- if (showBaseline.value) {
143
+ if (observerRef.value) {
144
144
  observer.observe(observerRef.value);
145
145
  }
146
146
  });
147
147
  onUnmounted(() => {
148
- if (showBaseline.value) {
148
+ if (observerRef.value) {
149
149
  observer.unobserve(observerRef.value);
150
150
  }
151
151
  });
package/dist/tabs.css CHANGED
@@ -1,8 +1,54 @@
1
+ .\!container {
2
+ width: 100% !important
3
+ }
4
+ .container {
5
+ width: 100%
6
+ }
7
+ @media (min-width: 640px) {
8
+ .\!container {
9
+ max-width: 640px !important
10
+ }
11
+ .container {
12
+ max-width: 640px
13
+ }
14
+ }
15
+ @media (min-width: 768px) {
16
+ .\!container {
17
+ max-width: 768px !important
18
+ }
19
+ .container {
20
+ max-width: 768px
21
+ }
22
+ }
23
+ @media (min-width: 1024px) {
24
+ .\!container {
25
+ max-width: 1024px !important
26
+ }
27
+ .container {
28
+ max-width: 1024px
29
+ }
30
+ }
31
+ @media (min-width: 1280px) {
32
+ .\!container {
33
+ max-width: 1280px !important
34
+ }
35
+ .container {
36
+ max-width: 1280px
37
+ }
38
+ }
39
+ @media (min-width: 1536px) {
40
+ .\!container {
41
+ max-width: 1536px !important
42
+ }
43
+ .container {
44
+ max-width: 1536px
45
+ }
46
+ }
47
+ @layer {
1
48
  .ETab {
2
49
  display: flex;
3
- width: -moz-max-content;
4
- width: max-content;
5
- flex-wrap: nowrap;
50
+ width: 100%;
51
+ flex-wrap: wrap;
6
52
  --tw-text-opacity: 1;
7
53
  color: rgb(102 102 102 / var(--tw-text-opacity, 1))
8
54
  }
@@ -74,4 +120,5 @@
74
120
  .ETab_Card .ETab_Line_Btn_Btw {
75
121
  --tw-bg-opacity: 1;
76
122
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
123
+ }
77
124
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninemoon-ui",
3
3
  "private": false,
4
- "version": "0.1.1",
4
+ "version": "0.1.2",
5
5
  "author": "zhuboy",
6
6
  "keywords": [
7
7
  "vue3",
package/dist/dialog.css DELETED
@@ -1,9 +0,0 @@
1
-
2
- .fade-enter-active,
3
- .fade-leave-active {
4
- transition: opacity 0.2s ease;
5
- }
6
- .fade-enter-from,
7
- .fade-leave-to {
8
- opacity: 0;
9
- }