100 lines
3.7 KiB
JavaScript
100 lines
3.7 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
var vue = require('vue');
|
|
var dateTable = require('./date-table.js');
|
|
var useDateTable = require('./use-date-table.js');
|
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
|
|
const __default__ = vue.defineComponent({
|
|
name: "DateTable"
|
|
});
|
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
...__default__,
|
|
props: dateTable.dateTableProps,
|
|
emits: dateTable.dateTableEmits,
|
|
setup(__props, { expose, emit }) {
|
|
const props = __props;
|
|
const {
|
|
isInRange,
|
|
now,
|
|
rows,
|
|
weekDays,
|
|
getFormattedDate,
|
|
handlePickDay,
|
|
getSlotData
|
|
} = useDateTable.useDateTable(props, emit);
|
|
const nsTable = index.useNamespace("calendar-table");
|
|
const nsDay = index.useNamespace("calendar-day");
|
|
const getCellClass = ({ text, type }) => {
|
|
const classes = [type];
|
|
if (type === "current") {
|
|
const date = getFormattedDate(text, type);
|
|
if (date.isSame(props.selectedDay, "day")) {
|
|
classes.push(nsDay.is("selected"));
|
|
}
|
|
if (date.isSame(now, "day")) {
|
|
classes.push(nsDay.is("today"));
|
|
}
|
|
}
|
|
return classes;
|
|
};
|
|
expose({
|
|
getFormattedDate
|
|
});
|
|
return (_ctx, _cache) => {
|
|
return vue.openBlock(), vue.createElementBlock("table", {
|
|
class: vue.normalizeClass([vue.unref(nsTable).b(), vue.unref(nsTable).is("range", vue.unref(isInRange))]),
|
|
cellspacing: "0",
|
|
cellpadding: "0"
|
|
}, [
|
|
!_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", { key: 0 }, [
|
|
vue.createElementVNode("tr", null, [
|
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
|
|
return vue.openBlock(), vue.createElementBlock("th", {
|
|
key: day,
|
|
scope: "col"
|
|
}, vue.toDisplayString(day), 1);
|
|
}), 128))
|
|
])
|
|
])) : vue.createCommentVNode("v-if", true),
|
|
vue.createElementVNode("tbody", null, [
|
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, index) => {
|
|
return vue.openBlock(), vue.createElementBlock("tr", {
|
|
key: index,
|
|
class: vue.normalizeClass({
|
|
[vue.unref(nsTable).e("row")]: true,
|
|
[vue.unref(nsTable).em("row", "hide-border")]: index === 0 && _ctx.hideHeader
|
|
})
|
|
}, [
|
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key) => {
|
|
return vue.openBlock(), vue.createElementBlock("td", {
|
|
key,
|
|
class: vue.normalizeClass(getCellClass(cell)),
|
|
onClick: ($event) => vue.unref(handlePickDay)(cell)
|
|
}, [
|
|
vue.createElementVNode("div", {
|
|
class: vue.normalizeClass(vue.unref(nsDay).b())
|
|
}, [
|
|
vue.renderSlot(_ctx.$slots, "date-cell", {
|
|
data: vue.unref(getSlotData)(cell)
|
|
}, () => [
|
|
vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
|
|
])
|
|
], 2)
|
|
], 10, ["onClick"]);
|
|
}), 128))
|
|
], 2);
|
|
}), 128))
|
|
])
|
|
], 2);
|
|
};
|
|
}
|
|
});
|
|
var DateTable = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "date-table.vue"]]);
|
|
|
|
exports["default"] = DateTable;
|
|
//# sourceMappingURL=date-table2.js.map
|