yc-design-vue 2.2.6 → 2.2.9

package/es/Anchor/Anchor.vue.d.ts

@@ -10,10 +10,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AnchorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnchorProps> & Readonly<{}>, {
     smooth: boolean;
+    scrollContainer: import('..').TargetContainer;
     boundary: number | "center" | "end" | "start" | "nearest";
     changeHash: boolean;
     lineLess: boolean;
-    scrollContainer: import('..').TargetContainer;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     listRef: HTMLDivElement;
 }, HTMLDivElement>;

package/es/Anchor/index.d.ts

@@ -7,10 +7,10 @@ export * from './type';
 declare const Anchor: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').AnchorProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         smooth: boolean;
+        scrollContainer: import('..').TargetContainer;
         boundary: number | "center" | "end" | "start" | "nearest";
         changeHash: boolean;
         lineLess: boolean;
-        scrollContainer: import('..').TargetContainer;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         listRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -22,20 +22,20 @@ declare const Anchor: {
         Defaults: {};
     }, Readonly<import('./type').AnchorProps> & Readonly<{}>, {}, {}, {}, {}, {
         smooth: boolean;
+        scrollContainer: import('..').TargetContainer;
         boundary: number | "center" | "end" | "start" | "nearest";
         changeHash: boolean;
         lineLess: boolean;
-        scrollContainer: import('..').TargetContainer;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').AnchorProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     smooth: boolean;
+    scrollContainer: import('..').TargetContainer;
     boundary: number | "center" | "end" | "start" | "nearest";
     changeHash: boolean;
     lineLess: boolean;
-    scrollContainer: import('..').TargetContainer;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').AnchorSlots> & import('./type').AnchorSlots;
 }) & {

package/es/Breadcrumb/BreadcrumbSeparator.vue.js

@@ -9,7 +9,7 @@ import "../_shared/utils/time.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
-import _sfc_main$1 from "../_shared/icons/IconSeparator.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";
 const _hoisted_1 = { class: "yc-breadcrumb-item-separator" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BreadcrumbSeparator",

package/es/DatePicker/{YcDatePicker.vue.d.ts → DatePicker.vue.d.ts}

@@ -45,9 +45,10 @@ declare const __VLS_component: import('vue').DefineComponent<DatePickerProps, {}
     readonly: boolean;
     triggerProps: import('..').TriggerProps;
     format: string;
+    hideTrigger: boolean;
     dayStartOfWeek: import('./type').DayStartOfWeek;
     showTime: boolean;
-    timePickerProps: import('..').TimePickerProps;
+    timePickerProps: import('../TimePicker').TimePickerProps;
     showNowBtn: boolean;
     pickerValue: import('./type').DatePickerValue;
     defaultPickerValue: import('./type').DatePickerValue;
@@ -59,7 +60,6 @@ declare const __VLS_component: import('vue').DefineComponent<DatePickerProps, {}
     shortcuts: import('./type').ShortcutType[];
     previewShortcut: boolean;
     disabledInput: boolean;
-    hideTrigger: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/DatePicker/DatePicker.vue.js

@@ -0,0 +1,335 @@
+import { defineComponent, useSlots, ref, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, createCommentVNode, renderSlot, renderList, toDisplayString, mergeProps, isRef, normalizeStyle, normalizeClass } from "vue";
+import usePicker from "./hooks/userPicker.js";
+import "../node_modules/b-tween/dist/b-tween.es.js";
+import dayjs from "../node_modules/dayjs/dayjs.min.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+import _sfc_main$6 from "./component/PickerCell.vue.js";
+/* empty css                          */
+import _sfc_main$4 from "./component/PickerHeader.vue.js";
+/* empty css                            */
+import _sfc_main$5 from "./component/PickerWeekHeader.vue.js";
+/* empty css                                */
+import _sfc_main$1 from "./component/PickerPanel.vue.js";
+/* empty css                           */
+import _sfc_main$7 from "./component/PickerInput.vue.js";
+/* empty css                           */
+import _sfc_main$2 from "./YearPicker.vue.js";
+/* empty css                */
+import _sfc_main$3 from "./MonthPicker.vue.js";
+/* empty css                 */
+import TimePicker from "../TimePicker/index.js";
+const _hoisted_1 = {
+  key: 2,
+  class: "yc-panel-date"
+};
+const _hoisted_2 = { class: "yc-panel-date-inner" };
+const _hoisted_3 = { class: "yc-picker-body" };
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-panel-date-timepicker"
+};
+const _hoisted_5 = { class: "yc-panel-date-timepicker-title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DatePicker",
+    inheritAttrs: false
+  },
+  __name: "DatePicker",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: "" },
+    dayStartOfWeek: { default: 0 },
+    showTime: { type: Boolean, default: false },
+    timePickerProps: { default: () => ({}) },
+    showNowBtn: { type: Boolean, default: false },
+    locale: { default: () => ({}) },
+    hideTrigger: { type: Boolean, default: false },
+    allowClear: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: void 0 },
+    shortcuts: { default: () => [] },
+    shortcutsPosition: { default: "bottom" },
+    position: { default: "bl" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: false },
+    triggerProps: { default: () => ({}) },
+    unmountOnClose: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    disabledDate: { type: Function, default: void 0 },
+    disabledTime: {},
+    pickerValue: { default: void 0 },
+    defaultPickerValue: { default: "" },
+    popupContainer: { default: void 0 },
+    valueFormat: { default: (props) => {
+      return props.showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+    } },
+    format: { default: (props) => {
+      return props.showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+    } },
+    previewShortcut: { type: Boolean, default: true },
+    showConfirmBtn: { type: Boolean, default: false },
+    disabledInput: { type: Boolean, default: false },
+    abbreviation: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "update:popupVisible", "update:pickerValue", "change", "select", "ok", "picker-value-change", "popup-visible-change", "clear", "select-shortcut"],
+  setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const {
+      computedValue,
+      timePickerValue,
+      locale,
+      abbreviation,
+      dayStartOfWeek,
+      curMonth,
+      curYear,
+      showMonthPicker,
+      showYearPicker,
+      valueFormat,
+      DefinePanel,
+      ReusePanel,
+      showConfirmBtn,
+      t,
+      getDateFromFormat,
+      isCellInView,
+      isToday,
+      isSelected,
+      getDaysOfMonth,
+      handleConfirm,
+      handleSelect,
+      handleShortcut,
+      handleNowClick
+    } = usePicker({
+      props,
+      emits
+    });
+    const dayData = ref([]);
+    const handleDateChange = (dateType, type) => {
+      if (dateType == "year") {
+        curYear.value = type == "pre" ? curYear.value - 1 : curYear.value + 1;
+        dayData.value = getDaysOfMonth(
+          curYear.value,
+          curMonth.value,
+          dayStartOfWeek.value
+        );
+      } else {
+        const base = dayjs().set("year", curYear.value).set("month", curMonth.value);
+        const date = type == "pre" ? base.subtract(1, "month") : base.add(1, "month");
+        curYear.value = date.year();
+        curMonth.value = date.month();
+        dayData.value = getDaysOfMonth(
+          curYear.value,
+          curMonth.value,
+          dayStartOfWeek.value
+        );
+      }
+    };
+    watch(
+      () => computedValue.value,
+      (val) => {
+        const date = val ? getDateFromFormat(val) : /* @__PURE__ */ new Date();
+        curYear.value = date.getFullYear();
+        curMonth.value = date.getMonth();
+        dayData.value = getDaysOfMonth(
+          curYear.value,
+          curMonth.value,
+          dayStartOfWeek.value
+        );
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(DefinePanel), null, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              locale: unref(locale),
+              "preview-shortcut": _ctx.previewShortcut,
+              shortcuts: _ctx.shortcuts,
+              "shortcuts-position": _ctx.shortcutsPosition,
+              "confirm-btn-disabled": !unref(computedValue),
+              "show-confirm-btn": unref(showConfirmBtn),
+              "show-footer": !unref(showYearPicker) && !unref(showMonthPicker),
+              "show-now": "",
+              onConfirm: unref(handleConfirm),
+              onShortcutSelect: unref(handleShortcut),
+              onNowClick: unref(handleNowClick)
+            }, createSlots({
+              default: withCtx(() => {
+                var _a, _b, _c, _d, _e, _f, _g;
+                return [
+                  unref(showYearPicker) ? (openBlock(), createBlock(_sfc_main$2, {
+                    key: 0,
+                    "model-value": `${unref(curYear)}`,
+                    "hide-trigger": "",
+                    "value-format": "YYYY",
+                    onChange: _cache[0] || (_cache[0] = (_, date) => {
+                      curYear.value = date.getFullYear();
+                      dayData.value = unref(getDaysOfMonth)(unref(curYear), unref(curMonth), unref(dayStartOfWeek));
+                      showYearPicker.value = false;
+                    })
+                  }, null, 8, ["model-value"])) : unref(showMonthPicker) ? (openBlock(), createBlock(_sfc_main$3, {
+                    key: 1,
+                    "model-value": `${unref(curYear)}-${unref(curMonth) + 1 < 10 ? `0${unref(curMonth) + 1}` : unref(curMonth) + 1}`,
+                    "hide-trigger": "",
+                    "value-format": "YYYY-MM",
+                    onChange: _cache[1] || (_cache[1] = (_, date) => {
+                      curMonth.value = date.getMonth();
+                      dayData.value = unref(getDaysOfMonth)(unref(curYear), unref(curMonth), unref(dayStartOfWeek));
+                      showMonthPicker.value = false;
+                    })
+                  }, null, 8, ["model-value"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+                    createElementVNode("div", _hoisted_2, [
+                      createVNode(_sfc_main$4, {
+                        type: "date",
+                        year: unref(curYear),
+                        month: unref(curMonth),
+                        onPrevClick: _cache[2] || (_cache[2] = ($event) => handleDateChange("month", "pre")),
+                        onNextClick: _cache[3] || (_cache[3] = ($event) => handleDateChange("month", "next")),
+                        onPrevDoubleClick: _cache[4] || (_cache[4] = ($event) => handleDateChange("year", "pre")),
+                        onNextDoubleClick: _cache[5] || (_cache[5] = ($event) => handleDateChange("year", "next")),
+                        onYearClick: _cache[6] || (_cache[6] = ($event) => showYearPicker.value = true),
+                        onMonthClick: _cache[7] || (_cache[7] = ($event) => showMonthPicker.value = true)
+                      }, createSlots({ _: 2 }, [
+                        $slots["icon-prev"] ? {
+                          name: "icon-prev-double",
+                          fn: withCtx(() => [
+                            renderSlot(_ctx.$slots, "icon-next")
+                          ]),
+                          key: "0"
+                        } : void 0,
+                        $slots["icon-next"] ? {
+                          name: "icon-next-double",
+                          fn: withCtx(() => [
+                            renderSlot(_ctx.$slots, "icon-next")
+                          ]),
+                          key: "1"
+                        } : void 0,
+                        $slots["icon-prev-double"] ? {
+                          name: "icon-prev-double",
+                          fn: withCtx(() => [
+                            renderSlot(_ctx.$slots, "icon-next-double")
+                          ]),
+                          key: "2"
+                        } : void 0,
+                        $slots["icon-next-double"] ? {
+                          name: "icon-next-double",
+                          fn: withCtx(() => [
+                            renderSlot(_ctx.$slots, "icon-next-double")
+                          ]),
+                          key: "3"
+                        } : void 0
+                      ]), 1032, ["year", "month"]),
+                      createVNode(_sfc_main$5, {
+                        locale: unref(locale),
+                        abbreviation: unref(abbreviation),
+                        "day-start-of-week": unref(dayStartOfWeek)
+                      }, null, 8, ["locale", "abbreviation", "day-start-of-week"]),
+                      createElementVNode("div", _hoisted_3, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(dayData.value, (row, i) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: i,
+                            class: "yc-picker-row"
+                          }, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(row, ({ label, value: date }, k) => {
+                              var _a2;
+                              return openBlock(), createBlock(_sfc_main$6, {
+                                key: k,
+                                value: label,
+                                "cell-in-view": unref(isCellInView)(date, "date"),
+                                "is-today": unref(isToday)(date, "date"),
+                                "is-selected": unref(isSelected)(date, "date"),
+                                disabled: (_a2 = _ctx.disabledDate) == null ? void 0 : _a2.call(_ctx, date),
+                                onClick: ($event) => unref(handleSelect)(date)
+                              }, createSlots({ _: 2 }, [
+                                $slots.cell ? {
+                                  name: "cell",
+                                  fn: withCtx(() => [
+                                    renderSlot(_ctx.$slots, "cell", { date })
+                                  ]),
+                                  key: "0"
+                                } : void 0
+                              ]), 1032, ["value", "cell-in-view", "is-today", "is-selected", "disabled", "onClick"]);
+                            }), 128))
+                          ]);
+                        }), 128))
+                      ])
+                    ]),
+                    _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      createElementVNode("div", _hoisted_5, toDisplayString(((_a = unref(locale)) == null ? void 0 : _a["datePicker.selectTime"]) || unref(t)("datePicker.selectTime")), 1),
+                      createVNode(unref(TimePicker), mergeProps(_ctx.timePickerProps, {
+                        modelValue: unref(timePickerValue),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(timePickerValue) ? timePickerValue.value = $event : null),
+                        format: unref(valueFormat),
+                        scrollbar: false,
+                        "disabled-hours": (_c = (_b = _ctx.disabledTime) == null ? void 0 : _b.call(_ctx, unref(getDateFromFormat)(unref(computedValue)))) == null ? void 0 : _c.disabledHours,
+                        "disabled-minutes": (_e = (_d = _ctx.disabledTime) == null ? void 0 : _d.call(_ctx, unref(getDateFromFormat)(unref(computedValue)))) == null ? void 0 : _e.disabledMinutes,
+                        "disabled-seconds": (_g = (_f = _ctx.disabledTime) == null ? void 0 : _f.call(_ctx, unref(getDateFromFormat)(unref(computedValue)))) == null ? void 0 : _g.disabledSeconds,
+                        "hide-trigger": "",
+                        "disable-confirm": ""
+                      }), null, 16, ["modelValue", "format", "disabled-hours", "disabled-minutes", "disabled-seconds"])
+                    ])) : createCommentVNode("", true)
+                  ]))
+                ];
+              }),
+              _: 2
+            }, [
+              $slots.extra ? {
+                name: "extra",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "extra")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "show-footer", "onConfirm", "onShortcutSelect", "onNowClick"])
+          ]),
+          _: 3
+        }),
+        !_ctx.hideTrigger ? (openBlock(), createBlock(_sfc_main$7, {
+          key: 0,
+          class: normalizeClass(_ctx.$attrs.class),
+          style: normalizeStyle(_ctx.$attrs.style),
+          type: _ctx.showTime ? "time" : "date"
+        }, createSlots({
+          content: withCtx(() => [
+            createVNode(unref(ReusePanel))
+          ]),
+          _: 2
+        }, [
+          $slots.default ? {
+            name: "trigger",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            key: "0"
+          } : void 0,
+          $slots["suffix-icon"] ? {
+            name: "suffix-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "suffix-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          $slots.prefix ? {
+            name: "prefix",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix")
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["class", "style", "type"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/DatePicker/DatePicker.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./DatePicker.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};

package/es/DatePicker/{YcMonthPicker.vue.js → MonthPicker.vue.js}

@@ -4,20 +4,24 @@ import _sfc_main$3 from "./component/PickerHeader.vue.js";
 /* empty css                            */
 import _sfc_main$4 from "./component/PickerCell.vue.js";
 /* empty css                          */
-import _sfc_main$2 from "./component/PickerPanel.vue.js";
+import _sfc_main$1 from "./component/PickerPanel.vue.js";
 /* empty css                           */
 import _sfc_main$5 from "./component/PickerInput.vue.js";
 /* empty css                           */
-import _sfc_main$1 from "./YcYearPicker.vue.js";
-/* empty css                  */
-const _hoisted_1 = { class: "yc-panel-month" };
-const _hoisted_2 = { class: "yc-picker-body" };
+import _sfc_main$2 from "./YearPicker.vue.js";
+/* empty css                */
+const _hoisted_1 = {
+  key: 1,
+  class: "yc-panel-month"
+};
+const _hoisted_2 = { class: "yc-panel-month-inner" };
+const _hoisted_3 = { class: "yc-picker-body" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "MonthPicker",
     inheritAttrs: false
   },
-  __name: "YcMonthPicker",
+  __name: "MonthPicker",
   props: {
     modelValue: { default: void 0 },
     defaultValue: { default: "" },
@@ -106,80 +110,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefinePanel), null, {
           default: withCtx(() => [
-            unref(showYearPicker) ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              "model-value": `${unref(curYear)}`,
-              "hide-trigger": "",
-              "value-format": "YYYY",
-              onChange: _cache[0] || (_cache[0] = (_, date) => {
-                curYear.value = date.getFullYear();
-                showYearPicker.value = false;
-              })
-            }, null, 8, ["model-value"])) : (openBlock(), createBlock(_sfc_main$2, {
-              key: 1,
+            createVNode(_sfc_main$1, {
               locale: unref(locale),
               "preview-shortcut": _ctx.previewShortcut,
               shortcuts: _ctx.shortcuts,
               "shortcuts-position": _ctx.shortcutsPosition,
               "confirm-btn-disabled": !unref(computedValue),
               "show-confirm-btn": _ctx.showConfirmBtn,
+              "show-footer": !unref(showYearPicker),
               onConfirm: unref(handleConfirm),
               onShortcutSelect: unref(handleShortcut)
             }, createSlots({
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1, [
-                  createVNode(_sfc_main$3, {
-                    year: unref(curYear),
-                    type: "month",
-                    onYearClick: _cache[1] || (_cache[1] = ($event) => showYearPicker.value = true),
-                    onPrevDoubleClick: _cache[2] || (_cache[2] = ($event) => curYear.value--),
-                    onNextDoubleClick: _cache[3] || (_cache[3] = ($event) => curYear.value++)
-                  }, createSlots({ _: 2 }, [
-                    $slots["icon-prev-double"] ? {
-                      name: "icon-prev-double",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "icon-next-double")
-                      ]),
-                      key: "0"
-                    } : void 0,
-                    $slots["icon-next-double"] ? {
-                      name: "icon-next-double",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "icon-next-double")
-                      ]),
-                      key: "1"
-                    } : void 0
-                  ]), 1032, ["year"]),
+                unref(showYearPicker) ? (openBlock(), createBlock(_sfc_main$2, {
+                  key: 0,
+                  "model-value": `${unref(curYear)}`,
+                  "hide-trigger": "",
+                  "value-format": "YYYY",
+                  onChange: _cache[0] || (_cache[0] = (_, date) => {
+                    curYear.value = date.getFullYear();
+                    showYearPicker.value = false;
+                  })
+                }, null, 8, ["model-value"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
                   createElementVNode("div", _hoisted_2, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(monthData.value, (row, i) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: i,
-                        class: "yc-picker-row"
-                      }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(row, ({ value: date, label }, k) => {
-                          var _a;
-                          return openBlock(), createBlock(_sfc_main$4, {
-                            key: k,
-                            value: label,
-                            "cell-in-view": unref(isCellInView)(date, "month"),
-                            "is-today": unref(isToday)(date, "month"),
-                            "is-selected": unref(isSelected)(date, "month"),
-                            disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
-                            onClick: ($event) => unref(handleSelect)(date)
-                          }, createSlots({ _: 2 }, [
-                            $slots.cell ? {
-                              name: "cell",
-                              fn: withCtx(() => [
-                                renderSlot(_ctx.$slots, "cell", { date })
-                              ]),
-                              key: "0"
-                            } : void 0
-                          ]), 1032, ["value", "cell-in-view", "is-today", "is-selected", "disabled", "onClick"]);
-                        }), 128))
-                      ]);
-                    }), 128))
+                    createVNode(_sfc_main$3, {
+                      year: unref(curYear),
+                      type: "month",
+                      onYearClick: _cache[1] || (_cache[1] = ($event) => showYearPicker.value = true),
+                      onPrevDoubleClick: _cache[2] || (_cache[2] = ($event) => curYear.value--),
+                      onNextDoubleClick: _cache[3] || (_cache[3] = ($event) => curYear.value++)
+                    }, createSlots({ _: 2 }, [
+                      $slots["icon-prev-double"] ? {
+                        name: "icon-prev-double",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "icon-next-double")
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      $slots["icon-next-double"] ? {
+                        name: "icon-next-double",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "icon-next-double")
+                        ]),
+                        key: "1"
+                      } : void 0
+                    ]), 1032, ["year"]),
+                    createElementVNode("div", _hoisted_3, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(monthData.value, (row, i) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: i,
+                          class: "yc-picker-row"
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(row, ({ value: date, label }, k) => {
+                            var _a;
+                            return openBlock(), createBlock(_sfc_main$4, {
+                              key: k,
+                              value: label,
+                              "cell-in-view": unref(isCellInView)(date, "month"),
+                              "is-today": unref(isToday)(date, "month"),
+                              "is-selected": unref(isSelected)(date, "month"),
+                              disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
+                              onClick: ($event) => unref(handleSelect)(date)
+                            }, createSlots({ _: 2 }, [
+                              $slots.cell ? {
+                                name: "cell",
+                                fn: withCtx(() => [
+                                  renderSlot(_ctx.$slots, "cell", { date })
+                                ]),
+                                key: "0"
+                              } : void 0
+                            ]), 1032, ["value", "cell-in-view", "is-today", "is-selected", "disabled", "onClick"]);
+                          }), 128))
+                        ]);
+                      }), 128))
+                    ])
                   ])
-                ])
+                ]))
               ]),
               _: 2
             }, [
@@ -190,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "onConfirm", "onShortcutSelect"]))
+            ]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "show-footer", "onConfirm", "onShortcutSelect"])
           ]),
           _: 3
         }),

package/es/DatePicker/MonthPicker.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./MonthPicker.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};