vft 0.0.375 → 0.0.376

package/lib/components/date-picker/composables/use-year-range-header.cjs

@@ -1,54 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const useYearRangeHeader = ({
-  unlinkPanels,
-  leftDate,
-  rightDate
-}) => {
-  const leftPrevYear = () => {
-    leftDate.value = leftDate.value.subtract(10, "year");
-    if (!unlinkPanels.value) {
-      rightDate.value = rightDate.value.subtract(10, "year");
-    }
-  };
-  const rightNextYear = () => {
-    if (!unlinkPanels.value) {
-      leftDate.value = leftDate.value.add(10, "year");
-    }
-    rightDate.value = rightDate.value.add(10, "year");
-  };
-  const leftNextYear = () => {
-    leftDate.value = leftDate.value.add(10, "year");
-  };
-  const rightPrevYear = () => {
-    rightDate.value = rightDate.value.subtract(10, "year");
-  };
-  const leftLabel = vue.computed(() => {
-    const leftStartDate = Math.floor(leftDate.value.year() / 10) * 10;
-    return `${leftStartDate}-${leftStartDate + 9}`;
-  });
-  const rightLabel = vue.computed(() => {
-    const rightStartDate = Math.floor(rightDate.value.year() / 10) * 10;
-    return `${rightStartDate}-${rightStartDate + 9}`;
-  });
-  const leftYear = vue.computed(() => {
-    const leftEndDate = Math.floor(leftDate.value.year() / 10) * 10 + 9;
-    return leftEndDate;
-  });
-  const rightYear = vue.computed(() => {
-    const rightStartDate = Math.floor(rightDate.value.year() / 10) * 10;
-    return rightStartDate;
-  });
-  return {
-    leftPrevYear,
-    rightNextYear,
-    leftNextYear,
-    rightPrevYear,
-    leftLabel,
-    rightLabel,
-    leftYear,
-    rightYear
-  };
-};
-exports.useYearRangeHeader = useYearRangeHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),Y=({unlinkPanels:u,leftDate:e,rightDate:a})=>{const o=()=>{e.value=e.value.subtract(10,"year"),u.value||(a.value=a.value.subtract(10,"year"))},l=()=>{u.value||(e.value=e.value.add(10,"year")),a.value=a.value.add(10,"year")},c=()=>{e.value=e.value.add(10,"year")},n=()=>{a.value=a.value.subtract(10,"year")},v=t.computed(()=>{const r=Math.floor(e.value.year()/10)*10;return`${r}-${r+9}`}),s=t.computed(()=>{const r=Math.floor(a.value.year()/10)*10;return`${r}-${r+9}`}),d=t.computed(()=>Math.floor(e.value.year()/10)*10+9),y=t.computed(()=>Math.floor(a.value.year()/10)*10);return{leftPrevYear:o,rightNextYear:l,leftNextYear:c,rightPrevYear:n,leftLabel:v,rightLabel:s,leftYear:d,rightYear:y}};exports.useYearRangeHeader=Y;

package/lib/components/date-picker/constants.cjs

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ROOT_PICKER_INJECTION_KEY = Symbol();
-const ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY = "ElIsDefaultFormat";
-exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
-exports.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY = ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=Symbol(),E="ElIsDefaultFormat";exports.ROOT_PICKER_INJECTION_KEY=_;exports.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY=E;

package/lib/components/date-picker/date-picker-com/basic-cell-render.cjs

@@ -1,36 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("@vueuse/core");
-require("@vft/utils");
-require("../../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../../hooks/use-namespace/index.cjs");
-require("../../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../../hooks/use-z-index/index.cjs");
-const constants = require("../constants.cjs");
-const basicCell = require("../props/basic-cell.cjs");
-const ElDatePickerCell = /* @__PURE__ */ vue.defineComponent({
-  name: "ElDatePickerCell",
-  props: basicCell.basicCellProps,
-  setup(props) {
-    const ns = index.useNamespace("date-table-cell");
-    const {
-      slots
-    } = vue.inject(constants.ROOT_PICKER_INJECTION_KEY);
-    return () => {
-      const {
-        cell
-      } = props;
-      return vue.renderSlot(slots, "default", {
-        ...cell
-      }, () => [vue.createVNode("div", {
-        "class": ns.b()
-      }, [vue.createVNode("span", {
-        "class": ns.e("text")
-      }, [cell?.renderText ?? cell?.text])])]);
-    };
-  }
-});
-exports.default = ElDatePickerCell;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const n=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const u=require("../constants.cjs"),c=require("../props/basic-cell.cjs"),i=e.defineComponent({name:"ElDatePickerCell",props:c.basicCellProps,setup(s){const t=n.useNamespace("date-table-cell"),{slots:l}=e.inject(u.ROOT_PICKER_INJECTION_KEY);return()=>{const{cell:r}=s;return e.renderSlot(l,"default",{...r},()=>[e.createVNode("div",{class:t.b()},[e.createVNode("span",{class:t.e("text")},[r?.renderText??r?.text])])])}}});exports.default=i;

