ninemoon-ui 0.1.14 → 0.2.1

package/dist/js/calendar/calendar.js

@@ -51,12 +51,12 @@ const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z",
       fill: "#666666"
     }, null, -1)
-  ]));
+  ])]);
 }
 const Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = {};
@@ -67,7 +67,7 @@ const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M853.333333 149.333333h-138.666666V106.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v42.666666h-277.333334V106.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v42.666666H170.666667c-40.533333 0-74.666667 34.133333-74.666667 74.666667v618.666667C96 883.2 130.133333 917.333333 170.666667 917.333333h682.666666c40.533333 0 74.666667-34.133333 74.666667-74.666666v-618.666667C928 183.466667 893.866667 149.333333 853.333333 149.333333zM170.666667 213.333333h138.666666v64c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-64h277.333334v64c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-64H853.333333c6.4 0 10.666667 4.266667 10.666667 10.666667v194.133333c-4.266667-2.133333-6.4-2.133333-10.666667-2.133333H170.666667c-4.266667 0-6.4 0-10.666667 2.133333v-194.133333c0-6.4 4.266667-10.666667 10.666667-10.666667z m682.666666 640H170.666667c-6.4 0-10.666667-4.266667-10.666667-10.666666V477.866667c4.266667 2.133333 6.4 2.133333 10.666667 2.133333h682.666666c4.266667 0 6.4 0 10.666667-2.133333v364.8c0 6.4-4.266667 10.666667-10.666667 10.666666z",
       fill: "#666666"
@@ -76,7 +76,7 @@ function _sfc_render(_ctx, _cache) {
       d: "M384 608h-85.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h85.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM725.333333 608h-192c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h192c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z",
       fill: "#666666"
     }, null, -1)
-  ]));
+  ])]);
 }
 const Calendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/js/carousel/carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent, readonly, openBlock, createElementBlock, normalizeClass, unref, createVNode, useSlots, ref, onMounted, computed, watch, onUnmounted, normalizeStyle, h } from "vue";
+import { defineComponent, readonly, openBlock, createElementBlock, normalizeClass, unref, createVNode, useSlots, ref, onMounted, computed, h, watch, onUnmounted, normalizeStyle, createBlock, resolveDynamicComponent, Comment, Text, Fragment } from "vue";
 import { A as ArrowIcon } from "../arrow/arrow.js";
 import { S as ShapeFlags } from "../shapeFlag/shapeFlag.js";
 import "../index/index.js";
@@ -26,6 +26,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "carousel",
   props: {
+    width: {},
     height: {},
     holdstop: { type: Boolean, default: true },
     startindex: { default: 0 }
@@ -39,53 +40,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       translatexNum.value = body.value.offsetWidth;
     });
     const activeIndex = ref(props.startindex);
