@yxhl/specter-pui-vtk 1.0.98 → 1.0.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -36,7 +36,13 @@
|
|
|
36
36
|
</div>
|
|
37
37
|
</template>
|
|
38
38
|
|
|
39
|
-
<div
|
|
39
|
+
<div
|
|
40
|
+
class="time-picker-dropdown"
|
|
41
|
+
:class="{ 'range-mode': isRange }"
|
|
42
|
+
:style="{ width: menuWidth + 'px', minWidth: menuWidth + 'px' }"
|
|
43
|
+
@click.stop
|
|
44
|
+
@mousedown.stop
|
|
45
|
+
>
|
|
40
46
|
<template v-if="isRange">
|
|
41
47
|
<div class="range-input-row">
|
|
42
48
|
<div class="range-time-wrap" :class="{ active: activeTimeSide === 'start' }">
|
|
@@ -295,7 +301,7 @@ const isRange = computed(() => props.mode === 'range');
|
|
|
295
301
|
const menuAttach = computed(() => (props.noTeleport ? true : false));
|
|
296
302
|
const menuLocation = computed(() => props.placement === 'right' ? 'bottom end' : 'bottom start');
|
|
297
303
|
const menuOrigin = computed(() => props.placement === 'right' ? 'top end' : 'top start');
|
|
298
|
-
const menuWidth = computed(() => isRange.value ? 320 :
|
|
304
|
+
const menuWidth = computed(() => isRange.value ? 320 : 240);
|
|
299
305
|
const minTime = computed(() => parseTime(props.min));
|
|
300
306
|
const maxTime = computed(() => parseTime(props.max));
|
|
301
307
|
const hourOptions = computed(() => Array.from({ length: 24 }, (_, index) => index));
|
|
@@ -587,18 +593,6 @@ watch(() => props.modelValue, (newValue) => {
|
|
|
587
593
|
overflow: visible;
|
|
588
594
|
}
|
|
589
595
|
|
|
590
|
-
.time-picker-dropdown.range-mode {
|
|
591
|
-
width: 320px;
|
|
592
|
-
min-width: 320px;
|
|
593
|
-
max-width: 320px;
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
.time-picker-dropdown:not(.range-mode) {
|
|
597
|
-
width: 100%;
|
|
598
|
-
min-width: 100%;
|
|
599
|
-
max-width: none;
|
|
600
|
-
}
|
|
601
|
-
|
|
602
596
|
.time-columns {
|
|
603
597
|
display: flex;
|
|
604
598
|
height: 260px;
|
|
@@ -739,6 +733,7 @@ watch(() => props.modelValue, (newValue) => {
|
|
|
739
733
|
padding: 8px 16px;
|
|
740
734
|
border-radius: 4px;
|
|
741
735
|
font-size: 14px;
|
|
736
|
+
white-space: nowrap;
|
|
742
737
|
cursor: pointer;
|
|
743
738
|
transition: all 0.2s;
|
|
744
739
|
border: none;
|