dk-plus
Version:
62 lines (61 loc) • 1.94 kB
JavaScript
import r from "./index2.js";
import { resolveComponent as l, openBlock as p, createElementBlock as m, normalizeClass as b, normalizeStyle as t, createVNode as s, withCtx as i } from "vue";
import z from "../../_virtual/index.js";
function M(e, o, f, k, v, h) {
const d = l("dk-icon"), u = l("dk-button"), a = l("dk-input");
return p(), m("div", {
class: b(e.classList),
style: t(e.styleList)
}, [
s(u, {
class: "dk-input-number_reduce",
disabled: e.disabled || e.reduceDisabled,
size: e.size,
onMousedown: o[0] || (o[0] = (n) => e.handleMouseDown(n, () => e.reduce)),
onMouseleave: e.handleMouseLeave,
onMouseup: e.handleMouseUp
}, {
default: i(() => [
s(d, {
size: e.iconSize,
icon: e.reduceIcon
}, null, 8, ["size", "icon"])
]),
_: 1
}, 8, ["disabled", "size", "onMouseleave", "onMouseup"]),
s(a, {
ref: "input",
modelValue: e.value,
"onUpdate:modelValue": o[1] || (o[1] = (n) => e.value = n),
type: "number",
align: "center",
border: "none",
size: e.size,
disabled: e.disabled,
readonly: e.readonly,
placeholder: e.placeholder,
"border-radius": "0",
onChange: e.handleInputChange
}, null, 8, ["modelValue", "size", "disabled", "readonly", "placeholder", "onChange"]),
s(u, {
class: "dk-input-number_plus",
disabled: e.disabled || e.plusDisabled,
size: e.size,
onMousedown: o[2] || (o[2] = (n) => e.handleMouseDown(n, () => e.plus)),
onMouseleave: e.handleMouseLeave,
onMouseup: e.handleMouseUp
}, {
default: i(() => [
s(d, {
size: e.iconSize,
icon: e.plusIcon
}, null, 8, ["size", "icon"])
]),
_: 1
}, 8, ["disabled", "size", "onMouseleave", "onMouseup"])
], 6);
}
const g = /* @__PURE__ */ z(r, [["render", M]]);
export {
g as default
};