@moubing/bing-ui 0.11.1 → 0.12.0

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

@@ -11,10 +11,10 @@ declare const __VLS_base: import('vue').DefineComponent<BingScrollbarProps, Bing
     maxHeight: string | number;
     ariaLabel: string;
     focusable: boolean;
+    horizontal: boolean;
+    vertical: boolean;
     minThumbSize: number;
     overflowTolerance: number;
-    vertical: boolean;
-    horizontal: boolean;
     smooth: import('../..').SmoothScrollValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BingScrollbar/BingScrollbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,398 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import { createSmoothScrollController as t } from "../../motion/smoothScroll.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as ee, onMounted as te, openBlock as ne, ref as l, renderSlot as re, useSlots as ie, vShow as ae, watch as u, withDirectives as oe } from "vue";
+//#region src/components/BingScrollbar/BingScrollbar.vue?vue&type=script&setup=true&lang.ts
+var se = [
+	"tabindex",
+	"role",
+	"aria-label"
+], ce = /* @__PURE__ */ a({
+	__name: "BingScrollbar",
+	props: {
+		height: { default: void 0 },
+		maxHeight: { default: void 0 },
+		minThumbSize: { default: 28 },
+		overflowTolerance: { default: 1 },
+		vertical: {
+			type: Boolean,
+			default: !0
+		},
+		horizontal: {
+			type: Boolean,
+			default: !1
+		},
+		always: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		focusable: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: void 0 },
+		smooth: {
+			type: [Boolean, Object],
+			default: !0
+		}
+	},
+	emits: ["scroll"],
+	setup(a, { expose: ce, emit: le }) {
+		let ue = e(), d = a, de = le, fe = ie(), f = l(null), p = l(null), m = l(null), h = l(null), g = l(null), _ = l(null), v = l(!1), y = l(!1), b = l(0), x = l(0), S = l(!1), C = l(null), w = l(!1), T, E, D, O, k, A, j, pe = 0, me = 0, he = 0, M = 0, N = 0, P = 0, F = 0, I = 0, ge = 0, _e = n(() => ["bing-scrollbar", {
+			"has-overflow": v.value || y.value,
+			"has-vertical-overflow": v.value,
+			"has-horizontal-overflow": y.value,
+			"is-vertical": d.vertical,
+			"is-horizontal": d.horizontal,
+			"is-always-visible": d.always,
+			"is-disabled": d.disabled,
+			"is-dragging": !!C.value,
+			"is-dragging-vertical": C.value === "vertical",
+			"is-dragging-horizontal": C.value === "horizontal",
+			"is-hovering": S.value,
+			"is-scrolling": w.value,
+			"is-smooth": !!d.smooth
+		}]), ve = n(() => ({
+			height: Ee(d.height),
+			maxHeight: Ee(d.maxHeight)
+		}));
+		function ye() {
+			return {
+				height: `${b.value}px`,
+				transform: `translate(-50%, ${I}px)`
+			};
+		}
+		function be() {
+			return {
+				width: `${x.value}px`,
+				transform: `translate(${ge}px, -50%)`
+			};
+		}
+		let xe = n(() => Math.max(1, d.overflowTolerance)), Se = n(() => (v.value || y.value) && d.focusable && !d.disabled), Ce = n(() => d.ariaLabel ?? (Se.value ? "可滚动内容" : void 0));
+		function we(e) {
+			f.value = e instanceof HTMLElement ? e : null;
+		}
+		let Te = {
+			class: "bing-scrollbar__custom-viewport",
+			onScroll: Me,
+			onWheel: J,
+			onKeydown: Ne,
+			onInput: K
+		};
+		function L() {
+			return typeof window < "u" && typeof document < "u";
+		}
+		function Ee(e) {
+			return typeof e == "number" ? `${e}px` : e;
+		}
+		function De() {
+			!L() || D === void 0 || (window.clearTimeout(D), D = void 0);
+		}
+		function Oe() {
+			!L() || O === void 0 || (window.cancelAnimationFrame(O), O = void 0);
+		}
+		function ke() {
+			!L() || k === void 0 || (window.cancelAnimationFrame(k), k = void 0);
+		}
+		function R() {
+			ke(), A = void 0;
+		}
+		function z() {
+			R(), j?.cancel();
+		}
+		function Ae() {
+			return typeof d.smooth == "object" ? d.smooth : void 0;
+		}
+		function B() {
+			return !!d.smooth && !d.disabled;
+		}
+		function V() {
+			let e = f.value;
+			if (!e) return;
+			let t = e.clientHeight, n = e.scrollHeight, r = e.clientWidth, i = e.scrollWidth, a = Math.max(0, n - t), o = Math.max(0, i - r), s = d.vertical && !d.disabled && a > xe.value, c = d.horizontal && !d.disabled && o > xe.value;
+			if (v.value = s, y.value = c, M = s ? a : 0, N = c ? o : 0, !s || !m.value) b.value = 0, H(0), P = 0;
+			else {
+				let r = m.value.clientHeight, i = n > 0 ? t / n * r : r, o = Math.min(r, Math.max(Math.max(12, d.minThumbSize), i));
+				P = Math.max(0, r - o);
+				let s = a > 0 ? e.scrollTop / a : 0;
+				b.value = o, H(P * s);
+			}
+			if (!c || !h.value) x.value = 0, U(0), F = 0;
+			else {
+				let t = h.value.clientWidth, n = i > 0 ? r / i * t : t, a = Math.min(t, Math.max(Math.max(12, d.minThumbSize), n));
+				F = Math.max(0, t - a);
+				let s = o > 0 ? e.scrollLeft / o : 0;
+				x.value = a, U(F * s);
+			}
+		}
+		function H(e) {
+			I = e, g.value && (g.value.style.transform = `translate(-50%, ${e}px)`);
+		}
+		function U(e) {
+			ge = e, _.value && (_.value.style.transform = `translate(${e}px, -50%)`);
+		}
+		function W() {
+			let e = f.value;
+			if (e) {
+				if (v.value) {
+					let t = M > 0 ? e.scrollTop / M : 0;
+					H(P * t);
+				}
+				if (y.value) {
+					let t = N > 0 ? e.scrollLeft / N : 0;
+					U(F * t);
+				}
+			}
+		}
+		function G() {
+			if (!L() || typeof window.requestAnimationFrame != "function") {
+				V();
+				return;
+			}
+			O === void 0 && (O = window.requestAnimationFrame(() => {
+				O = void 0, V();
+			}));
+		}
+		function K() {
+			o(G);
+		}
+		function q() {
+			L() && (De(), w.value = !0, D = window.setTimeout(() => {
+				D = void 0, w.value = !1;
+			}, 720));
+		}
+		function je(e) {
+			let t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
+			return e.deltaMode === 1 ? t * 16 : e.deltaMode === 2 ? t * (f.value?.clientWidth ?? 1) : t;
+		}
+		function Me(e) {
+			W(), q(), de("scroll", e);
+		}
+		function J(e) {
+			if (e.defaultPrevented) return !1;
+			if (B()) return R(), j?.handleWheel(e) ?? !1;
+			if (d.disabled || !d.horizontal) return !1;
+			if (!e.shiftKey) return R(), !1;
+			let t = f.value;
+			if (!t) return !1;
+			let n = N || Math.max(0, t.scrollWidth - t.clientWidth), r = A ?? t.scrollLeft, i = Fe(r + je(e), 0, n);
+			return i === r && i === t.scrollLeft ? !1 : (e.preventDefault(), A = i, Re(), !0);
+		}
+		function Ne(e) {
+			B() && j?.handleKeydown(e);
+		}
+		function Pe(e) {
+			let t = f.value, n = e === "vertical" ? m.value : h.value;
+			return !t || !n ? null : {
+				maxScroll: e === "vertical" ? Math.max(0, t.scrollHeight - t.clientHeight) : Math.max(0, t.scrollWidth - t.clientWidth),
+				thumbTravel: e === "vertical" ? Math.max(0, n.clientHeight - b.value) : Math.max(0, n.clientWidth - x.value)
+			};
+		}
+		function Y(e) {
+			let t = f.value;
+			if (!t) return;
+			let n = M || Math.max(0, t.scrollHeight - t.clientHeight);
+			t.scrollTop = Math.min(n, Math.max(0, e)), W(), q();
+		}
+		function Fe(e, t, n) {
+			return Math.min(n, Math.max(t, e));
+		}
+		function X(e) {
+			let t = f.value;
+			if (!t) return;
+			let n = N || Math.max(0, t.scrollWidth - t.clientWidth);
+			t.scrollLeft = Math.min(n, Math.max(0, e)), W(), q();
+		}
+		function Ie() {
+			k = void 0;
+			let e = f.value;
+			if (!e || A === void 0) {
+				A = void 0;
+				return;
+			}
+			let t = A - e.scrollLeft;
+			if (Math.abs(t) < .5) {
+				X(A), A = void 0;
+				return;
+			}
+			X(e.scrollLeft + t * .42), Le();
+		}
+		function Le() {
+			!L() || k !== void 0 || typeof window.requestAnimationFrame != "function" || (k = window.requestAnimationFrame(Ie));
+		}
+		function Re() {
+			if (A !== void 0) {
+				if (!L() || typeof window.requestAnimationFrame != "function" || ue()) {
+					X(A), A = void 0;
+					return;
+				}
+				k === void 0 && Ie();
+			}
+		}
+		function ze(e, t) {
+			if (d.disabled || (e === "vertical" ? !v.value : !y.value) || t.button !== 0 || t.target !== t.currentTarget) return;
+			let n = e === "vertical" ? m.value : h.value, r = Pe(e);
+			if (!n || !r || r.thumbTravel <= 0) return;
+			t.preventDefault(), z();
+			let i = n.getBoundingClientRect(), a = e === "vertical" ? t.clientY - i.top - b.value / 2 : t.clientX - i.left - x.value / 2, o = Math.min(1, Math.max(0, a / r.thumbTravel));
+			if (e === "vertical") {
+				Y(o * r.maxScroll);
+				return;
+			}
+			X(o * r.maxScroll);
+		}
+		function Be() {
+			L() && (window.addEventListener("pointermove", He), window.addEventListener("pointerup", Q), window.addEventListener("pointercancel", Q));
+		}
+		function Z() {
+			L() && (window.removeEventListener("pointermove", He), window.removeEventListener("pointerup", Q), window.removeEventListener("pointercancel", Q));
+		}
+		function Ve(e, t) {
+			if (!(d.disabled || (e === "vertical" ? !v.value : !y.value) || t.button !== 0)) {
+				t.preventDefault(), t.stopPropagation(), z(), pe = e === "vertical" ? t.clientY : t.clientX, me = f.value?.scrollTop ?? 0, he = f.value?.scrollLeft ?? 0, C.value = e, Be();
+				try {
+					t.currentTarget?.setPointerCapture?.(t.pointerId);
+				} catch {}
+			}
+		}
+		function He(e) {
+			let t = C.value;
+			if (!t) return;
+			let n = Pe(t);
+			if (!n || n.thumbTravel <= 0) return;
+			e.preventDefault();
+			let r = ((t === "vertical" ? e.clientY : e.clientX) - pe) * (n.maxScroll / n.thumbTravel);
+			if (t === "vertical") {
+				Y(me + r);
+				return;
+			}
+			X(he + r);
+		}
+		function Q() {
+			C.value && (C.value = null, Z());
+		}
+		function Ue(e) {
+			let t = f.value;
+			if (t) {
+				if (typeof e == "number") {
+					z(), Y(e);
+					return;
+				}
+				z(), t.scrollTo(e), G();
+			}
+		}
+		function We(e) {
+			let t = f.value;
+			if (t) {
+				if (typeof e == "number") {
+					z(), Y(t.scrollTop + e);
+					return;
+				}
+				z(), t.scrollBy(e), G();
+			}
+		}
+		function $() {
+			if (T?.disconnect(), T = void 0, E?.disconnect(), E = void 0, L()) {
+				if (fe.viewport && f.value && typeof MutationObserver < "u" && (E = new MutationObserver(K), E.observe(f.value, {
+					childList: !0,
+					subtree: !0,
+					characterData: !0
+				})), typeof ResizeObserver > "u") {
+					window.addEventListener("resize", K), K();
+					return;
+				}
+				T = new ResizeObserver(K), f.value && T.observe(f.value), p.value && T.observe(p.value), m.value && T.observe(m.value), h.value && T.observe(h.value), K();
+			}
+		}
+		return u(f, () => {
+			z(), Z(), $();
+		}, { flush: "post" }), u(() => [
+			d.height,
+			d.maxHeight,
+			d.minThumbSize,
+			d.overflowTolerance,
+			d.disabled,
+			d.vertical,
+			d.horizontal
+		], K), u(() => [d.disabled, d.smooth], () => {
+			B() || j?.cancel();
+		}, { deep: !0 }), te(() => {
+			j = t({
+				getElement: () => f.value,
+				getOptions: Ae,
+				getAxes: () => ({
+					horizontal: d.horizontal,
+					vertical: d.vertical
+				}),
+				isEnabled: B,
+				prefersReducedMotion: () => ue()
+			}), $();
+		}), ee(() => {
+			De(), Oe(), z(), j = void 0, Z(), T?.disconnect(), T = void 0, E?.disconnect(), E = void 0, L() && window.removeEventListener("resize", K);
+		}), ce({
+			handleWheel: J,
+			scrollBy: We,
+			scrollTo: Ue,
+			stop: z,
+			update: V,
+			get viewport() {
+				return f.value;
+			}
+		}), (e, t) => (ne(), r("div", {
+			class: s(_e.value),
+			style: c(ve.value),
+			onMouseenter: t[4] ||= (e) => S.value = !0,
+			onMouseleave: t[5] ||= (e) => S.value = !1
+		}, [
+			re(e.$slots, "viewport", {
+				viewportRef: we,
+				viewportAttrs: Te
+			}, () => [i("div", {
+				ref_key: "viewportRef",
+				ref: f,
+				class: "bing-scrollbar__viewport",
+				tabindex: Se.value ? 0 : void 0,
+				role: Ce.value ? "region" : void 0,
+				"aria-label": Ce.value,
+				onScroll: Me,
+				onWheel: J,
+				onKeydown: Ne
+			}, [i("div", {
+				ref_key: "contentRef",
+				ref: p,
+				class: "bing-scrollbar__content"
+			}, [re(e.$slots, "default", {}, void 0, !0)], 512)], 40, se)], !0),
+			oe(i("div", {
+				ref_key: "verticalRailRef",
+				ref: m,
+				class: "bing-scrollbar__rail bing-scrollbar__rail--vertical",
+				"aria-hidden": "true",
+				onPointerdown: t[1] ||= (e) => ze("vertical", e)
+			}, [i("div", {
+				ref_key: "verticalThumbRef",
+				ref: g,
+				class: "bing-scrollbar__thumb bing-scrollbar__thumb--vertical",
+				style: c(ye()),
+				onPointerdown: t[0] ||= (e) => Ve("vertical", e)
+			}, null, 36)], 544), [[ae, v.value]]),
+			oe(i("div", {
+				ref_key: "horizontalRailRef",
+				ref: h,
+				class: "bing-scrollbar__rail bing-scrollbar__rail--horizontal",
+				"aria-hidden": "true",
+				onPointerdown: t[3] ||= (e) => ze("horizontal", e)
+			}, [i("div", {
+				ref_key: "horizontalThumbRef",
+				ref: _,
+				class: "bing-scrollbar__thumb bing-scrollbar__thumb--horizontal",
+				style: c(be()),
+				onPointerdown: t[2] ||= (e) => Ve("horizontal", e)
+			}, null, 36)], 544), [[ae, y.value]])
+		], 38));
+	}
+});
+//#endregion
+export { ce as default };

package/dist/components/BingSelect/BingSelect.js

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

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

@@ -18,18 +18,19 @@ type __VLS_Slots = {} & {
     'option-detail'?: (props: typeof __VLS_107) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    clear: () => any;
-    change: (payload: BingSelectChangePayload) => any;
     close: () => any;
-    "update:modelValue": (value: BingSelectModelValue) => any;
     open: () => any;
+    change: (payload: BingSelectChangePayload) => any;
+    clear: () => any;
+    "update:modelValue": (value: BingSelectModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<BingSelectProps> & Readonly<{
-    onClear?: (() => any) | undefined;
-    onChange?: ((payload: BingSelectChangePayload) => any) | undefined;
     onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: BingSelectModelValue) => any) | undefined;
     onOpen?: (() => any) | undefined;
+    onChange?: ((payload: BingSelectChangePayload) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: BingSelectModelValue) => any) | undefined;
 }>, {
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     minWidth: string | number;
     width: string | number;
@@ -41,7 +42,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingSelectProps, {}, {},
     placeholder: string;
     clearable: boolean;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
     glass: boolean;
     glassBlur: string | number;
     glassOpacity: number;