birdpaper-ui
Version:
一个通用的 vue3 UI组件库。A common vue3 UI component library.
58 lines (57 loc) • 2.66 kB
JavaScript
;
const monthTable_vue_vue_type_script_lang = require("./month-table.vue2.js");
const vue = require("vue");
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
const _hoisted_1 = ["onClick"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_IconArrowLeftDoubleFill = vue.resolveComponent("IconArrowLeftDoubleFill");
const _component_IconArrowRightDoubleFill = vue.resolveComponent("IconArrowRightDoubleFill");
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(_ctx.name)
}, [
vue.createElementVNode("div", {
class: vue.normalizeClass(`${_ctx.name}-header`)
}, [
vue.createElementVNode("div", {
class: vue.normalizeClass(`${_ctx.name}-header-inner`)
}, [
vue.createElementVNode("span", {
class: vue.normalizeClass(`${_ctx.name}-header-inner-year`),
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.handleChangePicker(_ctx.PanelType.Year, _ctx.currentYear), ["stop"]))
}, vue.toDisplayString(_ctx.currentYear), 3)
], 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(`${_ctx.name}-header-option`)
}, [
vue.createVNode(_component_IconArrowLeftDoubleFill, {
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleChange("prev")),
size: "20px"
}),
vue.createVNode(_component_IconArrowRightDoubleFill, {
onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handleChange("next")),
size: "20px"
})
], 2)
], 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(`${_ctx.name}-body`)
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.monthCell, (col, colIndex) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass([
`${_ctx.name}-month-cell`,
{ active: _ctx.currentVal === col.value },
{ "to-month": _ctx.currentVal !== col.value && colIndex === _ctx.dayjs(_ctx.toDay).month() }
]),
onClick: vue.withModifiers(($event) => _ctx.handleSelect(col), ["stop"])
}, [
vue.createElementVNode("span", {
class: vue.normalizeClass([`${_ctx.name}-month-cell-inner`])
}, vue.toDisplayString(col.label), 3)
], 10, _hoisted_1);
}), 256))
], 2)
], 2);
}
const monthTable = /* @__PURE__ */ _pluginVue_exportHelper(monthTable_vue_vue_type_script_lang, [["render", _sfc_render]]);
module.exports = monthTable;