vft 0.0.375 → 0.0.376

package/lib/components/date-picker/composables/use-basic-date-table.cjs

@@ -1,344 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const lodashEs = require("lodash-es");
-require("@vueuse/core");
-require("@vft/utils");
-const helper = require("../../../utils/helper.cjs");
-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 utils = require("../utils.cjs");
-const isNormalDay = (type = "") => {
-  return ["normal", "today"].includes(type);
-};
-const useBasicDateTable = (props, emit) => {
-  const lang = vue.ref("zh-cn");
-  const tbodyRef = vue.ref();
-  const currentCellRef = vue.ref();
-  const lastRow = vue.ref();
-  const lastColumn = vue.ref();
-  const tableRows = vue.ref([[], [], [], [], [], []]);
-  let focusWithClick = false;
-  const firstDayOfWeek = props.date.$locale().weekStart || 7;
-  const WEEKS_CONSTANT = props.date.locale("zh-cn").localeData().weekdaysShort().map((_) => _.toLowerCase());
-  const offsetDay = vue.computed(() => {
-    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
-  });
-  const startDate = vue.computed(() => {
-    const startDayOfMonth = props.date.startOf("month");
-    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, "day");
-  });
-  const WEEKS = vue.computed(() => {
-    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(
-      firstDayOfWeek,
-      firstDayOfWeek + 7
-    );
-  });
-  const hasCurrent = vue.computed(() => {
-    return lodashEs.flatten(vue.unref(rows)).some((row) => {
-      return row.isCurrent;
-    });
-  });
-  const days = vue.computed(() => {
-    const startOfMonth = props.date.startOf("month");
-    const startOfMonthDay = startOfMonth.day() || 7;
-    const dateCountOfMonth = startOfMonth.daysInMonth();
-    const dateCountOfLastMonth = startOfMonth.subtract(1, "month").daysInMonth();
-    return {
-      startOfMonthDay,
-      dateCountOfMonth,
-      dateCountOfLastMonth
-    };
-  });
-  const selectedDate = vue.computed(() => {
-    return props.selectionMode === "dates" ? helper.castArray(props.parsedValue) : [];
-  });
-  const setDateText = (cell, { count, rowIndex, columnIndex }) => {
-    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } = vue.unref(days);
-    const offset = vue.unref(offsetDay);
-    if (rowIndex >= 0 && rowIndex <= 1) {
-      const numberOfDaysFromPreviousMonth = startOfMonthDay + offset < 0 ? 7 + startOfMonthDay + offset : startOfMonthDay + offset;
-      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {
-        cell.text = count;
-        return true;
-      } else {
-        cell.text = dateCountOfLastMonth - (numberOfDaysFromPreviousMonth - columnIndex % 7) + 1 + rowIndex * 7;
-        cell.type = "prev-month";
-      }
-    } else {
-      if (count <= dateCountOfMonth) {
-        cell.text = count;
-      } else {
-        cell.text = count - dateCountOfMonth;
-        cell.type = "next-month";
-      }
-      return true;
-    }
-    return false;
-  };
-  const setCellMetadata = (cell, { columnIndex, rowIndex }, count) => {
-    const { disabledDate, cellClassName } = props;
-    const _selectedDate = vue.unref(selectedDate);
-    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex });
-    const cellDate = cell.dayjs.toDate();
-    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, "day"));
-    cell.isSelected = !!cell.selected;
-    cell.isCurrent = isCurrent(cell);
-    cell.disabled = disabledDate?.(cellDate);
-    cell.customClass = cellClassName?.(cellDate);
-    return shouldIncrement;
-  };
-  const setRowMetadata = (row) => {
-    if (props.selectionMode === "week") {
-      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6];
-      const isActive = isWeekActive(row[start + 1]);
-      row[start].inRange = isActive;
-      row[start].start = isActive;
-      row[end].inRange = isActive;
-      row[end].end = isActive;
-    }
-  };
-  const rows = vue.computed(() => {
-    const { minDate, maxDate, rangeState, showWeekNumber } = props;
-    const offset = vue.unref(offsetDay);
-    const rows_ = vue.unref(tableRows);
-    const dateUnit = "day";
-    let count = 1;
-    utils.buildPickerTable({ row: 6, column: 7 }, rows_, {
-      startDate: minDate,
-      columnIndexOffset: showWeekNumber ? 1 : 0,
-      nextEndDate: rangeState.endDate || maxDate || rangeState.selecting && minDate || null,
-      now: dayjs().locale(vue.unref(lang)).startOf(dateUnit),
-      unit: dateUnit,
-      relativeDateGetter: (idx) => vue.unref(startDate).add(idx - offset, dateUnit),
-      setCellMetadata: (...args) => {
-        if (setCellMetadata(...args, count)) {
-          count += 1;
-        }
-      },
-      setRowMetadata
-    });
-    if (showWeekNumber) {
-      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {
-        if (rows_[rowIndex][1].dayjs) {
-          rows_[rowIndex][0] = {
-            type: "week",
-            text: rows_[rowIndex][1].dayjs.week()
-          };
-        }
-      }
-    }
-    return rows_;
-  });
-  vue.watch(
-    () => props.date,
-    async () => {
-      if (vue.unref(tbodyRef)?.contains(document.activeElement)) {
-        await vue.nextTick();
-        await focus();
-      }
-    }
-  );
-  const focus = async () => vue.unref(currentCellRef)?.focus();
-  const isCurrent = (cell) => {
-    return props.selectionMode === "date" && isNormalDay(cell.type) && cellMatchesDate(cell, props.parsedValue);
-  };
-  const cellMatchesDate = (cell, date) => {
-    if (!date) return false;
-    return dayjs(date).locale(vue.unref(lang)).isSame(props.date.date(Number(cell.text)), "day");
-  };
-  const getDateOfCell = (row, column) => {
-    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - vue.unref(offsetDay);
-    return vue.unref(startDate).add(offsetFromStart, "day");
-  };
-  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 - 1;
-    const column = target.cellIndex;
-    if (vue.unref(rows)[row][column].disabled) return;
-    if (row !== vue.unref(lastRow) || column !== vue.unref(lastColumn)) {
-      lastRow.value = row;
-      lastColumn.value = column;
-      emit("changerange", {
-        selecting: true,
-        endDate: getDateOfCell(row, column)
-      });
-    }
-  };
-  const isSelectedCell = (cell) => {
-    return !vue.unref(hasCurrent) && cell?.text === 1 && cell.type === "normal" || cell.isCurrent;
-  };
-  const handleFocus = (event) => {
-    if (focusWithClick || vue.unref(hasCurrent) || props.selectionMode !== "date")
-      return;
-    handlePickDate(event, true);
-  };
-  const handleMouseDown = (event) => {
-    const target = event.target.closest("td");
-    if (!target) return;
-    focusWithClick = true;
-  };
-  const handleMouseUp = (event) => {
-    const target = event.target.closest("td");
-    if (!target) return;
-    focusWithClick = false;
-  };
-  const handleRangePick = (newDate) => {
-    if (!props.rangeState.selecting || !props.minDate) {
-      emit("pick", { minDate: newDate, maxDate: null });
-      emit("select", true);
-    } else {
-      if (newDate >= props.minDate) {
-        emit("pick", { minDate: props.minDate, maxDate: newDate });
-      } else {
-        emit("pick", { minDate: newDate, maxDate: props.minDate });
-      }
-      emit("select", false);
-    }
-  };
-  const handleWeekPick = (newDate) => {
-    const weekNumber = newDate.week();
-    const value = `${newDate.year()}w${weekNumber}`;
-    emit("pick", {
-      year: newDate.year(),
-      week: weekNumber,
-      value,
-      date: newDate.startOf("week")
-    });
-  };
-  const handleDatesPick = (newDate, selected) => {
-    const newValue = selected ? helper.castArray(props.parsedValue).filter(
-      (d) => d?.valueOf() !== newDate.valueOf()
-    ) : helper.castArray(props.parsedValue).concat([newDate]);
-    emit("pick", newValue);
-  };
-  const handlePickDate = (event, isKeyboardMovement = false) => {
-    const target = event.target.closest("td");
-    if (!target) return;
-    const row = target.parentNode.rowIndex - 1;
-    const column = target.cellIndex;
-    const cell = vue.unref(rows)[row][column];
-    if (cell.disabled || cell.type === "week") return;
-    const newDate = getDateOfCell(row, column);
-    switch (props.selectionMode) {
-      case "range": {
-        handleRangePick(newDate);
-        break;
-      }
-      case "date": {
-        emit("pick", newDate, isKeyboardMovement);
-        break;
-      }
-      case "week": {
-        handleWeekPick(newDate);
-        break;
-      }
-      case "dates": {
-        handleDatesPick(newDate, !!cell.selected);
-        break;
-      }
-    }
-  };
-  const isWeekActive = (cell) => {
-    if (props.selectionMode !== "week") return false;
-    let newDate = props.date.startOf("day");
-    if (cell.type === "prev-month") {
-      newDate = newDate.subtract(1, "month");
-    }
-    if (cell.type === "next-month") {
-      newDate = newDate.add(1, "month");
-    }
-    newDate = newDate.date(Number.parseInt(cell.text, 10));
-    if (props.parsedValue && !lodashEs.isArray(props.parsedValue)) {
-      const dayOffset = (props.parsedValue.day() - firstDayOfWeek + 7) % 7 - 1;
-      const weekDate = props.parsedValue.subtract(dayOffset, "day");
-      return weekDate.isSame(newDate, "day");
-    }
-    return false;
-  };
-  return {
-    WEEKS,
-    rows,
-    tbodyRef,
-    currentCellRef,
-    // cellMatchesDate,
-    // getDateOfCell,
-    focus,
-    isCurrent,
-    isWeekActive,
-    isSelectedCell,
-    handlePickDate,
-    handleMouseUp,
-    handleMouseDown,
-    handleMouseMove,
-    handleFocus
-  };
-};
-const useBasicDateTableDOM = (props, {
-  isCurrent,
-  isWeekActive
-}) => {
-  const ns = index.useNamespace("date-table");
-  const tableKls = vue.computed(() => [
-    ns.b(),
-    { "is-week-mode": props.selectionMode === "week" }
-  ]);
-  const tableLabel = vue.computed(() => "使用方向键与 Enter 键可选择日期");
-  const getCellClasses = (cell) => {
-    const classes = [];
-    if (isNormalDay(cell.type) && !cell.disabled) {
-      classes.push("available");
-      if (cell.type === "today") {
-        classes.push("today");
-      }
-    } else {
-      classes.push(cell.type);
-    }
-    if (isCurrent(cell)) {
-      classes.push("current");
-    }
-    if (cell.inRange && (isNormalDay(cell.type) || props.selectionMode === "week")) {
-      classes.push("in-range");
-      if (cell.start) {
-        classes.push("start-date");
-      }
-      if (cell.end) {
-        classes.push("end-date");
-      }
-    }
-    if (cell.disabled) {
-      classes.push("disabled");
-    }
-    if (cell.selected) {
-      classes.push("selected");
-    }
-    if (cell.customClass) {
-      classes.push(cell.customClass);
-    }
-    return classes.join(" ");
-  };
-  const getRowKls = (cell) => [
-    ns.e("row"),
-    { current: isWeekActive(cell) }
-  ];
-  return {
-    tableKls,
-    tableLabel,
-    weekHeaderClass: ns.e("week-header"),
-    getCellClasses,
-    getRowKls
-  };
-};
-exports.useBasicDateTable = useBasicDateTable;
-exports.useBasicDateTableDOM = useBasicDateTableDOM;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),W=require("dayjs"),A=require("lodash-es");require("@vueuse/core");require("@vft/utils");const C=require("../../../utils/helper.cjs"),X=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const Y=require("../utils.cjs"),O=(a="")=>["normal","today"].includes(a),Z=(a,f)=>{const h=n.ref("zh-cn"),y=n.ref(),k=n.ref(),D=n.ref(),b=n.ref(),w=n.ref([[],[],[],[],[],[]]);let o=!1;const c=a.date.$locale().weekStart||7,x=a.date.locale("zh-cn").localeData().weekdaysShort().map(e=>e.toLowerCase()),M=n.computed(()=>c>3?7-c:-c),N=n.computed(()=>{const e=a.date.startOf("month");return e.subtract(e.day()||7,"day")}),E=n.computed(()=>x.concat(x).slice(c,c+7)),S=n.computed(()=>A.flatten(n.unref(g)).some(e=>e.isCurrent)),P=n.computed(()=>{const e=a.date.startOf("month"),t=e.day()||7,s=e.daysInMonth(),r=e.subtract(1,"month").daysInMonth();return{startOfMonthDay:t,dateCountOfMonth:s,dateCountOfLastMonth:r}}),j=n.computed(()=>a.selectionMode==="dates"?C.castArray(a.parsedValue):[]),I=(e,{count:t,rowIndex:s,columnIndex:r})=>{const{startOfMonthDay:l,dateCountOfMonth:d,dateCountOfLastMonth:i}=n.unref(P),m=n.unref(M);if(s>=0&&s<=1){const u=l+m<0?7+l+m:l+m;if(r+s*7>=u)return e.text=t,!0;e.text=i-(u-r%7)+1+s*7,e.type="prev-month"}else return t<=d?e.text=t:(e.text=t-d,e.type="next-month"),!0;return!1},B=(e,{columnIndex:t,rowIndex:s},r)=>{const{disabledDate:l,cellClassName:d}=a,i=n.unref(j),m=I(e,{count:r,rowIndex:s,columnIndex:t}),u=e.dayjs.toDate();return e.selected=i.find(Q=>Q.isSame(e.dayjs,"day")),e.isSelected=!!e.selected,e.isCurrent=q(e),e.disabled=l?.(u),e.customClass=d?.(u),m},K=e=>{if(a.selectionMode==="week"){const[t,s]=a.showWeekNumber?[1,7]:[0,6],r=V(e[t+1]);e[t].inRange=r,e[t].start=r,e[s].inRange=r,e[s].end=r}},g=n.computed(()=>{const{minDate:e,maxDate:t,rangeState:s,showWeekNumber:r}=a,l=n.unref(M),d=n.unref(w),i="day";let m=1;if(Y.buildPickerTable({row:6,column:7},d,{startDate:e,columnIndexOffset:r?1:0,nextEndDate:s.endDate||t||s.selecting&&e||null,now:W().locale(n.unref(h)).startOf(i),unit:i,relativeDateGetter:u=>n.unref(N).add(u-l,i),setCellMetadata:(...u)=>{B(...u,m)&&(m+=1)},setRowMetadata:K}),r)for(let u=0;u<6;u++)d[u][1].dayjs&&(d[u][0]={type:"week",text:d[u][1].dayjs.week()});return d});n.watch(()=>a.date,async()=>{n.unref(y)?.contains(document.activeElement)&&(await n.nextTick(),await v())});const v=async()=>n.unref(k)?.focus(),q=e=>a.selectionMode==="date"&&O(e.type)&&L(e,a.parsedValue),L=(e,t)=>t?W(t).locale(n.unref(h)).isSame(a.date.date(Number(e.text)),"day"):!1,T=(e,t)=>{const s=e*7+(t-(a.showWeekNumber?1:0))-n.unref(M);return n.unref(N).add(s,"day")},F=e=>{if(!a.rangeState.selecting)return;let t=e.target;if(t.tagName==="SPAN"&&(t=t.parentNode?.parentNode),t.tagName==="DIV"&&(t=t.parentNode),t.tagName!=="TD")return;const s=t.parentNode.rowIndex-1,r=t.cellIndex;n.unref(g)[s][r].disabled||(s!==n.unref(D)||r!==n.unref(b))&&(D.value=s,b.value=r,f("changerange",{selecting:!0,endDate:T(s,r)}))},_=e=>!n.unref(S)&&e?.text===1&&e.type==="normal"||e.isCurrent,$=e=>{o||n.unref(S)||a.selectionMode!=="date"||R(e,!0)},z=e=>{e.target.closest("td")&&(o=!0)},U=e=>{e.target.closest("td")&&(o=!1)},G=e=>{!a.rangeState.selecting||!a.minDate?(f("pick",{minDate:e,maxDate:null}),f("select",!0)):(e>=a.minDate?f("pick",{minDate:a.minDate,maxDate:e}):f("pick",{minDate:e,maxDate:a.minDate}),f("select",!1))},H=e=>{const t=e.week(),s=`${e.year()}w${t}`;f("pick",{year:e.year(),week:t,value:s,date:e.startOf("week")})},J=(e,t)=>{const s=t?C.castArray(a.parsedValue).filter(r=>r?.valueOf()!==e.valueOf()):C.castArray(a.parsedValue).concat([e]);f("pick",s)},R=(e,t=!1)=>{const s=e.target.closest("td");if(!s)return;const r=s.parentNode.rowIndex-1,l=s.cellIndex,d=n.unref(g)[r][l];if(d.disabled||d.type==="week")return;const i=T(r,l);switch(a.selectionMode){case"range":{G(i);break}case"date":{f("pick",i,t);break}case"week":{H(i);break}case"dates":{J(i,!!d.selected);break}}},V=e=>{if(a.selectionMode!=="week")return!1;let t=a.date.startOf("day");if(e.type==="prev-month"&&(t=t.subtract(1,"month")),e.type==="next-month"&&(t=t.add(1,"month")),t=t.date(Number.parseInt(e.text,10)),a.parsedValue&&!A.isArray(a.parsedValue)){const s=(a.parsedValue.day()-c+7)%7-1;return a.parsedValue.subtract(s,"day").isSame(t,"day")}return!1};return{WEEKS:E,rows:g,tbodyRef:y,currentCellRef:k,focus:v,isCurrent:q,isWeekActive:V,isSelectedCell:_,handlePickDate:R,handleMouseUp:U,handleMouseDown:z,handleMouseMove:F,handleFocus:$}},p=(a,{isCurrent:f,isWeekActive:h})=>{const y=X.useNamespace("date-table"),k=n.computed(()=>[y.b(),{"is-week-mode":a.selectionMode==="week"}]),D=n.computed(()=>"使用方向键与 Enter 键可选择日期"),b=o=>{const c=[];return O(o.type)&&!o.disabled?(c.push("available"),o.type==="today"&&c.push("today")):c.push(o.type),f(o)&&c.push("current"),o.inRange&&(O(o.type)||a.selectionMode==="week")&&(c.push("in-range"),o.start&&c.push("start-date"),o.end&&c.push("end-date")),o.disabled&&c.push("disabled"),o.selected&&c.push("selected"),o.customClass&&c.push(o.customClass),c.join(" ")},w=o=>[y.e("row"),{current:h(o)}];return{tableKls:k,tableLabel:D,weekHeaderClass:y.e("week-header"),getCellClasses:b,getRowKls:w}};exports.useBasicDateTable=Z;exports.useBasicDateTableDOM=p;

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

