|
@@ -5,6 +5,7 @@
|
|
:format="format"
|
|
:format="format"
|
|
dropdownClassName="j-vxe-time-picker"
|
|
dropdownClassName="j-vxe-time-picker"
|
|
style="min-width: 0"
|
|
style="min-width: 0"
|
|
|
|
+ v-model:open="openPicker"
|
|
v-bind="cellProps"
|
|
v-bind="cellProps"
|
|
@change="handleChange"
|
|
@change="handleChange"
|
|
:getPopupContainer="(node) => node.parentNode"
|
|
:getPopupContainer="(node) => node.parentNode"
|
|
@@ -15,7 +16,6 @@
|
|
import { ref, computed, watch, defineComponent } from 'vue';
|
|
import { ref, computed, watch, defineComponent } from 'vue';
|
|
import dayjs from 'dayjs';
|
|
import dayjs from 'dayjs';
|
|
import { TimePicker } from 'ant-design-vue';
|
|
import { TimePicker } from 'ant-design-vue';
|
|
- import { dispatchEvent } from '/@/components/jeecg/JVxeTable/utils';
|
|
|
|
import { JVxeComponent } from '/@/components/jeecg/JVxeTable/types';
|
|
import { JVxeComponent } from '/@/components/jeecg/JVxeTable/types';
|
|
import { useJVxeComponent, useJVxeCompProps } from '/@/components/jeecg/JVxeTable/hooks';
|
|
import { useJVxeComponent, useJVxeCompProps } from '/@/components/jeecg/JVxeTable/hooks';
|
|
import { isEmpty } from '/@/utils/is';
|
|
import { isEmpty } from '/@/utils/is';
|
|
@@ -31,6 +31,7 @@
|
|
let format = originColumn.value.format;
|
|
let format = originColumn.value.format;
|
|
return format ? format : 'HH:mm:ss';
|
|
return format ? format : 'HH:mm:ss';
|
|
});
|
|
});
|
|
|
|
+ const openPicker = ref(true);
|
|
watch(
|
|
watch(
|
|
innerValue,
|
|
innerValue,
|
|
(val) => {
|
|
(val) => {
|
|
@@ -51,23 +52,13 @@
|
|
cellProps,
|
|
cellProps,
|
|
format,
|
|
format,
|
|
innerTimeValue,
|
|
innerTimeValue,
|
|
|
|
+ openPicker,
|
|
handleChange,
|
|
handleChange,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
// 【组件增强】注释详见:JVxeComponent.Enhanced
|
|
// 【组件增强】注释详见:JVxeComponent.Enhanced
|
|
enhanced: {
|
|
enhanced: {
|
|
aopEvents: {
|
|
aopEvents: {
|
|
- editActived({ $event, row, column }) {
|
|
|
|
- dispatchEvent({
|
|
|
|
- $event,
|
|
|
|
- row,
|
|
|
|
- column,
|
|
|
|
- props: this.props,
|
|
|
|
- instance: this,
|
|
|
|
- className: '.ant-time-picker-input',
|
|
|
|
- isClick: true,
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
},
|
|
},
|
|
} as JVxeComponent.EnhancedPartial,
|
|
} as JVxeComponent.EnhancedPartial,
|
|
});
|
|
});
|