refactor: 更新组件演示路径并添加新组件

- 更新数据库中组件演示路径,将 'demo' 替换为 'componentsDemo'- 添加多个新组件的 Vue 文件,包括:
  - CuteBusinessDemo
  - CuteDragTableDemo
  - CuteFileUploadDemo
  - CuteJavaEditorDemo
  - CuteMarkdownDemo
  - CuteOneKeyCopyDemo
  - CuteRichTextEditorDemo
  - CuteSimpleTableDemo
- 新组件涵盖了业务组件、表格组件、富文本编辑器、Markdown 编辑器等多种类型
This commit is contained in:
2025-07-17 23:07:32 +08:00
parent d8b15c05dd
commit 6e6a1e8233
10 changed files with 881 additions and 10 deletions
@@ -0,0 +1,61 @@
<template>
<div>
<el-divider>clipboard版</el-divider>
<span>{{ msg }}</span>
<div id="btn" @click="copy">复制</div>
<el-divider>OneKeyCopy组件版</el-divider>
<cute-one-key-copy style="margin-left: 10pt" :content.sync="msg" />
</div>
</template>
<script>
import Clipboard from 'clipboard'
import { Message } from 'element-ui'
import CuteOneKeyCopy from '@/views/components/dev/CuteOneKeyCopy'
export default {
components: { CuteOneKeyCopy },
data() {
return {
msg: '来复制我吧'
}
},
methods: {
// 复制方法
copy() {
const that = this
const clipboard = new Clipboard('#btn', {
text(trigger) {
console.log(trigger)
// 返回字符串
return that.msg
}
})
// 复制成功
clipboard.on('success', (e) => {
Message.success('复制成功')
console.log(e, '复制成功')
clipboard.destroy()
})
// //复制失败
clipboard.on('error', (e) => {
Message.error('复制失败')
console.log(e, '复制失败')
clipboard.destroy()
})
}
}
}
</script>
<style scoped>
#btn {
display: inline-block;
padding: 3px 12px;
border-radius: 6px;
background-color: #eee;
color: #333;
cursor: pointer;
}
#btn:active {
background-color: #ddd;
color: #666;
}
</style>