@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
40 lines (39 loc) • 1.02 kB
JavaScript
import n from "./color-palette.vue2.mjs";
import { createElementBlock as t, openBlock as a, normalizeStyle as o, normalizeClass as r, createElementVNode as l } from "vue";
import s from "../../_virtual/_plugin-vue_export-helper.mjs";
function p(e, i, u, d, c, f) {
return a(), t("div", {
ref: "wrapper",
class: r(e.nh.be("palette")),
tabindex: "-1",
role: "group",
style: o({
backgroundColor: `hsl(${e.hue}, 100%, 50%)`
})
}, [
l("div", {
class: r(e.nh.be("saturation")),
role: "none"
}, null, 2),
l("div", {
class: r(e.nh.be("value")),
role: "none"
}, null, 2),
l("div", {
class: r(e.nh.be("palette-handler")),
style: o({
top: `${e.currentTop}%`,
left: `${e.currentLeft}%`
})
}, [
l("div", {
class: r(e.nh.be("palette-pointer"))
}, null, 2)
], 6)
], 6);
}
const $ = /* @__PURE__ */ s(n, [["render", p]]);
export {
$ as default
};
//# sourceMappingURL=color-palette.vue.mjs.map