package/lib/components/date-picker/date-picker-com/basic-date-table.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const basicDateTable_vue_vue_type_script_setup_true_lang = require("./basic-date-table.vue2.cjs");
-exports.default = basicDateTable_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./basic-date-table.vue2.cjs");exports.default=e.default;

package/lib/components/date-picker/date-picker-com/basic-date-table.vue2.cjs

@@ -1,110 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const basicDateTable = require("../props/basic-date-table.cjs");
-const useBasicDateTable = require("../composables/use-basic-date-table.cjs");
-const basicCellRender = require("./basic-cell-render.cjs");
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["aria-label"];
-const _hoisted_3 = ["aria-current", "aria-selected", "tabindex"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "basic-date-table",
-  props: basicDateTable.basicDateTableProps,
-  emits: basicDateTable.basicDateTableEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const {
-      WEEKS,
-      rows,
-      tbodyRef,
-      currentCellRef,
-      focus,
-      isCurrent,
-      isWeekActive,
-      isSelectedCell,
-      handlePickDate,
-      handleMouseUp,
-      handleMouseDown,
-      handleMouseMove,
-      handleFocus
-    } = useBasicDateTable.useBasicDateTable(props, emit);
-    const { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass } = useBasicDateTable.useBasicDateTableDOM(props, {
-      isCurrent,
-      isWeekActive
-    });
-    let isUnmounting = false;
-    vue.onBeforeUnmount(() => {
-      isUnmounting = true;
-    });
-    __expose({
-      /**
-       * @description focus on current cell
-       */
-      focus
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("table", {
-        "aria-label": vue.unref(tableLabel),
-        class: vue.normalizeClass(vue.unref(tableKls)),
-        cellspacing: "0",
-        cellpadding: "0",
-        role: "grid",
-        onClick: _cache[1] || (_cache[1] = //@ts-ignore
-        (...args) => vue.unref(handlePickDate) && vue.unref(handlePickDate)(...args)),
-        onMousemove: _cache[2] || (_cache[2] = //@ts-ignore
-        (...args) => vue.unref(handleMouseMove) && vue.unref(handleMouseMove)(...args)),
-        onMousedown: _cache[3] || (_cache[3] = vue.withModifiers(
-          //@ts-ignore
-          (...args) => vue.unref(handleMouseDown) && vue.unref(handleMouseDown)(...args),
-          ["prevent"]
-        )),
-        onMouseup: _cache[4] || (_cache[4] = //@ts-ignore
-        (...args) => vue.unref(handleMouseUp) && vue.unref(handleMouseUp)(...args))
-      }, [
-        vue.createElementVNode("tbody", {
-          ref_key: "tbodyRef",
-          ref: tbodyRef
-        }, [
-          vue.createElementVNode("tr", null, [
-            _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", {
-              key: 0,
-              scope: "col",
-              class: vue.normalizeClass(vue.unref(weekHeaderClass))
-            }, null, 2)) : vue.createCommentVNode("", true),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(WEEKS), (week, key) => {
-              return vue.openBlock(), vue.createElementBlock("th", {
-                key,
-                "aria-label": week,
-                scope: "col"
-              }, vue.toDisplayString(week), 9, _hoisted_2);
-            }), 128))
-          ]),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
-            return vue.openBlock(), vue.createElementBlock("tr", {
-              key: rowKey,
-              class: vue.normalizeClass(vue.unref(getRowKls)(row[1]))
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, columnKey) => {
-                return vue.openBlock(), vue.createElementBlock("td", {
-                  key: `${rowKey}.${columnKey}`,
-                  ref_for: true,
-                  ref: (el) => !vue.unref(isUnmounting) && vue.unref(isSelectedCell)(cell) && (currentCellRef.value = el),
-                  class: vue.normalizeClass(vue.unref(getCellClasses)(cell)),
-                  "aria-current": cell.isCurrent ? "date" : void 0,
-                  "aria-selected": cell.isCurrent,
-                  tabindex: vue.unref(isSelectedCell)(cell) ? 0 : -1,
-                  onFocus: _cache[0] || (_cache[0] = //@ts-ignore
-                  (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args))
-                }, [
-                  vue.createVNode(vue.unref(basicCellRender.default), { cell }, null, 8, ["cell"])
-                ], 42, _hoisted_3);
-              }), 128))
-            ], 2);
-          }), 128))
-        ], 512)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../props/basic-date-table.cjs"),p=require("../composables/use-basic-date-table.cjs"),L=require("./basic-cell-render.cjs"),V=["aria-label"],h=["aria-label"],x=["aria-current","aria-selected","tabindex"],P=e.defineComponent({__name:"basic-date-table",props:b.basicDateTableProps,emits:b.basicDateTableEmits,setup(k,{expose:B,emit:C}){const s=k,E=C,{WEEKS:g,rows:M,tbodyRef:D,currentCellRef:v,focus:y,isCurrent:T,isWeekActive:F,isSelectedCell:a,handlePickDate:u,handleMouseUp:i,handleMouseDown:c,handleMouseMove:d,handleFocus:f}=p.useBasicDateTable(s,E),{tableLabel:N,tableKls:R,getCellClasses:S,getRowKls:_,weekHeaderClass:q}=p.useBasicDateTableDOM(s,{isCurrent:T,isWeekActive:F});let m=!1;return e.onBeforeUnmount(()=>{m=!0}),B({focus:y}),(w,t)=>(e.openBlock(),e.createElementBlock("table",{"aria-label":e.unref(N),class:e.normalizeClass(e.unref(R)),cellspacing:"0",cellpadding:"0",role:"grid",onClick:t[1]||(t[1]=(...r)=>e.unref(u)&&e.unref(u)(...r)),onMousemove:t[2]||(t[2]=(...r)=>e.unref(d)&&e.unref(d)(...r)),onMousedown:t[3]||(t[3]=e.withModifiers((...r)=>e.unref(c)&&e.unref(c)(...r),["prevent"])),onMouseup:t[4]||(t[4]=(...r)=>e.unref(i)&&e.unref(i)(...r))},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:D},[e.createElementVNode("tr",null,[w.showWeekNumber?(e.openBlock(),e.createElementBlock("th",{key:0,scope:"col",class:e.normalizeClass(e.unref(q))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(r,l)=>(e.openBlock(),e.createElementBlock("th",{key:l,"aria-label":r,scope:"col"},e.toDisplayString(r),9,h))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(M),(r,l)=>(e.openBlock(),e.createElementBlock("tr",{key:l,class:e.normalizeClass(e.unref(_)(r[1]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,z)=>(e.openBlock(),e.createElementBlock("td",{key:`${l}.${z}`,ref_for:!0,ref:o=>!e.unref(m)&&e.unref(a)(n)&&(v.value=o),class:e.normalizeClass(e.unref(S)(n)),"aria-current":n.isCurrent?"date":void 0,"aria-selected":n.isCurrent,tabindex:e.unref(a)(n)?0:-1,onFocus:t[0]||(t[0]=(...o)=>e.unref(f)&&e.unref(f)(...o))},[e.createVNode(e.unref(L.default),{cell:n},null,8,["cell"])],42,x))),128))],2))),128))],512)],42,V))}});exports.default=P;

