dk-plus
Version:
133 lines (132 loc) • 6.26 kB
JavaScript
import u from "./index6.js";
import { openBlock as d, createElementBlock as o, normalizeClass as l, withModifiers as b, createElementVNode as n, createCommentVNode as t, Fragment as r, renderList as a, toDisplayString as p } from "vue";
import m from "../../_virtual/index.js";
const c = { class: "dk-time-picker_spinner" }, v = { class: "dk-time-picker_spinner-column" }, w = ["disabled"], y = { class: "dk-time-picker_spinner-list-wrapper" }, C = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-mask is-top" }, null, -1), f = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-mask is-bottom" }, null, -1), h = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-selection" }, null, -1), _ = ["disabled", "data-idx", "onClick"], $ = ["disabled"], H = { class: "dk-time-picker_spinner-column" }, M = ["disabled"], S = { class: "dk-time-picker_spinner-list-wrapper" }, W = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-mask is-top" }, null, -1), D = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-mask is-bottom" }, null, -1), R = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-selection" }, null, -1), g = ["disabled", "data-idx", "onClick"], B = ["disabled"], E = {
key: 0,
class: "dk-time-picker_spinner-column"
}, N = ["disabled"], P = { class: "dk-time-picker_spinner-list-wrapper" }, V = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-mask is-top" }, null, -1), z = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-mask is-bottom" }, null, -1), F = /* @__PURE__ */ n("div", { class: "dk-time-picker_spinner-selection" }, null, -1), L = ["disabled", "data-idx", "onClick"], T = ["disabled"];
function j(e, i, q, A, G, I) {
return d(), o("div", {
class: l(["dk-time-picker_panel", { "is-disabled": e.disabled }]),
onMousedown: i[9] || (i[9] = b(() => {
}, ["prevent"]))
}, [
n("div", c, [
n("div", v, [
e.arrowControl ? (d(), o("button", {
key: 0,
type: "button",
class: "dk-time-picker_arrow is-up",
disabled: e.disabled,
"aria-label": "decrease hours",
onClick: i[0] || (i[0] = (s) => e.stepHour(-1))
}, null, 8, w)) : t("", !0),
n("div", y, [
C,
f,
h,
n("div", {
ref: "hoursRef",
class: "dk-time-picker_spinner-list",
onWheel: i[1] || (i[1] = (...s) => e.onWheelHours && e.onWheelHours(...s))
}, [
(d(!0), o(r, null, a(e.hours, (s) => (d(), o("button", {
key: s,
type: "button",
class: l(["dk-time-picker_spinner-item", { "is-active": s === e.selectedHour, "is-disabled": e.isHourDisabled(s) }]),
disabled: e.disabled || e.isHourDisabled(s),
"data-idx": s,
onClick: (k) => e.setHour(s)
}, p(e.pad2(s)), 11, _))), 128))
], 544)
]),
e.arrowControl ? (d(), o("button", {
key: 1,
type: "button",
class: "dk-time-picker_arrow is-down",
disabled: e.disabled,
"aria-label": "increase hours",
onClick: i[2] || (i[2] = (s) => e.stepHour(1))
}, null, 8, $)) : t("", !0)
]),
n("div", H, [
e.arrowControl ? (d(), o("button", {
key: 0,
type: "button",
class: "dk-time-picker_arrow is-up",
disabled: e.disabled,
"aria-label": "decrease minutes",
onClick: i[3] || (i[3] = (s) => e.stepMinute(-1))
}, null, 8, M)) : t("", !0),
n("div", S, [
W,
D,
R,
n("div", {
ref: "minutesRef",
class: "dk-time-picker_spinner-list",
onWheel: i[4] || (i[4] = (...s) => e.onWheelMinutes && e.onWheelMinutes(...s))
}, [
(d(!0), o(r, null, a(e.minutes, (s) => (d(), o("button", {
key: s,
type: "button",
class: l(["dk-time-picker_spinner-item", { "is-active": s === e.selectedMinute, "is-disabled": e.isMinuteDisabled(e.selectedHour, s) }]),
disabled: e.disabled || e.isMinuteDisabled(e.selectedHour, s),
"data-idx": s,
onClick: (k) => e.setMinute(s)
}, p(e.pad2(s)), 11, g))), 128))
], 544)
]),
e.arrowControl ? (d(), o("button", {
key: 1,
type: "button",
class: "dk-time-picker_arrow is-down",
disabled: e.disabled,
"aria-label": "increase minutes",
onClick: i[5] || (i[5] = (s) => e.stepMinute(1))
}, null, 8, B)) : t("", !0)
]),
e.showSeconds ? (d(), o("div", E, [
e.arrowControl ? (d(), o("button", {
key: 0,
type: "button",
class: "dk-time-picker_arrow is-up",
disabled: e.disabled,
"aria-label": "decrease seconds",
onClick: i[6] || (i[6] = (s) => e.stepSecond(-1))
}, null, 8, N)) : t("", !0),
n("div", P, [
V,
z,
F,
n("div", {
ref: "secondsRef",
class: "dk-time-picker_spinner-list",
onWheel: i[7] || (i[7] = (...s) => e.onWheelSeconds && e.onWheelSeconds(...s))
}, [
(d(!0), o(r, null, a(e.seconds, (s) => (d(), o("button", {
key: s,
type: "button",
class: l(["dk-time-picker_spinner-item", { "is-active": s === e.selectedSecond, "is-disabled": e.isSecondDisabled(e.selectedHour, e.selectedMinute, s) }]),
disabled: e.disabled || e.isSecondDisabled(e.selectedHour, e.selectedMinute, s),
"data-idx": s,
onClick: (k) => e.setSecond(s)
}, p(e.pad2(s)), 11, L))), 128))
], 544)
]),
e.arrowControl ? (d(), o("button", {
key: 1,
type: "button",
class: "dk-time-picker_arrow is-down",
disabled: e.disabled,
"aria-label": "increase seconds",
onClick: i[8] || (i[8] = (s) => e.stepSecond(1))
}, null, 8, T)) : t("", !0)
])) : t("", !0)
])
], 34);
}
const Q = /* @__PURE__ */ m(u, [["render", j]]);
export {
Q as default
};