|  |  | 
 |  |  |           :color="Colors.Info" | 
 |  |  |           @click="handleCancel" | 
 |  |  |         > | 
 |  |  |           取消 | 
 |  |  |           {{ cancelText }} | 
 |  |  |         </nut-button> | 
 |  |  |         <nut-button shape="square" type="primary" @click="handleConfirm">确认</nut-button> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  |   name: 'QueryMenuView', | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | // type Props = {}; | 
 |  |  | type Props = { | 
 |  |  |   cancelText?: string; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | // const props = withDefaults(defineProps<Props>(), {}); | 
 |  |  | const props = withDefaults(defineProps<Props>(), { | 
 |  |  |   cancelText: '取消', | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const emit = defineEmits<{ | 
 |  |  |   (e: 'close'): void; | 
 |  |  |   (e: 'confirm'): void; | 
 |  |  | }>(); | 
 |  |  |  | 
 |  |  | function handleCancel() { | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function handleConfirm() { | 
 |  |  |   emit('close'); | 
 |  |  |   emit('confirm'); | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  |