@will-ui/vue 1.0.0

package/dist/components/slider/Slider.js

@@ -0,0 +1,471 @@
+import { effectiveSizeVar, propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useFormItem from "../../use/useFormItem.js";
+import Tooltip_default from "../tooltip/Tooltip.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import Number_default from "../number/Number.js";
+import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, reactive, ref, watch } from "vue";
+//#region components/slider/Slider.tsx
+var MULTIPLES = 1e4;
+function toBig(n) {
+	return Math.round(n * MULTIPLES);
+}
+function stepMeta(min, max, step) {
+	const minB = toBig(min);
+	const maxB = toBig(max);
+	const lo = Math.min(minB, maxB);
+	const hi = Math.max(minB, maxB);
+	const stepB = step > 0 ? Math.max(1, toBig(step)) : Math.max(1, hi - lo);
+	const fullCount = Math.floor((hi - lo) / stepB) + 1;
+	const extraMax = lo + (fullCount - 1) * stepB !== hi;
+	return {
+		lo,
+		hi,
+		stepB,
+		fullCount,
+		extraMax,
+		total: extraMax ? fullCount + 1 : fullCount
+	};
+}
+function indexToBig(i, m) {
+	const iClamped = Math.max(0, Math.min(m.total - 1, i));
+	if (m.extraMax && iClamped === m.total - 1) return m.hi;
+	return m.lo + iClamped * m.stepB;
+}
+function bigToIndex(vB, m) {
+	const lastFullI = m.fullCount - 1;
+	const i = Math.max(0, Math.min(lastFullI, Math.round((vB - m.lo) / m.stepB)));
+	const snappedB = m.lo + i * m.stepB;
+	if (m.extraMax && Math.abs(vB - m.hi) <= Math.abs(vB - snappedB)) return m.total - 1;
+	return i;
+}
+function percentToIndex(p, total) {
+	if (total <= 1) return 0;
+	return Math.round(Math.min(1, Math.max(0, p)) * (total - 1));
+}
+var Slider_default = /* @__PURE__ */ defineComponent({
+	name: "Slider",
+	components: {
+		Tooltip: Tooltip_default,
+		Num: Number_default
+	},
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		step: {
+			type: Number,
+			default: 2
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 30
+		},
+		showTooltip: {
+			type: Boolean,
+			default: true
+		},
+		tip: { type: Function },
+		direction: {
+			type: Object,
+			default: () => ({
+				x: true,
+				y: false
+			})
+		},
+		fill: {
+			type: Boolean,
+			default: true
+		},
+		hasInput: Boolean,
+		inputWidth: {
+			type: String,
+			default: "3.5em"
+		},
+		invalidateTip: {
+			type: String,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		/** 实例尺度（px）→ --w-prop-slider-size；并桥接内部 Tooltip */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-slider-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		input: (value, percent) => {
+			return typeof value === "number" && (percent === void 0 || typeof percent === "number");
+		},
+		"update:modelValue": (v) => {
+			return typeof v === "number";
+		}
+	},
+	setup(props, { emit }) {
+		const { t } = useUII18n();
+		const { formItem, useDisabled } = useFormItem();
+		const disabled = useDisabled(computed(() => props.disabled));
+		const meta = computed(() => stepMeta(props.min, props.max, props.step));
+		const dragging = ref(false);
+		const focused = ref(false);
+		const hoverTip = ref(false);
+		const showInvalidTip = ref(false);
+		const pos = reactive({
+			left: 0,
+			top: 0
+		});
+		const currentXValue = ref(props.modelValue);
+		const currentYValue = ref(props.modelValue);
+		const rod = ref();
+		const root = ref();
+		let pointerId = null;
+		const inactive = computed(() => disabled.value || props.readonly);
+		const axis = computed(() => {
+			const { x, y } = props.direction;
+			return {
+				x: !!x,
+				y: !!y,
+				both: !!x && !!y,
+				one: !!(x && !y) || !!(!x && y)
+			};
+		});
+		const displayValue = computed(() => axis.value.y && !axis.value.x ? currentYValue.value : currentXValue.value);
+		let lastEmitted = props.modelValue;
+		const tipContent = computed(() => {
+			if (!props.showTooltip) return;
+			const { x, y } = axis.value;
+			if (props.tip) return props.tip({
+				x: currentXValue.value,
+				y: currentYValue.value
+			});
+			if (x && y) return `${currentXValue.value}，${currentYValue.value}`;
+			if (x) return currentXValue.value;
+			if (y) return currentYValue.value;
+		});
+		const rootTokenStyle = computed(() => toCssVarsStyle({
+			...propSizeToCssVars("slider", props.size),
+			...propColorToCssVars("slider", props.color),
+			...props.cssVars
+		}));
+		const tooltipLayerStyle = computed(() => toCssVarsStyle({
+			...propSizeToCssVars("slider", props.size),
+			...propColorToCssVars("slider", props.color),
+			"--w-prop-tooltip-size": effectiveSizeVar("slider"),
+			...props.cssVars
+		}));
+		const sliderClass = computed(() => {
+			const { x, y } = axis.value;
+			return [
+				"w-slider",
+				x && y ? "w-slider-xy" : x ? "w-slider-x" : y ? "w-slider-y" : "",
+				{
+					"w-slider-disabled": disabled.value,
+					"w-slider-readonly": props.readonly,
+					"w-slider-dragging": dragging.value
+				}
+			];
+		});
+		const tooltipOptions = computed(() => {
+			const { x } = axis.value;
+			return {
+				placement: x ? "top" : "left",
+				adjustPosition: x ? "top" : "left",
+				manual: true,
+				realTime: true,
+				show: (dragging.value || hoverTip.value || focused.value) && props.showTooltip,
+				layerStyle: tooltipLayerStyle.value,
+				offset: {
+					x: x ? 0 : -2,
+					y: x ? -2 : 0
+				},
+				arrowOffset: {
+					x: x ? -3 : 0,
+					y: x ? 0 : -3
+				}
+			};
+		});
+		function emitIfOneAxis() {
+			if (!axis.value.one) return;
+			const v = displayValue.value;
+			if (v === lastEmitted) return;
+			lastEmitted = v;
+			const percent = axis.value.x ? pos.left : pos.top;
+			emit("update:modelValue", v);
+			emit("input", v, percent);
+			formItem?.validate("change");
+		}
+		function applyIndex(i, which, silent = false) {
+			const m = meta.value;
+			const next = indexToBig(i, m) / MULTIPLES;
+			const p = m.total <= 1 ? 0 : Math.max(0, Math.min(m.total - 1, i)) / (m.total - 1);
+			let changed = false;
+			if (which === "x" || which === "both") {
+				if (pos.left !== p) {
+					pos.left = p;
+					changed = true;
+				}
+				if (currentXValue.value !== next) {
+					currentXValue.value = next;
+					changed = true;
+				}
+			}
+			if (which === "y" || which === "both") {
+				if (pos.top !== p) {
+					pos.top = p;
+					changed = true;
+				}
+				if (currentYValue.value !== next) {
+					currentYValue.value = next;
+					changed = true;
+				}
+			}
+			if (!silent && changed) emitIfOneAxis();
+		}
+		function setByValue(v, silent = true) {
+			const i = bigToIndex(toBig(v), meta.value);
+			const { x, y } = axis.value;
+			applyIndex(i, y && !x ? "y" : "x", silent);
+		}
+		function pointerPercent(e) {
+			const el = root.value;
+			const knob = rod.value;
+			if (!el) return {
+				px: 0,
+				py: 0
+			};
+			const rect = el.getBoundingClientRect();
+			const rodW = knob?.offsetWidth ?? 0;
+			const rodH = knob?.offsetHeight ?? 0;
+			const ux = Math.max(1, rect.width - rodW);
+			const uy = Math.max(1, rect.height - rodH);
+			return {
+				px: (e.clientX - rect.left - rodW / 2) / ux,
+				py: (e.clientY - rect.top - rodH / 2) / uy
+			};
+		}
+		function applyPointer(e) {
+			const { px, py } = pointerPercent(e);
+			const total = meta.value.total;
+			const { x, y } = axis.value;
+			if (x && y) {
+				const ix = percentToIndex(px, total);
+				const iy = percentToIndex(py, total);
+				const m = meta.value;
+				pos.left = total <= 1 ? 0 : ix / (total - 1);
+				pos.top = total <= 1 ? 0 : iy / (total - 1);
+				currentXValue.value = indexToBig(ix, m) / MULTIPLES;
+				currentYValue.value = indexToBig(iy, m) / MULTIPLES;
+				return;
+			}
+			if (x) applyIndex(percentToIndex(px, total), "x");
+			else if (y) applyIndex(percentToIndex(py, total), "y");
+		}
+		function endDrag(e) {
+			if (!dragging.value) return;
+			dragging.value = false;
+			const el = root.value;
+			if (el && pointerId != null) try {
+				if (el.hasPointerCapture(pointerId)) el.releasePointerCapture(pointerId);
+			} catch {}
+			pointerId = null;
+			document.body.style.userSelect = "";
+			document.body.style.cursor = "";
+			if (e) e.preventDefault();
+		}
+		function handlePointerDown(e) {
+			if (inactive.value) return;
+			if (e.pointerType === "mouse" && e.button !== 0) return;
+			e.preventDefault();
+			const el = root.value;
+			if (!el) return;
+			pointerId = e.pointerId;
+			try {
+				el.setPointerCapture(e.pointerId);
+			} catch {}
+			dragging.value = true;
+			showInvalidTip.value = false;
+			document.body.style.userSelect = "none";
+			document.body.style.cursor = "grabbing";
+			applyPointer(e);
+		}
+		function handlePointerMove(e) {
+			if (!dragging.value || e.pointerId !== pointerId) return;
+			e.preventDefault();
+			applyPointer(e);
+		}
+		function handlePointerUp(e) {
+			if (e.pointerId !== pointerId) return;
+			endDrag(e);
+		}
+		function nudge(delta) {
+			if (inactive.value) return;
+			const m = meta.value;
+			const { x, y } = axis.value;
+			if (x && !y) applyIndex(bigToIndex(toBig(currentXValue.value), m) + delta, "x");
+			else if (y && !x) applyIndex(bigToIndex(toBig(currentYValue.value), m) + delta, "y");
+		}
+		function handleKeydown(e) {
+			if (inactive.value || axis.value.both) return;
+			const m = meta.value;
+			const page = Math.max(1, Math.round((m.total - 1) / 10));
+			switch (e.key) {
+				case "ArrowLeft":
+				case "ArrowDown":
+					e.preventDefault();
+					nudge(-1);
+					break;
+				case "ArrowRight":
+				case "ArrowUp":
+					e.preventDefault();
+					nudge(1);
+					break;
+				case "PageDown":
+					e.preventDefault();
+					nudge(-page);
+					break;
+				case "PageUp":
+					e.preventDefault();
+					nudge(page);
+					break;
+				case "Home":
+					e.preventDefault();
+					applyIndex(0, axis.value.x ? "x" : "y");
+					break;
+				case "End":
+					e.preventDefault();
+					applyIndex(m.total - 1, axis.value.x ? "x" : "y");
+			}
+		}
+		function validateInputValue(v) {
+			const m = meta.value;
+			return indexToBig(bigToIndex(toBig(v), m), m) === toBig(v);
+		}
+		watch(() => props.modelValue, (v) => {
+			if (dragging.value || axis.value.both) return;
+			if (v === displayValue.value) return;
+			lastEmitted = v;
+			setByValue(v, true);
+		});
+		watch(() => [
+			props.min,
+			props.max,
+			props.step
+		], () => {
+			if (dragging.value) return;
+			const snapped = indexToBig(bigToIndex(toBig(props.modelValue), meta.value), meta.value) / MULTIPLES;
+			setByValue(props.modelValue, snapped === props.modelValue);
+		});
+		setByValue(props.modelValue);
+		onBeforeUnmount(() => endDrag());
+		return () => {
+			const { x, y } = axis.value;
+			const rodPosition = {};
+			const progressSize = {};
+			if (x) {
+				rodPosition["--__pos-x"] = String(pos.left);
+				progressSize.width = `${pos.left * 100}%`;
+			}
+			if (y) {
+				rodPosition["--__pos-y"] = String(pos.top);
+				progressSize.height = `${pos.top * 100}%`;
+			}
+			const sliderRod = createVNode("div", {
+				"class": "w-slider-rod",
+				"ref": rod,
+				"style": rodPosition
+			}, [createVNode(Tooltip_default, tooltipOptions.value, {
+				trigger: () => createVNode("div", {
+					"class": ["w-slider-for-tip", { "rod-in-dragging": dragging.value }],
+					"onDragstart": (e) => e.preventDefault(),
+					"onMouseenter": () => hoverTip.value = true,
+					"onMouseleave": () => hoverTip.value = false
+				}, null),
+				default: () => tipContent.value
+			})]);
+			const main = createVNode("div", mergeProps(mergeProps({
+				class: sliderClass.value,
+				style: rootTokenStyle.value
+			}, { ref: root }), {
+				"role": axis.value.both ? void 0 : "slider",
+				"tabindex": disabled.value ? -1 : 0,
+				"aria-valuemin": props.min,
+				"aria-valuemax": props.max,
+				"aria-valuenow": displayValue.value,
+				"aria-orientation": axis.value.both ? void 0 : x ? "horizontal" : "vertical",
+				"aria-disabled": disabled.value || void 0,
+				"aria-readonly": props.readonly || void 0,
+				"onPointerdown": handlePointerDown,
+				"onPointermove": handlePointerMove,
+				"onPointerup": handlePointerUp,
+				"onPointercancel": handlePointerUp,
+				"onKeydown": handleKeydown,
+				"onFocus": () => focused.value = true,
+				"onBlur": () => focused.value = false
+			}), [props.fill ? createVNode("div", {
+				"class": "w-slider-progress",
+				"style": progressSize
+			}, null) : null, sliderRod]);
+			if (props.hasInput && !axis.value.both) return createVNode("div", { "class": "w-slider-has-input" }, [main, createVNode(Tooltip_default, {
+				"real-time": true,
+				"manual": true,
+				"placement": "top",
+				"adjustPosition": "bottom",
+				"show": showInvalidTip.value,
+				"layerStyle": tooltipLayerStyle.value
+			}, {
+				trigger: () => createVNode(Number_default, mergeProps({
+					"hasBtn": false,
+					"width": props.inputWidth,
+					"min": Math.min(props.min, props.max),
+					"max": Math.max(props.min, props.max),
+					"step": props.step,
+					"modelValue": props.modelValue,
+					"disabled": disabled.value,
+					"readonly": props.readonly
+				}, {
+					onKeydown: (e) => {
+						if (inactive.value) return;
+						if (e.key === "Enter") e.target.blur();
+					},
+					onBlur: (e) => {
+						if (inactive.value) return;
+						const target = e.target;
+						const v = parseFloat(target.value);
+						if (isNaN(v)) return;
+						if (validateInputValue(v)) {
+							showInvalidTip.value = false;
+							setByValue(v, false);
+						} else showInvalidTip.value = true;
+					}
+				}), null),
+				default: () => props.invalidateTip || t("slider.invalid")
+			})]);
+			return main;
+		};
+	}
+});
+//#endregion
+export { Slider_default as default };
+
+//# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["computed","mergeProps","ref","reactive","watch","onBeforeUnmount","defineComponent","createVNode","_createVNode","_mergeProps","Tooltip","Num","useUII18n","useFormItem","propSizeToCssVars","propColorToCssVars","effectiveSizeVar","toCssVarsStyle","MULTIPLES","toBig","n","Math","round","stepMeta","min","max","step","minB","maxB","lo","hi","stepB","fullCount","floor","lastFull","extraMax","total","indexToBig","i","m","iClamped","bigToIndex","vB","lastFullI","snappedB","abs","percentToIndex","p","name","components","props","modelValue","type","Number","default","showTooltip","Boolean","tip","Function","direction","Object","x","y","fill","hasInput","inputWidth","String","invalidateTip","undefined","disabled","readonly","size","color","cssVars","emits","input","value","percent","v","setup","emit","t","formItem","useDisabled","meta","dragging","focused","hoverTip","showInvalidTip","pos","left","top","currentXValue","currentYValue","rod","root","pointerId","inactive","axis","both","one","displayValue","lastEmitted","tipContent","rootTokenStyle","tooltipLayerStyle","sliderClass","tooltipOptions","placement","adjustPosition","manual","realTime","show","layerStyle","offset","arrowOffset","emitIfOneAxis","validate","applyIndex","which","silent","next","changed","setByValue","pointerPercent","e","el","knob","px","py","rect","getBoundingClientRect","rodW","offsetWidth","rodH","offsetHeight","ux","width","uy","height","clientX","clientY","applyPointer","ix","iy","endDrag","hasPointerCapture","releasePointerCapture","document","body","style","userSelect","cursor","preventDefault","handlePointerDown","pointerType","button","setPointerCapture","handlePointerMove","handlePointerUp","nudge","delta","handleKeydown","page","key","validateInputValue","snapped","rodPosition","progressSize","sliderRod","trigger","onMouseenter","onMouseleave","main","class","onFocus","onBlur","onKeydown","target","blur","parseFloat","isNaN"],"sources":["../../../components/slider/Slider.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  mergeProps,\r\n  ref,\r\n  reactive,\r\n  watch,\r\n  onBeforeUnmount,\r\n  defineComponent,\r\n} from 'vue'\r\nimport type { PropType } from 'vue'\r\nimport type {\r\n  DragDirection,\r\n  PlacementType,\r\n  AdjustmentPosition,\r\n} from '../../config/types'\r\nimport Tooltip from '../tooltip/index'\r\nimport Num from '../number/index'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport {\r\n  propSizeToCssVars,\r\n  propColorToCssVars,\r\n  effectiveSizeVar,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\n\r\nconst MULTIPLES = 10000\r\n\r\nfunction toBig(n: number) {\r\n  return Math.round(n * MULTIPLES)\r\n}\r\n\r\nfunction stepMeta(min: number, max: number, step: number) {\r\n  const minB = toBig(min)\r\n  const maxB = toBig(max)\r\n  const lo = Math.min(minB, maxB)\r\n  const hi = Math.max(minB, maxB)\r\n  const stepB = step > 0 ? Math.max(1, toBig(step)) : Math.max(1, hi - lo)\r\n  const fullCount = Math.floor((hi - lo) / stepB) + 1\r\n  const lastFull = lo + (fullCount - 1) * stepB\r\n  const extraMax = lastFull !== hi\r\n  return {\r\n    lo,\r\n    hi,\r\n    stepB,\r\n    fullCount,\r\n    extraMax,\r\n    total: extraMax ? fullCount + 1 : fullCount,\r\n  }\r\n}\r\n\r\nfunction indexToBig(i: number, m: ReturnType<typeof stepMeta>) {\r\n  const iClamped = Math.max(0, Math.min(m.total - 1, i))\r\n  if (m.extraMax && iClamped === m.total - 1) return m.hi\r\n  return m.lo + iClamped * m.stepB\r\n}\r\n\r\nfunction bigToIndex(vB: number, m: ReturnType<typeof stepMeta>) {\r\n  const lastFullI = m.fullCount - 1\r\n  const i = Math.max(0, Math.min(lastFullI, Math.round((vB - m.lo) / m.stepB)))\r\n  const snappedB = m.lo + i * m.stepB\r\n  if (m.extraMax && Math.abs(vB - m.hi) <= Math.abs(vB - snappedB)) {\r\n    return m.total - 1\r\n  }\r\n  return i\r\n}\r\n\r\nfunction percentToIndex(p: number, total: number) {\r\n  if (total <= 1) return 0\r\n  return Math.round(Math.min(1, Math.max(0, p)) * (total - 1))\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'Slider',\r\n  components: {\r\n    Tooltip,\r\n    Num,\r\n  },\r\n  props: {\r\n    modelValue: { type: Number, default: 0 },\r\n    step: { type: Number, default: 2 },\r\n    min: { type: Number, default: 0 },\r\n    max: { type: Number, default: 30 },\r\n    showTooltip: { type: Boolean, default: true },\r\n    tip: { type: Function as PropType<(pos: { x: number; y: number }) => any> },\r\n    direction: {\r\n      type: Object as PropType<DragDirection>,\r\n      default: () => ({\r\n        x: true,\r\n        y: false,\r\n      }),\r\n    },\r\n    fill: { type: Boolean, default: true },\r\n    hasInput: Boolean,\r\n    inputWidth: {\r\n      type: String,\r\n      default: '3.5em',\r\n    },\r\n    invalidateTip: {\r\n      type: String,\r\n      default: undefined,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    readonly: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    /** 实例尺度（px）→ --w-prop-slider-size；并桥接内部 Tooltip */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-slider-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    input: (value: number, percent?: number) => {\r\n      return (\r\n        typeof value === 'number' &&\r\n        (percent === undefined || typeof percent === 'number')\r\n      )\r\n    },\r\n    'update:modelValue': (v: number) => {\r\n      return typeof v === 'number'\r\n    },\r\n  },\r\n  setup(props, { emit }) {\r\n    const { t } = useUII18n()\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const disabled = useDisabled(computed(() => props.disabled))\r\n\r\n    const meta = computed(() => stepMeta(props.min, props.max, props.step))\r\n\r\n    const dragging = ref(false)\r\n    const focused = ref(false)\r\n    const hoverTip = ref(false)\r\n    const showInvalidTip = ref(false)\r\n    const pos = reactive({ left: 0, top: 0 })\r\n    const currentXValue = ref(props.modelValue)\r\n    const currentYValue = ref(props.modelValue)\r\n    const rod = ref<HTMLElement>()\r\n    const root = ref<HTMLElement>()\r\n    let pointerId: number | null = null\r\n\r\n    const inactive = computed(() => disabled.value || props.readonly)\r\n    const axis = computed(() => {\r\n      const { x, y } = props.direction\r\n      return {\r\n        x: !!x,\r\n        y: !!y,\r\n        both: !!x && !!y,\r\n        one: !!(x && !y) || !!(!x && y),\r\n      }\r\n    })\r\n\r\n    const displayValue = computed(() =>\r\n      axis.value.y && !axis.value.x ? currentYValue.value : currentXValue.value,\r\n    )\r\n    let lastEmitted = props.modelValue\r\n\r\n    const tipContent = computed(() => {\r\n      if (!props.showTooltip) return\r\n      const { x, y } = axis.value\r\n      if (props.tip) {\r\n        return props.tip({ x: currentXValue.value, y: currentYValue.value })\r\n      }\r\n      if (x && y) return `${currentXValue.value}，${currentYValue.value}`\r\n      if (x) return currentXValue.value\r\n      if (y) return currentYValue.value\r\n    })\r\n\r\n    const rootTokenStyle = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('slider', props.size),\r\n        ...propColorToCssVars('slider', props.color),\r\n        ...props.cssVars,\r\n      }),\r\n    )\r\n\r\n    const tooltipLayerStyle = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('slider', props.size),\r\n        ...propColorToCssVars('slider', props.color),\r\n        '--w-prop-tooltip-size': effectiveSizeVar('slider'),\r\n        ...props.cssVars,\r\n      }),\r\n    )\r\n\r\n    const sliderClass = computed(() => {\r\n      const { x, y } = axis.value\r\n      return [\r\n        'w-slider',\r\n        x && y ? 'w-slider-xy' : x ? 'w-slider-x' : y ? 'w-slider-y' : '',\r\n        {\r\n          'w-slider-disabled': disabled.value,\r\n          'w-slider-readonly': props.readonly,\r\n          'w-slider-dragging': dragging.value,\r\n        },\r\n      ]\r\n    })\r\n\r\n    const tooltipOptions = computed(() => {\r\n      const { x } = axis.value\r\n      return {\r\n        placement: (x ? 'top' : 'left') as PlacementType,\r\n        adjustPosition: (x ? 'top' : 'left') as AdjustmentPosition,\r\n        manual: true,\r\n        realTime: true,\r\n        show:\r\n          (dragging.value || hoverTip.value || focused.value) &&\r\n          props.showTooltip,\r\n        layerStyle: tooltipLayerStyle.value,\r\n\r\n        offset: { x: x ? 0 : -2, y: x ? -2 : 0 },\r\n        arrowOffset: { x: x ? -3 : 0, y: x ? 0 : -3 },\r\n      }\r\n    })\r\n\r\n    function emitIfOneAxis() {\r\n      if (!axis.value.one) return\r\n      const v = displayValue.value\r\n      if (v === lastEmitted) return\r\n      lastEmitted = v\r\n      const percent = axis.value.x ? pos.left : pos.top\r\n      emit('update:modelValue', v)\r\n      emit('input', v, percent)\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    function applyIndex(i: number, which: 'x' | 'y' | 'both', silent = false) {\r\n      const m = meta.value\r\n      const next = indexToBig(i, m) / MULTIPLES\r\n      const p =\r\n        m.total <= 1 ? 0 : Math.max(0, Math.min(m.total - 1, i)) / (m.total - 1)\r\n      let changed = false\r\n      if (which === 'x' || which === 'both') {\r\n        if (pos.left !== p) {\r\n          pos.left = p\r\n          changed = true\r\n        }\r\n        if (currentXValue.value !== next) {\r\n          currentXValue.value = next\r\n          changed = true\r\n        }\r\n      }\r\n      if (which === 'y' || which === 'both') {\r\n        if (pos.top !== p) {\r\n          pos.top = p\r\n          changed = true\r\n        }\r\n        if (currentYValue.value !== next) {\r\n          currentYValue.value = next\r\n          changed = true\r\n        }\r\n      }\r\n      if (!silent && changed) emitIfOneAxis()\r\n    }\r\n\r\n    function setByValue(v: number, silent = true) {\r\n      const i = bigToIndex(toBig(v), meta.value)\r\n      const { x, y } = axis.value\r\n      applyIndex(i, y && !x ? 'y' : 'x', silent)\r\n    }\r\n\r\n    function pointerPercent(e: PointerEvent) {\r\n      const el = root.value\r\n      const knob = rod.value\r\n      if (!el) return { px: 0, py: 0 }\r\n      const rect = el.getBoundingClientRect()\r\n      const rodW = knob?.offsetWidth ?? 0\r\n      const rodH = knob?.offsetHeight ?? 0\r\n      const ux = Math.max(1, rect.width - rodW)\r\n      const uy = Math.max(1, rect.height - rodH)\r\n      return {\r\n        px: (e.clientX - rect.left - rodW / 2) / ux,\r\n        py: (e.clientY - rect.top - rodH / 2) / uy,\r\n      }\r\n    }\r\n\r\n    function applyPointer(e: PointerEvent) {\r\n      const { px, py } = pointerPercent(e)\r\n      const total = meta.value.total\r\n      const { x, y } = axis.value\r\n      if (x && y) {\r\n        const ix = percentToIndex(px, total)\r\n        const iy = percentToIndex(py, total)\r\n        const m = meta.value\r\n        pos.left = total <= 1 ? 0 : ix / (total - 1)\r\n        pos.top = total <= 1 ? 0 : iy / (total - 1)\r\n        currentXValue.value = indexToBig(ix, m) / MULTIPLES\r\n        currentYValue.value = indexToBig(iy, m) / MULTIPLES\r\n        return\r\n      }\r\n      if (x) applyIndex(percentToIndex(px, total), 'x')\r\n      else if (y) applyIndex(percentToIndex(py, total), 'y')\r\n    }\r\n\r\n    function endDrag(e?: PointerEvent) {\r\n      if (!dragging.value) return\r\n      dragging.value = false\r\n      const el = root.value\r\n      if (el && pointerId != null) {\r\n        try {\r\n          if (el.hasPointerCapture(pointerId))\r\n            el.releasePointerCapture(pointerId)\r\n        } catch {\r\n          /* ignore */\r\n        }\r\n      }\r\n      pointerId = null\r\n      document.body.style.userSelect = ''\r\n      document.body.style.cursor = ''\r\n      if (e) e.preventDefault()\r\n    }\r\n\r\n    function handlePointerDown(e: PointerEvent) {\r\n      if (inactive.value) return\r\n      if (e.pointerType === 'mouse' && e.button !== 0) return\r\n      e.preventDefault()\r\n      const el = root.value\r\n      if (!el) return\r\n      pointerId = e.pointerId\r\n      try {\r\n        el.setPointerCapture(e.pointerId)\r\n      } catch {\r\n        /* ignore */\r\n      }\r\n      dragging.value = true\r\n      showInvalidTip.value = false\r\n      document.body.style.userSelect = 'none'\r\n      document.body.style.cursor = 'grabbing'\r\n      applyPointer(e)\r\n    }\r\n\r\n    function handlePointerMove(e: PointerEvent) {\r\n      if (!dragging.value || e.pointerId !== pointerId) return\r\n      e.preventDefault()\r\n      applyPointer(e)\r\n    }\r\n\r\n    function handlePointerUp(e: PointerEvent) {\r\n      if (e.pointerId !== pointerId) return\r\n      endDrag(e)\r\n    }\r\n\r\n    function nudge(delta: number) {\r\n      if (inactive.value) return\r\n      const m = meta.value\r\n      const { x, y } = axis.value\r\n      if (x && !y) {\r\n        applyIndex(bigToIndex(toBig(currentXValue.value), m) + delta, 'x')\r\n      } else if (y && !x) {\r\n        applyIndex(bigToIndex(toBig(currentYValue.value), m) + delta, 'y')\r\n      }\r\n    }\r\n\r\n    function handleKeydown(e: KeyboardEvent) {\r\n      if (inactive.value || axis.value.both) return\r\n      const m = meta.value\r\n      const page = Math.max(1, Math.round((m.total - 1) / 10))\r\n      switch (e.key) {\r\n        case 'ArrowLeft':\r\n        case 'ArrowDown':\r\n          e.preventDefault()\r\n          nudge(-1)\r\n          break\r\n        case 'ArrowRight':\r\n        case 'ArrowUp':\r\n          e.preventDefault()\r\n          nudge(1)\r\n          break\r\n        case 'PageDown':\r\n          e.preventDefault()\r\n          nudge(-page)\r\n          break\r\n        case 'PageUp':\r\n          e.preventDefault()\r\n          nudge(page)\r\n          break\r\n        case 'Home':\r\n          e.preventDefault()\r\n          applyIndex(0, axis.value.x ? 'x' : 'y')\r\n          break\r\n        case 'End':\r\n          e.preventDefault()\r\n          applyIndex(m.total - 1, axis.value.x ? 'x' : 'y')\r\n          break\r\n      }\r\n    }\r\n\r\n    function validateInputValue(v: number): boolean {\r\n      const m = meta.value\r\n      return indexToBig(bigToIndex(toBig(v), m), m) === toBig(v)\r\n    }\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (v) => {\r\n        if (dragging.value || axis.value.both) return\r\n        if (v === displayValue.value) return\r\n        lastEmitted = v\r\n        setByValue(v, true)\r\n      },\r\n    )\r\n\r\n    watch(\r\n      () => [props.min, props.max, props.step] as const,\r\n      () => {\r\n        if (dragging.value) return\r\n        const snapped =\r\n          indexToBig(\r\n            bigToIndex(toBig(props.modelValue), meta.value),\r\n            meta.value,\r\n          ) / MULTIPLES\r\n        setByValue(props.modelValue, snapped === props.modelValue)\r\n      },\r\n    )\r\n\r\n    setByValue(props.modelValue)\r\n\r\n    onBeforeUnmount(() => endDrag())\r\n\r\n    return () => {\r\n      const { x, y } = axis.value\r\n      const rodPosition: Record<string, string> = {}\r\n      const progressSize: { width?: string; height?: string } = {}\r\n      if (x) {\r\n        rodPosition['--__pos-x'] = String(pos.left)\r\n        progressSize.width = `${pos.left * 100}%`\r\n      }\r\n      if (y) {\r\n        rodPosition['--__pos-y'] = String(pos.top)\r\n        progressSize.height = `${pos.top * 100}%`\r\n      }\r\n\r\n      const sliderRod = (\r\n        <div class=\"w-slider-rod\" ref={rod} style={rodPosition}>\r\n          <Tooltip {...tooltipOptions.value}>\r\n            {{\r\n              trigger: () => (\r\n                <div\r\n                  class={[\r\n                    'w-slider-for-tip',\r\n                    { 'rod-in-dragging': dragging.value },\r\n                  ]}\r\n                  onDragstart={(e: DragEvent) => e.preventDefault()}\r\n                  onMouseenter={() => (hoverTip.value = true)}\r\n                  onMouseleave={() => (hoverTip.value = false)}\r\n                />\r\n              ),\r\n              default: () => tipContent.value,\r\n            }}\r\n          </Tooltip>\r\n        </div>\r\n      )\r\n\r\n      const main = (\r\n        <div\r\n          {...mergeProps(\r\n            {\r\n              class: sliderClass.value,\r\n              style: rootTokenStyle.value,\r\n            },\r\n            { ref: root },\r\n          )}\r\n          role={axis.value.both ? undefined : 'slider'}\r\n          tabindex={disabled.value ? -1 : 0}\r\n          aria-valuemin={props.min}\r\n          aria-valuemax={props.max}\r\n          aria-valuenow={displayValue.value}\r\n          aria-orientation={\r\n            axis.value.both ? undefined : x ? 'horizontal' : 'vertical'\r\n          }\r\n          aria-disabled={disabled.value || undefined}\r\n          aria-readonly={props.readonly || undefined}\r\n          onPointerdown={handlePointerDown}\r\n          onPointermove={handlePointerMove}\r\n          onPointerup={handlePointerUp}\r\n          onPointercancel={handlePointerUp}\r\n          onKeydown={handleKeydown}\r\n          onFocus={() => (focused.value = true)}\r\n          onBlur={() => (focused.value = false)}>\r\n          {props.fill ? (\r\n            <div class=\"w-slider-progress\" style={progressSize} />\r\n          ) : null}\r\n          {sliderRod}\r\n        </div>\r\n      )\r\n\r\n      if (props.hasInput && !axis.value.both) {\r\n        return (\r\n          <div class=\"w-slider-has-input\">\r\n            {main}\r\n            <Tooltip\r\n              real-time\r\n              manual\r\n              placement=\"top\"\r\n              adjustPosition=\"bottom\"\r\n              show={showInvalidTip.value}\r\n              layerStyle={tooltipLayerStyle.value}>\r\n              {{\r\n                trigger: () => (\r\n                  <Num\r\n                    hasBtn={false}\r\n                    width={props.inputWidth}\r\n                    min={Math.min(props.min, props.max)}\r\n                    max={Math.max(props.min, props.max)}\r\n                    step={props.step}\r\n                    modelValue={props.modelValue}\r\n                    disabled={disabled.value}\r\n                    readonly={props.readonly}\r\n                    {...({\r\n                      onKeydown: (e: KeyboardEvent) => {\r\n                        if (inactive.value) return\r\n                        if (e.key === 'Enter') {\r\n                          ;(e.target as HTMLInputElement).blur()\r\n                        }\r\n                      },\r\n                      onBlur: (e: FocusEvent) => {\r\n                        if (inactive.value) return\r\n                        const target = e.target as HTMLInputElement\r\n                        const v = parseFloat(target.value)\r\n                        if (isNaN(v)) return\r\n                        if (validateInputValue(v)) {\r\n                          showInvalidTip.value = false\r\n                          setByValue(v, false)\r\n                        } else {\r\n                          showInvalidTip.value = true\r\n                        }\r\n                      },\r\n                    } as Record<string, unknown>)}\r\n                  />\r\n                ),\r\n                default: () => props.invalidateTip || t('slider.invalid'),\r\n              }}\r\n            </Tooltip>\r\n          </div>\r\n        )\r\n      }\r\n\r\n      return main\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/slider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Slider';