@@ -1,50 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const useMonthRangeHeader = ({
-  unlinkPanels,
-  leftDate,
-  rightDate
-}) => {
-  const leftPrevYear = () => {
-    leftDate.value = leftDate.value.subtract(1, "year");
-    if (!unlinkPanels.value) {
-      rightDate.value = rightDate.value.subtract(1, "year");
-    }
-  };
-  const rightNextYear = () => {
-    if (!unlinkPanels.value) {
-      leftDate.value = leftDate.value.add(1, "year");
-    }
-    rightDate.value = rightDate.value.add(1, "year");
-  };
-  const leftNextYear = () => {
-    leftDate.value = leftDate.value.add(1, "year");
-  };
-  const rightPrevYear = () => {
-    rightDate.value = rightDate.value.subtract(1, "year");
-  };
-  const leftLabel = vue.computed(() => {
-    return `${leftDate.value.year()} 年`;
-  });
-  const rightLabel = vue.computed(() => {
-    return `${rightDate.value.year()} 年`;
-  });
-  const leftYear = vue.computed(() => {
-    return leftDate.value.year();
-  });
-  const rightYear = vue.computed(() => {
-    return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
-  });
-  return {
-    leftPrevYear,
-    rightNextYear,
-    leftNextYear,
-    rightPrevYear,
-    leftLabel,
-    rightLabel,
-    leftYear,
-    rightYear
-  };
-};
-exports.useMonthRangeHeader = useMonthRangeHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),t=({unlinkPanels:a,leftDate:e,rightDate:u})=>{const v=()=>{e.value=e.value.subtract(1,"year"),a.value||(u.value=u.value.subtract(1,"year"))},o=()=>{a.value||(e.value=e.value.add(1,"year")),u.value=u.value.add(1,"year")},c=()=>{e.value=e.value.add(1,"year")},l=()=>{u.value=u.value.subtract(1,"year")},n=r.computed(()=>`${e.value.year()} 年`),s=r.computed(()=>`${u.value.year()} 年`),y=r.computed(()=>e.value.year()),d=r.computed(()=>u.value.year()===e.value.year()?e.value.year()+1:u.value.year());return{leftPrevYear:v,rightNextYear:o,leftNextYear:c,rightPrevYear:l,leftLabel:n,rightLabel:s,leftYear:y,rightYear:d}};exports.useMonthRangeHeader=t;

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