-    const validSlots = computed(() => {
-      return slots.default().reduce((pre, cur) => {
-        if (cur.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
-          pre = pre.concat(cur.children);
-        } else if (cur.shapeFlag & ShapeFlags.SLOTS_CHILDREN) {
-          pre.push(cur);
+    const flattenSlots = (nodes) => {
+      const result = [];
+      for (const node of nodes) {
+        if (!node)
+          continue;
+        if (node.type === Comment || node.type === Text)
+          continue;
+        if (node.type === Fragment) {
+          if (node.children) {
+            result.push(...flattenSlots(
+              Array.isArray(node.children) ? node.children : [node.children]
+            ));
+          }
+          continue;
+        }
+        if (node.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
+          if (node.children) {
+            result.push(...flattenSlots(node.children));
+          }
+          continue;
+        }
+        if (node.shapeFlag & (ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT | ShapeFlags.SLOTS_CHILDREN)) {
+          result.push(node);
         }
-        return pre;
-      }, []);
+      }
+      return result;
+    };
+    const validSlots = computed(() => {
+      var _a;
+      const defaultSlots = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+      return flattenSlots(defaultSlots);
     });
     const totalLen = computed(() => {
       return validSlots.value.length;
     });
     const calculateCarouselTransform = (currentIndex, activeIndex2, totalItems, itemWidth) => {
       if (totalItems <= 2) {
-        return Math.abs((currentIndex - activeIndex2) * itemWidth);
+        return (currentIndex - activeIndex2) * itemWidth;
       }
       const circularIndexDiff = (currentIndex - activeIndex2 + totalItems) % totalItems;
       const effectiveIndex = circularIndexDiff > totalItems / 2 ? circularIndexDiff - totalItems : circularIndexDiff;
       return effectiveIndex * itemWidth;
     };
-    const bodyHandle = (MySlot, currentIndex) => {
-      return h(
-        "div",
-        {
-          key: currentIndex,
-          class: normalizeClass([
-            "inline-block transition-all duration-700 w-full h-full absolute top-0 left-0 overflow-hidden",
-            [activeIndex.value === currentIndex ? "" : "opacity-0"]
-          ]),
-          style: {
-            transform: `translateX(${calculateCarouselTransform(
-              currentIndex,
-              activeIndex.value,
-              totalLen.value,
-              translatexNum.value
-            )}px)`
-          }
-        },
-        MySlot
-      );
-    };
-    const renderCarouselItem = () => {
-      return validSlots.value.map((MySlot, _) => {
-        return bodyHandle(MySlot, _);
-      });
-    };
+    const renderCarouselItem = computed(() => {
+      return () => {
+        return validSlots.value.map((node, idx) => {
+          return h(
+            "div",
+            {
+              key: idx,
+              class: "absolute top-0 w-full h-full",
+              style: {
+                transform: `translateX(${calculateCarouselTransform(
+                  idx,
+                  activeIndex.value,
+                  validSlots.value.length,
+                  translatexNum.value
+                )}px)`,
+                transition: "transform 0.5s ease-in-out",
+                zIndex: Math.abs(idx - activeIndex.value) <= 1 ? 2 : 1
+              }
+            },
+            [node]
+          );
+        });
+      };
+    });
     const preHandle = () => {
       activeIndex.value = (totalLen.value + activeIndex.value - 1) % totalLen.value;
       animationFrame.value && cancelAnimationFrame(animationFrame.value);
@@ -97,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const flagTime = ref(null);
     const animationFrame = ref(null);
     const startAutoplay = () => {
-      if (totalLen.value === 1 || totalLen.value === 0) {
+      if (totalLen.value <= 1) {
         animationFrame.value && cancelAnimationFrame(animationFrame.value);
         return;
       }
@@ -145,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: nextHandle,
           position: "right"
         }),
-        createVNode(renderCarouselItem)
+        (openBlock(), createBlock(resolveDynamicComponent(renderCarouselItem.value)))
       ], 36);
     };
   }

package/dist/js/check/checkbox.js

@@ -29,18 +29,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["select-none text-sm inline-flex items-center rounded-md mr-1 mb-1 cursor-pointer border overflow-hidden", { "cursor-not-allowed": _ctx.disabled }])
+        class: normalizeClass(["select-none text-sm inline-flex items-center rounded-md mr-1 mb-1 cursor-pointer border overflow-hidden", { "cursor-not-allowed": __props.disabled }])
       }, [
         withDirectives(createElementVNode("input", {
           type: "checkbox",
-          value: _ctx.value,
+          value: __props.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedState.value = $event),
-          disabled: _ctx.disabled,
+          disabled: __props.disabled,
           class: "peer hidden disabled:cursor-not-allowed form-tick appearance-none h-4 w-4 border border-gray-300 rounded checked:border-transparent checked:bg-blue-600 focus:outline-none"
         }, null, 8, _hoisted_1), [
           [vModelCheckbox, checkedState.value]
         ]),
-        createElementVNode("div", _hoisted_2, toDisplayString(_ctx.label), 1)
+        createElementVNode("div", _hoisted_2, toDisplayString(__props.label), 1)
       ], 2);
     };
   }

package/dist/js/date/datepicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, withKeys, createElementBlock, createCommentVNode, toDisplayString, withDirectives, vShow, TransitionGroup, Fragment, renderList, nextTick } from "vue";
-import { g as getNewArray, e as checkinputDate, f as formatDate } from "../index/index.js";
+import { f as formatDate, g as getNewArray, e as checkinputDate } from "../index/index.js";
 import { g as getMonthDays, C as Calendar, A as Arrow, a as addZero } from "../calendar/calendar.js";
 import { A as ArrowPlug } from "../dateArrowplus/dateArrowplus.js";
 const _hoisted_1 = { class: "flex items-center justify-between p-3" };
