| | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { defineComponent, reactive, toRefs, unref } from 'vue'; |
| | | import { CodeEditor, MODE } from '/@/components/CodeEditor'; |
| | | import { defineComponent, reactive, toRefs } from 'vue'; |
| | | import { CodeEditor, MODE } from '@/components/CodeEditor'; |
| | | |
| | | import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard'; |
| | | import { useMessage } from '/@/hooks/web/useMessage'; |
| | | import { copyText } from '@/utils/copyTextToClipboard'; |
| | | import { useMessage } from '@/hooks/web/useMessage'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'PreviewCode', |
| | | components: { |
| | |
| | | const handleExportJson = () => { |
| | | exportData(props.editorJson); |
| | | }; |
| | | const { clipboardRef, copiedRef } = useCopyToClipboard(); |
| | | |
| | | const { createMessage } = useMessage(); |
| | | |
| | | const handleCopyJson = () => { |
| | |
| | | createMessage.warning('代码为空!'); |
| | | return; |
| | | } |
| | | clipboardRef.value = value; |
| | | if (unref(copiedRef)) { |
| | | createMessage.warning('复制成功!'); |
| | | } |
| | | copyText(value); |
| | | }; |
| | | |
| | | return { |