various-ui
Version:
This is a test version of the Vue 3 component library
374 lines (369 loc) • 19 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var index = require('../simplebar/index.js');
var component = require('./src/component.js');
var composable = require('./src/composable.js');
const _hoisted_1 = { class: "ui-form-candidate-container" };
const _hoisted_2 = { class: "ui-time-picker-candidates" };
const _hoisted_3 = { class: "ui-time-picker-candidate" };
const _hoisted_4 = { class: "ui-candidate-name" };
const _hoisted_5 = { class: "ui-candidate-controls" };
const _hoisted_6 = ["onClick"];
const _hoisted_7 = ["onClick"];
const _hoisted_8 = ["onClick"];
const _hoisted_9 = { class: "ui-time-picker-candidate" };
const _hoisted_10 = { class: "ui-candidate-name" };
const _hoisted_11 = { class: "ui-candidate-controls" };
const _hoisted_12 = ["onClick"];
const _hoisted_13 = ["onClick"];
const _hoisted_14 = ["onClick"];
const __default__ = vue.defineComponent({ name: "UiTimePicker" });
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
...__default__,
props: component.UiTimePickerPropsOption,
emits: component.UiTimePickerEmits,
setup(__props, { expose: __expose, emit: __emit }) {
const emits = __emit;
const define = __props;
const { ons, vars, refs, nodes, binds, methods, computeds } = composable.useComposable(define, emits);
const { sTime, eTime } = computeds;
const { show, hidden } = methods;
const { sHourser, sMinuteser, sSecondser, eHourser, eMinuteser, eSecondser, candidates, container } = nodes;
const { visible } = refs;
methods.init();
vue.onBeforeUnmount(() => {
var _a;
(_a = vars.observer) == null ? void 0 : _a.disconnect();
});
__expose({ show, hidden });
;
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
[
vue.createCommentVNode(" * \u65F6\u95F4\u9009\u62E9\u5668 "),
vue.createElementVNode(
"div",
vue.mergeProps({
class: "ui-time-picker",
ref_key: "container",
ref: container
}, vue.unref(binds).container),
[
vue.createCommentVNode(" * \u9009\u62E9\u5668\u4E3B\u4F53 "),
vue.createElementVNode("div", {
class: "ui-form-control",
onClick: _cache[0] || (_cache[0] = //@ts-ignore
(...args) => vue.unref(show) && vue.unref(show)(...args))
}, [
vue.createElementVNode(
"input",
vue.mergeProps({
class: "ui-time-context",
type: "text",
"aria-name": "start"
}, vue.unref(binds).start, { readonly: "" }),
null,
16
/* FULL_PROPS */
),
_cache[7] || (_cache[7] = vue.createElementVNode(
"div",
{ class: "ui-time-rect" },
null,
-1
/* HOISTED */
)),
vue.createElementVNode(
"input",
vue.mergeProps({
class: "ui-time-context",
type: "text",
"aria-name": "end"
}, vue.unref(binds).end, { readonly: "" }),
null,
16
/* FULL_PROPS */
)
]),
vue.createCommentVNode(" * \u5019\u9009\u5217\u8868 "),
vue.createVNode(
vue.Transition,
vue.toHandlers(vue.unref(ons).candidates),
{
default: vue.withCtx(() => [
vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock(
"div",
vue.mergeProps({
key: 0,
class: "ui-form-candidates",
ref_key: "candidates",
ref: candidates
}, vue.unref(binds).candidates),
[
vue.createElementVNode("div", _hoisted_1, [
vue.createElementVNode("div", _hoisted_2, [
vue.createElementVNode("div", _hoisted_3, [
vue.createElementVNode(
"div",
_hoisted_4,
vue.toDisplayString(_ctx.placeholder.start),
1
/* TEXT */
),
vue.createElementVNode("div", _hoisted_5, [
_cache[8] || (_cache[8] = vue.createElementVNode(
"div",
{ class: "ui-candidate-division" },
null,
-1
/* HOISTED */
)),
vue.createVNode(
vue.unref(index.UiSimplebar),
{
ref_key: "sHourser",
ref: sHourser,
height: 210,
trigger: "Hover",
onScroll: _cache[1] || (_cache[1] = ($event) => vue.unref(methods).scroll(0, vue.unref(sHourser), false))
},
{
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(24, (_, number) => {
return vue.createElementVNode("div", {
class: vue.normalizeClass(["ui-candidate", { "ui-active": vue.unref(sTime)[0] == number }]),
onClick: ($event) => {
var _a;
return (_a = vue.unref(sHourser)) == null ? void 0 : _a.move(number * 30);
}
}, vue.toDisplayString(number.toString().padStart(2, "0")), 11, _hoisted_6);
}),
64
/* STABLE_FRAGMENT */
))
]),
_: 1
/* STABLE */
},
512
/* NEED_PATCH */
),
vue.createVNode(
vue.unref(index.UiSimplebar),
{
ref_key: "sMinuteser",
ref: sMinuteser,
height: 210,
trigger: "Hover",
onScroll: _cache[2] || (_cache[2] = ($event) => vue.unref(methods).scroll(1, vue.unref(sMinuteser), false))
},
{
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(60, (_, number) => {
return vue.createElementVNode("div", {
class: vue.normalizeClass(["ui-candidate", { "ui-active": vue.unref(sTime)[1] == number }]),
onClick: ($event) => {
var _a;
return (_a = vue.unref(sMinuteser)) == null ? void 0 : _a.move(number * 30);
}
}, vue.toDisplayString(number.toString().padStart(2, "0")), 11, _hoisted_7);
}),
64
/* STABLE_FRAGMENT */
))
]),
_: 1
/* STABLE */
},
512
/* NEED_PATCH */
),
_ctx.mode != "minutes" ? (vue.openBlock(), vue.createBlock(
vue.unref(index.UiSimplebar),
{
key: 0,
ref_key: "sSecondser",
ref: sSecondser,
height: 210,
trigger: "Hover",
onScroll: _cache[3] || (_cache[3] = ($event) => vue.unref(methods).scroll(2, vue.unref(sSecondser), false))
},
{
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(60, (_, number) => {
return vue.createElementVNode("div", {
class: vue.normalizeClass(["ui-candidate", { "ui-active": vue.unref(sTime)[2] == number }]),
onClick: ($event) => {
var _a;
return (_a = vue.unref(sSecondser)) == null ? void 0 : _a.move(number * 30);
}
}, vue.toDisplayString(number.toString().padStart(2, "0")), 11, _hoisted_8);
}),
64
/* STABLE_FRAGMENT */
))
]),
_: 1
/* STABLE */
},
512
/* NEED_PATCH */
)) : vue.createCommentVNode("v-if", true)
])
]),
vue.createElementVNode("div", _hoisted_9, [
vue.createElementVNode(
"div",
_hoisted_10,
vue.toDisplayString(_ctx.placeholder.end),
1
/* TEXT */
),
vue.createElementVNode("div", _hoisted_11, [
_cache[9] || (_cache[9] = vue.createElementVNode(
"div",
{ class: "ui-candidate-division" },
null,
-1
/* HOISTED */
)),
vue.createVNode(
vue.unref(index.UiSimplebar),
{
ref_key: "eHourser",
ref: eHourser,
height: 210,
trigger: "Hover",
onScroll: _cache[4] || (_cache[4] = ($event) => vue.unref(methods).scroll(0, vue.unref(eHourser), true))
},
{
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(24, (_, number) => {
return vue.createElementVNode("div", {
class: vue.normalizeClass(["ui-candidate", { "ui-active": vue.unref(eTime)[0] == number }]),
onClick: ($event) => {
var _a;
return (_a = vue.unref(eHourser)) == null ? void 0 : _a.move(number * 30);
}
}, vue.toDisplayString(number.toString().padStart(2, "0")), 11, _hoisted_12);
}),
64
/* STABLE_FRAGMENT */
))
]),
_: 1
/* STABLE */
},
512
/* NEED_PATCH */
),
vue.createVNode(
vue.unref(index.UiSimplebar),
{
ref_key: "eMinuteser",
ref: eMinuteser,
height: 210,
trigger: "Hover",
onScroll: _cache[5] || (_cache[5] = ($event) => vue.unref(methods).scroll(1, vue.unref(eMinuteser), true))
},
{
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(60, (_, number) => {
return vue.createElementVNode("div", {
class: vue.normalizeClass(["ui-candidate", { "ui-active": vue.unref(eTime)[1] == number }]),
onClick: ($event) => {
var _a;
return (_a = vue.unref(eMinuteser)) == null ? void 0 : _a.move(number * 30);
}
}, vue.toDisplayString(number.toString().padStart(2, "0")), 11, _hoisted_13);
}),
64
/* STABLE_FRAGMENT */
))
]),
_: 1
/* STABLE */
},
512
/* NEED_PATCH */
),
_ctx.mode != "minutes" ? (vue.openBlock(), vue.createBlock(
vue.unref(index.UiSimplebar),
{
key: 0,
ref_key: "eSecondser",
ref: eSecondser,
height: 210,
trigger: "Hover",
onScroll: _cache[6] || (_cache[6] = ($event) => vue.unref(methods).scroll(2, vue.unref(eSecondser), true))
},
{
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(60, (_, number) => {
return vue.createElementVNode("div", {
class: vue.normalizeClass(["ui-candidate", { "ui-active": vue.unref(eTime)[2] == number }]),
onClick: ($event) => {
var _a;
return (_a = vue.unref(eSecondser)) == null ? void 0 : _a.move(number * 30);
}
}, vue.toDisplayString(number.toString().padStart(2, "0")), 11, _hoisted_14);
}),
64
/* STABLE_FRAGMENT */
))
]),
_: 1
/* STABLE */
},
512
/* NEED_PATCH */
)) : vue.createCommentVNode("v-if", true)
])
])
])
])
],
16
/* FULL_PROPS */
)) : vue.createCommentVNode("v-if", true)
]),
_: 1
/* STABLE */
},
16
/* FULL_PROPS */
)
],
16
/* FULL_PROPS */
)
],
2112
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
);
};
}
});
exports.default = _sfc_main;
//# sourceMappingURL=index.vue2.js.map