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 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: "click",
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: "click",
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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninemoon-ui",
3
3
  "private": false,
4
- "version": "0.0.7",
4
+ "version": "0.0.8",
5
5
  "author": "zhuboy",
6
6
  "keywords": [
7
7
  "vue3",