@moubing/bing-ui 0.11.2 → 0.12.0

package/dist/components/BingDatePicker/BingDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,804 @@
+import { useConfigZIndex as e } from "../../utils/config.js";
+import { useReducedMotion as t } from "../../motion/reducedMotion.js";
+import { useClickFeedback as n } from "../../motion/useClickFeedback.js";
+import { isolateFormControls as r, useFormControl as i } from "../BingForm/useFormControl.js";
+import a from "../BingButton/BingButton.js";
+import { CalendarDays as ee, Check as te, ChevronDown as ne, Clock3 as re, X as ie } from "../../icons/icons.js";
+import ae from "../BingIcon/BingIcon.js";
+import { compactSmoothScrollOptions as oe, resolveComponentSmoothScroll as se } from "../../motion/smoothScroll.js";
+import ce from "../BingScrollbar/BingScrollbar.js";
+import { useOverlay as le } from "../../utils/overlay.js";
+import { useClientReady as ue } from "../../utils/useClientReady.js";
+import { createGlassCssVariables as de, defaultGlassEffect as o } from "../../utils/glass.js";
+import { computeFloatingPosition as fe, useFloatingAutoUpdate as pe } from "../../utils/floating.js";
+import { getPanelHiddenTransform as me, panelEnterMotion as he, panelLeaveMotion as ge } from "../../motion/panelMotion.js";
+import { compareTypedValue as _e, createShortcuts as ve, defaultValueFormats as ye, normalizeForType as be, parseDateValue as xe } from "./BingDatePicker.utils.js";
+import Se from "./BingDatePickerCalendar.js";
+import Ce from "./BingDatePickerTimePanel.js";
+import { Fragment as we, Teleport as Te, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as Ee, createVNode as f, defineComponent as De, nextTick as p, normalizeClass as m, normalizeStyle as Oe, onBeforeUnmount as ke, openBlock as h, ref as g, renderList as Ae, toDisplayString as _, unref as v, watch as je, withCtx as y, withDirectives as Me, withModifiers as Ne } from "vue";
+import { gsap as b } from "gsap";
+import x from "dayjs";
+//#region src/components/BingDatePicker/BingDatePicker.vue?vue&type=script&setup=true&lang.ts
+var Pe = [
+	"id",
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"aria-invalid",
+	"aria-describedby"
+], Fe = {
+	key: 1,
+	class: "bing-date-picker__range-value"
+}, Ie = { class: "bing-date-picker__shortcut-text" }, Le = { class: "bing-date-picker__main" }, Re = {
+	key: 0,
+	class: "bing-date-picker__range-tabs"
+}, ze = {
+	key: 0,
+	class: "bing-date-picker__footer"
+}, Be = /* @__PURE__ */ De({
+	__name: "BingDatePicker",
+	props: {
+		id: { default: void 0 },
+		modelValue: { default: null },
+		type: { default: "date" },
+		range: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: void 0 },
+		startPlaceholder: { default: "开始" },
+		endPlaceholder: { default: "结束" },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: void 0 },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		minWidth: { default: 220 },
+		format: { default: void 0 },
+		valueFormat: { default: void 0 },
+		locale: { default: "zh-CN" },
+		firstDayOfWeek: { default: 1 },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		disabledDate: {
+			type: Function,
+			default: void 0
+		},
+		disabledTime: {
+			type: Function,
+			default: void 0
+		},
+		hourStep: { default: 1 },
+		minuteStep: { default: 1 },
+		secondStep: { default: 1 },
+		smoothScroll: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		showShortcuts: {
+			type: Boolean,
+			default: !0
+		},
+		panelMaxHeight: { default: 420 },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 },
+		glass: {
+			type: Boolean,
+			default: o.glass
+		},
+		glassBlur: { default: void 0 },
+		glassOpacity: { default: void 0 },
+		glassSaturation: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"clear",
+		"open",
+		"close",
+		"confirm",
+		"cancel"
+	],
+	setup(o, { expose: De, emit: Be }) {
+		let Ve = t(), { vClickFeedback: He, playClickFeedback: Ue } = n(), S = o, C = Be, We = ue(), { formItem: w, resolvedId: Ge, resolvedSize: Ke, resolvedDisabled: T, resolvedStatus: qe, resolvedAriaDescribedby: Je } = i(S);
+		r();
+		let E = g(null), D = g(null), Ye = g(null), Xe = g(null), Ze = g(null), O = g(!1), k = g(!1), A = g(!1), j = g(x().startOf("month")), M = g(x().year()), Qe = g("calendar"), N = g("start"), P = g(null), F = g(null), I = g(null), L = g(null), R = g({
+			left: 0,
+			placement: "bottom",
+			top: 0,
+			width: 0
+		}), z = !1, B, V, H, $e = s(() => S.valueFormat ?? ye[S.type]), U = s(() => S.format ?? $e.value), et = s(() => S.type === "date" || S.type === "datetime"), tt = s(() => S.type === "datetime" || S.type === "time"), nt = s(() => S.range || S.type === "datetime" || S.type === "time"), rt = s(() => se(S.smoothScroll, oe, {
+			keyboard: !1,
+			respectReducedMotion: !0,
+			smoothTouchpad: !1
+		})), it = s(() => K(S.min)), at = s(() => K(S.max)), ot = s(() => de("bing-date-picker", {
+			glass: S.glass,
+			glassBlur: S.glassBlur,
+			glassOpacity: S.glassOpacity,
+			glassSaturation: S.glassSaturation
+		})), st = s(() => ({
+			"--bing-date-picker-min-width": Pt(S.minWidth),
+			...ot.value
+		})), ct = pe(dn, { enabled: () => O.value }), lt = e("datePicker"), W = le({
+			open: () => k.value,
+			elements: () => [
+				E.value,
+				D.value,
+				Xe.value
+			],
+			zIndex: () => lt.value,
+			onEscape: () => an()
+		}), G = s(() => {
+			if (typeof window > "u" || !R.value.width) return !1;
+			let { left: e, width: t } = R.value;
+			return e - 124 < 8 && e + t + 124 > window.innerWidth - 8;
+		}), ut = s(() => ({
+			zIndex: W.zIndex.value,
+			left: `${R.value.left}px`,
+			top: `${R.value.top}px`,
+			width: `${R.value.width}px`,
+			maxHeight: `min(${Pt(S.panelMaxHeight)}, calc(100vh - 24px))`,
+			...ot.value
+		})), dt = s(() => {
+			let e = R.value.left - 116 - 8, t = R.value.left + R.value.width + 8;
+			return {
+				left: `${e >= 8 || typeof window > "u" ? e : Ft(t, 8, Math.max(8, window.innerWidth - 116 - 8))}px`,
+				position: "fixed",
+				top: `${R.value.top}px`,
+				zIndex: W.zIndex.value,
+				...ot.value
+			};
+		}), ft = s(() => [
+			"bing-date-picker",
+			`bing-date-picker--${Ke.value}`,
+			`bing-date-picker--${S.type}`,
+			`bing-date-picker--status-${qe.value}`,
+			{
+				"is-open": O.value,
+				"is-closing": A.value,
+				"is-range": S.range,
+				"is-disabled": T.value,
+				"is-invalid": qe.value === "error",
+				"is-block": S.block || !!w,
+				"has-value": mt.value,
+				"has-clear-action": S.clearable && mt.value && !T.value
+			}
+		]), pt = s(() => [
+			"bing-date-picker__panel",
+			`bing-date-picker__panel--${S.type}`,
+			`is-placement-${R.value.placement}`,
+			{
+				"is-range": S.range,
+				"is-closing": A.value
+			}
+		]), mt = s(() => S.range ? Array.isArray(S.modelValue) && S.modelValue.filter(Boolean).length > 0 : typeof S.modelValue == "string" && S.modelValue.length > 0), ht = s(() => S.range ? Array.isArray(S.modelValue) ? S.modelValue.map((e) => K(e)?.format(U.value) ?? "").filter(Boolean).join(" - ") : "" : typeof S.modelValue == "string" ? K(S.modelValue)?.format(U.value) ?? S.modelValue : ""), gt = s(() => Array.isArray(S.modelValue) ? K(S.modelValue[0])?.format(U.value) ?? S.modelValue[0] : ""), _t = s(() => Array.isArray(S.modelValue) ? K(S.modelValue[1])?.format(U.value) ?? S.modelValue[1] : "");
+		function vt() {
+			Ye.value?.stop(), Ze.value?.stop();
+		}
+		function yt() {
+			Ze.value?.scrollToCurrent();
+		}
+		let bt = s(() => S.range ? (N.value === "start" ? I.value : L.value) ?? It() : F.value ?? It()), xt = s(() => nt.value ? S.range ? !!(I.value && L.value && !Z(I.value, "start") && !Z(L.value, "end") && (S.type !== "time" || !Rt(I.value, L.value))) : !!(F.value && !Z(F.value, "start")) : !0), St = s(() => ve(S.type, S.range)), Ct = s(() => S.type === "year" || Qe.value === "year" ? "year" : S.type === "month" ? "month" : "date"), wt = s(() => S.type !== "year" && S.type !== "time");
+		function Tt(e) {
+			return e.filter((e) => e != null);
+		}
+		function Et() {
+			B?.kill(), B = void 0;
+		}
+		function Dt() {
+			return Tt([D.value, Xe.value]);
+		}
+		function Ot(e = !1) {
+			let t = Dt();
+			V?.kill(), V = void 0, e && t.length && b.set(t, { clearProps: "opacity,visibility,transform,transformOrigin" });
+		}
+		function kt(e = !1) {
+			let t = Dt();
+			H?.kill(), H = void 0, e && t.length && b.set(t, { clearProps: "opacity,visibility,transform,transformOrigin" });
+		}
+		function At() {
+			let e = Dt().filter((e) => e === D.value || !G.value);
+			if (e.length) {
+				if (Ot(), b.killTweensOf(e), Ve()) {
+					b.set(e, { clearProps: "opacity,visibility,transform,transformOrigin" });
+					return;
+				}
+				b.set(e, {
+					opacity: 0,
+					...me(R.value.placement)
+				}), V = b.timeline({
+					defaults: {
+						...he,
+						overwrite: !0
+					},
+					onComplete: () => {
+						V = void 0, b.set(e, { clearProps: "opacity,visibility,transform,transformOrigin" });
+					}
+				}), V.to(e, {
+					opacity: 1,
+					scale: 1,
+					x: 0,
+					y: 0
+				});
+			}
+		}
+		function jt(e) {
+			kt(!0), k.value = !1, A.value = !1, P.value = null, e && p(() => E.value?.focus());
+		}
+		function Mt(e) {
+			let t = Dt().filter((e) => e === D.value || !G.value);
+			if (!t.length || Ve()) {
+				jt(e);
+				return;
+			}
+			let n = me(R.value.placement);
+			kt(), b.killTweensOf(t), b.set(t, { transformOrigin: n.transformOrigin }), H = b.timeline({
+				defaults: {
+					...ge,
+					overwrite: !0
+				},
+				onComplete: () => jt(e)
+			}), H.to(t, {
+				autoAlpha: 0,
+				...n
+			});
+		}
+		async function Nt(e) {
+			await p();
+			let t = D.value;
+			if (!t || !O.value || A.value || e <= 0) return;
+			let n = t.querySelector(".bing-date-picker__view"), r = Tt([t, n]);
+			Et(), b.killTweensOf(r), b.set(t, { clearProps: "height,overflow" });
+			let i = t.getBoundingClientRect().height;
+			if (!(i <= 0)) {
+				if (Ve()) {
+					b.set(r, { clearProps: "height,overflow,opacity,visibility,transform,transformOrigin" });
+					return;
+				}
+				b.set(t, {
+					height: e,
+					overflow: "hidden"
+				}), n && b.set(n, {
+					autoAlpha: 0,
+					scale: .985,
+					transformOrigin: "50% 0%",
+					y: 8
+				}), B = b.timeline({
+					defaults: {
+						ease: "power3.out",
+						overwrite: !0
+					},
+					onComplete: () => {
+						B = void 0, b.set(t, { clearProps: "height,overflow" }), n && b.set(n, { clearProps: "opacity,visibility,transform,transformOrigin" });
+					}
+				}), B.to(t, {
+					duration: Math.abs(i - e) > 1 ? .22 : .01,
+					height: i
+				}, 0), n && B.to(n, {
+					autoAlpha: 1,
+					duration: .2,
+					scale: 1,
+					y: 0
+				}, .03);
+			}
+		}
+		je(() => [S.type, S.modelValue], () => {
+			O.value || qt();
+		}, { immediate: !0 }), je(Ct, (e, t) => {
+			if (!t || !O.value || !D.value) return;
+			let n = D.value.getBoundingClientRect().height;
+			Nt(n);
+		}), je(N, () => {
+			!O.value || !tt.value || (vt(), p(yt));
+		});
+		function Pt(e) {
+			return typeof e == "number" ? `${e}px` : e;
+		}
+		function Ft(e, t, n) {
+			return n < t ? t : Math.min(n, Math.max(t, e));
+		}
+		function It() {
+			return q(x());
+		}
+		function K(e) {
+			return xe(e, S.type, $e.value);
+		}
+		function q(e) {
+			return be(e, S.type);
+		}
+		function J(e) {
+			return q(e).format($e.value);
+		}
+		function Lt(e) {
+			let t = null;
+			if (Array.isArray(e)) {
+				let n = K(e[0]), r = K(e[1]);
+				t = n && r ? [n, r] : null;
+			} else typeof e == "string" && (t = K(e));
+			return {
+				value: e,
+				parsedValue: t,
+				type: S.type,
+				range: S.range
+			};
+		}
+		function Y(e, t, n = "start") {
+			return _e(e, t, S.type, n);
+		}
+		function X(e, t) {
+			return Y(e, t) < 0;
+		}
+		function Rt(e, t) {
+			return Y(e, t) > 0;
+		}
+		function zt(e) {
+			let t = it.value, n = at.value;
+			return !!(t && Y(e, t) < 0 || n && Y(e, n) > 0);
+		}
+		function Bt(e, t) {
+			let n = it.value, r = at.value;
+			return !!(n && e.endOf(t).isBefore(n) || r && e.startOf(t).isAfter(r));
+		}
+		function Z(e, t = N.value) {
+			return !!(!e || zt(e) || S.type !== "time" && S.disabledDate?.(e, {
+				type: S.type,
+				range: S.range,
+				role: t
+			}) || tt.value && Vt(e, t));
+		}
+		function Vt(e, t) {
+			return [
+				"hour",
+				"minute",
+				"second"
+			].some((n) => Gt(n, e[n](), t, e));
+		}
+		function Ht(e) {
+			if (S.type === "datetime") {
+				if (Bt(e, "day")) return !0;
+			} else if (zt(e)) return !0;
+			return !!S.disabledDate?.(e, {
+				type: S.type,
+				range: S.range,
+				role: N.value
+			});
+		}
+		function Ut(e) {
+			return !!(Bt(e, "month") || S.disabledDate?.(e, {
+				type: S.type,
+				range: S.range,
+				role: N.value
+			}));
+		}
+		function Wt(e) {
+			return !!(Bt(e, "year") || S.disabledDate?.(e, {
+				type: S.type,
+				range: S.range,
+				role: N.value
+			}));
+		}
+		function Gt(e, t, n = N.value, r = bt.value) {
+			let i = r[e](t);
+			return zt(i) ? !0 : !!S.disabledTime?.(i, {
+				type: S.type,
+				range: S.range,
+				role: n,
+				unit: e,
+				value: t
+			});
+		}
+		function Kt(e) {
+			let t = S.range ? N.value === "start" ? I.value : L.value : F.value;
+			return S.type !== "datetime" || !t ? q(e) : q(e.hour(t.hour()).minute(t.minute()).second(t.second()));
+		}
+		function qt() {
+			if (Qe.value = "calendar", S.range) {
+				let e = Array.isArray(S.modelValue) ? S.modelValue : null;
+				I.value = e ? K(e[0]) : null, L.value = e ? K(e[1]) : null, F.value = null, N.value = I.value && !L.value ? "end" : "start", Jt(I.value ?? L.value ?? x());
+				return;
+			}
+			F.value = typeof S.modelValue == "string" ? K(S.modelValue) : null, I.value = null, L.value = null, Jt(F.value ?? x());
+		}
+		function Jt(e) {
+			j.value = e.startOf("month"), M.value = e.year();
+		}
+		function Yt() {
+			return S.range ? [I.value, L.value] : [F.value];
+		}
+		function Xt(e, t, n) {
+			return n ? e.startOf(n).valueOf() - t.startOf(n).valueOf() : Y(e, t);
+		}
+		function Zt(e, t) {
+			return Yt().some((n) => n && Xt(n, e, t) === 0);
+		}
+		function Qt(e, t) {
+			let n = I.value, r = L.value ?? P.value;
+			if (!S.range || !n || !r) return !1;
+			let i = X(n, r) ? n : r, a = X(n, r) ? r : n;
+			return t ? !e.endOf(t).isBefore(i) && !e.startOf(t).isAfter(a) : !X(e, i) && !Rt(e, a);
+		}
+		function Q(e, t = !1) {
+			let n = Lt(e);
+			C("update:modelValue", e), C("change", n), w?.handleControlChange(), t && C("confirm", n);
+		}
+		function $t(e) {
+			Q(J(e)), $(!0);
+		}
+		function en(e) {
+			let t = Kt(e);
+			if (!(et.value && Ht(t)) && !(S.type === "month" && Ut(t)) && !(S.type === "year" && Wt(t))) {
+				if (!S.range) {
+					F.value = t, nt.value || $t(t);
+					return;
+				}
+				if (!I.value || L.value) {
+					I.value = t, L.value = null, N.value = "end";
+					return;
+				}
+				X(t, I.value) ? (L.value = I.value, I.value = t) : L.value = t, N.value = "end";
+			}
+		}
+		function tn(e) {
+			if (!Sn(e)) {
+				if (S.type === "year") {
+					en(e);
+					return;
+				}
+				M.value = e.year(), j.value = j.value.year(e.year()), Qe.value = "calendar";
+			}
+		}
+		function nn(e, t) {
+			if (Gt(e, t)) return;
+			vt();
+			let n = bt.value[e](t);
+			if (S.range) {
+				if (N.value === "start") {
+					I.value = q(n);
+					return;
+				}
+				L.value = q(n);
+				return;
+			}
+			F.value = q(n);
+		}
+		function rn() {
+			if (xt.value) {
+				if (S.range && I.value && L.value) {
+					let e = X(I.value, L.value) ? I.value : L.value, t = X(I.value, L.value) ? L.value : I.value;
+					Q([J(e), J(t)], !0), $(!0);
+					return;
+				}
+				!S.range && F.value && (Q(J(F.value), !0), $(!0));
+			}
+		}
+		function an() {
+			C("cancel"), qt(), $(!0);
+		}
+		function on() {
+			!S.clearable || T.value || !mt.value || (C("clear"), Q(null), qt());
+		}
+		function sn() {
+			E.value?.focus();
+		}
+		function cn() {
+			E.value?.blur();
+		}
+		function ln(e) {
+			return S.type === "time" ? 260 : S.type === "datetime" ? Math.max(e, S.range ? 560 : 536) : Math.max(e, S.range ? 320 : 280);
+		}
+		function un() {
+			return D.value?.offsetHeight ? D.value.offsetHeight : S.type === "time" ? S.range ? 370 : 320 : S.type === "month" || S.type === "year" ? S.range ? 360 : 300 : S.type === "datetime" ? S.range ? 460 : 410 : S.range ? 430 : 382;
+		}
+		function dn() {
+			let e = E.value;
+			if (!e || typeof window > "u") return;
+			let t = e.getBoundingClientRect(), n = Math.min(ln(t.width), Math.max(1, window.innerWidth - 24)), { side: r, left: i, top: a } = fe({
+				anchor: t,
+				floating: {
+					width: n,
+					height: un()
+				},
+				side: "bottom",
+				gap: 8,
+				padding: 12
+			});
+			R.value = {
+				left: i,
+				placement: r,
+				top: a,
+				width: n
+			};
+		}
+		je(G, () => {
+			k.value && p(ct.schedule);
+		});
+		function fn() {
+			T.value || O.value || (kt(!0), A.value = !1, qt(), k.value = !0, O.value = !0, yn(), ct.start(), C("open"), p(async () => {
+				dn(), await p(), dn(), yt(), At(), D.value?.focus();
+			}));
+		}
+		function $(e = !1) {
+			O.value && (Et(), Ot(), vt(), O.value = !1, A.value = !0, P.value = null, bn(), ct.dispose(), C("close"), Mt(e));
+		}
+		function pn() {
+			if (O.value) {
+				$(!0);
+				return;
+			}
+			fn();
+		}
+		function mn(e) {
+			e.stopPropagation(), E.value?.focus(), pn();
+		}
+		function hn(e) {
+			if (!T.value && !(e.key === "Escape" && (e.defaultPrevented || !W.isTop(e)))) {
+				if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+					e.preventDefault(), Ue(e, E.value), fn();
+					return;
+				}
+				e.key === "Escape" && (e.preventDefault(), an());
+			}
+		}
+		function gn(e) {
+			if (!(e.key === "Escape" && (e.defaultPrevented || !W.isTop(e)))) {
+				if (e.key === "Escape") {
+					e.preventDefault(), an();
+					return;
+				}
+				e.key === "Enter" && nt.value && (e.preventDefault(), xt.value && Ue(e, D.value?.querySelector(".bing-date-picker__footer .bing-button:last-child")), rn());
+			}
+		}
+		function _n(e) {
+			O.value || D.value?.contains(e.relatedTarget) || w?.handleControlBlur();
+		}
+		function vn(e) {
+			let t = e.target;
+			!(t instanceof Node) || W.contains(t) || !E.value?.contains(t) && !D.value?.contains(t) && !Xe.value?.contains(t) && ($(), w?.handleControlBlur());
+		}
+		function yn() {
+			z || typeof window > "u" || (window.addEventListener("pointerdown", vn, !0), z = !0);
+		}
+		function bn() {
+			!z || typeof window > "u" || (window.removeEventListener("pointerdown", vn, !0), z = !1);
+		}
+		function xn() {
+			wt.value && (Qe.value = "year", M.value = Ct.value === "month" ? M.value : j.value.year());
+		}
+		function Sn(e) {
+			return S.type === "year" ? Wt(e) : Bt(e, "year");
+		}
+		function Cn(e) {
+			return `应用快捷选项： ${e.label}`;
+		}
+		function wn(e) {
+			if (Array.isArray(e.value)) {
+				let [t, n] = e.value.map((e) => q(e));
+				if (Z(t, "start") || Z(n, "end")) return;
+				Q([J(t), J(n)], !0), $(!0);
+				return;
+			}
+			let t = q(e.value);
+			Z(t, "start") || (Q(J(t), !0), $(!0));
+		}
+		return ke(() => {
+			Et(), Ot(), kt(), vt(), bn(), ct.dispose();
+		}), De({
+			focus: sn,
+			blur: cn,
+			openPanel: fn,
+			closePanel: () => $(),
+			clear: on
+		}), (e, t) => (h(), u("div", {
+			class: m(ft.value),
+			style: Oe(st.value)
+		}, [
+			Me((h(), u("button", {
+				id: v(Ge),
+				ref_key: "triggerRef",
+				ref: E,
+				class: "bing-date-picker__trigger",
+				type: "button",
+				disabled: v(T),
+				"aria-label": o.ariaLabel,
+				"aria-expanded": O.value,
+				"aria-invalid": v(qe) === "error" || void 0,
+				"aria-describedby": v(Je),
+				onClick: pn,
+				onKeydown: hn,
+				onBlur: _n
+			}, [f(ae, {
+				class: "bing-date-picker__leading-icon",
+				icon: o.type === "time" ? v(re) : v(ee),
+				size: "sm"
+			}, null, 8, ["icon"]), o.range ? (h(), u("span", Fe, [
+				d("span", { class: m({ "is-placeholder": !gt.value }) }, _(gt.value || o.startPlaceholder), 3),
+				t[8] ||= d("span", { class: "bing-date-picker__range-separator" }, "-", -1),
+				d("span", { class: m({ "is-placeholder": !_t.value }) }, _(_t.value || o.endPlaceholder), 3)
+			])) : (h(), u("span", {
+				key: 0,
+				class: m(["bing-date-picker__value", { "is-placeholder": !ht.value }])
+			}, _(ht.value || o.placeholder || "请选择日期"), 3))], 40, Pe)), [[v(He)]]),
+			o.clearable && mt.value && !v(T) ? (h(), c(a, {
+				key: 0,
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-date-picker__clear",
+				"aria-label": "清空已选日期",
+				onClick: Ne(on, ["stop"]),
+				onKeydown: t[0] ||= Ne(() => {}, ["stop"])
+			}, {
+				prefix: y(() => [f(ae, {
+					icon: v(ie),
+					size: "sm",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			})) : l("", !0),
+			f(a, {
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-date-picker__chevron",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				disabled: v(T),
+				onClick: mn
+			}, {
+				prefix: y(() => [f(ae, {
+					icon: v(ne),
+					size: "sm",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			}, 8, ["disabled"]),
+			v(We) ? (h(), c(Te, {
+				key: 1,
+				to: "body"
+			}, [k.value ? (h(), u("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: D,
+				class: m(pt.value),
+				style: Oe(ut.value),
+				tabindex: "-1",
+				onKeydown: gn
+			}, [
+				(h(), c(Te, {
+					to: "body",
+					disabled: G.value
+				}, [o.showShortcuts && St.value.length ? (h(), u("div", {
+					key: 0,
+					ref_key: "shortcutRailRef",
+					ref: Xe,
+					class: m(["bing-date-picker__shortcut-rail", {
+						"is-closing": A.value,
+						"is-inline": G.value
+					}]),
+					style: Oe(G.value ? void 0 : dt.value),
+					"aria-label": "日期快捷选项",
+					onPointerdown: t[1] ||= Ne(() => {}, ["stop"]),
+					onClick: t[2] ||= Ne(() => {}, ["stop"])
+				}, [(h(!0), u(we, null, Ae(St.value, (e) => (h(), c(a, {
+					key: e.label,
+					class: "bing-date-picker__shortcut",
+					variant: "tertiary",
+					size: "xs",
+					rounded: "md",
+					"text-effect": "none",
+					"text-shine": "none",
+					throttle: !1,
+					"aria-label": Cn(e),
+					onClick: (t) => wn(e)
+				}, {
+					default: y(() => [d("span", Ie, _(e.text), 1)]),
+					_: 2
+				}, 1032, ["aria-label", "onClick"]))), 128))], 38)) : l("", !0)], 8, ["disabled"])),
+				f(ce, {
+					ref_key: "mainScrollRef",
+					ref: Ye,
+					class: "bing-date-picker__main-scroll",
+					smooth: rt.value,
+					focusable: !1,
+					horizontal: ""
+				}, {
+					default: y(() => [d("div", Le, [
+						o.range ? (h(), u("div", Re, [Me((h(), u("button", {
+							class: m(["bing-date-picker__range-tab", { "is-active": N.value === "start" }]),
+							type: "button",
+							onClick: t[3] ||= (e) => N.value = "start"
+						}, [Ee(_(I.value?.format(U.value) || o.startPlaceholder), 1)], 2)), [[v(He)]]), Me((h(), u("button", {
+							class: m(["bing-date-picker__range-tab", { "is-active": N.value === "end" }]),
+							type: "button",
+							onClick: t[4] ||= (e) => N.value = "end"
+						}, [Ee(_(L.value?.format(U.value) || o.endPlaceholder), 1)], 2)), [[v(He)]])])) : l("", !0),
+						o.type === "time" ? l("", !0) : (h(), c(Se, {
+							key: 1,
+							month: j.value,
+							"onUpdate:month": t[5] ||= (e) => j.value = e,
+							year: M.value,
+							"onUpdate:year": t[6] ||= (e) => M.value = e,
+							type: o.type,
+							panel: Ct.value,
+							locale: o.locale,
+							"first-day-of-week": o.firstDayOfWeek,
+							"can-switch-year": wt.value,
+							"is-selected": Zt,
+							"is-in-range": Qt,
+							"is-date-disabled": Ht,
+							"is-month-disabled": Ut,
+							"is-year-disabled": Sn,
+							onHover: t[7] ||= (e) => P.value = e,
+							onSelect: en,
+							onSelectYear: tn,
+							onOpenYear: xn
+						}, null, 8, [
+							"month",
+							"year",
+							"type",
+							"panel",
+							"locale",
+							"first-day-of-week",
+							"can-switch-year"
+						])),
+						tt.value ? (h(), c(Ce, {
+							key: 2,
+							ref_key: "timePanelRef",
+							ref: Ze,
+							value: bt.value,
+							compact: o.type === "time",
+							"hour-step": o.hourStep,
+							"minute-step": o.minuteStep,
+							"second-step": o.secondStep,
+							smooth: rt.value,
+							"is-disabled": Gt,
+							onSelect: nn
+						}, null, 8, [
+							"value",
+							"compact",
+							"hour-step",
+							"minute-step",
+							"second-step",
+							"smooth"
+						])) : l("", !0)
+					])]),
+					_: 1
+				}, 8, ["smooth"]),
+				nt.value ? (h(), u("footer", ze, [f(a, {
+					variant: "ghost",
+					size: "sm",
+					throttle: !1,
+					onClick: an
+				}, {
+					default: y(() => [...t[9] ||= [Ee("取消", -1)]]),
+					_: 1
+				}), f(a, {
+					size: "sm",
+					throttle: !1,
+					disabled: !xt.value,
+					onClick: rn
+				}, {
+					prefix: y(() => [f(ae, {
+						icon: v(te),
+						size: "xs"
+					}, null, 8, ["icon"])]),
+					default: y(() => [t[10] ||= Ee(" 确定 ", -1)]),
+					_: 1
+				}, 8, ["disabled"])])) : l("", !0)
+			], 38)) : l("", !0)])) : l("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { Be as default };