@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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yxhl/specter-pui-vtk",
3
- "version": "1.0.98",
3
+ "version": "1.0.99",
4
4
  "description": "雅心互联 Vue 3 + Vuetify3 组件库",
5
5
  "type": "module",
6
6
  "main": "./dist/specter-pui.umd.js",
@@ -36,7 +36,13 @@
36
36
  </div>
37
37
  </template>
38
38
 
39
- <div class="time-picker-dropdown" :class="{ 'range-mode': isRange }" @click.stop @mousedown.stop>
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 : (props.showSeconds ? 216 : 150));
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;