vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
43 lines (42 loc) • 1.29 kB
JavaScript
import { defineComponent as C, useTemplateRef as l, createElementBlock as E, openBlock as v, normalizeStyle as s, unref as y, createElementVNode as r } from "vue";
import { usePanel as k } from "../hook/usePanel.mjs";
const _ = /* @__PURE__ */ C({
__name: "panel",
props: {
width: {},
height: {},
currentColor: {},
hue: {},
sat: {},
val: {},
x: {},
y: {},
isPreset: { type: Boolean }
},
emits: ["update:sat", "update:val", "update:cursor"],
setup(a, { expose: p, emit: u }) {
const n = a, i = u, o = l("panelEl"), t = l("panelCursorEl"), { panelBgColor: c, setSizePoses: m, setCursor: d, unregisterListeners: f } = k(n, o, t, i);
return p({
setSizePoses: m,
setCursor: d,
unregisterListeners: f
}), (g, e) => (v(), E("div", {
ref_key: "panelEl",
ref: o,
class: "panel-container",
style: s({ backgroundColor: y(c) })
}, [
e[0] || (e[0] = r("div", { class: "sat-container" }, null, -1)),
e[1] || (e[1] = r("div", { class: "val-container" }, null, -1)),
r("div", {
ref_key: "panelCursorEl",
ref: t,
class: "cursor-container",
style: s({ backgroundColor: n.currentColor })
}, null, 4)
], 4));
}
});
export {
_ as default
};