@vaebe/ccui 2.0.0-beta.0

package/slider/index.es.js

@@ -0,0 +1,1071 @@
+import * as e from "vue";
+import { computed as t, createVNode as n, defineComponent as r, getCurrentInstance as i, inject as a, mergeProps as o, nextTick as s, onBeforeUnmount as c, onMounted as l, onUnmounted as u, ref as d, watch as f } from "vue";
+import { arrow as p, autoUpdate as m, computePosition as h, flip as g, offset as _, shift as v } from "@floating-ui/dom";
+//#region \0rolldown/runtime.js
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, x = Object.getOwnPropertyNames, S = Object.prototype.hasOwnProperty, C = (e, t) => {
+	let n = {};
+	for (var r in e) y(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || y(n, Symbol.toStringTag, { value: "Module" }), n;
+}, w = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = x(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !S.call(e, s) && s !== n && y(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = b(t, s)) || r.enumerable
+	});
+	return e;
+}, T = (e, t, n) => (w(e, t, "default"), n && w(n, t, "default")), E = Symbol("ccuiFormItem");
+//#endregion
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function D(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function O(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => D(n),
+		e: (e) => e ? D(n, e) : "",
+		m: (e) => e ? D(n, "", e) : "",
+		em: (e, t) => e && t ? D(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/input-number/src/input-number.tsx
+var k = /* @__PURE__ */ r({
+	name: "CInputNumber",
+	props: {
+		modelValue: {
+			type: Number,
+			default: void 0
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		max: {
+			type: Number,
+			default: Infinity
+		},
+		min: {
+			type: Number,
+			default: -Infinity
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		precision: {
+			type: Number,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		reg: {
+			type: [RegExp, String],
+			default: void 0
+		},
+		allowEmpty: {
+			type: Boolean,
+			default: !1
+		},
+		showGlowStyle: {
+			type: Boolean,
+			default: !0
+		},
+		controls: {
+			type: Boolean,
+			default: !0
+		},
+		controlsPosition: {
+			type: String,
+			default: "both"
+		},
+		variant: {
+			type: String,
+			default: "outlined"
+		},
+		status: {
+			type: String,
+			default: ""
+		},
+		classNames: {
+			type: Object,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"blur",
+		"focus",
+		"input"
+	],
+	setup(e, { emit: r, expose: i }) {
+		let o = O("input-number"), c = d(), l = a(E, null), u = t(() => l?.validateStatus.value ?? ""), p = t(() => e.status || u.value), m = d(e.modelValue), h = d(!1), g = {
+			lg: "large",
+			md: "default",
+			sm: "small"
+		}, _ = d(!1), v = t(() => {
+			let t = e.size;
+			return t === "lg" || t === "md" || t === "sm" ? (!_.value && typeof console < "u" && (console.warn(`[ccui][InputNumber] size="${t}" 已 deprecated，请改用 "${g[t]}"（'large' | 'default' | 'small'）。`), _.value = !0), g[t]) : t;
+		}), y = t(() => m.value === void 0 || m.value === null ? e.allowEmpty ? "" : "0" : e.precision === void 0 ? String(m.value) : Number(m.value).toFixed(e.precision)), b = t(() => m.value === void 0 ? !1 : m.value >= e.max), x = t(() => m.value === void 0 ? !1 : m.value <= e.min), S = (t) => {
+			if (t === "" || t == null) return e.allowEmpty ? void 0 : 0;
+			let n = typeof t == "string" ? Number.parseFloat(t) : t;
+			return Number.isNaN(n) ? e.allowEmpty ? void 0 : 0 : (e.precision !== void 0 && (n = Number.parseFloat(n.toFixed(e.precision))), n = Math.max(e.min, Math.min(e.max, n)), n);
+		}, C = (e, t = !0) => {
+			let n = m.value;
+			m.value = e, r("update:modelValue", e), r("input", e), t && n !== e && r("change", e, n), l?.validate("change");
+		}, w = (t) => {
+			let n = t.target, r = n.value;
+			if (e.reg && !(typeof e.reg == "string" ? new RegExp(e.reg) : e.reg).test(r)) {
+				n.value = y.value;
+				return;
+			}
+			if (r === "") {
+				e.allowEmpty ? C(void 0, !1) : n.value = y.value;
+				return;
+			}
+			C(S(r), !1);
+		}, T = (e) => {
+			let t = e.target;
+			C(S(t.value)), s(() => {
+				c.value && (c.value.value = y.value);
+			});
+		}, D = (e) => {
+			h.value = !0, r("focus", e);
+		}, k = (e) => {
+			h.value = !1, r("blur", e), c.value && (c.value.value = y.value), l?.validate("blur");
+		}, A = () => {
+			e.disabled || b.value || C(S((m.value ?? 0) + e.step));
+		}, j = () => {
+			e.disabled || x.value || C(S((m.value ?? 0) - e.step));
+		}, M = (t) => {
+			if (!(e.disabled || e.readonly)) switch (t.key) {
+				case "ArrowUp":
+					t.preventDefault(), A();
+					break;
+				case "ArrowDown":
+					t.preventDefault(), j();
+					break;
+			}
+		};
+		return i({
+			getValue: () => m.value,
+			setValue: (e) => C(e),
+			focus: () => {
+				c.value?.focus();
+			},
+			blur: () => {
+				c.value?.blur();
+			},
+			increase: A,
+			decrease: j
+		}), f(() => e.modelValue, (e) => {
+			e !== m.value && (m.value = e);
+		}, { immediate: !0 }), () => {
+			let t = e.controlsPosition === "right";
+			return n("div", {
+				class: [
+					o.b(),
+					{
+						[o.m("disabled")]: e.disabled,
+						[o.m("readonly")]: e.readonly,
+						[o.m("without-controls")]: !e.controls,
+						[o.m("controls-right")]: t,
+						[o.m(v.value)]: v.value !== "default",
+						[o.m("focused")]: h.value,
+						[o.m("glow")]: e.showGlowStyle && h.value,
+						[o.m(`variant-${e.variant}`)]: !!e.variant,
+						[o.m(`status-${p.value}`)]: !!p.value
+					},
+					e.classNames?.root
+				],
+				style: e.styles?.root
+			}, [
+				e.controls && !t && n("span", {
+					class: [o.e("decrease"), { [o.is("disabled")]: x.value || e.disabled }],
+					role: "button",
+					onClick: j
+				}, [n("svg", {
+					viewBox: "0 0 1024 1024",
+					width: "1em",
+					height: "1em"
+				}, [n("path", { d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z" }, null)])]),
+				n("div", {
+					class: [o.e("input"), e.classNames?.input],
+					style: e.styles?.input
+				}, [n("input", {
+					ref: c,
+					type: "number",
+					step: e.step,
+					class: o.e("inner"),
+					value: y.value,
+					placeholder: e.placeholder,
+					disabled: e.disabled,
+					readonly: e.readonly,
+					min: e.min,
+					max: e.max,
+					onInput: w,
+					onChange: T,
+					onFocus: D,
+					onBlur: k,
+					onKeydown: M
+				}, null)]),
+				e.controls && !t && n("span", {
+					class: [o.e("increase"), { [o.is("disabled")]: b.value || e.disabled }],
+					role: "button",
+					onClick: A
+				}, [n("svg", {
+					viewBox: "0 0 1024 1024",
+					width: "1em",
+					height: "1em"
+				}, [n("path", { d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z" }, null)])]),
+				e.controls && t && n("div", {
+					class: [o.e("controls"), e.classNames?.controls],
+					style: e.styles?.controls
+				}, [n("span", {
+					class: [o.e("increase"), { [o.is("disabled")]: b.value || e.disabled }],
+					role: "button",
+					onClick: A
+				}, [n("svg", {
+					viewBox: "0 0 1024 1024",
+					width: "1em",
+					height: "1em"
+				}, [n("path", { d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z" }, null)])]), n("span", {
+					class: [o.e("decrease"), { [o.is("disabled")]: x.value || e.disabled }],
+					role: "button",
+					onClick: j
+				}, [n("svg", {
+					viewBox: "0 0 1024 1024",
+					width: "1em",
+					height: "1em"
+				}, [n("path", { d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z" }, null)])])])
+			]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/input-number/index.ts
+k.install = function(e) {
+	e.component(k.name, k);
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function A() {
+	return typeof window < "u";
+}
+function j(e) {
+	return N(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function M(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function N(e) {
+	return A() ? e instanceof Node || e instanceof M(e).Node : !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.33_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs
+var P = /* @__PURE__ */ C({
+	Vue: () => e,
+	Vue2: () => void 0,
+	del: () => R,
+	install: () => I,
+	isVue2: () => !1,
+	isVue3: () => !0,
+	set: () => L
+});
+import * as F from "vue";
+T(P, F);
+function I() {}
+function L(e, t, n) {
+	return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
+}
+function R(e, t) {
+	if (Array.isArray(e)) {
+		e.splice(t, 1);
+		return;
+	}
+	delete e[t];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+vue@1.1.9_vue@3.5.33_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
+function z(e) {
+	return typeof e == "object" && !!e && "$el" in e;
+}
+function B(e) {
+	if (z(e)) {
+		let t = e.$el;
+		return N(t) && j(t) === "#comment" ? null : t;
+	}
+	return e;
+}
+function V(e) {
+	return typeof e == "function" ? e() : (0, P.unref)(e);
+}
+function ee(e) {
+	return {
+		name: "arrow",
+		options: e,
+		fn(t) {
+			let n = B(V(e.element));
+			return n == null ? {} : p({
+				element: n,
+				padding: e.padding
+			}).fn(t);
+		}
+	};
+}
+function H(e) {
+	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function U(e, t) {
+	let n = H(e);
+	return Math.round(t * n) / n;
+}
+function te(e, t, n) {
+	n === void 0 && (n = {});
+	let r = n.whileElementsMounted, i = (0, P.computed)(() => V(n.open) ?? !0), a = (0, P.computed)(() => V(n.middleware)), o = (0, P.computed)(() => V(n.placement) ?? "bottom"), s = (0, P.computed)(() => V(n.strategy) ?? "absolute"), c = (0, P.computed)(() => V(n.transform) ?? !0), l = (0, P.computed)(() => B(e.value)), u = (0, P.computed)(() => B(t.value)), d = (0, P.ref)(0), f = (0, P.ref)(0), p = (0, P.ref)(s.value), m = (0, P.ref)(o.value), g = (0, P.shallowRef)({}), _ = (0, P.ref)(!1), v = (0, P.computed)(() => {
+		let e = {
+			position: p.value,
+			left: "0",
+			top: "0"
+		};
+		if (!u.value) return e;
+		let t = U(u.value, d.value), n = U(u.value, f.value);
+		return c.value ? {
+			...e,
+			transform: "translate(" + t + "px, " + n + "px)",
+			...H(u.value) >= 1.5 && { willChange: "transform" }
+		} : {
+			position: p.value,
+			left: t + "px",
+			top: n + "px"
+		};
+	}), y;
+	function b() {
+		if (l.value == null || u.value == null) return;
+		let e = i.value;
+		h(l.value, u.value, {
+			middleware: a.value,
+			placement: o.value,
+			strategy: s.value
+		}).then((t) => {
+			d.value = t.x, f.value = t.y, p.value = t.strategy, m.value = t.placement, g.value = t.middlewareData, _.value = e !== !1;
+		});
+	}
+	function x() {
+		typeof y == "function" && (y(), y = void 0);
+	}
+	function S() {
+		if (x(), r === void 0) {
+			b();
+			return;
+		}
+		if (l.value != null && u.value != null) {
+			y = r(l.value, u.value, b);
+			return;
+		}
+	}
+	function C() {
+		i.value || (_.value = !1);
+	}
+	return (0, P.watch)([
+		a,
+		o,
+		s,
+		i
+	], b, { flush: "sync" }), (0, P.watch)([l, u], S, { flush: "sync" }), (0, P.watch)(i, C, { flush: "sync" }), (0, P.getCurrentScope)() && (0, P.onScopeDispose)(x), {
+		x: (0, P.shallowReadonly)(d),
+		y: (0, P.shallowReadonly)(f),
+		strategy: (0, P.shallowReadonly)(p),
+		placement: (0, P.shallowReadonly)(m),
+		middlewareData: (0, P.shallowReadonly)(g),
+		isPositioned: (0, P.shallowReadonly)(_),
+		floatingStyles: v,
+		update: b
+	};
+}
+//#endregion
+//#region ../ccui/ui/shared/hooks/use-deprecation-warning.ts
+var W = /* @__PURE__ */ new Set();
+function G(e, t, n) {
+	let r = `${e}.${t}`;
+	W.has(r) || (W.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`));
+}
+function K(e, t, n) {
+	return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
+}
+//#endregion
+//#region ../ccui/ui/tooltip/src/tooltip-types.ts
+var q = {
+	content: {
+		type: String,
+		default: ""
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	effect: {
+		type: String,
+		default: "dark"
+	},
+	color: {
+		type: String,
+		default: ""
+	},
+	visible: {
+		type: Boolean,
+		default: void 0
+	},
+	open: {
+		type: Boolean,
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	},
+	arrow: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	trigger: {
+		type: String,
+		default: "hover"
+	},
+	showAfter: {
+		type: Number,
+		default: 0
+	},
+	hideAfter: {
+		type: Number,
+		default: 200
+	},
+	mouseEnterDelay: {
+		type: Number,
+		default: void 0
+	},
+	mouseLeaveDelay: {
+		type: Number,
+		default: void 0
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	overlayClassName: {
+		type: String,
+		default: ""
+	},
+	offset: {
+		type: Number,
+		default: 8
+	},
+	rawContent: {
+		type: Boolean,
+		default: !1
+	},
+	enterable: {
+		type: Boolean,
+		default: !0
+	},
+	fresh: {
+		type: Boolean,
+		default: !1
+	},
+	destroyTooltipOnHide: {
+		type: Boolean,
+		default: !1
+	},
+	autoAdjustOverflow: {
+		type: Boolean,
+		default: !0
+	},
+	align: {
+		type: Object,
+		default: void 0
+	},
+	getPopupContainer: {
+		type: Function,
+		default: void 0
+	},
+	ariaLabel: {
+		type: String,
+		default: ""
+	}
+};
+//#endregion
+//#region ../ccui/ui/tooltip/src/tooltip.tsx
+function ne(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+var J = /* @__PURE__ */ r({
+	name: "CTooltip",
+	props: q,
+	emits: [
+		"before-show",
+		"show",
+		"before-hide",
+		"hide",
+		"update:visible",
+		"update:open"
+	],
+	setup(e, { emit: r, slots: a }) {
+		let c = O("tooltip"), p = i()?.vnode.props;
+		K(p, "content", "content") && G("Tooltip", "content", "title"), K(p, "visible", "visible") && G("Tooltip", "visible", "open（v-model:open）"), K(p, "showArrow", "show-arrow") && G("Tooltip", "showArrow", "arrow"), K(p, "showAfter", "show-after") && G("Tooltip", "showAfter", "mouseEnterDelay"), K(p, "hideAfter", "hide-after") && G("Tooltip", "hideAfter", "mouseLeaveDelay"), K(p, "popperClass", "popper-class") && G("Tooltip", "popperClass", "overlayClassName");
+		let h = t(() => e.open === void 0 ? e.visible : e.open), y = t(() => h.value !== void 0), b = d(!1), x = d(), S = d(), C = d(), w = d(), T = d(), E = t(() => y.value ? h.value : b.value), D = t(() => e.mouseEnterDelay === void 0 ? e.showAfter : e.mouseEnterDelay), k = t(() => e.mouseLeaveDelay === void 0 ? e.hideAfter : e.mouseLeaveDelay), A = t(() => e.arrow === void 0 ? e.showArrow : typeof e.arrow == "boolean" ? e.arrow : !0), j = t(() => ne(e.arrow) ? !!e.arrow.pointAtCenter : !1), M = t(() => e.overlayClassName || e.popperClass), N = t(() => e.title || e.content), P = t(() => e.color ? { backgroundColor: e.color } : {}), F = t(() => [
+			c.e("popper"),
+			c.em("popper", e.effect),
+			c.em("popper", e.placement.split("-")[0]),
+			j.value && c.em("popper", "arrow-center"),
+			M.value
+		].filter(Boolean).join(" ")), { floatingStyles: I, middlewareData: L, update: R } = te(x, S, {
+			placement: e.placement,
+			middleware: [
+				_(e.offset),
+				...e.autoAdjustOverflow ? [g()] : [],
+				v({ padding: 8 }),
+				...A.value ? [ee({ element: C })] : []
+			]
+		}), z = t(() => {
+			if (!A.value || !L.value.arrow) return {};
+			let { x: t, y: n } = L.value.arrow, r = {
+				top: "bottom",
+				right: "left",
+				bottom: "top",
+				left: "right"
+			}[e.placement.split("-")[0]];
+			return {
+				left: t == null ? "" : `${t}px`,
+				top: n == null ? "" : `${n}px`,
+				right: "",
+				bottom: "",
+				[r]: "-4px"
+			};
+		}), B = () => {
+			w.value &&= (clearTimeout(w.value), void 0), T.value &&= (clearTimeout(T.value), void 0);
+		}, V = () => {
+			if (e.disabled) return;
+			B();
+			let t = () => {
+				r("before-show"), y.value || (b.value = !0), r("update:visible", !0), r("update:open", !0), s(() => {
+					R(), r("show");
+				});
+			};
+			D.value > 0 ? w.value = window.setTimeout(t, D.value) : t();
+		}, H = () => {
+			B();
+			let t = () => {
+				r("before-hide"), y.value || (b.value = !1), r("update:visible", !1), r("update:open", !1), r("hide");
+			};
+			k.value > 0 && e.trigger !== "click" ? T.value = window.setTimeout(t, k.value) : t();
+		}, U = () => {
+			e.trigger === "hover" && V();
+		}, W = () => {
+			e.trigger === "hover" && H();
+		}, q = () => {
+			e.trigger === "click" && (E.value ? H() : V());
+		}, J = () => {
+			e.trigger === "focus" && V();
+		}, Y = () => {
+			e.trigger === "focus" && H();
+		}, X = () => {
+			e.trigger === "hover" && e.enterable && B();
+		}, Z = () => {
+			e.trigger === "hover" && e.enterable && H();
+		}, Q;
+		l(() => {
+			E.value && x.value && S.value && (Q = m(x.value, S.value, R));
+		}), u(() => {
+			B(), Q?.();
+		}), f(h, (e) => {
+			e !== void 0 && e && s(() => R());
+		}), f(E, (e) => {
+			e && x.value && S.value ? (Q?.(), Q = m(x.value, S.value, R)) : Q?.();
+		});
+		let re = () => A.value ? n("div", {
+			ref: C,
+			class: [c.e("arrow"), c.em("arrow", e.placement.split("-")[0])].join(" "),
+			style: z.value
+		}, null) : null, ie = () => a.title ? a.title() : a.content ? a.content() : e.rawContent ? n("div", { innerHTML: N.value }, null) : N.value;
+		return () => {
+			let t = {};
+			return e.trigger === "hover" ? (t.onMouseenter = U, t.onMouseleave = W) : e.trigger === "click" ? t.onClick = q : e.trigger === "focus" && (t.onFocus = J, t.onBlur = Y), n("div", { class: c.b() }, [n("div", o({
+				ref: x,
+				class: c.e("trigger"),
+				"aria-describedby": E.value ? c.e("popper") : void 0,
+				"aria-label": e.ariaLabel,
+				tabindex: e.trigger === "focus" ? 0 : void 0
+			}, t), [a.default?.()]), E.value && n("div", {
+				ref: S,
+				class: F.value,
+				role: "tooltip",
+				id: c.e("popper"),
+				style: {
+					...I.value,
+					...P.value,
+					zIndex: 2e3,
+					pointerEvents: e.enterable ? "auto" : "none"
+				},
+				onMouseenter: X,
+				onMouseleave: Z
+			}, [re(), n("div", { class: c.e("content") }, [ie()])])]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/tooltip/index.ts
+J.install = function(e) {
+	e.component(J.name, J);
+};
+//#endregion
+//#region ../ccui/ui/slider/src/composables/use-slider.ts
+function Y(e, n) {
+	return { currentValue: t({
+		get() {
+			return e.modelValue;
+		},
+		set(e) {
+			n("update:modelValue", e), n("input", e);
+		}
+	}) };
+}
+function X(e) {
+	let t = e.max - e.min;
+	return {
+		getPercent: (n) => {
+			if (t <= 0) return 0;
+			let r = (n - e.min) / t * 100;
+			return Math.max(0, Math.min(100, r));
+		},
+		getValueFromPercent: (n) => {
+			if (t <= 0) return e.min;
+			let r = e.min + n / 100 * t;
+			if (e.step <= 0) return Math.max(e.min, Math.min(e.max, r));
+			let i = e.min + Math.round((r - e.min) / e.step) * e.step;
+			return Math.max(e.min, Math.min(e.max, i));
+		}
+	};
+}
+function Z(e, n, r) {
+	return {
+		trackStyle: t(() => {
+			if (e.range && Array.isArray(n.value)) {
+				let [t, i] = n.value;
+				return e.vertical ? {
+					bottom: `${r(t)}%`,
+					height: `${r(i) - r(t)}%`
+				} : {
+					left: `${r(t)}%`,
+					width: `${r(i) - r(t)}%`
+				};
+			} else {
+				let t = Array.isArray(n.value) ? n.value[0] : n.value;
+				return e.vertical ? { height: `${r(t)}%` } : { width: `${r(t)}%` };
+			}
+		}),
+		firstButtonStyle: t(() => {
+			let t = r(Array.isArray(n.value) ? n.value[0] : n.value);
+			return e.vertical ? { bottom: `${t}%` } : { left: `${t}%` };
+		}),
+		secondButtonStyle: t(() => e.range && Array.isArray(n.value) ? e.vertical ? { bottom: `${r(n.value[1])}%` } : { left: `${r(n.value[1])}%` } : {})
+	};
+}
+function Q(e, t, n, r, i) {
+	let a = d(!1), o = d(null), s = (t) => {
+		let n = r.value?.getBoundingClientRect();
+		if (!n) return 0;
+		if (e.vertical) {
+			let e = "touches" in t ? t.touches[0].clientY : t.clientY;
+			return (n.bottom - e) / n.height * 100;
+		}
+		return (("touches" in t ? t.touches[0].clientX : t.clientX) - n.left) / n.width * 100;
+	}, c = (r) => {
+		if (e.disabled || a.value) return;
+		let o = i(s(r));
+		if (e.range && Array.isArray(t.value)) {
+			let [n, r] = t.value;
+			o <= (n + r) / 2 ? t.value = [Math.max(e.min, Math.min(o, r)), r] : t.value = [n, Math.min(e.max, Math.max(o, n))];
+		} else t.value = Math.max(e.min, Math.min(e.max, o));
+		n("change", t.value), n("change-complete", t.value);
+	}, l = (n) => {
+		if (!a.value) return;
+		n.preventDefault();
+		let r = i(s(n));
+		if (e.range && Array.isArray(t.value)) {
+			let [n, i] = t.value;
+			o.value === 0 ? t.value = [Math.max(e.min, Math.min(r, i)), i] : t.value = [n, Math.min(e.max, Math.max(r, n))];
+		} else t.value = Math.max(e.min, Math.min(e.max, r));
+	}, u = () => {
+		a.value && (a.value = !1, o.value = null, document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", u), document.removeEventListener("touchmove", l), document.removeEventListener("touchend", u), n("change", t.value), n("change-complete", t.value));
+	};
+	return {
+		isDragging: a,
+		dragIndex: o,
+		handleSliderClick: c,
+		handleDragStart: (t, n) => {
+			e.disabled || (t.preventDefault(), a.value = !0, o.value = n ?? 0, document.addEventListener("mousemove", l), document.addEventListener("mouseup", u), document.addEventListener("touchmove", l), document.addEventListener("touchend", u));
+		},
+		handleDragEnd: u,
+		cleanup: () => {
+			a.value && u();
+		}
+	};
+}
+function re(e, t, n) {
+	return { handleKeydown: (r, i) => {
+		if (e.disabled) return;
+		let a = 0;
+		switch (r.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				a = -e.step;
+				break;
+			case "ArrowRight":
+			case "ArrowUp":
+				a = e.step;
+				break;
+			case "Home":
+				a = e.min - (Array.isArray(t.value) ? t.value[i ?? 0] : t.value);
+				break;
+			case "End":
+				a = e.max - (Array.isArray(t.value) ? t.value[i ?? 0] : t.value);
+				break;
+			default: return;
+		}
+		if (r.preventDefault(), e.range && Array.isArray(t.value)) {
+			let [n, r] = t.value;
+			i === 0 ? t.value = [Math.max(e.min, Math.min(n + a, r)), r] : t.value = [n, Math.min(e.max, Math.max(r + a, n))];
+		} else {
+			let n = Array.isArray(t.value) ? t.value[0] : t.value;
+			t.value = Math.max(e.min, Math.min(e.max, n + a));
+		}
+		n("change", t.value), n("change-complete", t.value);
+	} };
+}
+function ie(e, n) {
+	let r = t(() => {
+		if (!e.marks) return {};
+		let t = {};
+		return Object.keys(e.marks).forEach((n) => {
+			let r = Number(n);
+			r >= e.min && r <= e.max && (t[r] = e.marks[n]);
+		}), t;
+	});
+	return {
+		marks: r,
+		getMarkStyle: (t) => {
+			let i = n(t), a = r.value[t], o = e.vertical ? { bottom: `${i}%` } : { left: `${i}%` };
+			return typeof a == "object" && a.style ? {
+				...o,
+				...a.style
+			} : o;
+		},
+		getMarkLabel: (e) => {
+			let t = r.value[e];
+			return typeof t == "string" ? t : typeof t == "object" && t.label !== void 0 ? t.label : e;
+		}
+	};
+}
+function ae(e, t, n) {
+	return { handleInputChange: (r, i) => {
+		if (r == null) return;
+		let a = Math.max(e.min, Math.min(e.max, r));
+		if (e.range && Array.isArray(t.value)) {
+			let [e, n] = t.value;
+			i === 0 ? t.value = [Math.min(a, n), n] : t.value = [e, Math.max(a, e)];
+		} else t.value = a;
+		n("change", t.value), n("change-complete", t.value), e.validateEvent;
+	} };
+}
+//#endregion
+//#region ../ccui/ui/slider/src/composables/use-slider-tooltip.ts
+function oe(e, n, r) {
+	let i = d(!1), a = d(null), o = t(() => e.showTooltip), s = (t) => e.tipsRenderer === null ? null : e.formatTooltip ? e.formatTooltip(t) : e.tipsRenderer ? e.tipsRenderer(t) : t.toString(), c = (t) => e.formatTooltip ? e.formatTooltip(t) : t.toString(), l = (t) => e.formatValueText ? e.formatValueText(t) : t.toString(), u = (t) => {
+		e.disabled || (i.value = !0, a.value = t);
+	}, f = () => {
+		i.value = !1, a.value = null;
+	}, p = (t) => e.range && Array.isArray(r.value) ? r.value[t] : Array.isArray(r.value) ? r.value[0] : r.value, m = (e) => o.value && (a.value === e || n.value), h = (t) => e.showTooltip && e.tipsRenderer === null && e.showDefaultTooltip && (a.value === t || n.value || e.persistent);
+	return {
+		isHovering: i,
+		hoverIndex: a,
+		shouldShowTooltip: o,
+		formatTooltipText: s,
+		getDefaultText: c,
+		getAriaValueText: l,
+		handleButtonMouseEnter: u,
+		handleButtonMouseLeave: f,
+		getCurrentValue: p,
+		shouldShowTooltipForButton: m,
+		shouldShowDefaultTooltipForButton: h,
+		getTooltipContent: (e) => {
+			let t = p(e);
+			return m(e) && s(t) ? s(t) : h(e) ? c(t) : "";
+		},
+		getTooltipVisible: (e) => m(e) || h(e),
+		getTooltipPlacement: () => e.placement && e.placement !== "top" ? e.placement : e.vertical ? "right" : "top"
+	};
+}
+//#endregion
+//#region ../ccui/ui/slider/src/slider.tsx
+var $ = /* @__PURE__ */ r({
+	name: "CSlider",
+	props: {
+		modelValue: {
+			type: [Number, Array],
+			default: 0
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showInput: {
+			type: Boolean,
+			default: !1
+		},
+		showInputControls: {
+			type: Boolean,
+			default: !0
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		inputSize: {
+			type: String,
+			default: "default"
+		},
+		label: { type: String },
+		precision: { type: Number },
+		showStops: {
+			type: Boolean,
+			default: !1
+		},
+		showTooltip: {
+			type: Boolean,
+			default: !0
+		},
+		formatTooltip: { type: Function },
+		range: {
+			type: Boolean,
+			default: !1
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		height: {
+			type: String,
+			default: "200px"
+		},
+		ariaLabel: { type: String },
+		rangeStartLabel: { type: String },
+		rangeEndLabel: { type: String },
+		formatValueText: { type: Function },
+		tooltipClass: { type: String },
+		placement: {
+			type: String,
+			default: "top"
+		},
+		marks: { type: Object },
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		},
+		persistent: {
+			type: Boolean,
+			default: !0
+		},
+		tipsRenderer: { type: [Function, null] },
+		showDefaultTooltip: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"change-complete",
+		"input"
+	],
+	setup(e, { emit: t }) {
+		let r = O("slider"), i = d(), { currentValue: a } = Y(e, t), { getPercent: o, getValueFromPercent: s } = X(e), { trackStyle: l, firstButtonStyle: f, secondButtonStyle: p } = Z(e, a, o), { isDragging: m, handleSliderClick: h, handleDragStart: g, handleDragEnd: _, cleanup: v } = Q(e, a, t, i, s), { handleKeydown: y } = re(e, a, t), { marks: b, getMarkStyle: x, getMarkLabel: S } = ie(e, o), { handleInputChange: C } = ae(e, a, t), { formatTooltipText: w, getDefaultText: T, getAriaValueText: E, handleButtonMouseEnter: D, handleButtonMouseLeave: k, shouldShowTooltipForButton: A, shouldShowDefaultTooltipForButton: j, getCurrentValue: M, getTooltipContent: N, getTooltipVisible: P, getTooltipPlacement: F } = oe(e, m, a);
+		return c(() => {
+			v();
+		}), u(() => {
+			_();
+		}), {
+			ns: r,
+			sliderRef: i,
+			isDragging: m,
+			currentValue: a,
+			trackStyle: l,
+			firstButtonStyle: f,
+			secondButtonStyle: p,
+			handleSliderClick: h,
+			handleDragStart: g,
+			handleKeydown: y,
+			marks: b,
+			getMarkStyle: x,
+			getMarkLabel: S,
+			formatTooltipText: w,
+			getDefaultText: T,
+			getPercent: o,
+			getValueFromPercent: s,
+			handleInputChange: C,
+			getAriaValueText: E,
+			handleButtonMouseEnter: D,
+			handleButtonMouseLeave: k,
+			shouldShowTooltipForButton: A,
+			shouldShowDefaultTooltipForButton: j,
+			getCurrentValue: M,
+			getTooltipContent: N,
+			getTooltipVisible: P,
+			getTooltipPlacement: F,
+			renderButton: (t, i, a, o) => {
+				let s = {
+					class: [r.e("button"), { [r.em("button", "disabled")]: e.disabled }],
+					tabindex: e.disabled ? -1 : 0,
+					onMousedown: (e) => g(e, t),
+					onTouchstart: (e) => g(e, t),
+					onKeydown: (e) => y(e, t),
+					onMouseenter: () => D(t),
+					onMouseleave: k,
+					role: "slider",
+					"aria-label": o,
+					"aria-valuemin": e.min,
+					"aria-valuemax": e.max,
+					"aria-valuenow": i,
+					"aria-valuetext": E(i),
+					"aria-orientation": e.vertical ? "vertical" : "horizontal"
+				};
+				return e.showTooltip ? n(J, {
+					content: N(t),
+					visible: P(t),
+					placement: F(),
+					effect: "dark",
+					showArrow: !0,
+					trigger: "manual",
+					popperClass: e.tooltipClass
+				}, { default: () => [n("div", s, null)] }) : n("div", s, null);
+			}
+		};
+	},
+	render() {
+		let e = this.range && Array.isArray(this.currentValue), t = this.getCurrentValue(0), r = e ? this.getCurrentValue(1) : 0;
+		return n("div", {
+			class: [this.ns.b(), {
+				[this.ns.m("disabled")]: this.disabled,
+				[this.ns.m("vertical")]: this.vertical,
+				[this.ns.m("with-input")]: this.showInput && !this.range,
+				[this.ns.m(this.size)]: this.size !== "default"
+			}],
+			style: this.vertical ? { height: this.height } : {},
+			"aria-label": this.label || this.ariaLabel
+		}, [this.showInput && !this.range && n("div", { class: this.ns.e("input") }, [n(k, {
+			modelValue: this.currentValue,
+			min: this.min,
+			max: this.max,
+			step: this.step,
+			disabled: this.disabled,
+			size: this.inputSize,
+			controls: this.showInputControls,
+			precision: this.precision,
+			"onUpdate:modelValue": this.handleInputChange,
+			onChange: this.handleInputChange,
+			class: this.ns.e("input-number")
+		}, null)]), n("div", {
+			ref: "sliderRef",
+			class: this.ns.e("wrapper"),
+			onClick: this.handleSliderClick,
+			role: "slider",
+			"aria-label": this.ariaLabel || (this.range ? "range slider" : "slider"),
+			"aria-valuemin": this.min,
+			"aria-valuemax": this.max,
+			"aria-orientation": this.vertical ? "vertical" : "horizontal"
+		}, [
+			n("div", { class: this.ns.e("track") }, [n("div", {
+				class: this.ns.e("bar"),
+				style: this.trackStyle
+			}, null)]),
+			this.showStops && n("div", { class: this.ns.e("stops") }, [Array.from({ length: Math.floor((this.max - this.min) / this.step) + 1 }).map((e, t) => {
+				let r = this.min + t * this.step, i = this.getPercent(r);
+				return n("div", {
+					key: t,
+					class: this.ns.e("stop"),
+					style: { [this.vertical ? "bottom" : "left"]: `${i}%` }
+				}, null);
+			})]),
+			this.marks && Object.keys(this.marks).length > 0 && n("div", { class: this.ns.e("marks") }, [Object.keys(this.marks).map((e) => {
+				let t = Number(e);
+				return n("div", {
+					key: t,
+					class: this.ns.e("mark"),
+					style: this.getMarkStyle(t)
+				}, [n("div", { class: this.ns.e("mark-line") }, null), n("span", { class: this.ns.e("mark-label") }, [this.getMarkLabel(t)])]);
+			})]),
+			n("div", {
+				class: [this.ns.e("button-wrapper"), { [this.ns.em("button-wrapper", "first")]: e }],
+				style: this.firstButtonStyle
+			}, [this.renderButton(0, t, this.firstButtonStyle, this.rangeStartLabel || "start value")]),
+			e && n("div", {
+				class: [this.ns.e("button-wrapper"), this.ns.em("button-wrapper", "second")],
+				style: this.secondButtonStyle
+			}, [this.renderButton(1, r, this.secondButtonStyle, this.rangeEndLabel || "end value")])
+		])]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/slider/index.ts
+$.install = function(e) {
+	e.component($.name, $);
+};
+var se = {
+	title: "Slider 滑块",
+	category: "数据录入",
+	status: "100%",
+	install(e) {
+		e.component($.name, $);
+	}
+};
+//#endregion
+export { $ as Slider, se as default };