@@ -1,106 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-require("../../time-picker/index.cjs");
-const utils = require("../utils.cjs");
-const constants = require("../../time-picker/constants.cjs");
-const usePanelDateRange = (props, emit, leftDate, rightDate) => {
-  const leftCurrentView = vue.ref("date");
-  const leftCurrentViewRef = vue.ref();
-  const rightCurrentView = vue.ref("date");
-  const rightCurrentViewRef = vue.ref();
-  const pickerBase = vue.inject(constants.PICKER_BASE_INJECTION_KEY);
-  const { disabledDate } = pickerBase.props;
-  const lang = vue.ref("zh-cn");
-  const leftYear = vue.computed(() => {
-    return leftDate.value.year();
-  });
-  const leftMonth = vue.computed(() => {
-    return leftDate.value.month();
-  });
-  const rightYear = vue.computed(() => {
-    return rightDate.value.year();
-  });
-  const rightMonth = vue.computed(() => {
-    return rightDate.value.month();
-  });
-  function computedYearLabel(currentView, yearValue) {
-    const yearTranslation = "年";
-    if (currentView.value === "year") {
-      const startYear = Math.floor(yearValue.value / 10) * 10;
-      return yearTranslation ? `${startYear} ${yearTranslation} - ${startYear + 9} ${yearTranslation}` : `${startYear} - ${startYear + 9}`;
-    }
-    return `${yearValue.value} ${yearTranslation}`;
-  }
-  function focusPicker(currentViewRef) {
-    currentViewRef?.focus();
-  }
-  async function showPicker(pickerType, view) {
-    const currentView = pickerType === "left" ? leftCurrentView : rightCurrentView;
-    const currentViewRef = pickerType === "left" ? leftCurrentViewRef : rightCurrentViewRef;
-    currentView.value = view;
-    await vue.nextTick();
-    focusPicker(currentViewRef.value);
-  }
-  async function handlePick(mode, pickerType, value) {
-    const isLeftPicker = pickerType === "left";
-    const startDate = isLeftPicker ? leftDate : rightDate;
-    const endDate = isLeftPicker ? rightDate : leftDate;
-    const currentView = isLeftPicker ? leftCurrentView : rightCurrentView;
-    const currentViewRef = isLeftPicker ? leftCurrentViewRef : rightCurrentViewRef;
-    if (mode === "year") {
-      const data = startDate.value.year(value);
-      startDate.value = utils.getValidDateOfYear(data, lang.value, disabledDate);
-    }
-    if (mode === "month") {
-      startDate.value = utils.getValidDateOfMonth(
-        startDate.value,
-        startDate.value.year(),
-        value,
-        lang.value,
-        disabledDate
-      );
-    }
-    if (!props.unlinkPanels) {
-      endDate.value = pickerType === "left" ? startDate.value.add(1, "month") : startDate.value.subtract(1, "month");
-    }
-    currentView.value = mode === "year" ? "month" : "date";
-    await vue.nextTick();
-    focusPicker(currentViewRef.value);
-    handlePanelChange(mode);
-  }
-  function handlePanelChange(mode) {
-    emit(
-      "panel-change",
-      [leftDate.value.toDate(), rightDate.value.toDate()],
-      mode
-    );
-  }
-  function adjustDateByView(currentView, date, forward) {
-    const action = forward ? "add" : "subtract";
-    return currentView === "year" ? date[action](10, "year") : date[action](1, "year");
-  }
-  return {
-    leftCurrentView,
-    rightCurrentView,
-    leftCurrentViewRef,
-    rightCurrentViewRef,
-    leftYear,
-    rightYear,
-    leftMonth,
-    rightMonth,
-    leftYearLabel: vue.computed(() => computedYearLabel(leftCurrentView, leftYear)),
-    rightYearLabel: vue.computed(
-      () => computedYearLabel(rightCurrentView, rightYear)
-    ),
-    showLeftPicker: (view) => showPicker("left", view),
-    showRightPicker: (view) => showPicker("right", view),
-    handleLeftYearPick: (year) => handlePick("year", "left", year),
-    handleRightYearPick: (year) => handlePick("year", "right", year),
-    handleLeftMonthPick: (month) => handlePick("month", "left", month),
-    handleRightMonthPick: (month) => handlePick("month", "right", month),
-    handlePanelChange,
-    adjustDateByView
-  };
-};
-exports.usePanelDateRange = usePanelDateRange;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("../../time-picker/index.cjs");const R=require("../utils.cjs"),O=require("../../time-picker/constants.cjs"),j=(V,Y,u,o)=>{const i=n.ref("date"),f=n.ref(),l=n.ref("date"),h=n.ref(),b=n.inject(O.PICKER_BASE_INJECTION_KEY),{disabledDate:d}=b.props,v=n.ref("zh-cn"),g=n.computed(()=>u.value.year()),p=n.computed(()=>u.value.month()),P=n.computed(()=>o.value.year()),$=n.computed(()=>o.value.month());function y(e,r){const a="年";if(e.value==="year"){const t=Math.floor(r.value/10)*10;return a?`${t} ${a} - ${t+9} ${a}`:`${t} - ${t+9}`}return`${r.value} ${a}`}function w(e){e?.focus()}async function m(e,r){const a=e==="left"?i:l,t=e==="left"?f:h;a.value=r,await n.nextTick(),w(t.value)}async function s(e,r,a){const t=r==="left",c=t?u:o,L=t?o:u,M=t?i:l,q=t?f:h;if(e==="year"){const E=c.value.year(a);c.value=R.getValidDateOfYear(E,v.value,d)}e==="month"&&(c.value=R.getValidDateOfMonth(c.value,c.value.year(),a,v.value,d)),V.unlinkPanels||(L.value=r==="left"?c.value.add(1,"month"):c.value.subtract(1,"month")),M.value=e==="year"?"month":"date",await n.nextTick(),w(q.value),k(e)}function k(e){Y("panel-change",[u.value.toDate(),o.value.toDate()],e)}function C(e,r,a){const t=a?"add":"subtract";return e==="year"?r[t](10,"year"):r[t](1,"year")}return{leftCurrentView:i,rightCurrentView:l,leftCurrentViewRef:f,rightCurrentViewRef:h,leftYear:g,rightYear:P,leftMonth:p,rightMonth:$,leftYearLabel:n.computed(()=>y(i,g)),rightYearLabel:n.computed(()=>y(l,P)),showLeftPicker:e=>m("left",e),showRightPicker:e=>m("right",e),handleLeftYearPick:e=>s("year","left",e),handleRightYearPick:e=>s("year","right",e),handleLeftMonthPick:e=>s("month","left",e),handleRightMonthPick:e=>s("month","right",e),handlePanelChange:k,adjustDateByView:C}};exports.usePanelDateRange=j;

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

