@moubing/bing-ui 0.11.2 → 0.12.1

package/dist/components/BingCursor/BingCursor.presets.js

@@ -0,0 +1,60 @@
+//#region src/components/BingCursor/BingCursor.presets.ts
+var e = {
+	default: [4, 3],
+	pointer: [12, 3],
+	"not-allowed": [16, 16],
+	text: [16, 16],
+	grab: [16, 16],
+	grabbing: [16, 16],
+	move: [16, 16],
+	crosshair: [16, 16],
+	"col-resize": [16, 16],
+	"row-resize": [16, 16],
+	"ew-resize": [16, 16],
+	"ns-resize": [16, 16],
+	"nwse-resize": [16, 16],
+	"nesw-resize": [16, 16],
+	"zoom-in": [13, 13],
+	"zoom-out": [13, 13]
+};
+function t(t) {
+	return Object.prototype.hasOwnProperty.call(e, t);
+}
+var n = {
+	"n-resize": "ns-resize",
+	"s-resize": "ns-resize",
+	"e-resize": "ew-resize",
+	"w-resize": "ew-resize",
+	"ne-resize": "nesw-resize",
+	"sw-resize": "nesw-resize",
+	"nw-resize": "nwse-resize",
+	"se-resize": "nwse-resize",
+	"all-scroll": "move",
+	"no-drop": "not-allowed"
+};
+function r(e, r, i = "auto", a = !1) {
+	let o = e.closest("[data-bing-cursor]")?.getAttribute("data-bing-cursor");
+	if (o === "native" || e.closest("iframe, select, video, audio, dialog[open], [popover]") || r === "none" || i === "auto" && (!o || !t(o)) && r && r !== "auto" && !t(r) && !n[r]) return null;
+	if (e.closest("button, input, textarea, select, option, fieldset")?.matches(":disabled") || e.closest("[aria-disabled=\"true\"], [inert]")) return "not-allowed";
+	let s;
+	if (o && t(o)) s = o;
+	else if (i !== "auto") s = i;
+	else if (t(r)) s = r;
+	else if (n[r]) s = n[r];
+	else if (r && r !== "auto") return null;
+	else {
+		let t = e.closest("input"), n = t?.getAttribute("type")?.toLowerCase() ?? "text", r = e.closest("[contenteditable]");
+		s = e.closest("textarea") || t && [
+			"text",
+			"search",
+			"email",
+			"password",
+			"tel",
+			"url",
+			"number"
+		].includes(n) || r && r.getAttribute("contenteditable") !== "false" ? "text" : e.closest("a[href], button, summary, [role=\"button\"], [role=\"link\"], [role=\"tab\"]") ? "pointer" : "default";
+	}
+	return s === "grab" && a ? "grabbing" : s;
+}
+//#endregion
+export { e as cursorHotspots, r as resolveCursorType };

package/dist/components/BingCursor/BingCursor.shapes.js

