vft 0.0.524 → 0.0.525

package/lib/components/context-menu/useContextMenu.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("./createContextMenu.cjs");function u(n=!0){return t.getCurrentInstance()&&n&&t.onUnmounted(()=>{e.destroyContextMenu()}),[e.createContextMenu,e.destroyContextMenu]}exports.useContextMenu=u;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_createContextMenu = require("./createContextMenu.cjs");
+let vue = require("vue");
+//#region ../../packages/components/context-menu/useContextMenu.ts
+function useContextMenu(authRemove = true) {
+	if ((0, vue.getCurrentInstance)() && authRemove) (0, vue.onUnmounted)(() => {
+		require_createContextMenu.destroyContextMenu();
+	});
+	return [require_createContextMenu.createContextMenu, require_createContextMenu.destroyContextMenu];
+}
+//#endregion
+exports.useContextMenu = useContextMenu;

package/lib/components/countdown/countdown.cjs

@@ -1 +1,48 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const r=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs");require("vue");const e=require("../../utils/vue/props/runtime.cjs");require("../form/index.cjs");const n=e.buildProps({format:{type:String,default:"HH:mm:ss"},prefix:String,suffix:String,title:String,value:{type:e.definePropType([Number,Object]),default:0},valueStyle:{type:e.definePropType([String,Object,Array])}}),u={finish:()=>!0,[i.CHANGE_EVENT]:t=>r.isNumber(t)};exports.countdownEmits=u;exports.countdownProps=n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_event = require("../../constants/event.cjs");
+const require_runtime = require("../../utils/vue/props/runtime.cjs");
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/countdown/countdown.ts
+const countdownProps = require_runtime.buildProps({
+	/**
+	* @description Formatting the countdown display
+	*/
+	format: {
+		type: String,
+		default: "HH:mm:ss"
+	},
+	/**
+	* @description Sets the prefix of a countdown
+	*/
+	prefix: String,
+	/**
+	* @description Sets the suffix of a countdown
+	*/
+	suffix: String,
+	/**
+	* @description countdown titles
+	*/
+	title: String,
+	/**
+	* @description target time
+	*/
+	value: {
+		type: require_runtime.definePropType([Number, Object]),
+		default: 0
+	},
+	/**
+	* @description Styles countdown values
+	*/
+	valueStyle: { type: require_runtime.definePropType([
+		String,
+		Object,
+		Array
+	]) }
+});
+const countdownEmits = {
+	finish: () => true,
+	[require_event.CHANGE_EVENT]: (value) => (0, _vft_utils.isNumber)(value)
+};
+//#endregion
+exports.countdownEmits = countdownEmits;
+exports.countdownProps = countdownProps;

package/lib/components/countdown/countdown.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,79 @@
+const require_event = require("../../constants/event.cjs");
+const require_raf = require("../../utils/vue/raf.cjs");
+const require_index = require("../statistic/index.cjs");
+const require_countdown = require("./countdown.cjs");
+const require_utils = require("./utils.cjs");
+let vue = require("vue");
+//#region ../../packages/components/countdown/countdown.vue?vue&type=script&setup=true&lang.ts
+const __default__ = (0, vue.defineComponent)({ name: "VftCountdown" });
+var countdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: require_countdown.countdownProps,
+	emits: require_countdown.countdownEmits,
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		let timer;
+		const rawValue = (0, vue.ref)(0);
+		const displayValue = (0, vue.computed)(() => require_utils.formatTime(rawValue.value, props.format));
+		const formatter = (val) => require_utils.formatTime(val, props.format);
+		const stopTimer = () => {
+			if (timer) {
+				require_raf.cAF(timer);
+				timer = void 0;
+			}
+		};
+		const startTimer = () => {
+			const timestamp = require_utils.getTime(props.value);
+			const frameFunc = () => {
+				let diff = timestamp - Date.now();
+				emit(require_event.CHANGE_EVENT, diff);
+				if (diff <= 0) {
+					diff = 0;
+					stopTimer();
+					emit("finish");
+				} else timer = require_raf.rAF(frameFunc);
+				rawValue.value = diff;
+			};
+			timer = require_raf.rAF(frameFunc);
+		};
+		(0, vue.onMounted)(() => {
+			rawValue.value = require_utils.getTime(props.value) - Date.now();
+			(0, vue.watch)(() => [props.value, props.format], () => {
+				stopTimer();
+				startTimer();
+			}, { immediate: true });
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			stopTimer();
+		});
+		__expose({ 
+		/**
+		* @description current display value
+		*/
+displayValue });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index.VftStatistic), {
+				value: rawValue.value,
+				title: _ctx.title,
+				prefix: _ctx.prefix,
+				suffix: _ctx.suffix,
+				"value-style": _ctx.valueStyle,
+				formatter
+			}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(_ctx.$slots, (_, name) => {
+				return {
+					name,
+					fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, name)])
+				};
+			})]), 1032, [
+				"value",
+				"title",
+				"prefix",
+				"suffix",
+				"value-style"
+			]);
+		};
+	}
+});
+//#endregion
+exports.default = countdown_vue_vue_type_script_setup_true_lang_default;