@@ -37,11 +37,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "h-8": props.size === "small",
       "h-7": props.size === "mini"
     }));
+    const inputDisplayValue = computed(() => {
+      if (!props.modelValue)
+        return "";
+      return formatDate(props.modelValue);
+    });
     const emit = __emit;
     const dateChangeHandle = (e) => {
       const input = e.target.value;
-      if (input === props.modelValue || input === "")
+      if (input === formatDate(props.modelValue)) {
+        return;
+      }
+      if (input === "") {
+        emit("update:modelValue", null);
+        emit("change", null);
         return;
+      }
       const lastValidValue = props.modelValue;
       checkinputDate(
         input,
@@ -212,6 +223,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       let choosetime = `${Year.value}-${addZero(Month.value)}-${addZero(d.d)}`;
       emit("update:modelValue", choosetime);
+      emit("change", choosetime);
       hideDatePick();
     };
     return (_ctx, _cache) => {
@@ -226,14 +238,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         reference: withCtx(() => [
           createElementVNode("div", {
             onClick: showHandle,
-            class: "relative inline-flex h-full w-full items-center overflow-hidden rounded border border-solid"
+            class: "relative inline-flex h-full w-full space-x-1 items-center overflow-hidden rounded border border-solid px-1"
           }, [
-            createVNode(Calendar, { class: "ml-1 flex-shrink-0" }),
+            createVNode(Calendar),
             createElementVNode("input", {
               type: "text",
-              value: _ctx.modelValue,
-              class: normalizeClass(["w-full px-2 outline-none text-sm text-word3", heightClass.value]),
-              placeholder: _ctx.placeholder,
+              value: inputDisplayValue.value,
+              class: normalizeClass(["flex-1 outline-none text-sm text-word3 w-full placeholder:text-sm", heightClass.value]),
+              placeholder: __props.placeholder,
               onFocus: showDatePick,
               onBlur: dateChangeHandle,
               onKeydown: withKeys(dateChangeHandle, ["enter"])
@@ -337,7 +349,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             class: "py-1.5"
                           }, [
                             createElementVNode("div", {
-                              class: "cursor-pointer text-word3 text-sm w-6 h-6 leading-6 hover:bg-gray-200 inline-block",
+                              class: "cursor-pointer text-word3 text-sm w-full h-6 leading-6 hover:bg-gray-200 inline-block",
                               onClick: ($event) => getMonthHandle(j)
                             }, toDisplayString(j), 9, _hoisted_7)
                           ]);

package/dist/js/date/datepickerRange.js

@@ -4,22 +4,18 @@ import { g as getMonthDays, C as Calendar, A as Arrow, a as addZero } from "../c
 import { A as ArrowPlug } from "../dateArrowplus/dateArrowplus.js";
 const _hoisted_1 = { class: "flex justify-between items-center p-3" };
 const _hoisted_2 = { class: "w-1/2 flex items-center" };
-const _hoisted_3 = { class: "flex-1 text-center font-medium text-sm" };
-const _hoisted_4 = { class: "w-10 inline-block" };
-const _hoisted_5 = { class: "font-medium" };
-const _hoisted_6 = { class: "w-1/2 flex items-center" };
-const _hoisted_7 = { class: "flex-1 text-center font-medium text-sm" };
-const _hoisted_8 = { class: "w-10 inline-block" };
-const _hoisted_9 = { class: "font-medium" };
-const _hoisted_10 = { class: "flex justify-center" };
-const _hoisted_11 = { class: "w-[252px] box-content pt-3 pb-1 relative overflow-hidden" };
-const _hoisted_12 = {
-  class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
-  cellpadding: "0",
-  key: "daymode"
-};
-const _hoisted_13 = ["onMouseenter"];
-const _hoisted_14 = ["onClick"];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = { class: "flex-1 text-center font-medium text-sm" };
+const _hoisted_6 = { class: "w-10 inline-block" };
+const _hoisted_7 = { class: "font-medium" };
+const _hoisted_8 = { class: "w-1/2 flex items-center" };
+const _hoisted_9 = { class: "flex-1 text-center font-medium text-sm" };
+const _hoisted_10 = { class: "w-10 inline-block" };
+const _hoisted_11 = { class: "font-medium" };
+const _hoisted_12 = ["aria-label"];
+const _hoisted_13 = ["aria-label"];
+const _hoisted_14 = { class: "flex justify-center" };
 const _hoisted_15 = { class: "w-[252px] box-content pt-3 pb-1 relative overflow-hidden" };
 const _hoisted_16 = {
   class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
@@ -28,18 +24,29 @@ const _hoisted_16 = {
 };
 const _hoisted_17 = ["onMouseenter"];
 const _hoisted_18 = ["onClick"];
-const _hoisted_19 = ["value", "placeholder"];
-const _hoisted_20 = ["value", "placeholder"];
+const _hoisted_19 = { class: "w-[252px] box-content pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_20 = {
+  class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
+  cellpadding: "0",
+  key: "daymode"
+};
+const _hoisted_21 = ["onMouseenter"];
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = ["value", "placeholder"];
+const _hoisted_24 = { class: "text-sm text-word3" };
+const _hoisted_25 = ["value", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "datepickerRange",
   props: {
     modelValue: {},
-    startPlaceholder: {},
-    endPlaceholder: {},
+    startPlaceholder: { default: "开始日期" },
+    endPlaceholder: { default: "结束日期" },
     disabledDate: {},
-    size: { default: "default" }
+    size: { default: "default" },
+    separetor: { default: "-" },
+    width: { default: "512" }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
     const emit = __emit;
@@ -50,17 +57,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "h-8": props.size === "small",
       "h-7": props.size === "mini"
     }));
+    const inputOneDisplayValue = computed(() => {
+      if (!props.modelValue[0])
+        return "";
+      return formatDate(props.modelValue[0]);
+    });
+    const inputTwoDisplayValue = computed(() => {
+      if (!props.modelValue[1])
+        return "";
+      return formatDate(props.modelValue[1]);
+    });
     const deleteDateHandle = () => {
       emit("update:modelValue", [null, null]);
+      emit("change", [null, null]);
     };
     const date1ChangeHandle = (e) => {
       const input = e.target.value;
-      if (input === props.modelValue[0] || input === "")
+      if (input === formatDate(props.modelValue[0])) {
         return;
+      }
+      if (input === "") {
+        emit("update:modelValue", [null, props.modelValue[1]]);
+        emit("change", [null, props.modelValue[1]]);
+        return;
+      }
       checkinputDate(
         input,
         (res) => {
-          emit("update:modelValue", [res, date2.value]);
+          emit("update:modelValue", [res, props.modelValue[1]]);
+          emit("change", [res, props.modelValue[1]]);
         },
         () => {
           nextTick(() => {
@@ -73,17 +98,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const date2ChangeHandle = (e) => {
       const input = e.target.value;
-      if (input === props.modelValue[1] || input === "")
+      if (input === formatDate(props.modelValue[1])) {
+        return;
+      }
+      if (input === "") {
+        emit("update:modelValue", [props.modelValue[0], null]);
+        emit("change", [props.modelValue[0], null]);
         return;
+      }
       checkinputDate(
         input,
         (res) => {
-          emit("update:modelValue", [date1.value, res]);
+          emit("update:modelValue", [props.modelValue[0], res]);
+          emit("change", [props.modelValue[0], res]);
         },
         () => {
           nextTick(() => {
             if (e.target) {
-              e.target.value = props.modelValue[0] ? formatDate(props.modelValue[1]) : "";
+              e.target.value = props.modelValue[1] ? formatDate(props.modelValue[1]) : "";
             }
           });
         }
@@ -100,7 +132,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return formatDate(props.modelValue[0]);
       }
     });
-    const inputOneShowValue = computed(() => props.modelValue[0]);
     const date2 = computed(() => {
       if (secondDayisHover.value) {
         if (temDateArr.value[0] && temDateArr.value[1] && new Date(temDateArr.value[0]).getTime() > new Date(temDateArr.value[1]).getTime()) {
@@ -112,7 +143,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return formatDate(props.modelValue[1]);
       }
     });
-    const inputTwoShowValue = computed(() => props.modelValue[1]);
     const showD = ref(false);
     const hideDatePick = () => {
       showD.value = false;
@@ -263,6 +293,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         secondDayisHover.value = false;
         emit("update:modelValue", temDateArr.value);
+        emit("change", temDateArr.value);
         hideDatePick();
       }
     };
@@ -319,24 +350,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         reference: withCtx(() => [
           createElementVNode("div", {
             onClick: showPopHandle,
-            class: "inline-flex relative h-full w-full items-center overflow-hidden rounded border border-solid text-word3"
+            class: "inline-flex relative space-x-1 px-1 h-full w-full items-center overflow-hidden rounded border border-solid text-word3"
           }, [
-            createVNode(Calendar, { class: "ml-1 flex-shrink-0" }),
+            createVNode(Calendar),
             createElementVNode("input", {
               type: "text",
-              value: inputOneShowValue.value,
-              placeholder: _ctx.startPlaceholder,
-              class: normalizeClass(["text-sm outline-none flex-auto px-2 w-1/2 text-center", heightClass.value]),
+              value: inputOneDisplayValue.value,
+              placeholder: __props.startPlaceholder,
+              class: normalizeClass(["text-sm outline-none flex-1 w-full text-center appearance-none placeholder:text-sm", heightClass.value]),
               onBlur: date1ChangeHandle
-            }, null, 42, _hoisted_19),
-            _cache[3] || (_cache[3] = createElementVNode("span", { class: "mx-2 text-sm" }, "至", -1)),
+            }, null, 42, _hoisted_23),
+            createElementVNode("span", _hoisted_24, toDisplayString(__props.separetor), 1),
             createElementVNode("input", {
               type: "text",
-              value: inputTwoShowValue.value,
-              placeholder: _ctx.endPlaceholder,
-              class: normalizeClass(["text-sm outline-none flex-auto px-2 w-1/2 text-center", heightClass.value]),
+              value: inputTwoDisplayValue.value,
+              placeholder: __props.endPlaceholder,
+              class: normalizeClass(["text-sm outline-none flex-1 w-full text-center appearance-none placeholder:text-sm", heightClass.value]),
               onBlur: date2ChangeHandle
-            }, null, 42, _hoisted_20)
+            }, null, 42, _hoisted_25)
           ])
         ]),
         default: withCtx(() => [
@@ -345,52 +376,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("button", {
                 type: "button",
                 class: "w-4 h-4 appearance-none",
-                onClick: YearPreHandle
+                onClick: YearPreHandle,
+                "aria-label": `上一年，当前: ${YearOne.value}年`
               }, [
                 createVNode(ArrowPlug, { class: "h-4 w-4" })
-              ]),
+              ], 8, _hoisted_3),
               createElementVNode("button", {
                 type: "button",
                 class: "w-4 h-4 ml-1 appearance-none",
-                onClick: MonthPreHandle
+                onClick: MonthPreHandle,
+                "aria-label": `上一月，当前: ${YearOne.value}年${MonthOne.value}月`
               }, [
                 createVNode(Arrow, { class: "h-4 w-4 rotate-180 transform" })
-              ]),
-              createElementVNode("div", _hoisted_3, [
+              ], 8, _hoisted_4),
+              createElementVNode("div", _hoisted_5, [
                 createElementVNode("span", null, toDisplayString(YearOne.value) + "年", 1),
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("span", _hoisted_5, toDisplayString(MonthOne.value), 1),
-                  _cache[1] || (_cache[1] = createTextVNode(" 月 "))
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("span", _hoisted_7, toDisplayString(MonthOne.value), 1),
+                  _cache[1] || (_cache[1] = createTextVNode(" 月 ", -1))
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_6, [
-              createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
+              createElementVNode("div", _hoisted_9, [
                 createElementVNode("span", null, toDisplayString(YearTwo.value) + "年", 1),
-                createElementVNode("div", _hoisted_8, [
-                  createElementVNode("span", _hoisted_9, toDisplayString(MonthTwo.value), 1),
-                  _cache[2] || (_cache[2] = createTextVNode(" 月 "))
+                createElementVNode("div", _hoisted_10, [
+                  createElementVNode("span", _hoisted_11, toDisplayString(MonthTwo.value), 1),
+                  _cache[2] || (_cache[2] = createTextVNode(" 月 ", -1))
                 ])
               ]),
               createElementVNode("button", {
                 type: "button",
                 class: "w-4 h-4 mr-1 appearance-none",
-                onClick: MonthNextHandle
+                onClick: MonthNextHandle,
+                "aria-label": `下一月，当前: ${YearTwo.value}年${MonthTwo.value}月`
               }, [
                 createVNode(Arrow, { class: "h-4 w-4" })
-              ]),
+              ], 8, _hoisted_12),
               createElementVNode("button", {
                 type: "button",
                 class: "w-4 h-4 appearance-none",
-                onClick: YearNextHandle
+                onClick: YearNextHandle,
+                "aria-label": `下一年，当前: ${YearTwo.value}年`
               }, [
                 createVNode(ArrowPlug, { class: "h-4 w-4 rotate-180 transform" })
-              ])
+              ], 8, _hoisted_13)
             ])
           ]),
-          createElementVNode("div", _hoisted_10, [
-            createElementVNode("div", _hoisted_11, [
-              createElementVNode("table", _hoisted_12, [
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("table", _hoisted_16, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
@@ -427,16 +462,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 "ml-0.5": j.isChoosed2Day && !j.isChoosed1Day
                               }])
                             }, toDisplayString(j.d), 3)
-                          ], 10, _hoisted_14)
-                        ], 40, _hoisted_13);
+                          ], 10, _hoisted_18)
+                        ], 40, _hoisted_17);
                       }), 128))
                     ]);
                   }), 128))
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_15, [
-              createElementVNode("table", _hoisted_16, [
+            createElementVNode("div", _hoisted_19, [
+              createElementVNode("table", _hoisted_20, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
@@ -473,8 +508,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 "ml-0.5": j.isChoosed2Day && !j.isChoosed1Day
                               }])
                             }, toDisplayString(j.d), 3)
-                          ], 10, _hoisted_18)
-                        ], 40, _hoisted_17);
+                          ], 10, _hoisted_22)
+                        ], 40, _hoisted_21);
                       }), 128))
                     ]);
                   }), 128))