package/dist/components/slider/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/slider.css';

package/dist/components/svgIcon/SvgIcon.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+/** 内置矢量图标名称（媒体 / 通用） */
+export type SvgIconName = 'play' | 'pause' | 'prev' | 'next' | 'volume' | 'volume-off' | 'playlist' | 'music' | 'chevron-down' | 'close' | 'mode-sequential' | 'mode-random' | 'mode-single-loop' | 'mode-list-loop' | 'rotate-left' | 'rotate-right' | 'flip-x' | 'flip-y' | 'zoom-in' | 'zoom-out' | 'fit' | 'reset';
+declare const ICON_PATHS: Record<SvgIconName, string | string[]>;
+export declare function resolvePlayModeIconName(mode: string): SvgIconName;
+declare const SvgIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<SvgIconName>;
+        required: true;
+    };
+    size: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    viewBox: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<SvgIconName>;
+        required: true;
+    };
+    size: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    viewBox: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    viewBox: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default SvgIcon;
+export { ICON_PATHS };

package/dist/components/svgIcon/SvgIcon.js

@@ -0,0 +1,78 @@
+import { createVNode, defineComponent, mergeProps } from "vue";
+//#region components/svgIcon/SvgIcon.tsx
+/** 内置矢量图标名称（媒体 / 通用） */
+var ICON_PATHS = {
+	play: "M8 5v14l11-7L8 5z",
+	pause: "M6 5h4v14H6V5zm8 0h4v14h-4V5z",
+	prev: "M6 6h2v12H6V6zm3.5 6l8.5 6V6l-8.5 6z",
+	next: "M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z",
+	volume: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z",
+	"volume-off": "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z",
+	playlist: "M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v2H3v-2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z",
+	music: "M12 3v10.55A4 4 0 1014 17V7h4V3h-6z",
+	"chevron-down": "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
+	close: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",
+	"mode-sequential": "M3 6h18v2H3V6zm0 5h18v2H3v-2zm0 5h12v2H3v-2z",
+	"mode-random": "M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z",
+	"mode-single-loop": "M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4zm-4-2V9h-1l-2 1v1h1.5v4H13z",
+	"mode-list-loop": "M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z",
+	"rotate-left": "M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z",
+	"rotate-right": "M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z",
+	"flip-x": "M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z",
+	"flip-y": "M3 15v2h2v-2H3zm12 4v2h2v-2h-2zM5 3v14c0 1.1.9 2 2 2h14v-4h-2v2H7V3H5zm16 16h-2v2c1.1 0 2-.9 2-2zM3 9h2V7H3v2zm18 8v-2h2v2h-2zM3 19h2v-2H3v2zM21 1H9v2h12v12h2V3c0-1.1-.9-2-2-2zm-8 8h2V7h-2v2zm0 4h2v-2h-2v2zm-4-4h2V7H9v2zm0 4h2v-2H9v2z",
+	"zoom-in": "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 9V7H9v2H7v1h2v2h1v-2h2V9h-2z",
+	"zoom-out": "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z",
+	fit: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z",
+	reset: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"
+};
+var PLAY_MODE_ICON = {
+	sequential: "mode-sequential",
+	random: "mode-random",
+	"single-loop": "mode-single-loop",
+	"list-loop": "mode-list-loop"
+};
+function resolvePlayModeIconName(mode) {
+	return PLAY_MODE_ICON[mode] || "mode-sequential";
+}
+var SvgIcon = /* @__PURE__ */ defineComponent({
+	name: "SvgIcon",
+	inheritAttrs: false,
+	props: {
+		name: {
+			type: String,
+			required: true
+		},
+		size: {
+			type: [Number, String],
+			default: 18
+		},
+		viewBox: {
+			type: String,
+			default: "0 0 24 24"
+		}
+	},
+	setup(props, { attrs, slots }) {
+		return () => {
+			const size = typeof props.size === "number" ? props.size : props.size;
+			const paths = ICON_PATHS[props.name];
+			const pathList = paths ? Array.isArray(paths) ? paths : [paths] : [];
+			const svgProps = mergeProps({
+				class: "w-svg-icon",
+				width: size,
+				height: size,
+				viewBox: props.viewBox,
+				fill: "currentColor",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, attrs);
+			return createVNode("svg", svgProps, [slots.default ? slots.default() : pathList.map((d) => createVNode("path", {
+				"key": d,
+				"d": d
+			}, null))]);
+		};
+	}
+});
+//#endregion
+export { ICON_PATHS, SvgIcon as default, resolvePlayModeIconName };
+
+//# sourceMappingURL=SvgIcon.js.map