@@ -0,0 +1,83 @@
+//#region src/components/BingCursor/BingCursor.shapes.ts
+var e = (e) => Math.round(e * 1e3) / 1e3, t = (t, n) => `${e(t)} ${e(n)}`;
+function n(e, n, r) {
+	return `M${t(e - r, n)}a${r} ${r} 0 1 0 ${r * 2} 0a${r} ${r} 0 1 0 ${-r * 2} 0Z`;
+}
+function r(e, n, r, i, a = 1.55) {
+	let o = Math.hypot(r - e, i - n), s = a / 2, c = -(i - n) / o * s, l = (r - e) / o * s;
+	return `M${t(e + c, n + l)}L${t(r + c, i + l)}A${s} ${s} 0 0 0 ${t(r - c, i - l)}L${t(e - c, n - l)}A${s} ${s} 0 0 0 ${t(e + c, n + l)}Z`;
+}
+function i(e, n = 0) {
+	let r = n * Math.PI / 180;
+	return e.map(([e, n], i) => `${i ? "L" : "M"}${t(16 + (e - 16) * Math.cos(r) - (n - 16) * Math.sin(r), 16 + (e - 16) * Math.sin(r) + (n - 16) * Math.cos(r))}`).join("") + "Z";
+}
+var a = (e, t = 1) => ({
+	d: e,
+	ink: t,
+	outline: 0,
+	strokeWidth: 0
+});
+function o(e, t = 1, n = 2.5, r = []) {
+	return [{
+		d: e,
+		ink: t,
+		outline: 1 - t,
+		strokeWidth: n
+	}, ...r];
+}
+var s = [
+	[2, 16],
+	[8.3, 9.7],
+	[9.7, 11.1],
+	[5.8, 15],
+	[26.2, 15],
+	[22.3, 11.1],
+	[23.7, 9.7],
+	[30, 16],
+	[23.7, 22.3],
+	[22.3, 20.9],
+	[26.2, 17],
+	[5.8, 17],
+	[9.7, 20.9],
+	[8.3, 22.3]
+], c = "M21.1 18.7L29.2 26.8C30.9 28.5 28.5 30.9 26.8 29.2L18.7 21.1A9.9 9.9 0 1 1 21.1 18.7Z", l = a(n(13, 13, 8.1), 0), u = {
+	default: o("M4 3L24.6 17.1C25.5 17.7 25.2 18.8 24.1 18.7L16.2 18.2L20.5 27Q20.8 27.8 20 28.2L17.5 29.4Q16.7 29.8 16.3 29L12 20.1L5.9 25.3C5.1 26 4 25.4 4 24.4V3Z", 1, 3.2),
+	pointer: o("M10 16V5.2C10 2.3 14 2.3 14 5.2v7.4c.9-2.1 4-1.5 4 .8v.5c1-1.8 4-1.1 4 1.1v.7c1.4-1.3 3.8-.3 3.8 1.8v4.3c0 3.1-2 4.8-2.7 7.2H12.4c-.4-2.8-2.4-4.7-4-6.4L4.8 19c-1.6-1.8.8-4.3 2.5-2.8l2.7 2.4V16Z", 1, 2.8, [
+		a(r(14, 15, 14, 20), 0),
+		a(r(18, 16, 18, 20), 0),
+		a(r(22, 17.5, 22, 20.5), 0)
+	]),
+	grab: o("m9.2 17-3-7.4C5.1 7.1 8.5 5.6 9.6 8l2.5 5.2V4.6c0-2.7 3.7-2.7 3.7 0v7.8L17 5.4c.4-2.6 4-2.1 3.6.5l-1 7.4 2.8-5.5c1.2-2.3 4.4-.7 3.2 1.6L22.8 17c.2 4.4-1.5 6.6-1.8 11.5h-9.6c-.2-2.8-1.5-4.4-3.2-6.2l-3.7-4.1c-1.9-2.1.7-4.5 2.5-2.8L9.2 17Z", 1, 2.8, [
+		a(r(12.6, 17, 13.1, 21), 0),
+		a(r(16.2, 17, 16.2, 21), 0),
+		a(r(19.4, 17.4, 18.9, 21), 0)
+	]),
+	grabbing: o("M7.5 17.5V12c0-2.8 3.8-3.2 4.1-.5v-1c0-2.9 4-2.9 4 0v.3c.4-2.7 4.2-2.5 4.2.4v1c1-2.1 4.2-1.4 4.2 1.2v5.3c0 3.6-2.7 4.8-2.9 9.3H11c-.3-3.1-1.8-4.4-3.6-6.2l-2.5-2.6c-1.9-2 .6-4.7 2.6-3Z", 1, 2.8, [
+		a(r(11.6, 13, 11.6, 16) + r(7.5, 16.3, 11, 18.9), 0),
+		a(r(15.6, 13, 15.6, 16), 0),
+		a(r(19.8, 14, 19.8, 16.5), 0)
+	]),
+	"not-allowed": o(n(16, 16, 10), 0, 4.2, [a(r(9, 9, 23, 23, 2.5))]),
+	text: o("M11 4.1H13C14.3 4.1 15.4 4.5 16 5.3C16.6 4.5 17.7 4.1 19 4.1H21V5.9H19C17.7 5.9 16.9 6.4 16.9 8V24C16.9 25.6 17.7 26.1 19 26.1H21V27.9H19C17.7 27.9 16.6 27.5 16 26.7C15.4 27.5 14.3 27.9 13 27.9H11V26.1H13C14.3 26.1 15.1 25.6 15.1 24V8C15.1 6.4 14.3 5.9 13 5.9H11Z"),
+	crosshair: o([
+		r(16, 3, 16, 13, 1.8),
+		r(16, 19, 16, 29, 1.8),
+		r(3, 16, 13, 16, 1.8),
+		r(19, 16, 29, 16, 1.8)
+	].join("")),
+	move: o("M16 2.1L21 7.1L19.7 8.4L16.9 5.6V15.1H26.4L23.6 12.3L24.9 11L29.9 16L24.9 21L23.6 19.7L26.4 16.9H16.9V26.4L19.7 23.6L21 24.9L16 29.9L11 24.9L12.3 23.6L15.1 26.4V16.9H5.6L8.4 19.7L7.1 21L2.1 16L7.1 11L8.4 12.3L5.6 15.1H15.1V5.6L12.3 8.4L11 7.1Z"),
+	"col-resize": o(i(s)),
+	"row-resize": o(i(s, 90)),
+	"ew-resize": o(i(s)),
+	"ns-resize": o(i(s, 90)),
+	"nwse-resize": o(i(s, 45)),
+	"nesw-resize": o(i(s, -45)),
+	"zoom-in": o(c, 1, 2.5, [
+		l,
+		a(r(9, 13, 17, 13, 1.8)),
+		a(r(13, 9, 13, 17, 1.8))
+	]),
+	"zoom-out": o(c, 1, 2.5, [l, a(r(9, 13, 17, 13, 1.8))])
+};
+//#endregion
+export { u as cursorShapes };

