yc-design-vue 2.2.2 → 2.2.3

package/es/DatePicker/YcWeekPicker.vue.d.ts

@@ -0,0 +1,65 @@
+import { WeekPickerProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<WeekPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (visible: boolean) => any;
+    clear: () => any;
+    select: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "update:modelValue": (value: import('./type').DatePickerValue) => any;
+    "update:pickerValue": (value: import('./type').DatePickerValue) => any;
+    ok: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "picker-value-change": (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "select-shortcut": (shortcut: import('./type').ShortcutType) => any;
+}, string, import('vue').PublicProps, Readonly<WeekPickerProps> & Readonly<{
+    onChange?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
+    "onUpdate:pickerValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
+    onOk?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onPicker-value-change"?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onSelect-shortcut"?: ((shortcut: import('./type').ShortcutType) => any) | undefined;
+}>, {
+    error: boolean;
+    size: import('..').Size;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    disabled: boolean;
+    position: import('./type').DatePickerPosition;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    placeholder: string;
+    locale: Record<string, any>;
+    modelValue: import('./type').DatePickerValue;
+    defaultValue: import('./type').DatePickerValue;
+    allowClear: boolean;
+    readonly: boolean;
+    triggerProps: import('..').TriggerProps;
+    hideTrigger: boolean;
+    format: string;
+    dayStartOfWeek: import('./type').DayStartOfWeek;
+    valueFormat: import('./type').ValueFormat;
+    showConfirmBtn: boolean;
+    abbreviation: boolean;
+    shortcutsPosition: import('./type').ShortcutsPosition;
+    shortcuts: import('./type').ShortcutType[];
+    previewShortcut: boolean;
+    disabledInput: boolean;
+    disabledDate: import('./type').DisabledDate;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/DatePicker/YcWeekPicker.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./YcWeekPicker.vue2.js";
+/* empty css                  */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _WeekPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a96c5df4"]]);
+export {
+  _WeekPicker as default
+};

package/es/DatePicker/YcWeekPicker.vue2.js

@@ -0,0 +1,319 @@
+import { defineComponent, useSlots, ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, renderSlot, toDisplayString, renderList, normalizeClass, normalizeStyle } 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 "../node_modules/dayjs/plugin/duration.js";
+import "../node_modules/dayjs/plugin/toObject.js";
+import "../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                   */
+import _sfc_main$5 from "../_shared/icons/IconArrowRight.vue.js";
+import _sfc_main$4 from "../_shared/icons/IconDoubleLeft.vue.js";
+import _sfc_main$6 from "../_shared/icons/IconDoubleRight.vue.js";
+import PickerCell from "./component/PickerCell.vue.js";
+import _sfc_main$3 from "./component/PickerPanel.vue.js";
+/* empty css                           */
+import PickerInput from "./component/PickerInput.vue.js";
+import _sfc_main$1 from "./YcYearPicker.vue.js";
+/* empty css                  */
+import _sfc_main$2 from "./YcMonthPicker.vue.js";
+/* empty css                   */
+const _hoisted_1 = { class: "yc-panel-week" };
+const _hoisted_2 = { class: "yc-picker-header" };
+const _hoisted_3 = { class: "yc-picker-header-title" };
+const _hoisted_4 = { class: "yc-picker-week-list" };
+const _hoisted_5 = { class: "yc-picker-body" };
+const _hoisted_6 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "WeekPicker",
+    inheritAttrs: false
+  },
+  __name: "YcWeekPicker",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: "" },
+    dayStartOfWeek: { default: 0 },
+    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: {},
+    defaultPickerValue: {},
+    popupContainer: { default: void 0 },
+    valueFormat: { default: "YYYY-MM-DD" },
+    format: { default: "gggg-wo" },
+    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,
+      locale,
+      abbreviation,
+      dayStartOfWeek,
+      curMonth,
+      curYear,
+      showMonthPicker,
+      showYearPicker,
+      DefinePanel,
+      ReusePanel,
+      t,
+      getDateFromFormat,
+      getWeeksOfMonth,
+      handleConfirm,
+      handleSelect,
+      handleShortcut
+    } = usePicker({
+      props,
+      emits
+    });
+    const weekDate = ref([]);
+    const weekHeaders = computed(() => {
+      const baseDays = [0, 1, 2, 3, 4, 5, 6];
+      const days = [
+        ...baseDays.slice(dayStartOfWeek.value || 0),
+        ...baseDays.slice(0, dayStartOfWeek.value || 0)
+      ];
+      const map = Object.fromEntries(
+        [
+          "sunday",
+          "monday",
+          "tuesday",
+          "wednesday",
+          "thursday",
+          "friday",
+          "saturday"
+        ].map((v, i) => [i, v])
+      );
+      return days.map((v) => {
+        var _a;
+        const key = `datePicker.week.${abbreviation.value ? "short" : "long"}.${map[v]}`;
+        return ((_a = locale.value) == null ? void 0 : _a[key]) || t(key);
+      });
+    });
+    const isCellInView = (day) => {
+      const { value } = day;
+      return value.getFullYear() == curYear.value && value.getMonth() == curMonth.value;
+    };
+    const isToday = (day) => {
+      const { value } = day;
+      const date = dayjs();
+      return value.getFullYear() == date.year() && value.getMonth() == date.month() && value.getDate() == date.day();
+    };
+    const isSelected = (v) => {
+      const date = getDateFromFormat(computedValue.value);
+      if (!date) return false;
+      return date.getFullYear() == v.getFullYear() && date.getMonth() == v.getMonth() && date.getDate() == v.getDate();
+    };
+    const handleDateChange = (dateType, type) => {
+      if (dateType == "year") {
+        curYear.value = type == "pre" ? curYear.value - 1 : curYear.value + 1;
+        weekDate.value = getWeeksOfMonth(curYear.value, curMonth.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();
+        weekDate.value = getWeeksOfMonth(curYear.value, curMonth.value);
+      }
+    };
+    watch(
+      () => computedValue.value,
+      (val) => {
+        const date = val ? getDateFromFormat(val) : /* @__PURE__ */ new Date();
+        curYear.value = date.getFullYear();
+        curMonth.value = date.getMonth();
+        weekDate.value = getWeeksOfMonth(curYear.value, curMonth.value);
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      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();
+                weekDate.value = unref(getWeeksOfMonth)(unref(curYear), unref(curMonth));
+                showYearPicker.value = false;
+              })
+            }, null, 8, ["model-value"])) : unref(showMonthPicker) ? (openBlock(), createBlock(_sfc_main$2, {
+              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();
+                weekDate.value = unref(getWeeksOfMonth)(unref(curYear), unref(curMonth));
+                showMonthPicker.value = false;
+              })
+            }, null, 8, ["model-value"])) : (openBlock(), createBlock(_sfc_main$3, {
+              key: 2,
+              locale: unref(locale),
+              "preview-shortcut": _ctx.previewShortcut,
+              shortcuts: _ctx.shortcuts,
+              "shortcuts-position": _ctx.shortcutsPosition,
+              "confirm-btn-disabled": !unref(computedValue),
+              "show-confirm-btn": _ctx.showConfirmBtn,
+              onConfirm: unref(handleConfirm),
+              onShortcutSelect: unref(handleShortcut)
+            }, createSlots({
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[2] || (_cache[2] = ($event) => handleDateChange("year", "pre"))
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-prev-double", {}, () => [
+                        createVNode(unref(_sfc_main$4))
+                      ], true)
+                    ]),
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[3] || (_cache[3] = ($event) => handleDateChange("month", "pre"))
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-prev", {}, () => [
+                        createVNode(unref(_sfc_main$5), { rotate: 180 })
+                      ], true)
+                    ]),
+                    createElementVNode("div", _hoisted_3, [
+                      createElementVNode("span", {
+                        class: "yc-picker-header-label",
+                        onClick: _cache[4] || (_cache[4] = ($event) => showYearPicker.value = true)
+                      }, toDisplayString(unref(curYear)), 1),
+                      _cache[8] || (_cache[8] = createElementVNode("span", null, "-", -1)),
+                      createElementVNode("span", {
+                        class: "yc-picker-header-label",
+                        onClick: _cache[5] || (_cache[5] = ($event) => showMonthPicker.value = true)
+                      }, toDisplayString(unref(curMonth) < 9 ? `0${unref(curMonth) + 1}` : unref(curMonth) + 1), 1)
+                    ]),
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[6] || (_cache[6] = ($event) => handleDateChange("month", "next"))
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-next", {}, () => [
+                        createVNode(unref(_sfc_main$5))
+                      ], true)
+                    ]),
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[7] || (_cache[7] = ($event) => handleDateChange("year", "next"))
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-next-double", {}, () => [
+                        createVNode(unref(_sfc_main$6))
+                      ], true)
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_4, [
+                    _cache[9] || (_cache[9] = createElementVNode("div", { class: "yc-picker-week-list-item" }, null, -1)),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(weekHeaders.value, (v) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: v,
+                        class: "yc-picker-week-list-item"
+                      }, toDisplayString(v), 1);
+                    }), 128))
+                  ]),
+                  createElementVNode("div", _hoisted_5, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(weekDate.value, ({ label, time, value }, i) => {
+                      var _a;
+                      return openBlock(), createElementBlock("div", {
+                        key: i,
+                        class: normalizeClass([
+                          "yc-picker-row",
+                          "yc-picker-week-row",
+                          {
+                            "yc-picker-week-row-disabled": (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, value),
+                            "yc-picker-week-row-selected": isSelected(value)
+                          }
+                        ]),
+                        onClick: ($event) => {
+                          var _a2;
+                          return !((_a2 = _ctx.disabledDate) == null ? void 0 : _a2.call(_ctx, value)) && unref(handleSelect)(value);
+                        }
+                      }, [
+                        createVNode(PickerCell, {
+                          "cell-in-view": false,
+                          value: label
+                        }, null, 8, ["value"]),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(time, (day, i2) => {
+                          return openBlock(), createBlock(PickerCell, {
+                            key: i2,
+                            value: day.label,
+                            "cell-in-view": isCellInView(day),
+                            "is-today": isToday(day),
+                            hoverable: false,
+                            class: normalizeClass({
+                              "yc-week-picker-cell-first": !i2,
+                              "yc-week-picker-cell-last": i2 == time.length - 1
+                            })
+                          }, null, 8, ["value", "cell-in-view", "is-today", "class"]);
+                        }), 128))
+                      ], 10, _hoisted_6);
+                    }), 128))
+                  ])
+                ])
+              ]),
+              _: 2
+            }, [
+              $slots.extra ? {
+                name: "extra",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "extra", {}, void 0, true)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "onConfirm", "onShortcutSelect"]))
+          ]),
+          _: 3
+        }),
+        !_ctx.hideTrigger ? (openBlock(), createBlock(PickerInput, {
+          key: 0,
+          class: normalizeClass(_ctx.$attrs.class),
+          style: normalizeStyle(_ctx.$attrs.style),
+          type: "week"
+        }, {
+          content: withCtx(() => [
+            createVNode(unref(ReusePanel))
+          ]),
+          _: 1
+        }, 8, ["class", "style"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/DatePicker/YcYearPicker.vue.d.ts

@@ -0,0 +1,63 @@
+import { YearPickerProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<YearPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (visible: boolean) => any;
+    clear: () => any;
+    select: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "update:modelValue": (value: import('./type').DatePickerValue) => any;
+    "update:pickerValue": (value: import('./type').DatePickerValue) => any;
+    ok: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "picker-value-change": (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "select-shortcut": (shortcut: import('./type').ShortcutType) => any;
+}, string, import('vue').PublicProps, Readonly<YearPickerProps> & Readonly<{
+    onChange?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
+    "onUpdate:pickerValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
+    onOk?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onPicker-value-change"?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onSelect-shortcut"?: ((shortcut: import('./type').ShortcutType) => any) | undefined;
+}>, {
+    error: boolean;
+    size: import('..').Size;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    disabled: boolean;
+    position: import('./type').DatePickerPosition;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    placeholder: string;
+    locale: Record<string, any>;
+    modelValue: import('./type').DatePickerValue;
+    defaultValue: import('./type').DatePickerValue;
+    allowClear: boolean;
+    readonly: boolean;
+    triggerProps: import('..').TriggerProps;
+    hideTrigger: boolean;
+    format: string;
+    valueFormat: import('./type').ValueFormat;
+    showConfirmBtn: boolean;
+    shortcutsPosition: import('./type').ShortcutsPosition;
+    shortcuts: import('./type').ShortcutType[];
+    previewShortcut: boolean;
+    disabledInput: boolean;
+    disabledDate: import('./type').DisabledDate;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/DatePicker/YcYearPicker.vue.js

@@ -0,0 +1,200 @@
+import { defineComponent, useSlots, ref, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, renderSlot, toDisplayString, renderList, 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 "../node_modules/dayjs/plugin/duration.js";
+import "../node_modules/dayjs/plugin/toObject.js";
+import "../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                   */
+import _sfc_main$2 from "../_shared/icons/IconDoubleLeft.vue.js";
+import _sfc_main$3 from "../_shared/icons/IconDoubleRight.vue.js";
+import PickerCell from "./component/PickerCell.vue.js";
+import _sfc_main$1 from "./component/PickerPanel.vue.js";
+/* empty css                           */
+import PickerInput from "./component/PickerInput.vue.js";
+const _hoisted_1 = { class: "yc-panel-year" };
+const _hoisted_2 = { class: "yc-picker-header" };
+const _hoisted_3 = { class: "yc-picker-header-title" };
+const _hoisted_4 = { class: "yc-picker-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YearPicker",
+    inheritAttrs: false
+  },
+  __name: "YcYearPicker",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: "" },
+    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: {},
+    defaultPickerValue: {},
+    popupContainer: { default: void 0 },
+    valueFormat: { default: "YYYY" },
+    format: { default: "YYYY" },
+    previewShortcut: { type: Boolean, default: true },
+    showConfirmBtn: { type: Boolean, default: false },
+    disabledInput: { type: Boolean, default: false },
+    abbreviation: { type: Boolean }
+  },
+  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,
+      DefinePanel,
+      ReusePanel,
+      curYear,
+      getDateFromFormat,
+      getRangeOfYear,
+      handleConfirm,
+      handleSelect,
+      handleShortcut
+    } = usePicker({
+      props,
+      emits
+    });
+    const yearData = ref([]);
+    const isSelected = (val) => {
+      const date = getDateFromFormat(computedValue.value);
+      if (!date) return false;
+      return date.getFullYear() == val.getFullYear();
+    };
+    const handleYearChange = (type) => {
+      curYear.value = type == "pre" ? curYear.value - 10 : curYear.value + 10;
+      const { range } = getRangeOfYear(curYear.value);
+      yearData.value = range;
+    };
+    watch(
+      () => computedValue.value,
+      (val) => {
+        const date = val ? getDateFromFormat(val) : /* @__PURE__ */ new Date();
+        const { range, startYear } = getRangeOfYear(date.getFullYear());
+        curYear.value = startYear;
+        yearData.value = range;
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(DefinePanel), null, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              locale: _ctx.locale,
+              "preview-shortcut": _ctx.previewShortcut,
+              shortcuts: _ctx.shortcuts,
+              "shortcuts-position": _ctx.shortcutsPosition,
+              "confirm-btn-disabled": !unref(computedValue),
+              "show-confirm-btn": _ctx.showConfirmBtn,
+              onConfirm: unref(handleConfirm),
+              onShortcutSelect: unref(handleShortcut)
+            }, createSlots({
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[0] || (_cache[0] = ($event) => handleYearChange("pre"))
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-prev-double", {}, () => [
+                        createVNode(unref(_sfc_main$2))
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_3, toDisplayString(unref(curYear)) + "-" + toDisplayString(unref(curYear) + 10), 1),
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[1] || (_cache[1] = ($event) => handleYearChange("next"))
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-next-double", {}, () => [
+                        createVNode(unref(_sfc_main$3))
+                      ])
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_4, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(yearData.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(PickerCell, {
+                            key: date.getFullYear(),
+                            "cell-in-view": !!(i || k),
+                            "is-today": date.getFullYear() == unref(dayjs)().year(),
+                            "is-selected": isSelected(date),
+                            disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
+                            value: label,
+                            onClick: ($event) => unref(handleSelect)(date)
+                          }, createSlots({ _: 2 }, [
+                            $slots.cell ? {
+                              name: "cell",
+                              fn: withCtx(() => [
+                                renderSlot(_ctx.$slots, "cell", { date })
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1032, ["cell-in-view", "is-today", "is-selected", "disabled", "value", "onClick"]);
+                        }), 128))
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ]),
+              _: 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", "onConfirm", "onShortcutSelect"])
+          ]),
+          _: 3
+        }),
+        !_ctx.hideTrigger ? (openBlock(), createBlock(PickerInput, {
+          key: 0,
+          class: normalizeClass(_ctx.$attrs.class),
+          style: normalizeStyle(_ctx.$attrs.style),
+          type: "year"
+        }, {
+          content: withCtx(() => [
+            createVNode(unref(ReusePanel))
+          ]),
+          _: 1
+        }, 8, ["class", "style"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/DatePicker/YcYearPicker.vue3.js

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