@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingTable/BingTableCellValue.js

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

package/dist/components/BingTable/BingTableCellValue.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import e from "../BingTooltip/BingTooltip.js";
+import { bingTableMeasurementsKey as t, createTableMeasurements as n } from "./BingTable.measurements.js";
+import { createBlock as r, createElementVNode as i, defineComponent as a, inject as o, normalizeClass as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, watch as p, withCtx as m } from "vue";
+//#region src/components/BingTable/BingTableCellValue.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ a({
+	__name: "BingTableCellValue",
+	props: {
+		ellipsis: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let h = a, g = d(null), _ = d(""), v = d(!1), y = o(t, null) ?? n(g), b;
+		function x() {
+			let e = g.value;
+			if (!e) return;
+			let t = !!e.querySelector("button, a[href], input, select, textarea, [role=\"button\"], [role=\"combobox\"], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])");
+			function n(e) {
+				if (e.clientWidth === 0 || e.scrollWidth <= e.clientWidth + 1) return !1;
+				let t = window.getComputedStyle(e);
+				return t.overflowX === "hidden" || t.overflowX === "clip";
+			}
+			let r = h.ellipsis && !t && (n(e) || e.childElementCount > 0 && [...e.querySelectorAll("*")].some(n)) ? (e.innerText || e.textContent || "").trim() : "";
+			return () => {
+				v.value = t, _.value = r;
+			};
+		}
+		function S() {
+			x()?.();
+		}
+		return l(() => {
+			g.value && (b = y.register(g.value, x));
+		}), p(() => h.ellipsis, () => {
+			g.value && y.invalidate(g.value);
+		}), c(() => b?.()), (t, n) => (u(), r(e, {
+			class: "bing-table__cell-value",
+			content: _.value,
+			disabled: a.disabled || !_.value,
+			tabindex: !a.disabled && _.value ? 0 : void 0,
+			"max-width": 420,
+			"open-delay": 180,
+			placement: "top"
+		}, {
+			default: m(() => [i("span", {
+				ref_key: "contentRef",
+				ref: g,
+				class: s(["bing-table__cell-text", {
+					"is-ellipsis": a.ellipsis,
+					"has-controls": v.value
+				}]),
+				onPointerenter: S,
+				onFocusin: S
+			}, [f(t.$slots, "default", {}, void 0, !0)], 34)]),
+			_: 3
+		}, 8, [
+			"content",
+			"disabled",
+			"tabindex"
+		]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/BingTable/BingTableHeaderCell.js

@@ -0,0 +1,5 @@
+import e from "./BingTableHeaderCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BingTable/BingTableHeaderCell.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BingTable/BingTableHeaderCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, ref as a, renderSlot as o } from "vue";
+import { useSortable as s } from "@dnd-kit/vue/sortable";
+//#region src/components/BingTable/BingTableHeaderCell.vue?vue&type=script&setup=true&lang.ts
+var c = ["data-bing-table-sortable-key", "aria-grabbed"], l = /* @__PURE__ */ n({
+	__name: "BingTableHeaderCell",
+	props: {
+		columnKey: {},
+		index: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let l = n, u = a(null), { isDragging: d, isDropping: f, isDragSource: p, isDropTarget: m } = s({
+			id: e(() => l.columnKey),
+			index: e(() => l.index),
+			element: u,
+			handle: u,
+			disabled: e(() => l.disabled),
+			alignment: {
+				x: "start",
+				y: "start"
+			},
+			transition: {
+				duration: 210,
+				easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+				idle: !1
+			}
+		}), h = e(() => d.value || f.value || p.value), g = e(() => ({
+			"is-dnd-sortable": !l.disabled,
+			"is-dnd-dragging": h.value,
+			"is-dnd-drop-target": m.value
+		}));
+		return (e, a) => (i(), t("th", {
+			ref_key: "elementRef",
+			ref: u,
+			class: r(g.value),
+			"data-bing-table-sortable-key": n.columnKey,
+			"aria-grabbed": h.value ? "true" : "false"
+		}, [o(e.$slots, "default")], 10, c));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/BingTable/BingTableHeaderContent.js

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

package/dist/components/BingTable/BingTableHeaderContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,110 @@
+import e from "../BingButton/BingButton.js";
+import { ArrowDown as t, ArrowUp as n, ArrowUpDown as r, CircleHelp as i, GripVertical as a } from "../../icons/icons.js";
+import o from "../BingIcon/BingIcon.js";
+import s from "../BingTooltip/BingTooltip.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+//#region src/components/BingTable/BingTableHeaderContent.vue?vue&type=script&setup=true&lang.ts
+var S = {
+	key: 0,
+	class: "bing-table__drag-mark",
+	"aria-hidden": "true"
+}, C = {
+	key: 1,
+	class: "bing-table__sort-button"
+}, w = { class: "bing-table__header-label" }, T = { class: "bing-table__header-label" }, E = {
+	key: 3,
+	class: "bing-table__header-label"
+}, D = {
+	key: 4,
+	class: "bing-table__header-help"
+}, O = ["aria-label"], k = /* @__PURE__ */ h({
+	__name: "BingTableHeaderContent",
+	props: {
+		column: {},
+		reorderable: { type: Boolean },
+		resizable: { type: Boolean },
+		sortOrder: {},
+		preview: { type: Boolean }
+	},
+	emits: [
+		"sort",
+		"resizeStart",
+		"resizeKeydown"
+	],
+	setup(h, { emit: k }) {
+		let A = h, j = k, M = c(() => A.sortOrder ? A.sortOrder === "asc" ? n : t : r);
+		return (t, n) => (_(), d("div", { class: g(["bing-table__header-content", { "is-sorting": h.sortOrder }]) }, [
+			h.reorderable ? (_(), d("span", S, [m(o, {
+				icon: b(a),
+				size: "xs",
+				"stroke-width": 1.75
+			}, null, 8, ["icon"])])) : u("", !0),
+			h.column.sortable && h.preview ? (_(), d("span", C, [f("span", w, [v(t.$slots, "default", { column: h.column }, () => [p(y(h.column.title || h.column.key), 1)], !0)]), m(o, {
+				icon: M.value,
+				size: "xs",
+				"stroke-width": 1.75
+			}, null, 8, ["icon"])])) : h.column.sortable ? (_(), l(e, {
+				key: 2,
+				variant: "ghost",
+				size: "xs",
+				throttle: !1,
+				class: "bing-table__sort-button",
+				onClick: n[0] ||= (e) => j("sort")
+			}, {
+				suffix: x(() => [m(o, {
+					icon: M.value,
+					size: "xs",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				default: x(() => [f("span", T, [v(t.$slots, "default", { column: h.column }, () => [p(y(h.column.title || h.column.key), 1)], !0)])]),
+				_: 3
+			})) : (_(), d("span", E, [v(t.$slots, "default", { column: h.column }, () => [p(y(h.column.title || h.column.key), 1)], !0)])),
+			h.column.description && h.preview ? (_(), d("span", D, [m(o, {
+				icon: b(i),
+				size: "xs",
+				"stroke-width": 1.75
+			}, null, 8, ["icon"])])) : h.column.description ? (_(), l(s, {
+				key: 5,
+				content: h.column.description,
+				trigger: "click",
+				placement: "top",
+				align: "center",
+				"open-delay": 0,
+				"close-delay": 80,
+				"max-width": 260,
+				"aria-label": `列说明： ${h.column.title || h.column.key}`
+			}, {
+				default: x(() => [m(e, {
+					variant: "ghost",
+					size: "xs",
+					rounded: "full",
+					throttle: !1,
+					class: "bing-table__header-help",
+					"aria-label": `查看列说明： ${h.column.title || h.column.key}`,
+					"data-bing-table-dnd-ignore": ""
+				}, {
+					prefix: x(() => [m(o, {
+						icon: b(i),
+						size: "xs",
+						"stroke-width": 1.75
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["aria-label"])]),
+				_: 1
+			}, 8, ["content", "aria-label"])) : u("", !0),
+			h.resizable && !h.preview ? (_(), d("button", {
+				key: 6,
+				type: "button",
+				class: "bing-table__resize-handle",
+				"aria-label": `调整列宽： ${h.column.title || h.column.key}`,
+				role: "separator",
+				"aria-orientation": "vertical",
+				"data-bing-table-dnd-ignore": "",
+				onPointerdown: n[1] ||= (e) => j("resizeStart", e),
+				onKeydown: n[2] ||= (e) => j("resizeKeydown", e)
+			}, null, 40, O)) : u("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/BingTable/useTableColumns.js

@@ -0,0 +1,126 @@
+import { computed as e, ref as t } from "vue";
+//#region src/components/BingTable/useTableColumns.ts
+function n(e, t) {
+	return !!(e && Object.prototype.hasOwnProperty.call(e, t));
+}
+function r(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function i(i, a) {
+	let o = t({ ...i.defaultColumnWidths }), s = t(i.defaultColumnOrder.length ? [...i.defaultColumnOrder] : i.columns.map((e) => e.key)), c = t([...new Set([...i.defaultHiddenColumnKeys, ...i.columns.filter((e) => e.hidden).map((e) => e.key)])]), l = t({ ...i.defaultColumnFixed }), u = e(() => i.columns.map((e) => ({
+		...e,
+		dataKey: e.dataKey ?? e.key
+	}))), d = e(() => b(i.columnOrder ?? s.value)), f = e(() => {
+		let e = new Map(u.value.map((e) => [e.key, e]));
+		return d.value.map((t) => e.get(t)).filter((e) => !!e);
+	}), p = e(() => {
+		let e = i.hiddenColumnKeys ?? c.value;
+		return new Set(e);
+	}), m = e(() => f.value.filter((e) => !p.value.has(e.key)));
+	function h(e) {
+		return n(i.columnFixed, e.key) ? i.columnFixed?.[e.key] ?? null : n(l.value, e.key) ? l.value[e.key] ?? null : e.fixed ?? null;
+	}
+	function g(e) {
+		return u.value.find((t) => t.key === e);
+	}
+	function _(e, t = i.columnFixed ?? l.value) {
+		return n(t, e) ? t[e] ?? null : g(e)?.fixed ?? null;
+	}
+	function v(e) {
+		i.columnFixed === void 0 && (l.value = e), a("update:columnFixed", e);
+	}
+	function y(e) {
+		let t = new Set(u.value.map((e) => e.key)), n = e.filter((e, n, r) => t.has(e) && r.indexOf(e) === n), r = u.value.map((e) => e.key).filter((e) => !n.includes(e));
+		return [...n, ...r];
+	}
+	function b(e, t = i.columnFixed ?? l.value) {
+		let n = y(e), r = n.filter((e) => _(e, t) === "left"), a = n.filter((e) => !_(e, t)), o = n.filter((e) => _(e, t) === "right");
+		return [
+			...r,
+			...a,
+			...o
+		];
+	}
+	function x(e) {
+		i.columnOrder === void 0 && (s.value = e), a("update:columnOrder", e);
+	}
+	function S(e, t) {
+		if (e === t) return;
+		let n = d.value, r = n.indexOf(e), i = n.indexOf(t);
+		if (r < 0 || i < 0) return;
+		let o = [...n], [s] = o.splice(r, 1);
+		if (!s) return;
+		o.splice(i, 0, s);
+		let c = b(o), l = c.indexOf(e);
+		x(c), a("column-reorder", {
+			key: e,
+			from: r,
+			to: l,
+			order: c
+		});
+	}
+	function C(e, t, n, r) {
+		let i = b(e.map((e) => String(e))), o = i.indexOf(String(t));
+		x(i), a("column-reorder", {
+			key: String(t),
+			from: n,
+			to: o === -1 ? r : o,
+			order: i
+		});
+	}
+	function w(e, t) {
+		let n = i.hiddenColumnKeys ?? c.value, r = t ? n.filter((t) => t !== e) : [...n, e].filter((e, t, n) => n.indexOf(e) === t);
+		f.value.filter((e) => !r.includes(e.key)).length !== 0 && (i.hiddenColumnKeys === void 0 && (c.value = r), a("update:hiddenColumnKeys", r), a("column-visibility-change", {
+			key: e,
+			hidden: !t,
+			hiddenColumnKeys: r
+		}));
+	}
+	function T(e, t) {
+		let n = i.columnFixed ?? l.value, o = d.value, s = {
+			...n,
+			[e]: t
+		}, c = b(o, s);
+		v(s), r(o, c) || x(c), a("column-fixed-change", {
+			key: e,
+			fixed: t,
+			columnFixed: s
+		});
+	}
+	function E() {
+		let e = { ...i.defaultColumnWidths }, t = i.defaultColumnOrder.length ? [...i.defaultColumnOrder] : i.columns.map((e) => e.key), n = [...new Set([...i.defaultHiddenColumnKeys, ...i.columns.filter((e) => e.hidden).map((e) => e.key)])], r = { ...i.defaultColumnFixed };
+		o.value = e, s.value = t, c.value = n, l.value = r, a("update:columnWidths", e), a("update:columnOrder", t), a("update:hiddenColumnKeys", n), a("update:columnFixed", r);
+	}
+	function D(e) {
+		i.columnWidths === void 0 && (o.value = e), a("update:columnWidths", e);
+	}
+	function O(e) {
+		i.hiddenColumnKeys === void 0 && (c.value = e), a("update:hiddenColumnKeys", e);
+	}
+	function k(e) {
+		return p.value.has(e);
+	}
+	return {
+		localColumnWidths: o,
+		localColumnFixed: l,
+		allColumns: u,
+		getColumnByKey: g,
+		effectiveColumnOrder: d,
+		orderedColumns: f,
+		effectiveHiddenColumnKeySet: p,
+		visibleColumns: m,
+		getColumnFixed: h,
+		isColumnHidden: k,
+		applyColumnFixed: v,
+		applyColumnOrderValue: x,
+		applyColumnWidthsValue: D,
+		applyHiddenColumnKeys: O,
+		reorderColumns: S,
+		applyColumnOrder: C,
+		toggleColumnVisibility: w,
+		setColumnFixed: T,
+		resetColumns: E
+	};
+}
+//#endregion
+export { i as useTableColumns };

package/dist/components/BingTableColumnControls/BingTableColumnControls.js

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

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

@@ -23,11 +23,11 @@ declare const __VLS_export: import('vue').DefineComponent<BingTableColumnControl
     "onColumn-visibility-change"?: ((payload: import('..').BingTableColumnVisibilityPayload) => any) | undefined;
     "onColumn-fixed-change"?: ((payload: import('..').BingTableColumnFixedPayload) => any) | undefined;
 }>, {
+    open: boolean;
     disabled: boolean;
     columns: import('..').BingTableColumn[];
     placement: import('..').BingDropDownPlacement;
     ariaLabel: string;
-    open: boolean;
     smoothScroll: import('../..').SmoothScrollValue;
     defaultColumnWidths: Record<string, number>;
     defaultColumnOrder: string[];

package/dist/components/BingTableColumnControls/BingTableColumnControls.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,251 @@
+import e from "../BingButton/BingButton.js";
+import { Columns3 as t, GripVertical as n, Pin as r } from "../../icons/icons.js";
+import i from "../BingIcon/BingIcon.js";
+import { compactSmoothScrollOptions as a, resolveComponentSmoothScroll as o } from "../../motion/smoothScroll.js";
+import s from "../BingScrollbar/BingScrollbar.js";
+import c from "../BingCheckbox/BingCheckbox.js";
+import l from "../BingDropDown/BingDropDown.js";
+import u from "../BingSortableList/BingSortableList.js";
+import { useTableColumns as d } from "../BingTable/useTableColumns.js";
+import { computed as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
+//#region src/components/BingTableColumnControls/BingTableColumnControls.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "bing-table__column-controls" }, O = { class: "bing-table__column-panel-head" }, k = ["aria-label"], A = { class: "bing-table__column-meta" }, j = { class: "bing-table__column-name" }, M = {
+	key: 0,
+	class: "bing-table__column-desc"
+}, N = {
+	class: "bing-table__pin-actions",
+	"aria-label": "固定列设置"
+}, P = /* @__PURE__ */ v({
+	__name: "BingTableColumnControls",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom-start" },
+		ariaLabel: { default: "列设置" },
+		columns: { default: () => [] },
+		columnWidths: { default: void 0 },
+		defaultColumnWidths: { default: () => ({}) },
+		columnOrder: { default: void 0 },
+		defaultColumnOrder: { default: () => [] },
+		hiddenColumnKeys: { default: void 0 },
+		defaultHiddenColumnKeys: { default: () => [] },
+		columnFixed: { default: void 0 },
+		defaultColumnFixed: { default: () => ({}) },
+		reorderableColumns: {
+			type: Boolean,
+			default: !0
+		},
+		smoothScroll: {
+			type: [Boolean, Object],
+			default: !0
+		}
+	},
+	emits: [
+		"update:open",
+		"drag-start",
+		"drag-end",
+		"update:columnWidths",
+		"update:columnOrder",
+		"update:hiddenColumnKeys",
+		"update:columnFixed",
+		"column-reorder",
+		"column-visibility-change",
+		"column-fixed-change"
+	],
+	setup(v, { expose: P, emit: F }) {
+		let I = v, L = F, { orderedColumns: R, visibleColumns: z, effectiveColumnOrder: B, getColumnFixed: V, isColumnHidden: H, applyColumnOrder: U, toggleColumnVisibility: W, setColumnFixed: G, resetColumns: K } = d(I, L), q = S(I.defaultOpen), J = S(!1), Y = f({
+			get: () => I.open === void 0 ? q.value : I.open,
+			set: (e) => {
+				I.disabled && e || (I.open === void 0 && (q.value = e), L("update:open", e));
+			}
+		}), X = S(null), Z = f(() => o(I.smoothScroll, a, {
+			keyboard: !1,
+			smoothTouchpad: !1,
+			respectReducedMotion: !0
+		}));
+		function Q(e) {
+			U(e.order, e.key, e.from, e.to);
+		}
+		function $(e) {
+			X.value?.stop(), J.value = !0, L("drag-start", e);
+		}
+		function ee(e) {
+			J.value = !1, L("drag-end", e);
+		}
+		return T(Y, (e) => {
+			e || X.value?.stop();
+		}), T(() => I.disabled, (e) => {
+			e && (Y.value = !1);
+		}), P({ resetColumns: K }), (a, o) => (x(), m("div", D, [_(l, {
+			open: Y.value,
+			"onUpdate:open": o[0] ||= (e) => Y.value = e,
+			class: "bing-table__column-dropdown",
+			placement: v.placement,
+			width: 360,
+			"max-width": "calc(100vw - 24px)",
+			"panel-class": "bing-table__column-panel-shell",
+			"aria-label": v.ariaLabel
+		}, {
+			trigger: E(({ triggerProps: n }) => [_(e, y({
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1
+			}, n, {
+				class: ["bing-table__icon-button", { "is-active": Y.value }],
+				disabled: v.disabled,
+				"aria-label": v.ariaLabel
+			}), {
+				prefix: E(() => [_(i, {
+					icon: w(t),
+					size: "sm",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			}, 16, [
+				"disabled",
+				"class",
+				"aria-label"
+			])]),
+			header: E(() => [h("div", O, [h("span", null, C(v.ariaLabel), 1), _(e, {
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-table__text-button",
+				disabled: v.disabled,
+				onClick: w(K)
+			}, {
+				default: E(() => [...o[1] ||= [g(" 重置 ", -1)]]),
+				_: 1
+			}, 8, ["disabled", "onClick"])])]),
+			default: E(() => [h("div", {
+				class: b(["bing-table__column-panel", { "is-reordering": J.value }]),
+				role: "group",
+				"aria-label": v.ariaLabel
+			}, [_(s, {
+				ref_key: "columnListScrollRef",
+				ref: X,
+				class: "bing-table__column-list-scroll",
+				"max-height": 330,
+				smooth: Z.value,
+				focusable: !1,
+				"aria-label": "列设置列表"
+			}, {
+				default: E(() => [_(u, {
+					class: "bing-table__column-list",
+					items: w(R),
+					order: w(B),
+					"item-key": "key",
+					disabled: v.disabled || !v.reorderableColumns,
+					axis: "vertical",
+					"drag-overlay": "",
+					"aria-label": "列顺序",
+					"handle-aria-label": "调整列顺序",
+					onReorder: Q,
+					onDragStart: $,
+					onDragEnd: ee
+				}, {
+					default: E(({ item: t, handleProps: a }) => [h("div", {
+						class: b(["bing-table__column-option", {
+							"is-hidden": w(H)(t.key),
+							"is-fixed-left": w(V)(t) === "left",
+							"is-fixed-right": w(V)(t) === "right"
+						}]),
+						"data-bing-dropdown-stagger": ""
+					}, [
+						h("span", y(a, { class: "bing-table__column-grip" }), [_(i, {
+							icon: w(n),
+							size: "xs",
+							"stroke-width": 1.75
+						}, null, 8, ["icon"])], 16),
+						_(c, {
+							class: "bing-table__column-check",
+							size: "sm",
+							"model-value": !w(H)(t.key),
+							disabled: v.disabled || !w(H)(t.key) && w(z).length === 1,
+							"aria-label": `显示列：${t.title || t.key}`,
+							onChange: (e) => w(W)(t.key, e)
+						}, null, 8, [
+							"model-value",
+							"disabled",
+							"aria-label",
+							"onChange"
+						]),
+						h("div", A, [h("span", j, C(t.title || t.key), 1), t.description ? (x(), m("span", M, C(t.description), 1)) : p("", !0)]),
+						h("div", N, [_(e, {
+							size: "xs",
+							rounded: "sm",
+							variant: w(V)(t) === "left" ? "secondary" : "ghost",
+							throttle: !1,
+							disabled: v.disabled,
+							class: b(["bing-table__pin-button bing-table__pin-button--left", { "is-active": w(V)(t) === "left" }]),
+							"aria-pressed": w(V)(t) === "left",
+							"aria-label": "固定到左侧",
+							onClick: (e) => w(G)(t.key, w(V)(t) === "left" ? null : "left")
+						}, {
+							prefix: E(() => [_(i, {
+								icon: w(r),
+								size: "xs",
+								"stroke-width": 1.75
+							}, null, 8, ["icon"])]),
+							_: 1
+						}, 8, [
+							"variant",
+							"disabled",
+							"class",
+							"aria-pressed",
+							"onClick"
+						]), _(e, {
+							size: "xs",
+							rounded: "sm",
+							variant: w(V)(t) === "right" ? "secondary" : "ghost",
+							throttle: !1,
+							disabled: v.disabled,
+							class: b(["bing-table__pin-button bing-table__pin-button--right", { "is-active": w(V)(t) === "right" }]),
+							"aria-pressed": w(V)(t) === "right",
+							"aria-label": "固定到右侧",
+							onClick: (e) => w(G)(t.key, w(V)(t) === "right" ? null : "right")
+						}, {
+							prefix: E(() => [_(i, {
+								icon: w(r),
+								size: "xs",
+								"stroke-width": 1.75
+							}, null, 8, ["icon"])]),
+							_: 1
+						}, 8, [
+							"variant",
+							"disabled",
+							"class",
+							"aria-pressed",
+							"onClick"
+						])])
+					], 2)]),
+					_: 1
+				}, 8, [
+					"items",
+					"order",
+					"disabled"
+				])]),
+				_: 1
+			}, 8, ["smooth"])], 10, k)]),
+			_: 1
+		}, 8, [
+			"open",
+			"placement",
+			"aria-label"
+		])]));
+	}
+});
+//#endregion
+export { P as default };

package/dist/components/BingTabs/BingTabs.js

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

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

@@ -8,20 +8,19 @@ type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (payload: BingTabsChangePayload) => any;
     blur: (payload: BingTabsFocusPayload) => any;
     focus: (payload: BingTabsFocusPayload) => any;
+    change: (payload: BingTabsChangePayload) => any;
     "update:modelValue": (value: BingTabValue) => any;
 }, string, import('vue').PublicProps, Readonly<BingTabsProps> & Readonly<{
-    onChange?: ((payload: BingTabsChangePayload) => any) | undefined;
     onBlur?: ((payload: BingTabsFocusPayload) => any) | undefined;
     onFocus?: ((payload: BingTabsFocusPayload) => any) | undefined;
+    onChange?: ((payload: BingTabsChangePayload) => any) | undefined;
     "onUpdate:modelValue"?: ((value: BingTabValue) => any) | undefined;
 }>, {
     disabled: boolean;
     items: BingTabItem[];
     variant: import('./BingTabs.types').BingTabsVariant;
-    size: import('./BingTabs.types').BingTabsSize;
     block: boolean;
     ariaLabel: string;
     modelValue: BingTabValue;