ninemoon-ui 0.0.6 → 0.0.8
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/index.css +13 -0
- package/dist/index.umd.js +32 -3
- package/dist/js/date/datepickerRange.js +18 -2
- package/dist/js/select/select.js +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -349,6 +349,9 @@
|
|
|
349
349
|
.tdd-items-center {
|
|
350
350
|
align-items: center;
|
|
351
351
|
}
|
|
352
|
+
.tdd-justify-end {
|
|
353
|
+
justify-content: flex-end;
|
|
354
|
+
}
|
|
352
355
|
.tdd-justify-center {
|
|
353
356
|
justify-content: center;
|
|
354
357
|
}
|
|
@@ -580,6 +583,9 @@
|
|
|
580
583
|
.\!tdd-p-0 {
|
|
581
584
|
padding: 0px !important;
|
|
582
585
|
}
|
|
586
|
+
.\!tdd-p-1 {
|
|
587
|
+
padding: 0.25rem !important;
|
|
588
|
+
}
|
|
583
589
|
.tdd-p-1 {
|
|
584
590
|
padding: 0.25rem;
|
|
585
591
|
}
|
|
@@ -796,6 +802,10 @@
|
|
|
796
802
|
.hover\:tdd-bg-gray-200:hover {
|
|
797
803
|
--tw-bg-opacity: 1;
|
|
798
804
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
805
|
+
}
|
|
806
|
+
.hover\:tdd-text-blue-500:hover {
|
|
807
|
+
--tw-text-opacity: 1;
|
|
808
|
+
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
799
809
|
}
|
|
800
810
|
.hover\:tdd-text-blue-brand:hover {
|
|
801
811
|
--tw-text-opacity: 1;
|
|
@@ -807,6 +817,9 @@
|
|
|
807
817
|
.focus\:tdd-outline-none:focus {
|
|
808
818
|
outline: 2px solid transparent;
|
|
809
819
|
outline-offset: 2px;
|
|
820
|
+
}
|
|
821
|
+
.active\:tdd-to-blue-700:active {
|
|
822
|
+
--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
|
|
810
823
|
}
|
|
811
824
|
.tdd-group:hover .group-hover\:tdd-flex {
|
|
812
825
|
display: flex;
|
package/dist/index.umd.js
CHANGED
|
@@ -354,6 +354,9 @@
|
|
|
354
354
|
.tdd-items-center {
|
|
355
355
|
align-items: center;
|
|
356
356
|
}
|
|
357
|
+
.tdd-justify-end {
|
|
358
|
+
justify-content: flex-end;
|
|
359
|
+
}
|
|
357
360
|
.tdd-justify-center {
|
|
358
361
|
justify-content: center;
|
|
359
362
|
}
|
|
@@ -585,6 +588,9 @@
|
|
|
585
588
|
.\\!tdd-p-0 {
|
|
586
589
|
padding: 0px !important;
|
|
587
590
|
}
|
|
591
|
+
.\\!tdd-p-1 {
|
|
592
|
+
padding: 0.25rem !important;
|
|
593
|
+
}
|
|
588
594
|
.tdd-p-1 {
|
|
589
595
|
padding: 0.25rem;
|
|
590
596
|
}
|
|
@@ -801,6 +807,10 @@
|
|
|
801
807
|
.hover\\:tdd-bg-gray-200:hover {
|
|
802
808
|
--tw-bg-opacity: 1;
|
|
803
809
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
810
|
+
}
|
|
811
|
+
.hover\\:tdd-text-blue-500:hover {
|
|
812
|
+
--tw-text-opacity: 1;
|
|
813
|
+
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
804
814
|
}
|
|
805
815
|
.hover\\:tdd-text-blue-brand:hover {
|
|
806
816
|
--tw-text-opacity: 1;
|
|
@@ -812,6 +822,9 @@
|
|
|
812
822
|
.focus\\:tdd-outline-none:focus {
|
|
813
823
|
outline: 2px solid transparent;
|
|
814
824
|
outline-offset: 2px;
|
|
825
|
+
}
|
|
826
|
+
.active\\:tdd-to-blue-700:active {
|
|
827
|
+
--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
|
|
815
828
|
}
|
|
816
829
|
.tdd-group:hover .group-hover\\:tdd-flex {
|
|
817
830
|
display: flex;
|
|
@@ -2491,7 +2504,7 @@
|
|
|
2491
2504
|
trigger: "native",
|
|
2492
2505
|
modelValue: showOption.value,
|
|
2493
2506
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showOption.value = $event),
|
|
2494
|
-
insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm tdd-p-1",
|
|
2507
|
+
insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm !tdd-p-1",
|
|
2495
2508
|
placement: "bottomleft"
|
|
2496
2509
|
}, {
|
|
2497
2510
|
reference: vue.withCtx(() => [
|
|
@@ -3526,7 +3539,7 @@
|
|
|
3526
3539
|
key: "daymode"
|
|
3527
3540
|
};
|
|
3528
3541
|
const _hoisted_22 = ["onMouseenter", "onClick"];
|
|
3529
|
-
const _hoisted_23 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-px-3" };
|
|
3542
|
+
const _hoisted_23 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-px-3 tdd-text-word3" };
|
|
3530
3543
|
const _hoisted_24 = ["value"];
|
|
3531
3544
|
const _hoisted_25 = /* @__PURE__ */ vue.createElementVNode("div", { class: "tdd-mx-2" }, "至", -1);
|
|
3532
3545
|
const _hoisted_26 = ["value"];
|
|
@@ -3539,6 +3552,9 @@
|
|
|
3539
3552
|
setup(__props, { emit }) {
|
|
3540
3553
|
const props = __props;
|
|
3541
3554
|
const Pop = vue.defineAsyncComponent(() => Promise.resolve().then(() => popover));
|
|
3555
|
+
const deleteDateHandle = () => {
|
|
3556
|
+
emit("update:modelValue", [null, null]);
|
|
3557
|
+
};
|
|
3542
3558
|
const date1ChangeHandle = (e) => {
|
|
3543
3559
|
let target = e.target;
|
|
3544
3560
|
let year = new Date(target.value).getFullYear();
|
|
@@ -3547,6 +3563,7 @@
|
|
|
3547
3563
|
emit("update:modelValue", [`${year}-${addZero(month)}-${addZero(day)}`, date2.value]);
|
|
3548
3564
|
};
|
|
3549
3565
|
const date2ChangeHandle = (e) => {
|
|
3566
|
+
debugger;
|
|
3550
3567
|
let target = e.target;
|
|
3551
3568
|
let year = new Date(target.value).getFullYear();
|
|
3552
3569
|
let month = new Date(target.value).getMonth() + 1;
|
|
@@ -3833,7 +3850,7 @@
|
|
|
3833
3850
|
return vue.openBlock(), vue.createBlock(vue.unref(Pop), {
|
|
3834
3851
|
width: "512",
|
|
3835
3852
|
insertClass: "tdd-z-2000 !tdd-p-0",
|
|
3836
|
-
trigger: "
|
|
3853
|
+
trigger: "native",
|
|
3837
3854
|
modelValue: showD.value,
|
|
3838
3855
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
|
|
3839
3856
|
placement: "bottomleft"
|
|
@@ -3999,6 +4016,18 @@
|
|
|
3999
4016
|
], 32)
|
|
4000
4017
|
])
|
|
4001
4018
|
])
|
|
4019
|
+
]),
|
|
4020
|
+
vue.createElementVNode("div", { class: "tdd-flex tdd-justify-end tdd-space-x-2 tdd-text-sm tdd-px-3 tdd-py-1" }, [
|
|
4021
|
+
vue.createElementVNode("button", {
|
|
4022
|
+
type: "button",
|
|
4023
|
+
class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
|
|
4024
|
+
onClick: deleteDateHandle
|
|
4025
|
+
}, "清空"),
|
|
4026
|
+
vue.createElementVNode("button", {
|
|
4027
|
+
type: "button",
|
|
4028
|
+
class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
|
|
4029
|
+
onClick: hideDatePick
|
|
4030
|
+
}, "确定")
|
|
4002
4031
|
])
|
|
4003
4032
|
]),
|
|
4004
4033
|
_: 1
|
|
@@ -95,7 +95,7 @@ const _hoisted_21 = {
|
|
|
95
95
|
key: "daymode"
|
|
96
96
|
};
|
|
97
97
|
const _hoisted_22 = ["onMouseenter", "onClick"];
|
|
98
|
-
const _hoisted_23 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-px-3" };
|
|
98
|
+
const _hoisted_23 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-px-3 tdd-text-word3" };
|
|
99
99
|
const _hoisted_24 = ["value"];
|
|
100
100
|
const _hoisted_25 = /* @__PURE__ */ createElementVNode("div", { class: "tdd-mx-2" }, "至", -1);
|
|
101
101
|
const _hoisted_26 = ["value"];
|
|
@@ -108,6 +108,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
108
108
|
setup(__props, { emit }) {
|
|
109
109
|
const props = __props;
|
|
110
110
|
const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
|
|
111
|
+
const deleteDateHandle = () => {
|
|
112
|
+
emit("update:modelValue", [null, null]);
|
|
113
|
+
};
|
|
111
114
|
const date1ChangeHandle = (e) => {
|
|
112
115
|
let target = e.target;
|
|
113
116
|
let year = new Date(target.value).getFullYear();
|
|
@@ -116,6 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
116
119
|
emit("update:modelValue", [`${year}-${addZero(month)}-${addZero(day)}`, date2.value]);
|
|
117
120
|
};
|
|
118
121
|
const date2ChangeHandle = (e) => {
|
|
122
|
+
debugger;
|
|
119
123
|
let target = e.target;
|
|
120
124
|
let year = new Date(target.value).getFullYear();
|
|
121
125
|
let month = new Date(target.value).getMonth() + 1;
|
|
@@ -402,7 +406,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
402
406
|
return openBlock(), createBlock(unref(Pop), {
|
|
403
407
|
width: "512",
|
|
404
408
|
insertClass: "tdd-z-2000 !tdd-p-0",
|
|
405
|
-
trigger: "
|
|
409
|
+
trigger: "native",
|
|
406
410
|
modelValue: showD.value,
|
|
407
411
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
|
|
408
412
|
placement: "bottomleft"
|
|
@@ -568,6 +572,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
568
572
|
], 32)
|
|
569
573
|
])
|
|
570
574
|
])
|
|
575
|
+
]),
|
|
576
|
+
createElementVNode("div", { class: "tdd-flex tdd-justify-end tdd-space-x-2 tdd-text-sm tdd-px-3 tdd-py-1" }, [
|
|
577
|
+
createElementVNode("button", {
|
|
578
|
+
type: "button",
|
|
579
|
+
class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
|
|
580
|
+
onClick: deleteDateHandle
|
|
581
|
+
}, "清空"),
|
|
582
|
+
createElementVNode("button", {
|
|
583
|
+
type: "button",
|
|
584
|
+
class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
|
|
585
|
+
onClick: hideDatePick
|
|
586
|
+
}, "确定")
|
|
571
587
|
])
|
|
572
588
|
]),
|
|
573
589
|
_: 1
|
package/dist/js/select/select.js
CHANGED
|
@@ -93,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
93
93
|
trigger: "native",
|
|
94
94
|
modelValue: showOption.value,
|
|
95
95
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showOption.value = $event),
|
|
96
|
-
insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm tdd-p-1",
|
|
96
|
+
insertClass: "tdd-min-w-[200px] tdd-z-2000 tdd-text-sm !tdd-p-1",
|
|
97
97
|
placement: "bottomleft"
|
|
98
98
|
}, {
|
|
99
99
|
reference: withCtx(() => [
|