package/dist/components/BingCursor/BingCursor.styleSource.js

@@ -0,0 +1,83 @@
+//#region src/components/BingCursor/BingCursor.styleSource.ts
+var e = "--bing-cursor-source";
+function t(t) {
+	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = t.createElement("style");
+	a.dataset.bingCursorSource = "", a.textContent = `@layer bing-cursor-defaults {
+    :where(:root) { ${e}: auto; }
+    :where(a:any-link) { ${e}: pointer; }
+    :where(button, input) { ${e}: default; }
+    :where(textarea, input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"]) { ${e}: text; }
+  }`, t.head.prepend(a);
+	function o(t, n, r = e) {
+		t.getPropertyValue(r) !== n.appliedValue || t.getPropertyPriority(r) !== n.appliedPriority || (n.value ? t.setProperty(r, n.value, n.priority) : t.removeProperty(r));
+	}
+	function s(t, n, r = e, i = t.cursor, a = t.getPropertyPriority("cursor")) {
+		let s = n.get(t);
+		if (!i) {
+			s && o(t, s, r), n.delete(t);
+			return;
+		}
+		s || (s = {
+			value: t.getPropertyValue(r),
+			priority: t.getPropertyPriority(r),
+			appliedValue: i,
+			appliedPriority: a
+		}, n.set(t, s)), (t.getPropertyValue(r) !== i || t.getPropertyPriority(r) !== a) && t.setProperty(r, i, a), s.appliedValue = t.getPropertyValue(r), s.appliedPriority = t.getPropertyPriority(r);
+	}
+	function c() {
+		let r = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+		function l(e) {
+			if (c.has(e)) return;
+			c.add(e);
+			let t = e.ownerNode;
+			if (!(t instanceof Element && t.hasAttribute("data-bing-cursor-style"))) try {
+				u(e.cssRules);
+			} catch {}
+		}
+		function u(t) {
+			for (let o of t) {
+				if ("style" in o) {
+					let t = o.style;
+					(t.cursor || n.has(t)) && (r.add(t), s(t, n));
+					let c = t.cursor || (t.parentRule?.parentStyleSheet?.ownerNode === a ? t.getPropertyValue(e) : "");
+					for (let [e, n] of i) (c || n.records.has(t)) && (r.add(t), s(t, n.records, e, c ? n.render(c) : "", t.getPropertyPriority("cursor")));
+				}
+				"styleSheet" in o && o.styleSheet ? l(o.styleSheet) : "cssRules" in o && u(o.cssRules);
+			}
+		}
+		for (let e of [...t.styleSheets, ...t.adoptedStyleSheets ?? []]) l(e);
+		for (let [e, t] of n) r.has(e) || (o(e, t), n.delete(e));
+		for (let [e, t] of i) for (let [n, i] of t.records) r.has(n) || (o(n, i, e), t.records.delete(n));
+	}
+	return {
+		palette(e, t) {
+			let n = {
+				render: t,
+				records: /* @__PURE__ */ new Map()
+			};
+			return i.set(e, n), c(), () => {
+				for (let [t, r] of n.records) o(t, r, e);
+				i.delete(e);
+			};
+		},
+		read(n, i = !0, a) {
+			i && c();
+			let l = /* @__PURE__ */ new Set();
+			for (let e = n; e; e = e.parentElement) {
+				if (!("style" in e) || a?.contains(e)) continue;
+				let t = e.style;
+				l.add(t), s(t, r);
+			}
+			for (let [e, t] of r) l.has(e) || (o(e, t), r.delete(e));
+			return t.defaultView.getComputedStyle(n).getPropertyValue(e).trim() || "auto";
+		},
+		destroy() {
+			for (let [e, t] of i) for (let [n, r] of t.records) o(n, r, e);
+			i.clear();
+			for (let [e, t] of [...n, ...r]) o(e, t);
+			n.clear(), r.clear(), a.remove();
+		}
+	};
+}
+//#endregion
+export { t as createCursorStyleSource };

