birdpaper-ui
Version:
一个通用的 vue3 UI组件库。A common vue3 UI component library.
67 lines (66 loc) • 2.57 kB
JavaScript
;
const timeTable_vue_vue_type_script_lang = require("./time-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_RecycleScroller = vue.resolveComponent("RecycleScroller");
const _component_bp_button = vue.resolveComponent("bp-button");
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(_ctx.name)
}, [
vue.createElementVNode("div", {
class: vue.normalizeClass(`${_ctx.name}-body`)
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList([_ctx.hourList, _ctx.minuteList, _ctx.secondList], (items, index) => {
return vue.openBlock(), vue.createBlock(_component_RecycleScroller, {
listClass: "time-col-scroller-list",
ref_for: true,
ref: (el) => _ctx.typeRefs[index] = el,
class: vue.normalizeClass(`${_ctx.name}-time-col`),
items,
"item-size": 28
}, {
default: vue.withCtx(({ item }) => [
vue.createElementVNode("div", {
class: vue.normalizeClass([`${_ctx.name}-col-cell`, { active: item === _ctx.globalValue[index] }]),
onClick: ($event) => _ctx.handleClick(index, item)
}, [
vue.createElementVNode("span", {
class: vue.normalizeClass(`${_ctx.name}-col-cell-inner`)
}, vue.toDisplayString(item), 3)
], 10, _hoisted_1)
]),
_: 2
}, 1032, ["class", "items"]);
}), 256))
], 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(`${_ctx.name}-footer`)
}, [
vue.createVNode(_component_bp_button, {
size: "mini",
onClick: _ctx.setNow
}, {
default: vue.withCtx(() => [
vue.createTextVNode("现在")
]),
_: 1
}, 8, ["onClick"]),
vue.createVNode(_component_bp_button, {
disabled: _ctx.confirmDisabled,
size: "mini",
type: "primary",
status: "primary",
onClick: _ctx.handleSelect
}, {
default: vue.withCtx(() => [
vue.createTextVNode(" 确认 ")
]),
_: 1
}, 8, ["disabled", "onClick"])
], 2)
], 2);
}
const timeTable = /* @__PURE__ */ _pluginVue_exportHelper(timeTable_vue_vue_type_script_lang, [["render", _sfc_render]]);
module.exports = timeTable;