@guodun/antdv 1.0.0

package/dist/es/components/role-selector/src/role.mjs

@@ -0,0 +1,190 @@
+import { useNamespace as e } from "../../../hooks/use-namespace/index.mjs";
+import t from "../../pro-modal/index.mjs";
+import n from "../../icon/index.mjs";
+import { GTE_OPTIONS_URL as r, roleSelectorEmits as i, roleSelectorProps as a } from "./types.mjs";
+import o from "../../pro-dynamic-tags/index.mjs";
+import { computed as s, createVNode as c, defineComponent as l, isVNode as u, ref as d, watch as f } from "vue";
+import { Checkbox as p, CheckboxGroup as m, Empty as h, FormItemRest as g, InputSearch as _, Radio as v, RadioGroup as y, message as b } from "ant-design-vue";
+//#region src/components/role-selector/src/role.tsx
+function x(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
+}
+var S = e("role-selector"), C = /* @__PURE__ */ l({
+	name: "KRoleSelector",
+	props: a,
+	emits: i,
+	setup(e, { emit: i, attrs: a, slots: l }) {
+		let u = d([]), C = d(""), w = d([]), T = d([]), E = d([]), D = d(""), O = d(!1), k = d(e.options || []);
+		if (e.isBuiltInRequest) {
+			if (!e.http) throw Error("请传入http实例");
+			e.http.get(`${e.prefix}${r}`).then((e) => {
+				e.status === 0 && (w.value = e.data.list.map((e) => ({
+					label: e.roleName,
+					value: e.roleKey
+				})), k.value = w.value, E.value = P(E.value), N(), A());
+			}).catch((e) => {
+				console.log(e);
+			});
+		}
+		let A = () => {
+			if (!O.value) {
+				D.value = "";
+				let e = [];
+				k.value.forEach((t) => {
+					Array.isArray(u.value) ? u.value.includes(t.value) && e.push(t.label) : u.value === t.value && e.push(t.label);
+				}), D.value = e.join(",");
+			}
+		}, j = () => {
+			let e = [];
+			if (Array.isArray(u.value)) u.value.forEach((t) => {
+				let n = w.value.find((e) => e.value === t);
+				n && e.push(n);
+			});
+			else {
+				let t = w.value.find((e) => e.value === u.value);
+				t && e.push(t);
+			}
+			T.value = e;
+		}, M = (e) => typeof e == "object" && !!e && "value" in e && e.value !== void 0 && e.value !== null, N = () => {
+			Array.isArray(e.modelValue) ? u.value = e.modelValue.map((e) => e.value) : e.type === "radio" ? M(e.modelValue) ? u.value = e.modelValue.value : u.value = "" : u.value = e.modelValue?.value || "";
+		}, P = (e) => e.length ? k.value.length === 0 ? e : e.map((e) => {
+			let t = k.value.find((t) => t.value === e.value);
+			return t ? {
+				...e,
+				label: t.label
+			} : e;
+		}) : [];
+		f(() => e.visible, (e) => {
+			N();
+		}), f(() => e.modelValue, (e) => {
+			if (O.value) O.value = !1;
+			else {
+				N(), k.value.length > 0 && A();
+				let t = [];
+				Array.isArray(e) ? t = [...e] : M(e) && (t = [e]), E.value = P(t);
+			}
+		}, {
+			deep: !0,
+			immediate: !0
+		}), f(() => e.options, (t) => {
+			e.isBuiltInRequest || (k.value = t || [], w.value = t || [], E.value = P(E.value), A(), j());
+		}, {
+			deep: !0,
+			immediate: !0
+		}), f(u, () => {
+			j();
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		let F = (e) => {
+			e ? w.value = w.value.filter((t) => t.label?.includes(e)) : w.value = [...k.value];
+		}, I = () => {
+			i("update:visible", !1), i("cancel");
+		}, L = () => {
+			if (e.type === "radio" && !u.value) {
+				b.warn("请选择角色");
+				return;
+			}
+			if (Array.isArray(u.value) && u.value.length === 0) {
+				b.warn("请选择角色");
+				return;
+			}
+			E.value = [...T.value], Array.isArray(u.value) ? (D.value = T.value.map((e) => e.label).join(","), i("update:modelValue", T.value)) : (D.value = T.value[0]?.label || "", i("update:modelValue", T.value[0] || null)), O.value = !0, i("update:visible", !1), i("confirm", T.value);
+		}, R = (e) => {
+			Array.isArray(u.value) ? u.value = u.value.filter((t) => t !== e.value) : u.value = "";
+		}, z = s(() => E.value.map((e) => ({
+			label: e.label,
+			value: e.value,
+			closable: !0
+		}))), B = (e, t) => {
+			let n = E.value[t];
+			if (n) if (E.value = E.value.filter((e, n) => n !== t), R(n), Array.isArray(u.value)) {
+				let e = E.value;
+				D.value = e.map((e) => e.label).join(","), i("update:modelValue", e);
+			} else D.value = E.value[0]?.label || "", i("update:modelValue", E.value[0] || null);
+		}, V = () => {
+			i("update:visible", !0);
+		}, H = (e, t) => c("div", { class: [S.e("role-item"), t && S.is("active")] }, [c("div", { class: S.e("role-item-label") }, [c(n, {
+			name: "a-jiaoseguanli2",
+			size: 18,
+			color: "#606266"
+		}, null), c("span", { class: S.e("label") }, [e.label], 2)], 2), c("div", {
+			class: S.e("role-item-del"),
+			onClick: () => R(e)
+		}, [t && c(n, {
+			name: "shanchu",
+			size: 18,
+			color: "#606266"
+		}, null)], 10, ["onClick"])], 2), U = () => c("div", { class: S.b("left") }, [c(_, {
+			allowClear: !0,
+			placeholder: "请输入角色名称",
+			value: C.value,
+			"onUpdate:value": (e) => C.value = e,
+			onSearch: F
+		}, null, 8, [
+			"allowClear",
+			"value",
+			"onUpdate:value",
+			"onSearch"
+		]), c("div", { class: S.e("role-list") }, [w.value.length === 0 && c(h, {
+			description: "暂无数据",
+			image: h.PRESENTED_IMAGE_SIMPLE
+		}, null, 8, ["image"]), e.type === "radio" ? c(y, {
+			value: u.value,
+			"onUpdate:value": (e) => u.value = e
+		}, { default: () => [c("div", { style: "width: 100%;" }, [w.value.map((e, t) => {
+			let n;
+			return c("div", { key: t }, [c(v, { value: e.value }, x(n = H(e)) ? n : {
+				default: () => [n],
+				_: 1
+			}, 8, ["value"])]);
+		})])] }, 8, ["value", "onUpdate:value"]) : c(m, {
+			value: u.value,
+			"onUpdate:value": (e) => u.value = e
+		}, { default: () => [c("div", { style: "width: 100%;" }, [w.value.map((e, t) => {
+			let n;
+			return c("div", { key: t }, [c(p, { value: e.value }, x(n = H(e)) ? n : {
+				default: () => [n],
+				_: 1
+			}, 8, ["value"])]);
+		})])] }, 8, ["value", "onUpdate:value"])], 2)], 2), W = () => c("div", { class: S.b("right") }, [T.value.map((e, t) => c("div", { key: t }, [H(e, !0)])), T.value.length === 0 && c(h, {
+			description: "暂无数据",
+			image: h.PRESENTED_IMAGE_SIMPLE
+		}, null, 8, ["image"])], 2), G = () => c("div", null, [c(t, {
+			modelValue: e.visible,
+			title: "选择角色",
+			modalProps: {
+				cancelText: "取消",
+				okText: "确定",
+				width: "700px",
+				...a
+			},
+			onOnCancel: () => I(),
+			onOnConfirm: () => L()
+		}, { default: () => [c("div", { class: S.b("modal") }, [U(), W()], 2)] }, 8, [
+			"modelValue",
+			"modalProps",
+			"onOnCancel",
+			"onOnConfirm"
+		])]);
+		return () => c(g, null, { default: () => [c("div", { class: S.b() }, [e.hideSlot ? null : l.default ? l.default() : c(o, {
+			modelValue: z.value,
+			showAdd: !0,
+			addText: "选择角色",
+			closable: !0,
+			onClose: B,
+			onAdd: V,
+			customStyle: {
+				width: "100%",
+				minHeight: "30px"
+			}
+		}, null, 8, [
+			"modelValue",
+			"onClose",
+			"onAdd"
+		]), G()], 2)] });
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/role-selector/src/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../../base/style/index.mjs";
+/* empty css                                    */

package/dist/es/components/role-selector/src/types.mjs

@@ -0,0 +1,36 @@
+//#region src/components/role-selector/src/types.ts
+var e = {
+	visible: Boolean,
+	modelValue: {
+		type: [Array, Object],
+		default: () => []
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	isBuiltInRequest: {
+		type: Boolean,
+		default: !1
+	},
+	http: {
+		type: [Object, Function],
+		default: () => {}
+	},
+	prefix: String,
+	hideSlot: {
+		type: Boolean,
+		default: !1
+	}
+}, t = "/security/company/role/page?pageNum=1&pageSize=1000", n = {
+	"update:visible": (e) => !0,
+	"update:modelValue": (e) => !0,
+	confirm: (e) => !0,
+	cancel: () => !0
+};
+//#endregion
+export { t as GTE_OPTIONS_URL, n as roleSelectorEmits, e as roleSelectorProps };

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.mjs

@@ -0,0 +1,5 @@
+import e from "./scale-virtual-list.vue.mjs";
+//#region src/components/scale-virtual-list/component/scale-virtual-list.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.vue.mjs

@@ -0,0 +1,37 @@
+import { defaultNamespace as e } from "../../../hooks/use-namespace/index.mjs";
+import { useVirtualList as t } from "../hooks/useVirtualList.mjs";
+import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toRefs as m, unref as h } from "vue";
+import { useElementBounding as g } from "@vueuse/core";
+//#region src/components/scale-virtual-list/component/scale-virtual-list.vue?vue&type=script&setup=true&lang.ts
+var _ = /* @__PURE__ */ o({
+	__name: "scale-virtual-list",
+	props: {
+		list: {},
+		option: {},
+		itemClassName: { default: `${e}-scale-virtual-item` }
+	},
+	emits: ["update:state"],
+	setup(o, { expose: _, emit: v }) {
+		let y = o, b = v, x = d(null), { width: S } = g(x), C = r(() => ({ width: `${S.value}px` })), { list: w } = m(y), { list: T, containerProps: E, wrapperProps: D, scrollTo: O, scaleTo: k, state: A, onUpdate: j } = t(w, y.option);
+		return _({
+			scrollTo: O,
+			scaleTo: k,
+			state: A
+		}), j((e) => b("update:state", e)), (t, r) => (u(), i("div", s({ class: `${h(e)}-scale-virtual-list` }, h(E)), [a("div", {
+			class: c(`${h(e)}-scale-virtual-list-container`),
+			style: l(C.value)
+		}, [a("div", s(h(D), {
+			ref_key: "wrapperRef",
+			ref: x,
+			class: `${h(e)}-scale-vittual-wrapper`
+		}), [(u(!0), i(n, null, f(h(T), (e) => (u(), i("div", {
+			key: e.index,
+			class: c(o.itemClassName)
+		}, [p(t.$slots, "default", {
+			item: e,
+			index: e.index
+		})], 2))), 128))], 16)], 6)], 16));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/es/components/scale-virtual-list/hooks/useVirtualList.mjs

@@ -0,0 +1,170 @@
+import { computed as e, ref as t, shallowRef as n, watch as r } from "vue";
+import { useElementSize as i } from "@vueuse/core";
+import { createEventHook as a } from "@vueuse/shared";
+//#region src/components/scale-virtual-list/hooks/useVirtualList.ts
+function o(e, t) {
+	let { containerStyle: n, wrapperProps: r, scrollTo: i, calculateRange: a, currentList: o, containerRef: s, scaleTo: c, state: l, onUpdate: u } = "itemHeight" in t ? _(t, e) : g(t, e);
+	return {
+		onUpdate: u,
+		state: l,
+		scaleTo: c,
+		list: o,
+		scrollTo: i,
+		containerProps: {
+			ref: s,
+			onScroll: () => {
+				a();
+			},
+			style: n
+		},
+		wrapperProps: r
+	};
+}
+function s(e) {
+	let r = t(null), a = i(r), o = t([]), s = n(e);
+	return {
+		state: t({
+			start: 0,
+			end: 10,
+			current: 0,
+			scale: 1
+		}),
+		source: s,
+		currentList: o,
+		size: a,
+		containerRef: r
+	};
+}
+function c(e, t, n) {
+	return (r) => {
+		let { start: i = 0, scale: a = 1 } = e.value;
+		if (typeof n == "number") return Math.ceil(r / (n * a));
+		let o = 0, s = 0;
+		for (let e = i; e < t.value.length; e++) {
+			let t = n(e) * a;
+			if (o += t, s = e, o > r) break;
+		}
+		return s - i;
+	};
+}
+function l(e, t, n) {
+	return (r) => {
+		let { scale: i = 1 } = n.value;
+		if (typeof t == "number") return Math.floor(r / (t * i)) + 1;
+		let a = 0, o = 0;
+		for (let n = 0; n < e.value.length; n++) {
+			let e = t(n) * i;
+			if (a += e, a > r) {
+				o = n;
+				break;
+			}
+		}
+		return o + 1;
+	};
+}
+function u(e, t, n, r, { containerRef: i, state: a, currentList: o, source: s }, c) {
+	return () => {
+		let l = i.value;
+		if (l) {
+			let i = n(e === "vertical" ? Math.ceil(l.scrollTop) + 1 : Math.ceil(l.scrollLeft)), u = r(e === "vertical" ? l.clientHeight : l.clientWidth), d = i - t, f = i + u + t;
+			a.value = {
+				start: d < 0 ? 0 : d,
+				end: f > s.value.length ? s.value.length : f,
+				current: i - 1,
+				scale: a.value.scale
+			}, o.value = s.value.slice(a.value.start, a.value.end).map((e, t) => ({
+				data: e,
+				index: t + a.value.start
+			})), c(a.value);
+		}
+	};
+}
+function d(e, t, n) {
+	return (r) => {
+		let { scale: i = 1 } = n.value;
+		if (typeof e == "number") {
+			let t = e * i * r;
+			return Math.ceil(t);
+		}
+		let a = t.value.slice(0, r).reduce((t, n, r) => t + e(r) * i, 0);
+		return Math.ceil(a);
+	};
+}
+function f(e, t, n, i) {
+	r([
+		e.width,
+		e.height,
+		t,
+		n
+	], () => {
+		i();
+	});
+}
+function p(t, n, r) {
+	return e(() => {
+		let { scale: e = 1 } = r.value;
+		return typeof t == "number" ? n.value.length * t * e : n.value.reduce((n, r, i) => n + t(i) * e, 0);
+	});
+}
+var m = {
+	horizontal: "scrollLeft",
+	vertical: "scrollTop"
+};
+function h(e, t, n, r) {
+	return (i) => {
+		if (r.value) {
+			if (i < 0) return;
+			r.value[m[e]] = n(i), t();
+		}
+	};
+}
+function g(t, n) {
+	let { on: r, trigger: i } = a(), o = s(n), { state: m, source: g, currentList: _, size: v, containerRef: y } = o, b = { overflowX: "auto" }, { itemWidth: x, overscan: S = 5 } = t, C = c(m, g, x), w = u("horizontal", S, l(g, x, m), C, o, i), T = d(x, g, m), E = e(() => T(m.value.start)), D = p(x, g, m);
+	return f(v, n, y, w), {
+		onUpdate: r,
+		state: m,
+		scaleTo: (e) => {
+			m.value.scale = e;
+		},
+		scrollTo: h("horizontal", w, T, y),
+		calculateRange: w,
+		wrapperProps: e(() => ({ style: {
+			height: "100%",
+			width: `${D.value - E.value}px`,
+			marginLeft: `${E.value}px`,
+			display: "flex",
+			transform: `scale(${m.value.scale})`,
+			transformOrigin: "0% 0%"
+		} })),
+		containerStyle: b,
+		currentList: _,
+		containerRef: y
+	};
+}
+function _(t, n) {
+	let { on: r, trigger: i } = a(), o = s(n), { state: m, source: g, currentList: _, size: v, containerRef: y } = o, b = { overflowY: "auto" }, { itemHeight: x, overscan: S = 5 } = t, C = c(m, g, x), w = u("vertical", S, l(g, x, m), C, o, i), T = d(x, g, m), E = e(() => T(m.value.start)), D = p(x, g, m);
+	return f(v, n, y, w), {
+		onUpdate: r,
+		state: m,
+		scaleTo: (e) => {
+			let t = y.value;
+			if (t) {
+				let { current: n } = m.value, r = 0;
+				r = typeof x == "number" ? n * (e * x - m.value.scale * x) : g.value.slice(0, n).reduce((t, n, r) => t + e * x(r) - m.value.scale * x(r), 0), t.scrollTop = t.scrollTop + r >= 0 ? t.scrollTop + r : 0, m.value.scale = e;
+			}
+		},
+		calculateRange: w,
+		scrollTo: h("vertical", w, T, y),
+		containerStyle: b,
+		wrapperProps: e(() => ({ style: {
+			height: `${D.value - E.value}px`,
+			marginTop: `${E.value}px`,
+			transform: `translateX(-50%) scale(${m.value.scale})`,
+			transformOrigin: "50% 0%"
+		} })),
+		currentList: _,
+		containerRef: y
+	};
+}
+//#endregion
+export { o as useVirtualList };

package/dist/es/components/scale-virtual-list/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../utils/install.mjs";
+import t from "./component/scale-virtual-list.mjs";
+import "./style/index.mjs";
+//#region src/components/scale-virtual-list/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/scale-virtual-list/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+/* empty css                                      */

package/dist/es/components/scroll-bar/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as e } from "../utils/install.mjs";
+import "./src/types.mjs";
+import t from "./src/scroll-bar.mjs";
+import "./style/index.mjs";
+//#region src/components/scroll-bar/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/scroll-bar/src/scroll-bar.mjs

@@ -0,0 +1,182 @@
+import { defaultNamespace as e } from "../../../hooks/use-namespace/index.mjs";
+import { scrollbarProps as t } from "./types.mjs";
+import { computed as n, createVNode as r, defineComponent as i, mergeProps as a, onMounted as o, ref as s } from "vue";
+import { useResizeObserver as c } from "@vueuse/core";
+import { off as l, on as u } from "evtd";
+//#region src/components/scroll-bar/src/scroll-bar.tsx
+var d = /* @__PURE__ */ i({
+	name: "KScrollbar",
+	props: t,
+	inheritAttrs: !1,
+	setup(e) {
+		o(() => {
+			e.container || X();
+		});
+		let t = s(null), r = s(null), i = s(null), a = s(null), d = s(null), f = s(null), p = s(null), m = s(null), h = s(null), g = s(null), _ = n(() => e.content?.() || t.value), v = n(() => e.container?.() || r.value), y = s(0), b = s(0);
+		c(t, () => {
+			X();
+		}), c(r, () => {
+			X();
+		});
+		let x = n(() => {
+			let { value: e } = p, { value: t } = d;
+			return e !== null && t !== null && t > e;
+		}), S = s(!1), C = n(() => {
+			let { trigger: t } = e;
+			return t !== "none" && (t === "always" || S.value);
+		}), w = n(() => {
+			let { value: e } = p, { value: t } = d, { value: n } = h;
+			return e === null || t === null || n === null ? 0 : Math.min(e, n * e / t + 5 * 1.5);
+		}), T = n(() => `${w.value}px`), E = n(() => {
+			let { value: e } = p, { value: t } = y, { value: n } = d, { value: r } = h;
+			if (e === null || n === null || r === null) return 0;
+			{
+				let i = n - e;
+				return i ? t / i * (r - w.value) : 0;
+			}
+		}), D = n(() => `${E.value}px`), O = !1, k = 0, A = 0, j = (e) => {
+			if (!O) return;
+			let { value: t } = p, { value: n } = d, { value: r } = w;
+			if (t === null || n === null) return;
+			let i = (e.clientY - A) * (n - t) / (t - r), a = n - t, o = k + i;
+			o = Math.min(a, o), o = Math.max(o, 0);
+			let { value: s } = v;
+			s && (s.scrollTop = o);
+		}, M = (e) => {
+			e.preventDefault(), e.stopPropagation(), l("mousemove", window, j, !0), l("mouseup", window, M, !0), O = !1, S.value = !1, X();
+		}, N = (e) => {
+			e.preventDefault(), e.stopPropagation(), u("mousemove", window, j, !0), u("mouseup", window, M, !0), k = y.value, A = e.clientY, O = !0, S.value = !0;
+		};
+		function P(t) {
+			let { onScroll: n } = e;
+			n && n(t), J();
+		}
+		let F = n(() => {
+			let { value: e } = m, { value: t } = f;
+			return e !== null && t !== null && t > e;
+		}), I = s(!1), L = n(() => {
+			let { trigger: t } = e;
+			return t !== "none" && (t === "always" || I.value);
+		}), R = n(() => {
+			let { value: e } = m, { value: t } = f, { value: n } = g;
+			return e === null || t === null || n === null ? 0 : n * e / t + 5 * 1.5;
+		}), z = n(() => `${R.value}px`), B = n(() => {
+			let { value: e } = m, { value: t } = b, { value: n } = f, { value: r } = g;
+			if (e === null || n === null || r === null) return 0;
+			{
+				let i = n - e;
+				return i ? t / i * (r - R.value) : 0;
+			}
+		}), V = n(() => `${B.value}px`), H = !1, U = 0, W = 0, G = (e) => {
+			if (!H) return;
+			let { value: t } = m, { value: n } = f, { value: r } = R;
+			if (t === null || n === null) return;
+			let i = (e.clientX - W) * (n - t) / (t - r), a = n - t, o = U + i;
+			o = Math.min(a, o), o = Math.max(o, 0);
+			let { value: s } = v;
+			s && (s.scrollLeft = o);
+		}, K = (e) => {
+			e.preventDefault(), e.stopPropagation(), l("mousemove", window, G, !0), l("mouseup", window, K, !0), I.value = !1, H = !1, X();
+		};
+		function q(e) {
+			e.preventDefault(), e.stopPropagation(), H = !0, I.value = !0, u("mousemove", window, G, !0), u("mouseup", window, K, !0), U = b.value, W = e.clientX;
+		}
+		function J() {
+			let { value: e } = v;
+			e && (y.value = e.scrollTop, b.value = e.scrollLeft);
+		}
+		let Y = () => {
+			let { value: e } = _;
+			if (e) {
+				let t = e.getBoundingClientRect();
+				d.value = t.height, f.value = t.width;
+			}
+			let { value: t } = v;
+			if (t) {
+				let e = t.getBoundingClientRect();
+				p.value = e.height, m.value = e.width;
+			}
+			let { value: n } = i;
+			n && (h.value = n.offsetHeight);
+			let { value: r } = a;
+			r && (g.value = r.offsetWidth);
+		};
+		function X() {
+			Y(), J();
+		}
+		return {
+			showYBarRef: C,
+			showXBarRef: L,
+			sync: X,
+			handleMouseEnter: () => {
+				S.value = !0, I.value = !0;
+			},
+			handleMouseLeave: () => {
+				O || (S.value = !1), H || (I.value = !1);
+			},
+			handleXScrollWheel: (t) => {
+				let { value: n } = v;
+				if (n && t.deltaY && F.value && e.xScrollable) {
+					let e = n.scrollLeft, r = n.scrollWidth - n.clientWidth, i = t.deltaY * .6;
+					n.scrollLeft = Math.max(0, Math.min(e + i, r)), X(), t.stopPropagation(), t.preventDefault();
+				}
+			},
+			contentRef: t,
+			yRailRef: i,
+			xRailRef: a,
+			containerRef: r,
+			contentHeightRef: d,
+			containerHeightRef: p,
+			needYBarRef: x,
+			needXBarRef: F,
+			yBarSizePxRef: T,
+			handleYScrollMouseDown: N,
+			handleXScrollMouseDown: q,
+			yBarTopPxRef: D,
+			handleScroll: P,
+			xBarSizePxRef: z,
+			xBarLeftPxRef: V
+		};
+	},
+	render() {
+		let { $slots: t, xScrollable: n } = this;
+		return r("div", a({ class: `${e}-scrollbar` }, this.$attrs, {
+			onMouseenter: this.handleMouseEnter,
+			onMouseleave: this.handleMouseLeave
+		}), [
+			this.container ? t.default?.() : r("div", {
+				class: `${e}-scrollbar-container`,
+				onScroll: this.handleScroll,
+				ref: "containerRef",
+				onWheel: this.handleXScrollWheel
+			}, [r("div", {
+				ref: "contentRef",
+				class: `${e}-scrollbar-content`
+			}, [t.default?.()], 2)], 42, ["onScroll", "onWheel"]),
+			r("div", {
+				class: `${e}-scrollbar-rail ${e}-scrollbar-rail--vertical`,
+				ref: "yRailRef"
+			}, [this.needYBarRef && this.showYBarRef && r("div", {
+				class: "gd-ant-scrollbar-rail__scrollbar--vertical",
+				style: {
+					height: this.yBarSizePxRef,
+					top: this.yBarTopPxRef
+				},
+				onMousedown: this.handleYScrollMouseDown
+			}, null, 46, ["onMousedown"])], 2),
+			n && r("div", {
+				class: `${e}-scrollbar-rail ${e}-scrollbar-rail--horizontal`,
+				ref: "xRailRef"
+			}, [this.needXBarRef && this.showXBarRef && r("div", {
+				class: "gd-ant-scrollbar-rail__scrollbar--horizontal",
+				style: {
+					width: this.xBarSizePxRef,
+					left: this.xBarLeftPxRef
+				},
+				onMousedown: this.handleXScrollMouseDown
+			}, null, 46, ["onMousedown"])], 2)
+		], 16, ["onMouseenter", "onMouseleave"]);
+	}
+});
+//#endregion
+export { d as default };

package/dist/es/components/scroll-bar/src/types.mjs

@@ -0,0 +1,13 @@
+//#region src/components/scroll-bar/src/types.ts
+var e = {
+	container: Function,
+	content: Function,
+	onScroll: Function,
+	xScrollable: Boolean,
+	trigger: {
+		type: String,
+		default: "hover"
+	}
+};
+//#endregion
+export { e as scrollbarProps };

package/dist/es/components/scroll-bar/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+/* empty css                              */

package/dist/es/components/utils/install.mjs

@@ -0,0 +1,11 @@
+//#region src/components/utils/install.ts
+var e = "GdAnt";
+function t(t) {
+	return t.install = (n) => {
+		let r = t;
+		n.component(e + r.name, r);
+	}, t;
+}
+var n = (e) => e;
+//#endregion
+export { n as definePropType, t as withInstall };

package/dist/es/extract.mjs

@@ -0,0 +1,2 @@
+import "./components/utils/install.mjs";
+import "./hooks/use-namespace/index.mjs";

package/dist/es/hooks/index.mjs

@@ -0,0 +1 @@
+import "./use-namespace/index.mjs";