@@ -1,118 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const utils$1 = require("@vft/utils");
-require("@vueuse/core");
-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 utils = require("../utils.cjs");
-const constants = require("../constants.cjs");
-const useShortcut = require("./use-shortcut.cjs");
-const useRangePicker = (props, {
-  defaultValue,
-  defaultTime,
-  leftDate,
-  rightDate,
-  step,
-  unit,
-  onParsedValueChanged
-}) => {
-  const { emit } = vue.getCurrentInstance();
-  const lang = vue.ref("zh-cn");
-  const { pickerNs } = vue.inject(constants.ROOT_PICKER_INJECTION_KEY);
-  const drpNs = index.useNamespace("date-range-picker");
-  const handleShortcutClick = useShortcut.useShortcut(lang);
-  const minDate = vue.ref();
-  const maxDate = vue.ref();
-  const rangeState = vue.ref({
-    endDate: null,
-    selecting: false
-  });
-  const handleChangeRange = (val) => {
-    rangeState.value = val;
-  };
-  const handleRangeConfirm = (visible = false) => {
-    const _minDate = vue.unref(minDate);
-    const _maxDate = vue.unref(maxDate);
-    if (utils.isValidRange([_minDate, _maxDate])) {
-      emit("pick", [_minDate, _maxDate], visible);
-    }
-  };
-  const onSelect = (selecting) => {
-    rangeState.value.selecting = selecting;
-    if (!selecting) {
-      rangeState.value.endDate = null;
-    }
-  };
-  const onReset = (parsedValue) => {
-    if (utils$1.isArray(parsedValue) && parsedValue.length === 2) {
-      const [start, end] = parsedValue;
-      minDate.value = start;
-      leftDate.value = start;
-      maxDate.value = end;
-      onParsedValueChanged(vue.unref(minDate), vue.unref(maxDate));
-    } else {
-      restoreDefault();
-    }
-  };
-  const restoreDefault = () => {
-    let [start, end] = utils.getDefaultValue(vue.unref(defaultValue), {
-      lang: vue.unref(lang),
-      step,
-      unit,
-      unlinkPanels: props.unlinkPanels
-    });
-    const getShift = (day) => {
-      return day.diff(day.startOf("d"), "ms");
-    };
-    const maybeTimes = vue.unref(defaultTime);
-    if (maybeTimes) {
-      let leftShift = 0;
-      let rightShift = 0;
-      if (utils$1.isArray(maybeTimes)) {
-        const [timeStart, timeEnd] = maybeTimes.map(dayjs);
-        leftShift = getShift(timeStart);
-        rightShift = getShift(timeEnd);
-      } else {
-        const shift = getShift(dayjs(maybeTimes));
-        leftShift = shift;
-        rightShift = shift;
-      }
-      start = start.startOf("d").add(leftShift, "ms");
-      end = end.startOf("d").add(rightShift, "ms");
-    }
-    minDate.value = void 0;
-    maxDate.value = void 0;
-    leftDate.value = start;
-    rightDate.value = end;
-  };
-  vue.watch(
-    defaultValue,
-    (val) => {
-      if (val) {
-        restoreDefault();
-      }
-    },
-    { immediate: true }
-  );
-  vue.watch(() => props.parsedValue, onReset, { immediate: true });
-  return {
-    minDate,
-    maxDate,
-    rangeState,
-    lang,
-    ppNs: pickerNs,
-    drpNs,
-    handleChangeRange,
-    handleRangeConfirm,
-    handleShortcutClick,
-    onSelect,
-    onReset
-  };
-};
-exports.useRangePicker = useRangePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("dayjs"),S=require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const j=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const k=require("../utils.cjs"),x=require("../constants.cjs"),w=require("./use-shortcut.cjs"),A=(d,{defaultValue:m,defaultTime:R,leftDate:g,rightDate:D,step:O,unit:p,onParsedValueChanged:C})=>{const{emit:N}=t.getCurrentInstance(),l=t.ref("zh-cn"),{pickerNs:P}=t.inject(x.ROOT_PICKER_INJECTION_KEY),y=j.useNamespace("date-range-picker"),_=w.useShortcut(l),a=t.ref(),i=t.ref(),u=t.ref({endDate:null,selecting:!1}),E=e=>{u.value=e},I=(e=!1)=>{const n=t.unref(a),r=t.unref(i);k.isValidRange([n,r])&&N("pick",[n,r],e)},T=e=>{u.value.selecting=e,e||(u.value.endDate=null)},h=e=>{if(S.isArray(e)&&e.length===2){const[n,r]=e;a.value=n,g.value=n,i.value=r,C(t.unref(a),t.unref(i))}else v()},v=()=>{let[e,n]=k.getDefaultValue(t.unref(m),{lang:t.unref(l),step:O,unit:p,unlinkPanels:d.unlinkPanels});const r=s=>s.diff(s.startOf("d"),"ms"),c=t.unref(R);if(c){let s=0,f=0;if(S.isArray(c)){const[o,b]=c.map(q);s=r(o),f=r(b)}else{const o=r(q(c));s=o,f=o}e=e.startOf("d").add(s,"ms"),n=n.startOf("d").add(f,"ms")}a.value=void 0,i.value=void 0,g.value=e,D.value=n};return t.watch(m,e=>{e&&v()},{immediate:!0}),t.watch(()=>d.parsedValue,h,{immediate:!0}),{minDate:a,maxDate:i,rangeState:u,lang:l,ppNs:P,drpNs:y,handleChangeRange:E,handleRangeConfirm:I,handleShortcutClick:_,onSelect:T,onReset:h}};exports.useRangePicker=A;

