vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
39 lines (38 loc) • 1.13 kB
JavaScript
import { defineComponent as h, useTemplateRef as n, createElementBlock as C, openBlock as E, withModifiers as k, unref as e, createElementVNode as w, normalizeStyle as y } from "vue";
import { useHue as _ } from "../hook/useHue.mjs";
const z = /* @__PURE__ */ h({
__name: "hue",
props: {
width: {},
hue: {}
},
emits: ["update:hue"],
setup(l, { expose: i, emit: p }) {
const m = l, d = p, t = n("hueEl"), u = n("hueCursorEl"), { cursorColor: a, setSizePoses: c, setCursor: f, onMousedown: o } = _(m, t, u, d);
return i({
setSizePoses: c,
setCursor: f
}), (v, r) => (E(), C("div", {
ref_key: "hueEl",
ref: t,
class: "hue-slider",
onMousedown: r[0] || (r[0] = //@ts-ignore
(...s) => e(o) && e(o)(...s)),
onTouchstartPassiveCapture: r[1] || (r[1] = k(
//@ts-ignore
(...s) => e(o) && e(o)(...s),
["stop"]
))
}, [
w("div", {
ref_key: "hueCursorEl",
ref: u,
class: "slider-cursor",
style: y({ backgroundColor: e(a) })
}, null, 4)
], 544));
}
});
export {
z as default
};