hu-element-components
Version:
99 lines (98 loc) • 2.82 kB
JavaScript
import { defineComponent as T, ref as s, watch as p, resolveComponent as y, createElementBlock as V, openBlock as v, Fragment as C, createElementVNode as m, createTextVNode as E, createVNode as c, mergeProps as f, unref as n, isRef as g, toDisplayString as S } from "vue";
const x = { style: { display: "flex" } }, P = { style: { "margin-right": "20px" } }, b = /* @__PURE__ */ T({
__name: "index",
props: {
// 开始时间
startPlaceholder: {
type: String,
default: "请选择开始时间"
},
startTimeStart: {
type: String,
default: "08:00"
},
startStep: {
type: String,
default: "00:30"
},
startTimeEnd: {
type: String,
default: "24:00"
},
// 结束时间
endPlaceholder: {
type: String,
default: "请选择结束时间"
},
endTimeStart: {
type: String,
default: "08:00"
},
endStep: {
type: String,
default: "00:30"
},
endTimeEnd: {
type: String,
default: "24:00"
}
},
emits: ["startChange", "endChange"],
setup(e, { emit: h }) {
let o = h, t = s(""), a = s(""), r = s(!0);
return p(() => t.value, (l) => {
l ? (r.value = !1, o("startChange", l)) : (a.value = "", r.value = !0);
}), p(() => a.value, (l) => {
l !== "" && o("endChange", {
startTime: t.value,
endTime: l
});
}), (l, i) => {
const u = y("el-time-select");
return v(), V(
C,
null,
[
m("div", x, [
m("div", P, [
c(u, f({
modelValue: n(t),
"onUpdate:modelValue": i[0] || (i[0] = (d) => g(t) ? t.value = d : t = d),
placeholder: e.startPlaceholder,
start: e.startTimeStart,
step: e.startStep,
end: e.startTimeEnd
}, l.$attrs.startOptions), null, 16, ["modelValue", "placeholder", "start", "step", "end"])
]),
m("div", null, [
c(u, f({
modelValue: n(a),
"onUpdate:modelValue": i[1] || (i[1] = (d) => g(a) ? a.value = d : a = d),
"min-time": n(t),
placeholder: e.endPlaceholder,
start: e.endTimeStart,
step: e.endStep,
end: e.endTimeEnd,
disabled: n(r)
}, l.$attrs.endOptions), null, 16, ["modelValue", "min-time", "placeholder", "start", "step", "end", "disabled"])
])
]),
E(
" " + S(n(t)) + " " + S(n(a)),
1
/* TEXT */
)
],
64
/* STABLE_FRAGMENT */
);
};
}
}), k = {
install(e) {
e.component("m-choose-time", b);
}
};
export {
k as default
};