package/lib/components/date-picker/composables/use-shortcut.cjs

@@ -1,29 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const dayjs = require("dayjs");
-const utils = require("@vft/utils");
-const useShortcut = (lang) => {
-  const { emit } = vue.getCurrentInstance();
-  const attrs = vue.useAttrs();
-  const slots = vue.useSlots();
-  const handleShortcutClick = (shortcut) => {
-    const shortcutValues = utils.isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
-    if (shortcutValues) {
-      emit("pick", [
-        dayjs(shortcutValues[0]).locale(lang.value),
-        dayjs(shortcutValues[1]).locale(lang.value)
-      ]);
-      return;
-    }
-    if (shortcut.onClick) {
-      shortcut.onClick({
-        attrs,
-        slots,
-        emit
-      });
-    }
-  };
-  return handleShortcutClick;
-};
-exports.useShortcut = useShortcut;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=require("dayjs"),r=require("@vft/utils"),i=s=>{const{emit:c}=u.getCurrentInstance(),n=u.useAttrs(),o=u.useSlots();return e=>{const t=r.isFunction(e.value)?e.value():e.value;if(t){c("pick",[l(t[0]).locale(s.value),l(t[1]).locale(s.value)]);return}e.onClick&&e.onClick({attrs:n,slots:o,emit:c})}};exports.useShortcut=i;