package/lib/components/date-picker/date-picker-com/basic-month-table.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const basicMonthTable_vue_vue_type_script_setup_true_lang = require("./basic-month-table.vue2.cjs");
-exports.default = basicMonthTable_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./basic-month-table.vue2.cjs");exports.default=e.default;

package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs

@@ -1,234 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-require("@vueuse/core");
-const utils$1 = require("@vft/utils");
-const helper = require("../../../utils/helper.cjs");
-require("lodash-es");
-const index = require("../../../hooks/use-namespace/index.cjs");
-require("../../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../../hooks/use-z-index/index.cjs");
-const basicMonthTable = require("../props/basic-month-table.cjs");
-const utils = require("../utils.cjs");
-const basicCellRender = require("./basic-cell-render.cjs");
-const _hoisted_1 = ["aria-selected", "tabindex", "onKeydown"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "basic-month-table",
-  props: basicMonthTable.basicMonthTableProps,
-  emits: ["changerange", "pick", "select"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("month-table");
-    const lang = vue.ref("zh-cn");
-    const tbodyRef = vue.ref();
-    const currentCellRef = vue.ref();
-    const months = vue.ref(
-      props.date.locale("zh-cn").localeData().monthsShort().map((_) => _.toLowerCase())
-    );
-    const tableRows = vue.ref([
-      [],
-      [],
-      []
-    ]);
-    const lastRow = vue.ref();
-    const lastColumn = vue.ref();
-    const rows = vue.computed(() => {
-      const rows2 = tableRows.value;
-      const now = dayjs().locale(lang.value).startOf("month");
-      for (let i = 0; i < 3; i++) {
-        const row = rows2[i];
-        for (let j = 0; j < 4; j++) {
-          const cell = row[j] ||= {
-            row: i,
-            column: j,
-            type: "normal",
-            inRange: false,
-            start: false,
-            end: false,
-            text: -1,
-            disabled: false
-          };
-          cell.type = "normal";
-          const index2 = i * 4 + j;
-          const calTime = props.date.startOf("year").month(index2);
-          const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate || null;
-          cell.inRange = !!(props.minDate && calTime.isSameOrAfter(props.minDate, "month") && calEndDate && calTime.isSameOrBefore(calEndDate, "month")) || !!(props.minDate && calTime.isSameOrBefore(props.minDate, "month") && calEndDate && calTime.isSameOrAfter(calEndDate, "month"));
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
-            cell.start = !!(calEndDate && calTime.isSame(calEndDate, "month"));
-            cell.end = props.minDate && calTime.isSame(props.minDate, "month");
-          } else {
-            cell.start = !!(props.minDate && calTime.isSame(props.minDate, "month"));
-            cell.end = !!(calEndDate && calTime.isSame(calEndDate, "month"));
-          }
-          const isToday = now.isSame(calTime);
-          if (isToday) {
-            cell.type = "today";
-          }
-          cell.text = index2;
-          cell.disabled = props.disabledDate?.(calTime.toDate()) || false;
-        }
-      }
-      return rows2;
-    });
-    const focus = () => {
-      currentCellRef.value?.focus();
-    };
-    const getCellStyle = (cell) => {
-      const style = {};
-      const year = props.date.year();
-      const today = /* @__PURE__ */ new Date();
-      const month = cell.text;
-      style.disabled = props.disabledDate ? utils.datesInMonth(props.date, year, month, lang.value).every(
-        props.disabledDate
-      ) : false;
-      style.current = helper.castArray(props.parsedValue).findIndex(
-        (date) => dayjs.isDayjs(date) && date.year() === year && date.month() === month
-      ) >= 0;
-      style.today = today.getFullYear() === year && today.getMonth() === month;
-      if (cell.inRange) {
-        style["in-range"] = true;
-        if (cell.start) {
-          style["start-date"] = true;
-        }
-        if (cell.end) {
-          style["end-date"] = true;
-        }
-      }
-      return style;
-    };
-    const isSelectedCell = (cell) => {
-      const year = props.date.year();
-      const month = cell.text;
-      return helper.castArray(props.date).findIndex(
-        (date) => date.year() === year && date.month() === month
-      ) >= 0;
-    };
-    const handleMouseMove = (event) => {
-      if (!props.rangeState.selecting) return;
-      let target = event.target;
-      if (target.tagName === "SPAN") {
-        target = target.parentNode?.parentNode;
-      }
-      if (target.tagName === "DIV") {
-        target = target.parentNode;
-      }
-      if (target.tagName !== "TD") return;
-      const row = target.parentNode.rowIndex;
-      const column = target.cellIndex;
-      if (rows.value[row][column].disabled) return;
-      if (row !== lastRow.value || column !== lastColumn.value) {
-        lastRow.value = row;
-        lastColumn.value = column;
-        emit("changerange", {
-          selecting: true,
-          endDate: props.date.startOf("year").month(row * 4 + column)
-        });
-      }
-    };
-    const handleMonthTableClick = (event) => {
-      const target = event.target?.closest(
-        "td"
-      );
-      if (target?.tagName !== "TD") return;
-      if (utils$1.hasClass(target, "disabled")) return;
-      const column = target.cellIndex;
-      const row = target.parentNode.rowIndex;
-      const month = row * 4 + column;
-      const newDate = props.date.startOf("year").month(month);
-      if (props.selectionMode === "months") {
-        if (event.type === "keydown") {
-          emit("pick", helper.castArray(props.parsedValue), false);
-          return;
-        }
-        const newMonth = utils.getValidDateOfMonth(
-          props.date,
-          props.date.year(),
-          month,
-          lang.value,
-          props.disabledDate
-        );
-        const newValue = utils$1.hasClass(target, "current") ? helper.castArray(props.parsedValue).filter(
-          (d) => (
-            // Filter out the selected month only when both year and month match
-            // This allows remove same months from different years #20019
-            d?.year() !== newMonth.year() || d?.month() !== newMonth.month()
-          )
-        ) : helper.castArray(props.parsedValue).concat([dayjs(newMonth)]);
-        emit("pick", newValue);
-      } else if (props.selectionMode === "range") {
-        if (!props.rangeState.selecting) {
-          emit("pick", { minDate: newDate, maxDate: null });
-          emit("select", true);
-        } else {
-          if (props.minDate && newDate >= props.minDate) {
-            emit("pick", { minDate: props.minDate, maxDate: newDate });
-          } else {
-            emit("pick", { minDate: newDate, maxDate: props.minDate });
-          }
-          emit("select", false);
-        }
-      } else {
-        emit("pick", month);
-      }
-    };
-    vue.watch(
-      () => props.date,
-      async () => {
-        if (tbodyRef.value?.contains(document.activeElement)) {
-          await vue.nextTick();
-          currentCellRef.value?.focus();
-        }
-      }
-    );
-    __expose({
-      /**
-       * @description focus current cell
-       */
-      focus
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("table", {
-        role: "grid",
-        "aria-label": "使用方向键与 Enter 键可选择月份",
-        class: vue.normalizeClass(vue.unref(ns).b()),
-        onClick: handleMonthTableClick,
-        onMousemove: handleMouseMove
-      }, [
-        vue.createElementVNode("tbody", {
-          ref_key: "tbodyRef",
-          ref: tbodyRef
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rows.value, (row, key) => {
-            return vue.openBlock(), vue.createElementBlock("tr", { key }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key_) => {
-                return vue.openBlock(), vue.createElementBlock("td", {
-                  key: key_,
-                  ref_for: true,
-                  ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
-                  class: vue.normalizeClass(getCellStyle(cell)),
-                  "aria-selected": `${isSelectedCell(cell)}`,
-                  tabindex: isSelectedCell(cell) ? 0 : -1,
-                  onKeydown: [
-                    vue.withKeys(vue.withModifiers(handleMonthTableClick, ["prevent", "stop"]), ["space"]),
-                    vue.withKeys(vue.withModifiers(handleMonthTableClick, ["prevent", "stop"]), ["enter"])
-                  ]
-                }, [
-                  vue.createVNode(vue.unref(basicCellRender.default), {
-                    cell: {
-                      ...cell,
-                      renderText: months.value[cell.text]
-                    }
-                  }, null, 8, ["cell"])
-                ], 42, _hoisted_1);
-              }), 128))
-            ]);
-          }), 128))
-        ], 512)
-      ], 34);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("dayjs");require("@vueuse/core");const v=require("@vft/utils"),u=require("../../../utils/helper.cjs");require("lodash-es");const A=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const E=require("../props/basic-month-table.cjs"),x=require("../utils.cjs"),R=require("./basic-cell-render.cjs"),V=["aria-selected","tabindex","onKeydown"],I=t.defineComponent({__name:"basic-month-table",props:E.basicMonthTableProps,emits:["changerange","pick","select"],setup(S,{expose:M,emit:q}){const e=S,d=q,C=A.useNamespace("month-table"),f=t.ref("zh-cn"),g=t.ref(),h=t.ref(),N=t.ref(e.date.locale("zh-cn").localeData().monthsShort().map(s=>s.toLowerCase())),B=t.ref([[],[],[]]),b=t.ref(),w=t.ref(),k=t.computed(()=>{const s=B.value,a=D().locale(f.value).startOf("month");for(let n=0;n<3;n++){const l=s[n];for(let r=0;r<4;r++){const o=l[r]||={row:n,column:r,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1};o.type="normal";const m=n*4+r,i=e.date.startOf("year").month(m),c=e.rangeState.endDate||e.maxDate||e.rangeState.selecting&&e.minDate||null;o.inRange=!!(e.minDate&&i.isSameOrAfter(e.minDate,"month")&&c&&i.isSameOrBefore(c,"month"))||!!(e.minDate&&i.isSameOrBefore(e.minDate,"month")&&c&&i.isSameOrAfter(c,"month")),e.minDate?.isSameOrAfter(c)?(o.start=!!(c&&i.isSame(c,"month")),o.end=e.minDate&&i.isSame(e.minDate,"month")):(o.start=!!(e.minDate&&i.isSame(e.minDate,"month")),o.end=!!(c&&i.isSame(c,"month"))),a.isSame(i)&&(o.type="today"),o.text=m,o.disabled=e.disabledDate?.(i.toDate())||!1}}return s}),_=()=>{h.value?.focus()},O=s=>{const a={},n=e.date.year(),l=new Date,r=s.text;return a.disabled=e.disabledDate?x.datesInMonth(e.date,n,r,f.value).every(e.disabledDate):!1,a.current=u.castArray(e.parsedValue).findIndex(o=>D.isDayjs(o)&&o.year()===n&&o.month()===r)>=0,a.today=l.getFullYear()===n&&l.getMonth()===r,s.inRange&&(a["in-range"]=!0,s.start&&(a["start-date"]=!0),s.end&&(a["end-date"]=!0)),a},p=s=>{const a=e.date.year(),n=s.text;return u.castArray(e.date).findIndex(l=>l.year()===a&&l.month()===n)>=0},T=s=>{if(!e.rangeState.selecting)return;let a=s.target;if(a.tagName==="SPAN"&&(a=a.parentNode?.parentNode),a.tagName==="DIV"&&(a=a.parentNode),a.tagName!=="TD")return;const n=a.parentNode.rowIndex,l=a.cellIndex;k.value[n][l].disabled||(n!==b.value||l!==w.value)&&(b.value=n,w.value=l,d("changerange",{selecting:!0,endDate:e.date.startOf("year").month(n*4+l)}))},y=s=>{const a=s.target?.closest("td");if(a?.tagName!=="TD"||v.hasClass(a,"disabled"))return;const n=a.cellIndex,r=a.parentNode.rowIndex*4+n,o=e.date.startOf("year").month(r);if(e.selectionMode==="months"){if(s.type==="keydown"){d("pick",u.castArray(e.parsedValue),!1);return}const m=x.getValidDateOfMonth(e.date,e.date.year(),r,f.value,e.disabledDate),i=v.hasClass(a,"current")?u.castArray(e.parsedValue).filter(c=>c?.year()!==m.year()||c?.month()!==m.month()):u.castArray(e.parsedValue).concat([D(m)]);d("pick",i)}else e.selectionMode==="range"?e.rangeState.selecting?(e.minDate&&o>=e.minDate?d("pick",{minDate:e.minDate,maxDate:o}):d("pick",{minDate:o,maxDate:e.minDate}),d("select",!1)):(d("pick",{minDate:o,maxDate:null}),d("select",!0)):d("pick",r)};return t.watch(()=>e.date,async()=>{g.value?.contains(document.activeElement)&&(await t.nextTick(),h.value?.focus())}),M({focus:_}),(s,a)=>(t.openBlock(),t.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键可选择月份",class:t.normalizeClass(t.unref(C).b()),onClick:y,onMousemove:T},[t.createElementVNode("tbody",{ref_key:"tbodyRef",ref:g},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(k.value,(n,l)=>(t.openBlock(),t.createElementBlock("tr",{key:l},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n,(r,o)=>(t.openBlock(),t.createElementBlock("td",{key:o,ref_for:!0,ref:m=>p(r)&&(h.value=m),class:t.normalizeClass(O(r)),"aria-selected":`${p(r)}`,tabindex:p(r)?0:-1,onKeydown:[t.withKeys(t.withModifiers(y,["prevent","stop"]),["space"]),t.withKeys(t.withModifiers(y,["prevent","stop"]),["enter"])]},[t.createVNode(t.unref(R.default),{cell:{...r,renderText:N.value[r.text]}},null,8,["cell"])],42,V))),128))]))),128))],512)],34))}});exports.default=I;

package/lib/components/date-picker/date-picker-com/basic-year-table.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const basicYearTable_vue_vue_type_script_setup_true_lang = require("./basic-year-table.vue2.cjs");
-exports.default = basicYearTable_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./basic-year-table.vue2.cjs");exports.default=e.default;