@@ -482,15 +517,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ])
           ]),
-          createElementVNode("div", { class: "flex justify-end space-x-2 text-sm px-3 py-1" }, [
+          createElementVNode("div", { class: "flex justify-end space-x-2 text-sm px-3 py-1 border-t border-gray-100" }, [
             createElementVNode("button", {
               type: "button",
-              class: "text-word3 hover:text-blue-500 active:to-blue-700",
+              class: "text-word3 hover:text-blue-500 active:text-blue-700 px-2 py-1 rounded",
               onClick: deleteDateHandle
             }, " 清空 "),
             createElementVNode("button", {
               type: "button",
-              class: "text-word3 hover:text-blue-500 active:to-blue-700",
+              class: "text-word3 hover:text-blue-500 active:text-blue-700 px-2 py-1 rounded",
               onClick: hideDatePick
             }, " 确定 ")
           ])

package/dist/js/dateArrowplus/dateArrowplus.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
   "p-id": "669"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M842.666667 864c-8.533333 0-14.933333-2.133333-21.333334-8.533333l-341.333333-309.333334c-6.4-6.4-10.666667-14.933333-10.666667-23.466666 0-8.533333 4.266667-17.066667 10.666667-23.466667l341.333333-309.333333c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133333 44.8L548.266667 522.666667l315.733333 285.866666c12.8 10.666667 14.933333 32 2.133333 44.8-6.4 6.4-14.933333 10.666667-23.466666 10.666667z",
       fill: "#666666"
@@ -17,7 +17,7 @@ function _sfc_render(_ctx, _cache) {
       d: "M512 864c-8.533333 0-14.933333-2.133333-21.333333-8.533333L149.333333 546.133333c-6.4-6.4-10.666667-14.933333-10.666666-23.466666 0-8.533333 4.266667-17.066667 10.666666-23.466667L490.666667 189.866667c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133334 44.8L217.6 522.666667 533.333333 808.533333c12.8 12.8 14.933333 32 2.133334 44.8-6.4 6.4-14.933333 10.666667-23.466667 10.666667z",
       fill: "#666666"
     }, null, -1)
-  ]));
+  ])]);
 }
 const ArrowPlug = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/js/delete/delete.js

@@ -9,9 +9,9 @@ const _hoisted_1 = {
   "aria-hidden": "true"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" }, null, -1)
-  ]));
+  ])]);
 }
 const delIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {