vft 0.0.363 → 0.0.365

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

@@ -1,229 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const utils$1 = require("@vft/utils");
-const basicMonthTable = require("../props/basic-month-table.cjs");
-const utils = require("../utils.cjs");
-const basicCellRender = require("./basic-cell-render.cjs");
-const index = require("../../../hooks/use-namespace/index.cjs");
-const helper = require("../../../utils/helper.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;

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

@@ -1,215 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const utils = require("@vft/utils");
-const basicYearTable = require("../props/basic-year-table.cjs");
-const utils$1 = require("../utils.cjs");
-const basicCellRender = require("./basic-cell-render.cjs");
-const index = require("../../../hooks/use-namespace/index.cjs");
-const helper = require("../../../utils/helper.cjs");
-const utils$2 = require("../../time-picker/utils.cjs");
-const _hoisted_1 = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "basic-year-table",
-  props: basicYearTable.basicYearTableProps,
-  emits: ["changerange", "pick", "select"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const datesInYear = (year, lang2) => {
-      const firstDay = dayjs(String(year)).locale(lang2).startOf("year");
-      const lastDay = firstDay.endOf("year");
-      const numOfDays = lastDay.dayOfYear();
-      return utils$2.rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-    };
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("year-table");
-    const lang = vue.ref("zh-cn");
-    const tbodyRef = vue.ref();
-    const currentCellRef = vue.ref();
-    const startYear = vue.computed(() => {
-      return Math.floor(props.date.year() / 10) * 10;
-    });
-    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("year");
-      for (let i = 0; i < 3; i++) {
-        const row = rows2[i];
-        for (let j = 0; j < 4; j++) {
-          if (i * 4 + j >= 10) {
-            break;
-          }
-          let cell = row[j];
-          if (!cell) {
-            cell = {
-              row: i,
-              column: j,
-              type: "normal",
-              inRange: false,
-              start: false,
-              end: false,
-              text: -1,
-              disabled: false
-            };
-          }
-          cell.type = "normal";
-          const index2 = i * 4 + j + startYear.value;
-          const calTime = dayjs().year(index2);
-          const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate || null;
-          cell.inRange = !!(props.minDate && calTime.isSameOrAfter(props.minDate, "year") && calEndDate && calTime.isSameOrBefore(calEndDate, "year")) || !!(props.minDate && calTime.isSameOrBefore(props.minDate, "year") && calEndDate && calTime.isSameOrAfter(calEndDate, "year"));
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
-            cell.start = !!(calEndDate && calTime.isSame(calEndDate, "year"));
-            cell.end = !!(props.minDate && calTime.isSame(props.minDate, "year"));
-          } else {
-            cell.start = !!(props.minDate && calTime.isSame(props.minDate, "year"));
-            cell.end = !!(calEndDate && calTime.isSame(calEndDate, "year"));
-          }
-          const isToday = now.isSame(calTime);
-          if (isToday) {
-            cell.type = "today";
-          }
-          cell.text = index2;
-          const cellDate = calTime.toDate();
-          cell.disabled = props.disabledDate && props.disabledDate(cellDate) || false;
-          row[j] = cell;
-        }
-      }
-      return rows2;
-    });
-    const focus = () => {
-      currentCellRef.value?.focus();
-    };
-    const getCellKls = (cell) => {
-      const kls = {};
-      const today = dayjs().locale(lang.value);
-      const year = cell.text;
-      kls.disabled = props.disabledDate ? datesInYear(year, lang.value).every(props.disabledDate) : false;
-      kls.today = today.year() === year;
-      kls.current = helper.castArray(props.parsedValue).findIndex((d) => d.year() === year) >= 0;
-      if (cell.inRange) {
-        kls["in-range"] = true;
-        if (cell.start) {
-          kls["start-date"] = true;
-        }
-        if (cell.end) {
-          kls["end-date"] = true;
-        }
-      }
-      return kls;
-    };
-    const isSelectedCell = (cell) => {
-      const year = cell.text;
-      return helper.castArray(props.date).findIndex((date) => date.year() === year) >= 0;
-    };
-    const handleYearTableClick = (event) => {
-      const target = event.target?.closest(
-        "td"
-      );
-      if (!target || !target.textContent || utils.hasClass(target, "disabled")) return;
-      const column = target.cellIndex;
-      const row = target.parentNode.rowIndex;
-      const selectedYear = row * 4 + column + startYear.value;
-      const newDate = dayjs().year(selectedYear);
-      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 if (props.selectionMode === "years") {
-        if (event.type === "keydown") {
-          emit("pick", helper.castArray(props.parsedValue), false);
-          return;
-        }
-        const vaildYear = utils$1.getValidDateOfYear(
-          newDate.startOf("year"),
-          lang.value,
-          props.disabledDate
-        );
-        const newValue = utils.hasClass(target, "current") ? helper.castArray(props.parsedValue).filter((d) => d?.year() !== selectedYear) : helper.castArray(props.parsedValue).concat([vaildYear]);
-        emit("pick", newValue);
-      } else {
-        emit("pick", selectedYear);
-      }
-    };
-    const handleMouseMove = (event) => {
-      if (!props.rangeState.selecting) return;
-      const target = event.target?.closest(
-        "td"
-      );
-      if (!target) 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: dayjs().year(startYear.value).add(row * 4 + column, "year")
-        });
-      }
-    };
-    vue.watch(
-      () => props.date,
-      async () => {
-        if (tbodyRef.value?.contains(document.activeElement)) {
-          await vue.nextTick();
-          currentCellRef.value?.focus();
-        }
-      }
-    );
-    __expose({
-      /**
-       * @description focus on the 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: handleYearTableClick,
-        onMousemove: handleMouseMove
-      }, [
-        vue.createElementVNode("tbody", {
-          ref_key: "tbodyRef",
-          ref: tbodyRef
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rows.value, (row, rowKey) => {
-            return vue.openBlock(), vue.createElementBlock("tr", { key: rowKey }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, cellKey) => {
-                return vue.openBlock(), vue.createElementBlock("td", {
-                  key: `${rowKey}_${cellKey}`,
-                  ref_for: true,
-                  ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
-                  class: vue.normalizeClass(["available", getCellKls(cell)]),
-                  "aria-selected": isSelectedCell(cell),
-                  "aria-label": String(cell.text),
-                  tabindex: isSelectedCell(cell) ? 0 : -1,
-                  onKeydown: [
-                    vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
-                    vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
-                  ]
-                }, [
-                  vue.createVNode(vue.unref(basicCellRender.default), { cell }, 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 e=require("vue"),f=require("dayjs");require("@vueuse/core");const S=require("@vft/utils"),m=require("../../../utils/helper.cjs");require("lodash-es");const Y=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("../../time-picker/index.cjs");const T=require("../props/basic-year-table.cjs"),V=require("../utils.cjs"),I=require("./basic-cell-render.cjs"),N=require("../../time-picker/utils.cjs"),K=["aria-selected","aria-label","tabindex","onKeydown"],$=e.defineComponent({__name:"basic-year-table",props:T.basicYearTableProps,emits:["changerange","pick","select"],setup(h,{expose:q,emit:C}){const O=(l,a)=>{const r=f(String(l)).locale(a).startOf("year"),n=r.endOf("year").dayOfYear();return N.rangeArr(n).map(s=>r.add(s,"day").toDate())},t=h,d=C,_=Y.useNamespace("year-table"),y=e.ref("zh-cn"),v=e.ref(),p=e.ref(),D=e.computed(()=>Math.floor(t.date.year()/10)*10),B=e.ref([[],[],[]]),k=e.ref(),x=e.ref(),w=e.computed(()=>{const l=B.value,a=f().locale(y.value).startOf("year");for(let r=0;r<3;r++){const o=l[r];for(let n=0;n<4&&!(r*4+n>=10);n++){let s=o[n];s||(s={row:r,column:n,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1}),s.type="normal";const u=r*4+n+D.value,i=f().year(u),c=t.rangeState.endDate||t.maxDate||t.rangeState.selecting&&t.minDate||null;s.inRange=!!(t.minDate&&i.isSameOrAfter(t.minDate,"year")&&c&&i.isSameOrBefore(c,"year"))||!!(t.minDate&&i.isSameOrBefore(t.minDate,"year")&&c&&i.isSameOrAfter(c,"year")),t.minDate?.isSameOrAfter(c)?(s.start=!!(c&&i.isSame(c,"year")),s.end=!!(t.minDate&&i.isSame(t.minDate,"year"))):(s.start=!!(t.minDate&&i.isSame(t.minDate,"year")),s.end=!!(c&&i.isSame(c,"year"))),a.isSame(i)&&(s.type="today"),s.text=u;const R=i.toDate();s.disabled=t.disabledDate&&t.disabledDate(R)||!1,o[n]=s}}return l}),M=()=>{p.value?.focus()},A=l=>{const a={},r=f().locale(y.value),o=l.text;return a.disabled=t.disabledDate?O(o,y.value).every(t.disabledDate):!1,a.today=r.year()===o,a.current=m.castArray(t.parsedValue).findIndex(n=>n.year()===o)>=0,l.inRange&&(a["in-range"]=!0,l.start&&(a["start-date"]=!0),l.end&&(a["end-date"]=!0)),a},b=l=>{const a=l.text;return m.castArray(t.date).findIndex(r=>r.year()===a)>=0},g=l=>{const a=l.target?.closest("td");if(!a||!a.textContent||S.hasClass(a,"disabled"))return;const r=a.cellIndex,n=a.parentNode.rowIndex*4+r+D.value,s=f().year(n);if(t.selectionMode==="range")t.rangeState.selecting?(t.minDate&&s>=t.minDate?d("pick",{minDate:t.minDate,maxDate:s}):d("pick",{minDate:s,maxDate:t.minDate}),d("select",!1)):(d("pick",{minDate:s,maxDate:null}),d("select",!0));else if(t.selectionMode==="years"){if(l.type==="keydown"){d("pick",m.castArray(t.parsedValue),!1);return}const u=V.getValidDateOfYear(s.startOf("year"),y.value,t.disabledDate),i=S.hasClass(a,"current")?m.castArray(t.parsedValue).filter(c=>c?.year()!==n):m.castArray(t.parsedValue).concat([u]);d("pick",i)}else d("pick",n)},E=l=>{if(!t.rangeState.selecting)return;const a=l.target?.closest("td");if(!a)return;const r=a.parentNode.rowIndex,o=a.cellIndex;w.value[r][o].disabled||(r!==k.value||o!==x.value)&&(k.value=r,x.value=o,d("changerange",{selecting:!0,endDate:f().year(D.value).add(r*4+o,"year")}))};return e.watch(()=>t.date,async()=>{v.value?.contains(document.activeElement)&&(await e.nextTick(),p.value?.focus())}),q({focus:M}),(l,a)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择年份",class:e.normalizeClass(e.unref(_).b()),onClick:g,onMousemove:E},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:v},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(r,o)=>(e.openBlock(),e.createElementBlock("tr",{key:o},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,s)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}_${s}`,ref_for:!0,ref:u=>b(n)&&(p.value=u),class:e.normalizeClass(["available",A(n)]),"aria-selected":b(n),"aria-label":String(n.text),tabindex:b(n)?0:-1,onKeydown:[e.withKeys(e.withModifiers(g,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(g,["prevent","stop"]),["enter"])]},[e.createVNode(e.unref(I.default),{cell:n},null,8,["cell"])],42,K))),128))]))),128))],512)],34))}});exports.default=$;

package/lib/components/date-picker/date-picker-com/panel-date-pick.vue.cjs

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