@moubing/bing-ui 0.11.2 → 0.12.1

package/dist/components/BingSplitPane/BingSplitPane.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,167 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, useId as d, watch as f } from "vue";
+//#region src/components/BingSplitPane/BingSplitPane.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "bing-split-pane__main" }, m = [
+	"disabled",
+	"aria-disabled",
+	"aria-label",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], h = /* @__PURE__ */ r({
+	__name: "BingSplitPane",
+	props: {
+		sideSize: { default: void 0 },
+		defaultSideSize: { default: 320 },
+		minSideSize: { default: 160 },
+		maxSideSize: { default: 640 },
+		minMainSize: { default: 240 },
+		keyboardStep: { default: 12 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: "调整侧栏宽度" }
+	},
+	emits: [
+		"update:sideSize",
+		"resize-start",
+		"resize",
+		"resize-end",
+		"resize-cancel"
+	],
+	setup(r, { expose: h, emit: g }) {
+		let _ = r, v = g, y = l(null), b = l(null), x = `bing-split-pane-${d()}-side`, S = l(_.defaultSideSize), C = l(null), w = l(null), T, E;
+		function D(e, t) {
+			return Number.isFinite(e) ? e : t;
+		}
+		function O(e, t, n) {
+			return Math.min(n, Math.max(t, e));
+		}
+		let k = e(() => Math.max(0, D(_.minSideSize, 160))), A = e(() => Math.max(k.value, D(_.maxSideSize, 640))), j = e(() => O(D(_.sideSize ?? S.value, D(_.defaultSideSize, 320)), k.value, A.value)), M = e(() => w.value === null ? A.value : Math.max(0, w.value - Math.max(0, D(_.minMainSize, 240)))), N = e(() => Math.min(A.value, M.value)), P = e(() => Math.min(k.value, N.value)), F = e(() => O(C.value ?? j.value, P.value, N.value)), I = e(() => !_.disabled && N.value > P.value), L = e(() => ({ "--bing-split-side-size": `${F.value}px` }));
+		function R(e, t = F.value, n = j.value) {
+			return {
+				size: t,
+				preferredSize: n,
+				source: e
+			};
+		}
+		function z() {
+			let e = E?.pointerId;
+			E = void 0, window.removeEventListener("pointermove", H), window.removeEventListener("pointerup", W), window.removeEventListener("pointercancel", G), window.removeEventListener("keydown", J, !0), window.removeEventListener("blur", q), e !== void 0 && b.value?.hasPointerCapture?.(e) && b.value.releasePointerCapture(e);
+		}
+		function B(e) {
+			E && (z(), C.value = null, v("resize-cancel", {
+				...R("pointer"),
+				reason: e
+			}));
+		}
+		function V(e) {
+			if (!(!I.value || E || e.button !== 0 || e.isPrimary === !1)) {
+				e.preventDefault(), b.value?.focus({ preventScroll: !0 }), E = {
+					pointerId: e.pointerId,
+					x: e.clientX,
+					size: F.value,
+					width: w.value
+				}, C.value = F.value;
+				try {
+					b.value?.setPointerCapture(e.pointerId);
+				} catch {}
+				window.addEventListener("pointermove", H), window.addEventListener("pointerup", W), window.addEventListener("pointercancel", G), window.addEventListener("keydown", J, !0), window.addEventListener("blur", q), v("resize-start", R("pointer"));
+			}
+		}
+		function H(e) {
+			if (!E || e.pointerId !== E.pointerId) return;
+			let t = O(E.size + E.x - e.clientX, P.value, N.value);
+			t !== C.value && (C.value = t, v("resize", R("pointer")));
+		}
+		function U(e, t) {
+			let n = O(e, k.value, A.value), r = R(t, O(n, P.value, N.value), n);
+			n !== j.value && (_.sideSize === void 0 && (S.value = n), v("update:sideSize", n)), C.value = null, v("resize-end", r);
+		}
+		function W(e) {
+			if (!E || e.pointerId !== E.pointerId) return;
+			H(e);
+			let t = F.value === E.size ? j.value : F.value;
+			z(), U(t, "pointer");
+		}
+		function G(e) {
+			e.pointerId === E?.pointerId && B("pointercancel");
+		}
+		function K(e) {
+			e.pointerId === E?.pointerId && B("capture-lost");
+		}
+		function q() {
+			B("blur");
+		}
+		function J(e) {
+			e.key !== "Escape" || !E || (e.preventDefault(), e.stopPropagation(), B("escape"));
+		}
+		function Y(e, t) {
+			_.disabled || (B("props"), v("resize-start", R(t)), v("resize", R(t, O(e, P.value, N.value))), U(e, t));
+		}
+		function X() {
+			Y(O(D(_.defaultSideSize, 320), k.value, A.value), "reset");
+		}
+		function Z(e) {
+			if (_.disabled || E) return;
+			if (e.key === "Enter") {
+				e.preventDefault(), X();
+				return;
+			}
+			if (!I.value) return;
+			let t = Math.max(1, D(_.keyboardStep, 12)), n = e.key === "ArrowLeft" ? F.value + t : e.key === "ArrowRight" ? F.value - t : e.key === "Home" ? P.value : e.key === "End" ? N.value : null;
+			n !== null && (e.preventDefault(), Y(O(n, P.value, N.value), "keyboard"));
+		}
+		function Q(e) {
+			E && E.width !== null && e < E.width && B("container"), w.value = Math.max(0, e);
+		}
+		return f(() => [
+			_.sideSize,
+			_.minSideSize,
+			_.maxSideSize,
+			_.minMainSize,
+			_.disabled
+		], () => B("props")), s(() => {
+			y.value && (Q(y.value.clientWidth), T = new ResizeObserver((e) => {
+				let t = e[0];
+				t && Q(t.contentRect.width);
+			}), T.observe(y.value));
+		}), o(() => {
+			B("unmount"), T?.disconnect();
+		}), h({ reset: X }), (e, o) => (c(), t("div", {
+			ref_key: "root",
+			ref: y,
+			class: i(["bing-split-pane", { "is-resizing": C.value !== null }]),
+			style: a(L.value)
+		}, [
+			n("div", p, [u(e.$slots, "default", {}, void 0, !0)]),
+			n("div", {
+				id: x,
+				class: "bing-split-pane__side"
+			}, [u(e.$slots, "side", { size: F.value }, void 0, !0)]),
+			n("button", {
+				ref_key: "handle",
+				ref: b,
+				type: "button",
+				role: "separator",
+				class: i(["bing-split-pane__handle", { "is-fixed": !I.value }]),
+				disabled: r.disabled,
+				"aria-disabled": r.disabled,
+				"aria-label": r.ariaLabel,
+				"aria-controls": x,
+				"aria-orientation": "vertical",
+				"aria-valuemin": P.value,
+				"aria-valuemax": N.value,
+				"aria-valuenow": F.value,
+				"aria-valuetext": `${Math.round(F.value)} 像素`,
+				onPointerdown: V,
+				onLostpointercapture: K,
+				onKeydown: Z,
+				onDblclick: X
+			}, null, 42, m)
+		], 6));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/BingTable/BingTable.js

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

package/dist/components/BingTable/BingTable.measurements.js

@@ -0,0 +1,72 @@
+import { nextTick as e, onBeforeUnmount as t, onMounted as n } from "vue";
+//#region src/components/BingTable/BingTable.measurements.ts
+var r = Symbol("bing-table-measurements");
+function i(r, i) {
+	let a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s, c, l, u = !1, d;
+	function f() {
+		if (l = void 0, u) return;
+		let e = [...o].filter((e) => a.has(e));
+		o.clear();
+		let t = e.map((e) => a.get(e)()), n = e.length ? i?.(e) : void 0;
+		t.forEach((e) => e?.()), n?.();
+	}
+	function p() {
+		u || l !== void 0 || !o.size || (typeof window.requestAnimationFrame == "function" ? l = window.requestAnimationFrame(f) : (l = -1, e(() => {
+			l === -1 && f();
+		})));
+	}
+	function m(e) {
+		u || (e ? a.has(e) && o.add(e) : a.forEach((e, t) => o.add(t)), p());
+	}
+	function h(e) {
+		for (let t of e) {
+			let e = t.target;
+			a.has(e) && o.add(e);
+		}
+		p();
+	}
+	function g(e) {
+		for (let t of e) {
+			let e = t.target instanceof Element ? t.target : t.target.parentElement;
+			if (!e || t.type === "attributes" && t.oldValue === e.getAttribute(t.attributeName)) continue;
+			let n = e.closest(".bing-table__cell-text");
+			n && a.has(n) ? o.add(n) : e.closest(".bing-table__row") && e.querySelectorAll(".bing-table__cell-text").forEach((e) => {
+				a.has(e) && o.add(e);
+			});
+		}
+		p();
+	}
+	function _(e, t) {
+		return u ? () => {} : (a.set(e, t), typeof ResizeObserver < "u" && (s ??= new ResizeObserver(h), s.observe(e)), m(e), () => {
+			s?.unobserve(e), a.delete(e), o.delete(e);
+		});
+	}
+	let v = () => m();
+	return n(() => {
+		typeof MutationObserver < "u" && r.value && (c = new MutationObserver(g), c.observe(r.value, {
+			subtree: !0,
+			childList: !0,
+			characterData: !0,
+			attributes: !0,
+			attributeOldValue: !0,
+			attributeFilter: [
+				"class",
+				"style",
+				"hidden",
+				"role",
+				"tabindex",
+				"contenteditable",
+				"href"
+			]
+		})), d = r.value?.ownerDocument.fonts, d?.addEventListener("loadingdone", v), d?.ready.then(() => {
+			u || v();
+		}), typeof ResizeObserver > "u" && window.addEventListener("resize", v);
+	}), t(() => {
+		u = !0, l !== void 0 && l !== -1 && window.cancelAnimationFrame(l), l = void 0, s?.disconnect(), c?.disconnect(), d?.removeEventListener("loadingdone", v), window.removeEventListener("resize", v), a.clear(), o.clear();
+	}), {
+		register: _,
+		invalidate: m
+	};
+}
+//#endregion
+export { r as bingTableMeasurementsKey, i as createTableMeasurements };

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

@@ -77,16 +77,15 @@ declare const __VLS_base: import('vue').DefineComponent<BingTableProps, BingTabl
     height: number | string;
     maxHeight: number | string;
     data: BingTableRow[];
-    size: import('./BingTable.types').BingTableSize;
     loading: boolean;
     ariaLabel: string;
+    page: number;
     emptyText: string;
     smoothScroll: import('../..').SmoothScrollValue;
     virtual: import('./BingTable.types').BingTableVirtualMode;
     virtualThreshold: number;
     virtualOverscan: number;
     selectable: boolean;
-    page: number;
     defaultColumnWidths: Record<string, number>;
     defaultColumnOrder: string[];
     defaultHiddenColumnKeys: string[];