speechCustom.vue 820 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <script setup lang="tsx">
  2. import { App } from 'ant-design-vue';
  3. import { Sender } from 'ant-design-x-vue';
  4. import { ref } from 'vue';
  5. defineOptions({ name: 'AXSenderSpeechCustom' });
  6. const recording = ref(false);
  7. const Demo = () => {
  8. const { message } = App.useApp();
  9. return (
  10. <Sender
  11. onSubmit={() => {
  12. message.success('Send message successfully!');
  13. }}
  14. allowSpeech={{
  15. // When setting `recording`, the built-in speech recognition feature will be disabled
  16. recording: recording.value,
  17. onRecordingChange: (nextRecording) => {
  18. message.info(`Mock Customize Recording: ${nextRecording}`);
  19. recording.value = nextRecording;
  20. },
  21. }}
  22. />
  23. );
  24. };
  25. defineRender(() => {
  26. return (
  27. <App>
  28. <Demo />
  29. </App>
  30. )
  31. });
  32. </script>