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