package/dist/components/BingCursor/BingCursor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { registerCursor as e } from "./BingCursor.controller.js";
+import { createNativeCursor as t } from "./BingCursor.native.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, normalizeStyle as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, renderSlot as d, watch as f } from "vue";
+//#region src/components/BingCursor/BingCursor.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	__name: "BingCursor",
+	props: {
+		type: { default: "auto" },
+		global: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: 28 },
+		color: {},
+		outlineColor: {},
+		hotspot: {}
+	},
+	emits: ["change", "visibility-change"],
+	setup(a, { emit: p }) {
+		let m = a, h = p, g = u(null), _ = u(null), v = u(!1), y = n(() => ({
+			"--bing-cursor-color": m.color,
+			"--bing-cursor-outline": m.outlineColor,
+			color: "var(--bing-cursor-color, #171717)",
+			backgroundColor: "var(--bing-cursor-outline, #ffffff)"
+		})), b, x = !1, S = "default";
+		return c(() => {
+			v.value = !0, b = e({
+				root: g.value,
+				options: () => m,
+				nativeCursor(e) {
+					if (!_.value) return;
+					let n = _.value.ownerDocument.defaultView.getComputedStyle(_.value);
+					return t(e, m.size, n.color, n.backgroundColor, m.hotspot);
+				},
+				show(e) {
+					e !== S && (S = e, h("change", e)), x || (x = !0, h("visibility-change", !0));
+				},
+				hide() {
+					x && (x = !1, h("visibility-change", !1));
+				}
+			});
+		}), f(_, () => b?.refresh(), { flush: "post" }), f(() => [
+			m.disabled,
+			m.global,
+			m.type,
+			m.size,
+			m.hotspot,
+			m.color,
+			m.outlineColor
+		], () => b?.refresh(), {
+			deep: !0,
+			flush: "post"
+		}), s(() => b?.destroy()), (e, t) => (l(), i("div", {
+			ref_key: "rootRef",
+			ref: g,
+			class: "bing-cursor"
+		}, [d(e.$slots, "default", {}, void 0, !0), v.value ? (l(), i("span", {
+			key: 0,
+			ref_key: "paletteRef",
+			ref: _,
+			hidden: "",
+			"aria-hidden": "true",
+			"data-bing-cursor-palette": "",
+			style: o(y.value)
+		}, null, 4)) : r("", !0)], 512));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/BingDatePicker/BingDatePicker.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingDatePicker.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
+//#region src/components/BingDatePicker/BingDatePicker.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f8860d48"]]);
+//#endregion
+export { n as default };

package/dist/components/BingDatePicker/BingDatePicker.utils.d.ts

@@ -0,0 +1,26 @@
+import { default as dayjs, Dayjs } from 'dayjs';
+import { BingDatePickerType } from './BingDatePicker.types';
+export type DatePeriodUnit = 'day' | 'month' | 'year';
+export interface DatePickerShortcut {
+    label: string;
+    text: string;
+    value: Dayjs | [Dayjs, Dayjs];
+}
+export declare const defaultValueFormats: Record<BingDatePickerType, string>;
+export declare function normalizeFirstDayOfWeek(value: number): number;
+/** 从 0 开始、按步长递增且小于 `max` 的整数。 */
+export declare function createStepOptions(max: number, step: number): number[];
+/** 抹掉当前类型用不到的精度；`time` 统一落在 2000-01-01。 */
+export declare function normalizeForType(value: Dayjs, type: BingDatePickerType): dayjs.Dayjs;
+/** 按值格式严格解析，无效时返回 `null`。 */
+export declare function parseDateValue(value: string | null | undefined, type: BingDatePickerType, format: string): dayjs.Dayjs | null;
+/** 按类型精度比较两个值，返回值的正负表示先后。 */
+export declare function compareTypedValue(value: Dayjs, target: Dayjs, type: BingDatePickerType, mode?: 'start' | 'end'): number;
+export declare function getWeekdayLabels(locale: string, firstDayOfWeek: number): string[];
+/** 月视图固定 6 行 × 7 列，从包含月初的那一周开始。 */
+export declare function getCalendarCells(month: Dayjs, firstDayOfWeek: number): dayjs.Dayjs[];
+export declare function getMonthCells(year: number): dayjs.Dayjs[];
+/** 年份面板每页 12 年，起始年份为 12 的整数倍。 */
+export declare function getYearBlockStart(year: number): number;
+export declare function getYearCells(year: number): dayjs.Dayjs[];
+export declare function createShortcuts(type: BingDatePickerType, range: boolean, now?: dayjs.Dayjs): DatePickerShortcut[];

package/dist/components/BingDatePicker/BingDatePicker.utils.js

@@ -0,0 +1,137 @@
+import e from "dayjs";
+import t from "dayjs/plugin/customParseFormat.js";
+//#region src/components/BingDatePicker/BingDatePicker.utils.ts
+e.extend(t);
+var n = {
+	date: "YYYY-MM-DD",
+	datetime: "YYYY-MM-DD HH:mm:ss",
+	month: "YYYY-MM",
+	year: "YYYY",
+	time: "HH:mm:ss"
+}, r = {
+	date: "day",
+	datetime: "second",
+	month: "month",
+	year: "year"
+};
+function i(e) {
+	return (Math.floor(e) % 7 + 7) % 7;
+}
+function a(e, t) {
+	let n = Math.max(1, Math.floor(t)), r = [];
+	for (let t = 0; t < e; t += n) r.push(t);
+	return r;
+}
+function o(e, t) {
+	let n = e.millisecond(0);
+	return t === "date" ? n.startOf("day") : t === "month" ? n.startOf("month") : t === "year" ? n.startOf("year") : t === "time" ? n.year(2e3).month(0).date(1) : n;
+}
+function s(t, n, r) {
+	if (!t) return null;
+	let i = n === "time" ? e(`2000-01-01 ${t}`, `YYYY-MM-DD ${r}`, !0) : e(t, r, !0);
+	return i.isValid() ? o(i, n) : null;
+}
+function c(e) {
+	return e.hour() * 3600 + e.minute() * 60 + e.second();
+}
+function l(e, t, n, i = "start") {
+	if (n === "time") return c(e) - c(t);
+	if (n === "datetime") return e.valueOf() - t.valueOf();
+	let a = r[n];
+	return (i === "end" ? e.endOf(a).valueOf() : e.startOf(a).valueOf()) - (i === "end" ? t.endOf(a).valueOf() : t.startOf(a).valueOf());
+}
+function u(t, n) {
+	let r = new Intl.DateTimeFormat(t, { weekday: "short" }), a = e("2024-01-07"), o = i(n);
+	return Array.from({ length: 7 }, (e, t) => r.format(a.add((o + t) % 7, "day").toDate()));
+}
+function d(e, t) {
+	let n = i(t), r = e.startOf("month"), a = (r.day() - n + 7) % 7, o = r.subtract(a, "day");
+	return Array.from({ length: 42 }, (e, t) => o.add(t, "day"));
+}
+function f(t) {
+	return Array.from({ length: 12 }, (n, r) => e().year(t).month(r).startOf("month"));
+}
+function p(e) {
+	return Math.floor(e / 12) * 12;
+}
+function m(t) {
+	let n = p(t);
+	return Array.from({ length: 12 }, (t, r) => e().year(n + r).startOf("year"));
+}
+function h(t, n, r = e()) {
+	let i = o(r, t);
+	if (!n) {
+		if (t === "date") return [{
+			label: "今天",
+			text: "今天",
+			value: i
+		}, {
+			label: "昨天",
+			text: "昨天",
+			value: i.subtract(1, "day").startOf("day")
+		}];
+		let e = t === "datetime" || t === "time" ? "此刻" : t === "month" ? "本月" : "今年";
+		return [{
+			label: e,
+			text: e,
+			value: i
+		}];
+	}
+	if (t === "month") return [{
+		label: "近6个月",
+		text: "近6个月",
+		value: [i.subtract(5, "month").startOf("month"), i.startOf("month")]
+	}, {
+		label: "今年",
+		text: "今年",
+		value: [i.startOf("year"), i.endOf("year").startOf("month")]
+	}];
+	if (t === "year") {
+		let t = Math.floor(i.year() / 10) * 10;
+		return [{
+			label: "近5年",
+			text: "近5年",
+			value: [i.subtract(4, "year").startOf("year"), i.startOf("year")]
+		}, {
+			label: "当前十年",
+			text: "当前十年",
+			value: [e().year(t).startOf("year"), e().year(t + 9).startOf("year")]
+		}];
+	}
+	if (t === "time") {
+		let n = (n) => o(e(`2000-01-01 ${n}`), t);
+		return [{
+			label: "上午",
+			text: "上午",
+			value: [n("09:00:00"), n("12:00:00")]
+		}, {
+			label: "工作时段",
+			text: "工作时段",
+			value: [n("09:00:00"), n("18:00:00")]
+		}];
+	}
+	return [
+		{
+			label: "近7天",
+			text: "近7天",
+			value: [i.subtract(6, "day").startOf("day"), i.endOf("day")]
+		},
+		{
+			label: "近30天",
+			text: "近30天",
+			value: [i.subtract(29, "day").startOf("day"), i.endOf("day")]
+		},
+		{
+			label: "本月",
+			text: "本月",
+			value: [i.startOf("month"), i.endOf("month")]
+		},
+		{
+			label: "今年",
+			text: "今年",
+			value: [i.startOf("year"), i.endOf("year")]
+		}
+	];
+}
+//#endregion
+export { l as compareTypedValue, h as createShortcuts, a as createStepOptions, n as defaultValueFormats, d as getCalendarCells, f as getMonthCells, u as getWeekdayLabels, p as getYearBlockStart, m as getYearCells, o as normalizeForType, s as parseDateValue };

package/dist/components/BingDatePicker/BingDatePicker.vue.d.ts

@@ -1,38 +1,38 @@
 import { Dayjs } from 'dayjs';
-import { BingDatePickerChangePayload, BingDatePickerExpose, BingDatePickerModelValue, BingDatePickerProps, BingDatePickerType } from './BingDatePicker.types';
+import { BingDatePickerChangePayload, BingDatePickerExpose, BingDatePickerModelValue, BingDatePickerProps } from './BingDatePicker.types';
 declare const __VLS_export: import('vue').DefineComponent<BingDatePickerProps, BingDatePickerExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    clear: () => any;
+    close: () => any;
+    confirm: (payload: BingDatePickerChangePayload) => any;
+    open: () => any;
     change: (payload: BingDatePickerChangePayload) => any;
+    clear: () => any;
     cancel: () => any;
-    close: () => any;
     "update:modelValue": (value: BingDatePickerModelValue) => any;
-    open: () => any;
-    confirm: (payload: BingDatePickerChangePayload) => any;
 }, string, import('vue').PublicProps, Readonly<BingDatePickerProps> & Readonly<{
-    onClear?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onConfirm?: ((payload: BingDatePickerChangePayload) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onChange?: ((payload: BingDatePickerChangePayload) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: BingDatePickerModelValue) => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    onConfirm?: ((payload: BingDatePickerChangePayload) => any) | undefined;
 }>, {
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     minWidth: string | number;
     id: string;
-    type: BingDatePickerType;
+    type: import('./BingDatePicker.types').BingDatePickerType;
     size: import('./BingDatePicker.types').BingDatePickerSize;
     block: boolean;
     ariaLabel: string;
-    modelValue: BingDatePickerModelValue;
-    min: string;
     max: string;
+    min: string;
+    format: string;
+    modelValue: BingDatePickerModelValue;
     placeholder: string;
     clearable: boolean;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
     range: boolean;
-    format: string;
     glass: boolean;
     glassBlur: string | number;
     glassOpacity: number;