vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
133 lines (132 loc) • 5.34 kB
JavaScript
import { defineComponent as F, mergeModels as y, useModel as K, createElementBlock as n, openBlock as s, createElementVNode as o, createVNode as a, unref as e, toDisplayString as d, Fragment as h, renderList as _, normalizeClass as u } from "vue";
import { getHeadDate as g } from "./date.mjs";
import { useRange as R } from "./hook/useRange.mjs";
import { Icon as c } from "@vuux/icons";
const z = { class: "app-date-details is-range" }, H = { class: "details-left" }, L = { class: "date-control" }, j = { class: "control-left" }, q = { class: "is-icon" }, A = { class: "is-icon" }, G = { class: "cur-date" }, J = { class: "control-right" }, O = { class: "is-icon" }, Q = { class: "is-icon" }, T = { class: "date-box" }, U = { class: "date-num" }, W = ["onClick", "onMouseenter"], X = { class: "details-right" }, Z = { class: "date-control" }, ee = { class: "control-left" }, oe = { class: "is-icon" }, te = { class: "is-icon" }, ne = { class: "cur-date" }, se = { class: "control-right" }, le = { class: "is-icon" }, ae = { class: "is-icon" }, de = { class: "date-box" }, ce = { class: "date-num" }, ie = ["onClick", "onMouseenter"], me = /* @__PURE__ */ F({
__name: "dateRange",
props: /* @__PURE__ */ y({
startKey: { default: "start" },
endKey: { default: "end" },
clear: { type: Boolean },
readonly: { type: Boolean },
disabled: { type: Boolean },
shadow: { type: Boolean },
placeholderStart: { default: "开始日期" },
placeholderEnd: { default: "结束日期" }
}, {
modelValue: {},
modelModifiers: {}
}),
emits: /* @__PURE__ */ y(["change"], ["update:modelValue"]),
setup(m, { expose: M, emit: x }) {
const I = m, V = x, B = K(m, "modelValue"), { state: k, dateState: r, computeClass: l, init: N, setValue: C, hoverValueFn: p, handlePrveYear1: P, handlePrveMonth1: S, handleNextMonth1: D, handleNextYear1: Y, handlePrveYear2: $, handlePrveMonth2: b, handleNextMonth2: w, handleNextYear2: E } = R(I, B, V);
return M({ init: N }), (re, f) => (s(), n("div", z, [
o("div", H, [
o("div", L, [
o("div", j, [
o("div", q, [
a(e(c), {
name: "Icon1407811",
onClick: e(P)
}, null, 8, ["onClick"])
]),
o("div", A, [
a(e(c), {
name: "Icon3498333",
onClick: e(S)
}, null, 8, ["onClick"])
])
]),
o("div", G, d(e(r).year1) + " 年 " + d(e(r).month1) + " 月", 1),
o("div", J, [
o("div", O, [
a(e(c), {
name: "Icon6657361",
onClick: e(D)
}, null, 8, ["onClick"])
]),
o("div", Q, [
a(e(c), {
name: "Icon1756783",
onClick: e(Y)
}, null, 8, ["onClick"])
])
])
]),
o("div", T, [
(s(!0), n(h, null, _(e(g), (t, i) => (s(), n("div", {
key: "h" + i,
class: "date-item"
}, [
o("div", U, d(t), 1)
]))), 128)),
(s(!0), n(h, null, _(e(k).leftPanel, (t, i) => (s(), n("div", {
key: "d" + i,
class: u(["date-item", [e(l)("selected", t), e(l)("rangeSelected", t), e(l)("rangeMonth", t)]]),
onClick: (v) => e(C)(t, "left"),
onMouseenter: (v) => e(p)(t)
}, [
o("div", {
class: u(["date-value", { "is-today": e(l)("today", t) }])
}, d(t.showDate), 3)
], 42, W))), 128))
])
]),
f[0] || (f[0] = o("div", { class: "link" }, null, -1)),
o("div", X, [
o("div", Z, [
o("div", ee, [
o("div", oe, [
a(e(c), {
name: "Icon1407811",
onClick: e($)
}, null, 8, ["onClick"])
]),
o("div", te, [
a(e(c), {
name: "Icon3498333",
onClick: e(b)
}, null, 8, ["onClick"])
])
]),
o("div", ne, d(e(r).year2) + " 年 " + d(e(r).month2) + " 月", 1),
o("div", se, [
o("div", le, [
a(e(c), {
name: "Icon6657361",
onClick: e(w)
}, null, 8, ["onClick"])
]),
o("div", ae, [
a(e(c), {
name: "Icon1756783",
onClick: e(E)
}, null, 8, ["onClick"])
])
])
]),
o("div", de, [
(s(!0), n(h, null, _(e(g), (t, i) => (s(), n("div", {
key: "h" + i,
class: "date-item"
}, [
o("div", ce, d(t), 1)
]))), 128)),
(s(!0), n(h, null, _(e(k).rightPanel, (t, i) => (s(), n("div", {
key: "d" + i,
class: u(["date-item", [e(l)("selected", t), e(l)("rangeSelected", t), e(l)("rangeMonth", t)]]),
onClick: (v) => e(C)(t, "right"),
onMouseenter: (v) => e(p)(t)
}, [
o("div", {
class: u(["date-value", { "is-today": e(l)("today", t) }])
}, d(t.showDate), 3)
], 42, ie))), 128))
])
])
]));
}
});
export {
me as default
};