package/lib/components/countdown/countdown2.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/countdown/countdown.vue
+var countdown_default = require("./countdown.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = countdown_default;

package/lib/components/countdown/index.cjs

@@ -1 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const u=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const o=require("./countdown.vue2.cjs"),e=require("./countdown.cjs"),t=u.withInstall(o.default);exports.countdownEmits=e.countdownEmits;exports.countdownProps=e.countdownProps;exports.VftCountdown=t;exports.default=t;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_countdown = require("./countdown.cjs");
+const require_countdown$1 = require("./countdown2.cjs");
+//#region ../../packages/components/countdown/index.ts
+const VftCountdown = require_install.withInstall(require_countdown$1.default);
+//#endregion
+exports.VftCountdown = VftCountdown;
+exports.default = VftCountdown;
+exports.countdownEmits = require_countdown.countdownEmits;
+exports.countdownProps = require_countdown.countdownProps;

package/lib/components/countdown/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-countdown.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-countdown.css");

package/lib/components/countdown/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/countdown.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/countdown.scss");

package/lib/components/countdown/utils.cjs

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),m=[["Y",1e3*60*60*24*365],["M",1e3*60*60*24*30],["D",1e3*60*60*24],["H",1e3*60*60],["m",1e3*60],["s",1e3],["S",1]],p=e=>l.isNumber(e)?new Date(e).getTime():e.valueOf(),u=(e,c)=>{let r=e;const i=/\[([^\]]*)]/g;return m.reduce((t,[a,n])=>{const o=new RegExp(`${a}+(?![^\\[\\]]*\\])`,"g");if(o.test(t)){const s=Math.floor(r/n);return r-=s*n,t.replace(o,g=>String(s).padStart(g.length,"0"))}return t},c).replace(i,"$1")};exports.formatTime=u;exports.getTime=p;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/countdown/utils.ts
+const timeUnits = [
+	["Y", 1e3 * 60 * 60 * 24 * 365],
+	["M", 1e3 * 60 * 60 * 24 * 30],
+	["D", 1e3 * 60 * 60 * 24],
+	["H", 1e3 * 60 * 60],
+	["m", 1e3 * 60],
+	["s", 1e3],
+	["S", 1]
+];
+const getTime = (value) => {
+	return (0, _vft_utils.isNumber)(value) ? new Date(value).getTime() : value.valueOf();
+};
+const formatTime = (timestamp, format) => {
+	let timeLeft = timestamp;
+	return timeUnits.reduce((current, [name, unit]) => {
+		const replaceRegex = new RegExp(`${name}+(?![^\\[\\]]*\\])`, "g");
+		if (replaceRegex.test(current)) {
+			const value = Math.floor(timeLeft / unit);
+			timeLeft -= value * unit;
+			return current.replace(replaceRegex, (match) => String(value).padStart(match.length, "0"));
+		}
+		return current;
+	}, format).replace(/\[([^\]]*)]/g, "$1");
+};
+//#endregion
+exports.formatTime = formatTime;
+exports.getTime = getTime;

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

