winbox-ui-next
Version:
We Design Vue 2.0: A Vue.js 3 UI Library
83 lines (82 loc) • 2.76 kB
JavaScript
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
import { defineComponent, toRefs, ref, watch, computed, createVNode } from "vue";
import { isUndefined } from "../_utils/is.js";
import Panel from "./panel.js";
import { isValidRangeValue } from "./utils/index.js";
var RangePanel = defineComponent({
name: "TimePickerRangePanel",
components: {
Panel
},
props: {
value: {
type: Array
},
displayIndex: {
type: Number,
default: 0
}
},
emits: ["select", "confirm", "update:displayIndex", "display-index-change"],
setup(props, {
emit
}) {
const {
value,
displayIndex
} = toRefs(props);
const localDisplayIndex = ref(displayIndex.value);
watch(displayIndex, () => {
localDisplayIndex.value = displayIndex.value;
});
const displayValue = computed(() => (value == null ? void 0 : value.value) ? value.value[localDisplayIndex.value] : void 0);
function onSelect(selectedValue) {
const newValue = isUndefined(value) || isUndefined(value == null ? void 0 : value.value) ? [] : [...value.value];
newValue[localDisplayIndex.value] = selectedValue;
emit("select", newValue);
}
function onConfirm() {
if (!isValidRangeValue(value == null ? void 0 : value.value)) {
const newIndex = (localDisplayIndex.value + 1) % 2;
localDisplayIndex.value = newIndex;
emit("display-index-change", newIndex);
emit("update:displayIndex", newIndex);
} else {
emit("confirm", value == null ? void 0 : value.value);
}
}
return {
displayValue,
onSelect,
onConfirm
};
},
render() {
const _props = __spreadProps(__spreadValues({}, this.$attrs), {
isRange: true,
value: this.displayValue,
onSelect: this.onSelect,
onConfirm: this.onConfirm
});
return createVNode(Panel, _props, this.$slots);
}
});
export { RangePanel as default };