ninemoon-ui 0.0.7 → 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 +10 -0
- package/dist/index.umd.js +28 -2
- package/dist/js/date/datepickerRange.js +18 -2
- 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
|
}
|
|
@@ -799,6 +802,10 @@
|
|
|
799
802
|
.hover\:tdd-bg-gray-200:hover {
|
|
800
803
|
--tw-bg-opacity: 1;
|
|
801
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));
|
|
802
809
|
}
|
|
803
810
|
.hover\:tdd-text-blue-brand:hover {
|
|
804
811
|
--tw-text-opacity: 1;
|
|
@@ -810,6 +817,9 @@
|
|
|
810
817
|
.focus\:tdd-outline-none:focus {
|
|
811
818
|
outline: 2px solid transparent;
|
|
812
819
|
outline-offset: 2px;
|
|
820
|
+
}
|
|
821
|
+
.active\:tdd-to-blue-700:active {
|
|
822
|
+
--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
|
|
813
823
|
}
|
|
814
824
|
.tdd-group:hover .group-hover\:tdd-flex {
|
|
815
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
|
}
|
|
@@ -804,6 +807,10 @@
|
|
|
804
807
|
.hover\\:tdd-bg-gray-200:hover {
|
|
805
808
|
--tw-bg-opacity: 1;
|
|
806
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));
|
|
807
814
|
}
|
|
808
815
|
.hover\\:tdd-text-blue-brand:hover {
|
|
809
816
|
--tw-text-opacity: 1;
|
|
@@ -815,6 +822,9 @@
|
|
|
815
822
|
.focus\\:tdd-outline-none:focus {
|
|
816
823
|
outline: 2px solid transparent;
|
|
817
824
|
outline-offset: 2px;
|
|
825
|
+
}
|
|
826
|
+
.active\\:tdd-to-blue-700:active {
|
|
827
|
+
--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
|
|
818
828
|
}
|
|
819
829
|
.tdd-group:hover .group-hover\\:tdd-flex {
|
|
820
830
|
display: flex;
|
|
@@ -3529,7 +3539,7 @@
|
|
|
3529
3539
|
key: "daymode"
|
|
3530
3540
|
};
|
|
3531
3541
|
const _hoisted_22 = ["onMouseenter", "onClick"];
|
|
3532
|
-
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" };
|
|
3533
3543
|
const _hoisted_24 = ["value"];
|
|
3534
3544
|
const _hoisted_25 = /* @__PURE__ */ vue.createElementVNode("div", { class: "tdd-mx-2" }, "至", -1);
|
|
3535
3545
|
const _hoisted_26 = ["value"];
|
|
@@ -3542,6 +3552,9 @@
|
|
|
3542
3552
|
setup(__props, { emit }) {
|
|
3543
3553
|
const props = __props;
|
|
3544
3554
|
const Pop = vue.defineAsyncComponent(() => Promise.resolve().then(() => popover));
|
|
3555
|
+
const deleteDateHandle = () => {
|
|
3556
|
+
emit("update:modelValue", [null, null]);
|
|
3557
|
+
};
|
|
3545
3558
|
const date1ChangeHandle = (e) => {
|
|
3546
3559
|
let target = e.target;
|
|
3547
3560
|
let year = new Date(target.value).getFullYear();
|
|
@@ -3550,6 +3563,7 @@
|
|
|
3550
3563
|
emit("update:modelValue", [`${year}-${addZero(month)}-${addZero(day)}`, date2.value]);
|
|
3551
3564
|
};
|
|
3552
3565
|
const date2ChangeHandle = (e) => {
|
|
3566
|
+
debugger;
|
|
3553
3567
|
let target = e.target;
|
|
3554
3568
|
let year = new Date(target.value).getFullYear();
|
|
3555
3569
|
let month = new Date(target.value).getMonth() + 1;
|
|
@@ -3836,7 +3850,7 @@
|
|
|
3836
3850
|
return vue.openBlock(), vue.createBlock(vue.unref(Pop), {
|
|
3837
3851
|
width: "512",
|
|
3838
3852
|
insertClass: "tdd-z-2000 !tdd-p-0",
|
|
3839
|
-
trigger: "
|
|
3853
|
+
trigger: "native",
|
|
3840
3854
|
modelValue: showD.value,
|
|
3841
3855
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
|
|
3842
3856
|
placement: "bottomleft"
|
|
@@ -4002,6 +4016,18 @@
|
|
|
4002
4016
|
], 32)
|
|
4003
4017
|
])
|
|
4004
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
|
+
}, "确定")
|
|
4005
4031
|
])
|
|
4006
4032
|
]),
|
|
4007
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
|