@@ -1 +1,301 @@
-"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");require("../../form/index.cjs");const 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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../../hooks/use-namespace/index.cjs");
+const require_helper = require("../../../utils/helper.cjs");
+const require_utils = require("../utils.cjs");
+let lodash_es = require("lodash-es");
+let vue = require("vue");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+//#region ../../packages/components/date-picker/composables/use-basic-date-table.ts
+const isNormalDay = (type = "") => {
+	return ["normal", "today"].includes(type);
+};
+const useBasicDateTable = (props, emit) => {
+	const lang = (0, vue.ref)("zh-cn");
+	const tbodyRef = (0, vue.ref)();
+	const currentCellRef = (0, vue.ref)();
+	const lastRow = (0, vue.ref)();
+	const lastColumn = (0, vue.ref)();
+	const tableRows = (0, 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 = (0, vue.computed)(() => {
+		return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
+	});
+	const startDate = (0, vue.computed)(() => {
+		const startDayOfMonth = props.date.startOf("month");
+		return startDayOfMonth.subtract(startDayOfMonth.day() || 7, "day");
+	});
+	const WEEKS = (0, vue.computed)(() => {
+		return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
+	});
+	const hasCurrent = (0, vue.computed)(() => {
+		return (0, lodash_es.flatten)((0, vue.unref)(rows)).some((row) => {
+			return row.isCurrent;
+		});
+	});
+	const days = (0, vue.computed)(() => {
+		const startOfMonth = props.date.startOf("month");
+		return {
+			startOfMonthDay: startOfMonth.day() || 7,
+			dateCountOfMonth: startOfMonth.daysInMonth(),
+			dateCountOfLastMonth: startOfMonth.subtract(1, "month").daysInMonth()
+		};
+	});
+	const selectedDate = (0, vue.computed)(() => {
+		return props.selectionMode === "dates" ? require_helper.castArray(props.parsedValue) : [];
+	});
+	const setDateText = (cell, { count, rowIndex, columnIndex }) => {
+		const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } = (0, vue.unref)(days);
+		const offset = (0, 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 = (0, 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 = (0, vue.computed)(() => {
+		const { minDate, maxDate, rangeState, showWeekNumber } = props;
+		const offset = (0, vue.unref)(offsetDay);
+		const rows_ = (0, vue.unref)(tableRows);
+		const dateUnit = "day";
+		let count = 1;
+		require_utils.buildPickerTable({
+			row: 6,
+			column: 7
+		}, rows_, {
+			startDate: minDate,
+			columnIndexOffset: showWeekNumber ? 1 : 0,
+			nextEndDate: rangeState.endDate || maxDate || rangeState.selecting && minDate || null,
+			now: (0, dayjs.default)().locale((0, vue.unref)(lang)).startOf(dateUnit),
+			unit: dateUnit,
+			relativeDateGetter: (idx) => (0, 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_;
+	});
+	(0, vue.watch)(() => props.date, async () => {
+		if ((0, vue.unref)(tbodyRef)?.contains(document.activeElement)) {
+			await (0, vue.nextTick)();
+			await focus();
+		}
+	});
+	const focus = async () => (0, 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 (0, dayjs.default)(date).locale((0, vue.unref)(lang)).isSame(props.date.date(Number(cell.text)), "day");
+	};
+	const getDateOfCell = (row, column) => {
+		const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - (0, vue.unref)(offsetDay);
+		return (0, 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 ((0, vue.unref)(rows)[row][column].disabled) return;
+		if (row !== (0, vue.unref)(lastRow) || column !== (0, vue.unref)(lastColumn)) {
+			lastRow.value = row;
+			lastColumn.value = column;
+			emit("changerange", {
+				selecting: true,
+				endDate: getDateOfCell(row, column)
+			});
+		}
+	};
+	const isSelectedCell = (cell) => {
+		return !(0, vue.unref)(hasCurrent) && cell?.text === 1 && cell.type === "normal" || cell.isCurrent;
+	};
+	const handleFocus = (event) => {
+		if (focusWithClick || (0, vue.unref)(hasCurrent) || props.selectionMode !== "date") return;
+		handlePickDate(event, true);
+	};
+	const handleMouseDown = (event) => {
+		if (!event.target.closest("td")) return;
+		focusWithClick = true;
+	};
+	const handleMouseUp = (event) => {
+		if (!event.target.closest("td")) 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) => {
+		emit("pick", selected ? require_helper.castArray(props.parsedValue).filter((d) => d?.valueOf() !== newDate.valueOf()) : require_helper.castArray(props.parsedValue).concat([newDate]));
+	};
+	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 = (0, 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;
+			default: 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 && !(0, lodash_es.isArray)(props.parsedValue)) {
+			const dayOffset = (props.parsedValue.day() - firstDayOfWeek + 7) % 7 - 1;
+			return props.parsedValue.subtract(dayOffset, "day").isSame(newDate, "day");
+		}
+		return false;
+	};
+	return {
+		WEEKS,
+		rows,
+		tbodyRef,
+		currentCellRef,
+		focus,
+		isCurrent,
+		isWeekActive,
+		isSelectedCell,
+		handlePickDate,
+		handleMouseUp,
+		handleMouseDown,
+		handleMouseMove,
+		handleFocus
+	};
+};
+const useBasicDateTableDOM = (props, { isCurrent, isWeekActive }) => {
+	const ns = require_index.useNamespace("date-table");
+	const tableKls = (0, vue.computed)(() => [ns.b(), { "is-week-mode": props.selectionMode === "week" }]);
+	const tableLabel = (0, 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
+	};
+};
+//#endregion
+exports.useBasicDateTable = useBasicDateTable;
+exports.useBasicDateTableDOM = useBasicDateTableDOM;

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

@@ -1 +1,39 @@
-"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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+//#region ../../packages/components/date-picker/composables/use-month-range-header.ts
+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");
+	};
+	return {
+		leftPrevYear,
+		rightNextYear,
+		leftNextYear,
+		rightPrevYear,
+		leftLabel: (0, vue.computed)(() => {
+			return `${leftDate.value.year()} 年`;
+		}),
+		rightLabel: (0, vue.computed)(() => {
+			return `${rightDate.value.year()} 年`;
+		}),
+		leftYear: (0, vue.computed)(() => {
+			return leftDate.value.year();
+		}),
+		rightYear: (0, vue.computed)(() => {
+			return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+		})
+	};
+};
+//#endregion
+exports.useMonthRangeHeader = useMonthRangeHeader;

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

@@ -1 +1,86 @@
-"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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_constants = require("../../time-picker/constants.cjs");
+const require_utils = require("../utils.cjs");
+let vue = require("vue");
+//#region ../../packages/components/date-picker/composables/use-panel-date-range.ts
+const usePanelDateRange = (props, emit, leftDate, rightDate) => {
+	const leftCurrentView = (0, vue.ref)("date");
+	const leftCurrentViewRef = (0, vue.ref)();
+	const rightCurrentView = (0, vue.ref)("date");
+	const rightCurrentViewRef = (0, vue.ref)();
+	const { disabledDate } = (0, vue.inject)(require_constants.PICKER_BASE_INJECTION_KEY).props;
+	const lang = (0, vue.ref)("zh-cn");
+	const leftYear = (0, vue.computed)(() => {
+		return leftDate.value.year();
+	});
+	const leftMonth = (0, vue.computed)(() => {
+		return leftDate.value.month();
+	});
+	const rightYear = (0, vue.computed)(() => {
+		return rightDate.value.year();
+	});
+	const rightMonth = (0, 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 `${startYear} ${yearTranslation} - ${startYear + 9} ${yearTranslation}`;
+		}
+		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 (0, 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") startDate.value = require_utils.getValidDateOfYear(startDate.value.year(value), lang.value, disabledDate);
+		if (mode === "month") startDate.value = require_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 (0, 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: (0, vue.computed)(() => computedYearLabel(leftCurrentView, leftYear)),
+		rightYearLabel: (0, 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
+	};
+};
+//#endregion
+exports.usePanelDateRange = usePanelDateRange;