提交 fe87db6c 编写于 作者: R readpage

refactor: ️ [comment] 评论事件添加replyId回复参数(#I6UT8S)

closed #I6UT8S
上级 42e031b4
......@@ -14,11 +14,6 @@ vite.config.ts
# 忽略目录
.vscode/
.git/
build/
docs/
demo/
node_modules/
packages/
demo-dist/
src/
public/
**/static/
......@@ -143,13 +143,14 @@ const showInfo = (uid: string, finish: Function) => {
let temp_id = 100
// 提交评论事件
const submit = ({ content, parentId, files, finish }: SubmitParamApi) => {
console.log('提交评论: ' + content, parentId, files)
const submit = ({ content, parentId, files, finish, replyId }: SubmitParamApi) => {
let str = '提交评论:' + content + ';\t父id: ' + parentId + ';\t图片:' + files + ';\t回复id:' + replyId
console.log(str)
/**
* 上传文件后端返回图片访问地址,格式以'||'为分割; 如: '/static/img/program.gif||/static/img/normal.webp'
*/
let contentImg = files.map(e => createObjectURL(e)).join('||')
let contentImg = files?.map(e => createObjectURL(e)).join('||')
const comment: CommentApi = {
id: String((temp_id += 1)),
......
export * from './dark'
export * from './dark'
\ No newline at end of file
......@@ -5,6 +5,7 @@ import { zhConfig } from './zh'
// https://vitepress.dev/reference/site-config
export default defineConfig({
base: '/undraw-ui',
lang: 'zh-CN',
...zhConfig,
markdown: {
config: (md) => mdPlugin(md)
......
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<html lang="zh-CN" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>404 | undraw-ui</title>
<meta name="description" content="Not Found">
<link rel="preload stylesheet" href="/undraw-ui/assets/style.eac1480f.css" as="style">
<script type="module" src="/undraw-ui/assets/app.681ea904.js"></script>
<link rel="preload stylesheet" href="/undraw-ui/assets/style.f3682a6e.css" as="style">
<script type="module" src="/undraw-ui/assets/app.d71e0e5d.js"></script>
<link rel="preload" href="/undraw-ui/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="icon" href="/u.webp ">
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-b2cf3e0b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-c8616af1></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-c8616af1> Skip to content </a><!--]--><!----><header class="VPNav" data-v-b2cf3e0b data-v-7e5bc4a5><div class="VPNavBar" data-v-7e5bc4a5 data-v-94c81dcc><div class="container" data-v-94c81dcc><div class="title" data-v-94c81dcc><div class="VPNavBarTitle" data-v-94c81dcc data-v-f4ef19a3><a class="title" href="/undraw-ui/" data-v-f4ef19a3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/undraw-ui/u.webp" alt data-v-6db2186b><!--]--><!--[-->undraw-ui<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-94c81dcc><div class="curtain" data-v-94c81dcc></div><div class="content-body" data-v-94c81dcc><!--[--><!--]--><div class="VPNavBarSearch search" style="--vp-meta-key:&#39;Meta&#39;;" data-v-94c81dcc><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-94c81dcc data-v-7f418b0f><span id="main-nav-aria-label" class="visually-hidden" data-v-7f418b0f>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/undraw-ui/guide/introduce.html" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->指南<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/undraw-ui/components/fold.html" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->组件<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/undraw-ui/update/doc.html" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->更新日志<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/undraw-ui/other/support.html" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->💖支持<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://gitee.com/undraw/undraw-ui" target="_blank" rel="noreferrer" tabindex="0" data-v-7f418b0f data-v-37adc828 data-v-8f4dc553><!--[-->gitee⚡️<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-8f4dc553><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-94c81dcc data-v-f6a63727><label title="toggle dark mode" data-v-f6a63727 data-v-a9c8afb8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-checked="false" data-v-a9c8afb8 data-v-f3c41672><span class="check" data-v-f3c41672><span class="icon" data-v-f3c41672><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-a9c8afb8><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-a9c8afb8><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></label></div><!----><div class="VPFlyout VPNavBarExtra extra" data-v-94c81dcc data-v-40855f84 data-v-764effdf><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-764effdf><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-764effdf><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-764effdf><div class="VPMenu" data-v-764effdf data-v-e7ea1737><!----><!--[--><!--[--><!----><div class="group" data-v-40855f84><div class="item appearance" data-v-40855f84><p class="label" data-v-40855f84>Appearance</p><div class="appearance-action" data-v-40855f84><label title="toggle dark mode" data-v-40855f84 data-v-a9c8afb8><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-checked="false" data-v-a9c8afb8 data-v-f3c41672><span class="check" data-v-f3c41672><span class="icon" data-v-f3c41672><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-a9c8afb8><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-a9c8afb8><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></label></div></div></div><!----><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-94c81dcc data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><!----></header><!----><!----><div class="VPContent" id="VPContent" data-v-b2cf3e0b data-v-a494bd1d><!--[--><div class="NotFound" data-v-a494bd1d data-v-c70503b8><p class="code" data-v-c70503b8>404</p><h1 class="title" data-v-c70503b8>PAGE NOT FOUND</h1><div class="divider" data-v-c70503b8></div><blockquote class="quote" data-v-c70503b8> But if you don&#39;t change your direction, and if you keep looking, you may end up where you are heading. </blockquote><div class="action" data-v-c70503b8><a class="link" href="/undraw-ui/" aria-label="go to home" data-v-c70503b8> Take me home </a></div></div><!--]--></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_counter.md\":\"caf37a6a\",\"guide_install.md\":\"7a92c439\",\"index.md\":\"015c1aa5\",\"other_support.md\":\"16e3a90f\",\"components_dialog.md\":\"79bd6589\",\"guide_introduce.md\":\"a3ed73f9\",\"components_tags.md\":\"b8505c3f\",\"components_divider.md\":\"f532def6\",\"components_toast.md\":\"bec76036\",\"components_anchor.md\":\"58832687\",\"components_chat.md\":\"fee09e79\",\"components_fold.md\":\"efea6cf4\",\"components_search.md\":\"b921f751\",\"components_editor.md\":\"014d6170\",\"components_icon.md\":\"3c4cbdcd\",\"components_notice-bar.md\":\"480de0eb\",\"update_doc.md\":\"0c65b83b\",\"components_comment.md\":\"b237ee1d\",\"guide_usage.md\":\"0381f916\"}")
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"undraw-ui\",\"description\":\"a Vue 3 based component library for designers and developers\",\"base\":\"/undraw-ui/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"logo\":\"/u.webp\",\"editLink\":{\"pattern\":\"https://github.com/vuejs/pinia/edit/v2/packages/docs/:path\",\"text\":\"对本页提出修改建议\"},\"outline\":{\"label\":\"本页内容\"},\"docFooter\":{\"prev\":\"上一页\",\"next\":\"下一页\"},\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/introduce\"},{\"text\":\"组件\",\"link\":\"/components/fold\"},{\"text\":\"更新日志\",\"link\":\"/update/doc\"},{\"text\":\"💖支持\",\"link\":\"/other/support\"},{\"text\":\"gitee⚡️\",\"link\":\"https://gitee.com/undraw/undraw-ui\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"指南\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/introduce\"},{\"text\":\"安装\",\"link\":\"/guide/install\"},{\"text\":\"使用\",\"link\":\"/guide/usage\"}]}],\"/components/\":[{\"text\":\"组件\",\"items\":[{\"text\":\"Fold 折叠\",\"link\":\"/components/fold\"},{\"text\":\"Comment 评论\",\"link\":\"/components/comment\"},{\"text\":\"Anchor 锚点\",\"link\":\"/components/anchor\"},{\"text\":\"Search 搜索\",\"link\":\"/components/search\"},{\"text\":\"Chat 聊天\",\"link\":\"/components/chat\"},{\"text\":\"Counter 滚动数字\",\"link\":\"/components/counter\"},{\"text\":\"NoticeBar 通知栏\",\"link\":\"/components/notice-bar\"},{\"text\":\"Tags 标签页\",\"link\":\"/components/tags\"},{\"text\":\"Divider 分割线\",\"link\":\"/components/divider\"},{\"text\":\"Icon 图标\",\"link\":\"/components/icon\"},{\"text\":\"Editor 编辑器\",\"link\":\"/components/editor\"},{\"text\":\"Dialog 对话框\",\"link\":\"/components/dialog\"},{\"text\":\"Toast 吐司\",\"link\":\"/components/toast\"}]}]}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_icon.md\":\"3c4cbdcd\",\"other_support.md\":\"16e3a90f\",\"components_editor.md\":\"014d6170\",\"guide_install.md\":\"7a92c439\",\"components_toast.md\":\"bec76036\",\"components_tags.md\":\"b8505c3f\",\"components_notice-bar.md\":\"480de0eb\",\"components_counter.md\":\"caf37a6a\",\"components_search.md\":\"b921f751\",\"index.md\":\"015c1aa5\",\"components_divider.md\":\"f532def6\",\"components_chat.md\":\"fee09e79\",\"update_doc.md\":\"0c65b83b\",\"components_fold.md\":\"efea6cf4\",\"components_dialog.md\":\"79bd6589\",\"components_anchor.md\":\"58832687\",\"guide_introduce.md\":\"a3ed73f9\",\"guide_usage.md\":\"0381f916\",\"components_comment.md\":\"b237ee1d\"}")
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"undraw-ui\",\"description\":\"a Vue 3 based component library for designers and developers\",\"base\":\"/undraw-ui/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"logo\":\"/u.webp\",\"editLink\":{\"pattern\":\"https://github.com/vuejs/pinia/edit/v2/packages/docs/:path\",\"text\":\"对本页提出修改建议\"},\"outline\":{\"label\":\"本页内容\"},\"docFooter\":{\"prev\":\"上一页\",\"next\":\"下一页\"},\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/introduce\"},{\"text\":\"组件\",\"link\":\"/components/fold\"},{\"text\":\"更新日志\",\"link\":\"/update/doc\"},{\"text\":\"💖支持\",\"link\":\"/other/support\"},{\"text\":\"gitee⚡️\",\"link\":\"https://gitee.com/undraw/undraw-ui\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"指南\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/introduce\"},{\"text\":\"安装\",\"link\":\"/guide/install\"},{\"text\":\"使用\",\"link\":\"/guide/usage\"}]}],\"/components/\":[{\"text\":\"组件\",\"items\":[{\"text\":\"Fold 折叠\",\"link\":\"/components/fold\"},{\"text\":\"Comment 评论\",\"link\":\"/components/comment\"},{\"text\":\"Anchor 锚点\",\"link\":\"/components/anchor\"},{\"text\":\"Search 搜索\",\"link\":\"/components/search\"},{\"text\":\"Chat 聊天\",\"link\":\"/components/chat\"},{\"text\":\"Counter 滚动数字\",\"link\":\"/components/counter\"},{\"text\":\"NoticeBar 通知栏\",\"link\":\"/components/notice-bar\"},{\"text\":\"Tags 标签页\",\"link\":\"/components/tags\"},{\"text\":\"Divider 分割线\",\"link\":\"/components/divider\"},{\"text\":\"Icon 图标\",\"link\":\"/components/icon\"},{\"text\":\"Editor 编辑器\",\"link\":\"/components/editor\"},{\"text\":\"Dialog 对话框\",\"link\":\"/components/dialog\"},{\"text\":\"Toast 吐司\",\"link\":\"/components/toast\"}]}]}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
</body>
</html>
\ No newline at end of file
import{e as l}from"./emoji.51829739.js";import{c as p,U as _}from"../app.681ea904.js";import{d,ak as v,G as g,o as k,A as f,_ as b}from"./framework.347a35cb.js";import"./theme.c328b151.js";const j=d({__name:"basic",setup(h){const e=v({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:l,comments:[],total:10});let o=100;const n=({content:s,parentId:t,files:a,finish:r})=>{console.log("提交评论: "+s,t,a);let i=a.map(u=>p(u)).join("||");const m={id:String(o+=1),parentId:t,uid:e.user.id,address:"来自江苏",content:s,likes:0,createTime:"1分钟前",contentImg:i,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${o+=1}`},reply:null};setTimeout(()=>{r(m),_({message:"评论成功!",type:"info"})},200)},c=(s,t)=>{console.log("点赞: "+s),setTimeout(()=>{t()},200)};return e.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(s,t)=>{const a=g("u-comment");return k(),f(a,{config:e,onSubmit:n,onLike:c},null,8,["config"])}}});const z=b(j,[["__scopeId","data-v-2c7add35"]]);export{z as default};
import{e as l}from"./emoji.51829739.js";import{c as p,U as _}from"../app.d71e0e5d.js";import{d,ak as v,G as g,o as k,A as f,_ as b}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const j=d({__name:"basic",setup(h){const e=v({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:l,comments:[],total:10});let o=100;const n=({content:s,parentId:t,files:a,finish:r})=>{console.log("提交评论: "+s,t,a);let i=a.map(u=>p(u)).join("||");const m={id:String(o+=1),parentId:t,uid:e.user.id,address:"来自江苏",content:s,likes:0,createTime:"1分钟前",contentImg:i,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${o+=1}`},reply:null};setTimeout(()=>{r(m),_({message:"评论成功!",type:"info"})},200)},c=(s,t)=>{console.log("点赞: "+s),setTimeout(()=>{t()},200)};return e.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(s,t)=>{const a=g("u-comment");return k(),f(a,{config:e,onSubmit:n,onLike:c},null,8,["config"])}}});const z=b(j,[["__scopeId","data-v-2c7add35"]]);export{z as default};
import{U as t}from"../app.681ea904.js";import{d as s,G as a,o as n,A as c,B as r,a as m}from"./framework.347a35cb.js";import"./theme.c328b151.js";const d=s({__name:"basic",setup(p){const e=()=>{t({message:"this is a message.",type:"info"})};return(_,i)=>{const o=a("el-button");return n(),c(o,{onClick:e},{default:r(()=>[m("show message")]),_:1})}}});export{d as default};
import{U as t}from"../app.d71e0e5d.js";import{d as s,G as a,o as n,A as c,B as r,a as m}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const d=s({__name:"basic",setup(p){const e=()=>{t({message:"this is a message.",type:"info"})};return(_,i)=>{const o=a("el-button");return n(),c(o,{onClick:e},{default:r(()=>[m("show message")]),_:1})}}});export{d as default};
import{e as d}from"./emoji.51829739.js";import{c as v,U as g}from"../app.681ea904.js";import{d as f,ak as k,h as j,G as m,o as b,A as w,B as x,E as h,_ as S}from"./framework.347a35cb.js";import"./theme.c328b151.js";const T=f({__name:"nav-sort",setup(y){const o=k({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:d,comments:[],total:10}),r=j(!0),i=e=>{console.log(e)};let c=100;const u=({content:e,parentId:t,files:a,finish:s})=>{console.log("提交评论: "+e,t,a);let n=a.map(_=>v(_)).join("||");const p={id:String(c+=1),parentId:t,uid:o.user.id,address:"来自江苏",content:e,likes:0,createTime:"1分钟前",contentImg:n,user:{username:o.user.username,avatar:o.user.avatar,level:6,homeLink:`/${c+=1}`},reply:null};setTimeout(()=>{s(p),g({message:"评论成功!",type:"info"})},200)},l=(e,t)=>{console.log("点赞: "+e),setTimeout(()=>{t()},200)};return o.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(e,t)=>{const a=m("u-comment-nav"),s=m("u-comment");return b(),w(s,{config:o,onSubmit:u,onLike:l},{default:x(()=>[h(a,{modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=n=>r.value=n),onSorted:i},null,8,["modelValue"])]),_:1},8,["config"])}}});const V=S(T,[["__scopeId","data-v-c10ab94c"]]);export{V as default};
import{e as d}from"./emoji.51829739.js";import{c as v,U as g}from"../app.d71e0e5d.js";import{d as f,ak as k,h as j,G as m,o as b,A as w,B as x,E as h,_ as S}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const T=f({__name:"nav-sort",setup(y){const o=k({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:d,comments:[],total:10}),r=j(!0),i=e=>{console.log(e)};let c=100;const u=({content:e,parentId:t,files:a,finish:s})=>{console.log("提交评论: "+e,t,a);let n=a.map(_=>v(_)).join("||");const p={id:String(c+=1),parentId:t,uid:o.user.id,address:"来自江苏",content:e,likes:0,createTime:"1分钟前",contentImg:n,user:{username:o.user.username,avatar:o.user.avatar,level:6,homeLink:`/${c+=1}`},reply:null};setTimeout(()=>{s(p),g({message:"评论成功!",type:"info"})},200)},l=(e,t)=>{console.log("点赞: "+e),setTimeout(()=>{t()},200)};return o.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(e,t)=>{const a=m("u-comment-nav"),s=m("u-comment");return b(),w(s,{config:o,onSubmit:u,onLike:l},{default:x(()=>[h(a,{modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=n=>r.value=n),onSorted:i},null,8,["modelValue"])]),_:1},8,["config"])}}});const V=S(T,[["__scopeId","data-v-c10ab94c"]]);export{V as default};
import{e as u}from"./emoji.51829739.js";import{c as _,U as v,u as g}from"../app.681ea904.js";import{d as h,ak as k,G as f,o as j,A as z,_ as b}from"./framework.347a35cb.js";import"./theme.c328b151.js";const x=h({__name:"reply-page",setup(T){const t=k({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:u,comments:[],total:10});let o=100;const n=({content:a,parentId:e,files:s,finish:r})=>{console.log("提交评论: "+a,e,s);let i=s.map(p=>_(p)).join("||");const d={id:String(o+=1),parentId:e,uid:t.user.id,address:"来自江苏",content:a,likes:0,createTime:"1分钟前",contentImg:i,user:{username:t.user.username,avatar:t.user.avatar,level:6,homeLink:`/${o+=1}`},reply:null};setTimeout(()=>{r(d),v({message:"评论成功!",type:"info"})},200)},m=(a,e)=>{console.log("点赞: "+a),setTimeout(()=>{e()},200)},l=({parentId:a,pageNum:e,pageSize:s,finish:r})=>{let i={total:c.total,list:g(e,s,c.list)};setTimeout(()=>{r(i)},200)};t.comments=[{id:"2",parentId:null,uid:"2",address:"来自苏州",content:"知道在学校为什么感觉这么困吗?[大笑2]因为学校,是梦开始的地方。[脱单doge]",likes:11,createTime:"1天前",user:{username:"悟二空",avatar:"https://static.juzicon.com/user/avatar-bf22291e-ea5c-4280-850d-88bc288fcf5d-220408002256-ZBQQ.jpeg",level:1,homeLink:"/2"},reply:{total:2,list:[{id:"21",parentId:"2",uid:"3",address:"来自重庆",content:"说的对[大笑2],所以,综上所述,上课睡觉不怪我呀💤",likes:3,createTime:"1分钟前",user:{username:"别扰我清梦*ぁ",avatar:"https://static.juzicon.com/user/avatar-8b6206c1-b28f-4636-8952-d8d9edec975d-191001105631-MDTM.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:5,homeLink:"/21"}},{id:"22",parentId:"2",uid:"4",content:'回复 <span style="color: var(--u-color-success-dark-2);">@别扰我清梦*ぁ:</span> 看完打了一个哈切。。。会传染。。。[委屈]',address:"来自广州",likes:9,createTime:"1天前",user:{username:"Blizzard",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/22"}}]}}];const c={total:6,list:[{id:"31",parentId:"3",uid:"6",address:"来自成都",content:"人生就像愤怒的小鸟,当你失败时,总有几只猪在笑。",likes:7,createTime:"1天前",user:{username:"陆呈洋",avatar:"https://static.juzicon.com/avatars/avatar-20220310090547-fxvx.jpeg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/31"}},{id:"32",parentId:"3",uid:"7",address:"来自杭州",content:"深思熟虑的结果往往就是说不清楚。",likes:3,createTime:"2天前",user:{username:"哑谜",avatar:"https://static.juzicon.com/avatars/avatar-190919180152-2VDE.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/32"}},{id:"33",parentId:"3",uid:"8",level:2,address:"来自深圳",content:"当我跨过沉沦的一切,向着永恒开战的时候,你是我的军旗。",createTime:"5天前",user:{username:"Mia",avatar:"https://static.juzicon.com/avatars/avatar-190919181554-L2ZO.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",likes:3,homeLink:"/33"}},{id:"34",parentId:"3",uid:"9",address:"来自西安",likes:34,content:"不要由于别人不能成为我们所希望的人而愤怒,因为我们自己也难以成为自己所希望的人。",createTime:"1天前",user:{username:"poli301",avatar:"https://static.juzicon.com/avatars/avatar-190919180043-XPLP.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/34"}},{id:"35",parentId:"3",uid:"10",username:"fish_eno",avatar:"https://static.juzicon.com/avatars/avatar-190919180320-NAQJ.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:6,link:"/35",likes:32,address:"来自武汉",content:"世上莫名其妙走霉运的人多的是,都是一边为命运生气,一边化愤怒为力量地活着。",createTime:"11小时前",user:{username:"poli301",avatar:"https://static.juzicon.com/avatars/avatar-190919180043-XPLP.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/34"}},{id:"36",parentId:"3",uid:"11",likes:21,address:"来自上海",content:"这世上所有的不利情况,都是当事者能力不足造成的",createTime:"10小时前",user:{username:"十三",avatar:"https://static.juzicon.com/user/avatar-f103e42d-a5c9-4837-84e3-d10fad0bcb36-210108053135-E90E.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/36"}},{id:"37",parentId:"3",uid:"12",likes:18,address:"来自广州",content:" 绝望自有绝望的力量,就像希望自有希望的无能。",createTime:"9小时前",user:{username:"D.z.H****",avatar:"https://static.juzicon.com/avatars/avatar-190919181051-M3HK.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/37"}},{id:"38",parentId:"3",uid:"13",likes:17,address:"来自重庆",content:" 无论这个世界对你怎样,都请你一如既往的努力,勇敢,充满希望。",createTime:"8小时前",user:{username:"繁星Cong2",avatar:"https://static.juzicon.com/user/avatar-f81b3655-03fd-485c-811b-4b5ceaca52b6-210817180051-YTO4.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:1,homeLink:"/38"}}]};return(a,e)=>{const s=f("u-comment");return j(),z(s,{config:t,page:"",onSubmit:n,onLike:m,onReplyPage:l},null,8,["config"])}}});const P=b(x,[["__scopeId","data-v-a4bbe596"]]);export{P as default};
import{e as u}from"./emoji.51829739.js";import{c as _,U as v,u as g}from"../app.d71e0e5d.js";import{d as h,ak as k,G as f,o as j,A as z,_ as b}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const x=h({__name:"reply-page",setup(T){const t=k({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:u,comments:[],total:10});let o=100;const n=({content:a,parentId:e,files:s,finish:r})=>{console.log("提交评论: "+a,e,s);let i=s.map(p=>_(p)).join("||");const d={id:String(o+=1),parentId:e,uid:t.user.id,address:"来自江苏",content:a,likes:0,createTime:"1分钟前",contentImg:i,user:{username:t.user.username,avatar:t.user.avatar,level:6,homeLink:`/${o+=1}`},reply:null};setTimeout(()=>{r(d),v({message:"评论成功!",type:"info"})},200)},m=(a,e)=>{console.log("点赞: "+a),setTimeout(()=>{e()},200)},l=({parentId:a,pageNum:e,pageSize:s,finish:r})=>{let i={total:c.total,list:g(e,s,c.list)};setTimeout(()=>{r(i)},200)};t.comments=[{id:"2",parentId:null,uid:"2",address:"来自苏州",content:"知道在学校为什么感觉这么困吗?[大笑2]因为学校,是梦开始的地方。[脱单doge]",likes:11,createTime:"1天前",user:{username:"悟二空",avatar:"https://static.juzicon.com/user/avatar-bf22291e-ea5c-4280-850d-88bc288fcf5d-220408002256-ZBQQ.jpeg",level:1,homeLink:"/2"},reply:{total:2,list:[{id:"21",parentId:"2",uid:"3",address:"来自重庆",content:"说的对[大笑2],所以,综上所述,上课睡觉不怪我呀💤",likes:3,createTime:"1分钟前",user:{username:"别扰我清梦*ぁ",avatar:"https://static.juzicon.com/user/avatar-8b6206c1-b28f-4636-8952-d8d9edec975d-191001105631-MDTM.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:5,homeLink:"/21"}},{id:"22",parentId:"2",uid:"4",content:'回复 <span style="color: var(--u-color-success-dark-2);">@别扰我清梦*ぁ:</span> 看完打了一个哈切。。。会传染。。。[委屈]',address:"来自广州",likes:9,createTime:"1天前",user:{username:"Blizzard",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/22"}}]}}];const c={total:6,list:[{id:"31",parentId:"3",uid:"6",address:"来自成都",content:"人生就像愤怒的小鸟,当你失败时,总有几只猪在笑。",likes:7,createTime:"1天前",user:{username:"陆呈洋",avatar:"https://static.juzicon.com/avatars/avatar-20220310090547-fxvx.jpeg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/31"}},{id:"32",parentId:"3",uid:"7",address:"来自杭州",content:"深思熟虑的结果往往就是说不清楚。",likes:3,createTime:"2天前",user:{username:"哑谜",avatar:"https://static.juzicon.com/avatars/avatar-190919180152-2VDE.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/32"}},{id:"33",parentId:"3",uid:"8",level:2,address:"来自深圳",content:"当我跨过沉沦的一切,向着永恒开战的时候,你是我的军旗。",createTime:"5天前",user:{username:"Mia",avatar:"https://static.juzicon.com/avatars/avatar-190919181554-L2ZO.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",likes:3,homeLink:"/33"}},{id:"34",parentId:"3",uid:"9",address:"来自西安",likes:34,content:"不要由于别人不能成为我们所希望的人而愤怒,因为我们自己也难以成为自己所希望的人。",createTime:"1天前",user:{username:"poli301",avatar:"https://static.juzicon.com/avatars/avatar-190919180043-XPLP.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/34"}},{id:"35",parentId:"3",uid:"10",username:"fish_eno",avatar:"https://static.juzicon.com/avatars/avatar-190919180320-NAQJ.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:6,link:"/35",likes:32,address:"来自武汉",content:"世上莫名其妙走霉运的人多的是,都是一边为命运生气,一边化愤怒为力量地活着。",createTime:"11小时前",user:{username:"poli301",avatar:"https://static.juzicon.com/avatars/avatar-190919180043-XPLP.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/34"}},{id:"36",parentId:"3",uid:"11",likes:21,address:"来自上海",content:"这世上所有的不利情况,都是当事者能力不足造成的",createTime:"10小时前",user:{username:"十三",avatar:"https://static.juzicon.com/user/avatar-f103e42d-a5c9-4837-84e3-d10fad0bcb36-210108053135-E90E.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/36"}},{id:"37",parentId:"3",uid:"12",likes:18,address:"来自广州",content:" 绝望自有绝望的力量,就像希望自有希望的无能。",createTime:"9小时前",user:{username:"D.z.H****",avatar:"https://static.juzicon.com/avatars/avatar-190919181051-M3HK.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/37"}},{id:"38",parentId:"3",uid:"13",likes:17,address:"来自重庆",content:" 无论这个世界对你怎样,都请你一如既往的努力,勇敢,充满希望。",createTime:"8小时前",user:{username:"繁星Cong2",avatar:"https://static.juzicon.com/user/avatar-f81b3655-03fd-485c-811b-4b5ceaca52b6-210817180051-YTO4.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:1,homeLink:"/38"}}]};return(a,e)=>{const s=f("u-comment");return j(),z(s,{config:t,page:"",onSubmit:n,onLike:m,onReplyPage:l},null,8,["config"])}}});const P=b(x,[["__scopeId","data-v-a4bbe596"]]);export{P as default};
import{e as k}from"./emoji.51829739.js";import{u as j,c as b,U as T}from"../app.681ea904.js";import{d as w,ak as x,h as L,G as l,o as B,A as I,B as C,E as V}from"./framework.347a35cb.js";import"./theme.c328b151.js";const u=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}},{id:"2",parentId:null,uid:"2",address:"来自苏州",content:"知道在学校为什么感觉这么困吗?[大笑2]因为学校,是梦开始的地方。[脱单doge]",likes:11,createTime:"1天前",user:{username:"悟二空",avatar:"https://static.juzicon.com/user/avatar-bf22291e-ea5c-4280-850d-88bc288fcf5d-220408002256-ZBQQ.jpeg",level:1,homeLink:"/2"},reply:{total:2,list:[{id:"21",parentId:"2",uid:"3",address:"来自重庆",content:"说的对[大笑2],所以,综上所述,上课睡觉不怪我呀💤",likes:3,createTime:"1分钟前",user:{username:"别扰我清梦*ぁ",avatar:"https://static.juzicon.com/user/avatar-8b6206c1-b28f-4636-8952-d8d9edec975d-191001105631-MDTM.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:5,homeLink:"/21"}},{id:"22",parentId:"2",uid:"4",content:'回复 <span style="color: var(--u-color-success-dark-2);">@别扰我清梦*ぁ:</span> 看完打了一个哈切。。。会传染。。。[委屈]',address:"来自广州",likes:9,createTime:"1天前",user:{username:"Blizzard",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/22"}}]}},{id:"3",parentId:null,uid:"5",address:"来自北京",content:"人的一切痛苦,本质上都是对自己的无能的愤怒。",likes:34116,createTime:"2分钟前",user:{username:"半个句号",avatar:"https://static.juzicon.com/user/avatar-0d70406e-5d4a-4107-a689-652ffd063f99-200425180341-1QK6.jpg?x-oss-process=image/resize,m_fill,w_100,h_1000",level:5,homeLink:"/3"},reply:{total:2,list:[{id:"31",uid:"6",parentId:"3",address:"来自成都",content:"人生就像愤怒的小鸟,当你失败时,总有几只猪在笑。",likes:7,createTime:"1天前",user:{username:"陆呈洋",avatar:"https://static.juzicon.com/avatars/avatar-20220310090547-fxvx.jpeg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/31"}},{id:"32",parentId:"3",uid:"7",address:"来自杭州",content:"深思熟虑的结果往往就是说不清楚。",likes:3,createTime:"2天前",user:{username:"哑谜",avatar:"https://static.juzicon.com/avatars/avatar-190919180152-2VDE.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/32"}}]}},{id:"4",parentId:null,uid:"14",address:"来自杭州",content:"鱼说:我时时刻刻睁开眼睛,就是为了能让你永远在我眼中!<br>水说:我时时刻刻流淌不息,就是为了能永远把你拥抱!!<br>锅说:都快熟了,还这么贫。",likes:13,createTime:"2天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/4"},reply:{total:2,list:[{id:"41",parentId:"4",uid:"15",address:"来自北京",content:"鱼对水说,你看不到我流泪,因为我在水中。水对鱼说,我看到你悲伤,因为你在我心中。[呲牙]",likes:36,createTime:"1分钟前",user:{username:"过往~",avatar:"https://static.juzicon.com/avatars/avatar-20210308112705-zqf0.jpeg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/41"}},{id:"42",parentId:"4",uid:"16",address:"来自杭州",content:"约束条件变了,原来的收益,一下子都变为成本。生命如果架在锅上,成本自然也就很高了[tv_微笑]",likes:16,createTime:"1天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/42"}}]}},{id:"4",parentId:null,uid:"14",address:"来自杭州",content:"鱼说:我时时刻刻睁开眼睛,就是为了能让你永远在我眼中!<br>水说:我时时刻刻流淌不息,就是为了能永远把你拥抱!!<br>锅说:都快熟了,还这么贫。",likes:13,createTime:"2天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/4"}},{id:"4",parentId:null,uid:"14",address:"来自杭州",content:"鱼说:我时时刻刻睁开眼睛,就是为了能让你永远在我眼中!<br>水说:我时时刻刻流淌不息,就是为了能永远把你拥抱!!<br>锅说:都快熟了,还这么贫。",likes:13,createTime:"2天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/4"}}],y=u.length,m=(o,e)=>j(o,e,u),U=w({__name:"scroll",setup(o){const e=x({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:k,comments:[],total:10});e.comments=m(1,1);const r=L(!1);let i=2,d=1,p=y;const v=()=>{console.log(r.value),i<=Math.ceil(p/d)?setTimeout(()=>{e.comments.push(...m(i,1)),++i},200):r.value=!0};let n=100;const _=({content:a,parentId:s,files:t,finish:c})=>{console.log("提交评论: "+a,s,t);let g=t.map(f=>b(f)).join("||");const z={id:String(n+=1),parentId:s,uid:e.user.id,address:"来自江苏",content:a,likes:0,createTime:"1分钟前",contentImg:g,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${n+=1}`},reply:null};setTimeout(()=>{c(z),T({message:"评论成功!",type:"info"})},200)},h=(a,s)=>{console.log("点赞: "+a),setTimeout(()=>{s()},200)};return(a,s)=>{const t=l("u-comment"),c=l("u-comment-scroll");return B(),I(c,{disable:r.value,onMore:v},{default:C(()=>[V(t,{config:e,onSubmit:_,onLike:h},null,8,["config"])]),_:1},8,["disable"])}}});export{U as default};
import{e as k}from"./emoji.51829739.js";import{u as j,c as b,U as T}from"../app.d71e0e5d.js";import{d as w,ak as x,h as L,G as l,o as B,A as I,B as C,E as V}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const u=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}},{id:"2",parentId:null,uid:"2",address:"来自苏州",content:"知道在学校为什么感觉这么困吗?[大笑2]因为学校,是梦开始的地方。[脱单doge]",likes:11,createTime:"1天前",user:{username:"悟二空",avatar:"https://static.juzicon.com/user/avatar-bf22291e-ea5c-4280-850d-88bc288fcf5d-220408002256-ZBQQ.jpeg",level:1,homeLink:"/2"},reply:{total:2,list:[{id:"21",parentId:"2",uid:"3",address:"来自重庆",content:"说的对[大笑2],所以,综上所述,上课睡觉不怪我呀💤",likes:3,createTime:"1分钟前",user:{username:"别扰我清梦*ぁ",avatar:"https://static.juzicon.com/user/avatar-8b6206c1-b28f-4636-8952-d8d9edec975d-191001105631-MDTM.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:5,homeLink:"/21"}},{id:"22",parentId:"2",uid:"4",content:'回复 <span style="color: var(--u-color-success-dark-2);">@别扰我清梦*ぁ:</span> 看完打了一个哈切。。。会传染。。。[委屈]',address:"来自广州",likes:9,createTime:"1天前",user:{username:"Blizzard",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/22"}}]}},{id:"3",parentId:null,uid:"5",address:"来自北京",content:"人的一切痛苦,本质上都是对自己的无能的愤怒。",likes:34116,createTime:"2分钟前",user:{username:"半个句号",avatar:"https://static.juzicon.com/user/avatar-0d70406e-5d4a-4107-a689-652ffd063f99-200425180341-1QK6.jpg?x-oss-process=image/resize,m_fill,w_100,h_1000",level:5,homeLink:"/3"},reply:{total:2,list:[{id:"31",uid:"6",parentId:"3",address:"来自成都",content:"人生就像愤怒的小鸟,当你失败时,总有几只猪在笑。",likes:7,createTime:"1天前",user:{username:"陆呈洋",avatar:"https://static.juzicon.com/avatars/avatar-20220310090547-fxvx.jpeg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/31"}},{id:"32",parentId:"3",uid:"7",address:"来自杭州",content:"深思熟虑的结果往往就是说不清楚。",likes:3,createTime:"2天前",user:{username:"哑谜",avatar:"https://static.juzicon.com/avatars/avatar-190919180152-2VDE.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/32"}}]}},{id:"4",parentId:null,uid:"14",address:"来自杭州",content:"鱼说:我时时刻刻睁开眼睛,就是为了能让你永远在我眼中!<br>水说:我时时刻刻流淌不息,就是为了能永远把你拥抱!!<br>锅说:都快熟了,还这么贫。",likes:13,createTime:"2天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/4"},reply:{total:2,list:[{id:"41",parentId:"4",uid:"15",address:"来自北京",content:"鱼对水说,你看不到我流泪,因为我在水中。水对鱼说,我看到你悲伤,因为你在我心中。[呲牙]",likes:36,createTime:"1分钟前",user:{username:"过往~",avatar:"https://static.juzicon.com/avatars/avatar-20210308112705-zqf0.jpeg?x-oss-process=image/resize,m_fill,w_100,h_100",level:4,homeLink:"/41"}},{id:"42",parentId:"4",uid:"16",address:"来自杭州",content:"约束条件变了,原来的收益,一下子都变为成本。生命如果架在锅上,成本自然也就很高了[tv_微笑]",likes:16,createTime:"1天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/42"}}]}},{id:"4",parentId:null,uid:"14",address:"来自杭州",content:"鱼说:我时时刻刻睁开眼睛,就是为了能让你永远在我眼中!<br>水说:我时时刻刻流淌不息,就是为了能永远把你拥抱!!<br>锅说:都快熟了,还这么贫。",likes:13,createTime:"2天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/4"}},{id:"4",parentId:null,uid:"14",address:"来自杭州",content:"鱼说:我时时刻刻睁开眼睛,就是为了能让你永远在我眼中!<br>水说:我时时刻刻流淌不息,就是为了能永远把你拥抱!!<br>锅说:都快熟了,还这么贫。",likes:13,createTime:"2天前",user:{username:"Blizzard1",avatar:"https://static.juzicon.com/user/avatar-3cb86a0c-08e7-4305-9ac6-34e0cf4937cc-180320123405-BCV6.jpg?x-oss-process=image/resize,m_fill,w_100,h_100",level:3,homeLink:"/4"}}],y=u.length,m=(o,e)=>j(o,e,u),U=w({__name:"scroll",setup(o){const e=x({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:k,comments:[],total:10});e.comments=m(1,1);const r=L(!1);let i=2,d=1,p=y;const v=()=>{console.log(r.value),i<=Math.ceil(p/d)?setTimeout(()=>{e.comments.push(...m(i,1)),++i},200):r.value=!0};let n=100;const _=({content:a,parentId:s,files:t,finish:c})=>{console.log("提交评论: "+a,s,t);let g=t.map(f=>b(f)).join("||");const z={id:String(n+=1),parentId:s,uid:e.user.id,address:"来自江苏",content:a,likes:0,createTime:"1分钟前",contentImg:g,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${n+=1}`},reply:null};setTimeout(()=>{c(z),T({message:"评论成功!",type:"info"})},200)},h=(a,s)=>{console.log("点赞: "+a),setTimeout(()=>{s()},200)};return(a,s)=>{const t=l("u-comment"),c=l("u-comment-scroll");return B(),I(c,{disable:r.value,onMore:v},{default:C(()=>[V(t,{config:e,onSubmit:_,onLike:h},null,8,["config"])]),_:1},8,["disable"])}}});export{U as default};
import{e as _}from"./emoji.51829739.js";import{c as d,U as v,t as g}from"../app.681ea904.js";import{d as k,ak as f,G as h,o as j,A as b,_ as w}from"./framework.347a35cb.js";import"./theme.c328b151.js";const x=k({__name:"tools",setup(T){const s=f({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:_,comments:[],total:10,tools:["举报#2","删除#1","复制","屏蔽#2"]}),r=g((t,e,o)=>{switch(t){case"删除":alert(`删除成功: ${e.id}`),o();break;case"举报":alert(`举报成功: ${e.id}`);break}}),n=(t,e,o)=>{r(t,e,o)};let a=100;const c=({content:t,parentId:e,files:o,finish:m})=>{console.log("提交评论: "+t,e,o);let l=o.map(p=>d(p)).join("||");const u={id:String(a+=1),parentId:e,uid:s.user.id,address:"来自江苏",content:t,likes:0,createTime:"1分钟前",contentImg:l,user:{username:s.user.username,avatar:s.user.avatar,level:6,homeLink:`/${a+=1}`},reply:null};setTimeout(()=>{m(u),v({message:"评论成功!",type:"info"})},200)},i=(t,e)=>{console.log("点赞: "+t),setTimeout(()=>{e()},200)};return s.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(t,e)=>{const o=h("u-comment");return j(),b(o,{config:s,onSubmit:c,onLike:i,onOperate:n},null,8,["config"])}}});const R=w(x,[["__scopeId","data-v-6356e929"]]);export{R as default};
import{e as _}from"./emoji.51829739.js";import{c as d,U as v,t as g}from"../app.d71e0e5d.js";import{d as k,ak as f,G as h,o as j,A as b,_ as w}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const x=k({__name:"tools",setup(T){const s=f({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:_,comments:[],total:10,tools:["举报#2","删除#1","复制","屏蔽#2"]}),r=g((t,e,o)=>{switch(t){case"删除":alert(`删除成功: ${e.id}`),o();break;case"举报":alert(`举报成功: ${e.id}`);break}}),n=(t,e,o)=>{r(t,e,o)};let a=100;const c=({content:t,parentId:e,files:o,finish:m})=>{console.log("提交评论: "+t,e,o);let l=o.map(p=>d(p)).join("||");const u={id:String(a+=1),parentId:e,uid:s.user.id,address:"来自江苏",content:t,likes:0,createTime:"1分钟前",contentImg:l,user:{username:s.user.username,avatar:s.user.avatar,level:6,homeLink:`/${a+=1}`},reply:null};setTimeout(()=>{m(u),v({message:"评论成功!",type:"info"})},200)},i=(t,e)=>{console.log("点赞: "+t),setTimeout(()=>{e()},200)};return s.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(t,e)=>{const o=h("u-comment");return j(),b(o,{config:s,onSubmit:c,onLike:i,onOperate:n},null,8,["config"])}}});const R=w(x,[["__scopeId","data-v-6356e929"]]);export{R as default};
import{e as l}from"./emoji.51829739.js";import{c as p,U as d}from"../app.681ea904.js";import{d as _,ak as v,G as f,o as g,A as k,_ as j}from"./framework.347a35cb.js";import"./theme.c328b151.js";const b=_({__name:"upload",setup(h){const e=v({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:l,comments:[],total:10});let s=100;const n=({content:o,parentId:t,files:a,finish:r})=>{console.log("提交评论: "+o,t,a);let m=a.map(u=>p(u)).join("||");const i={id:String(s+=1),parentId:t,uid:e.user.id,address:"来自江苏",content:o,likes:0,createTime:"1分钟前",contentImg:m,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${s+=1}`},reply:null};setTimeout(()=>{r(i),d({message:"评论成功!",type:"info"})},200)},c=(o,t)=>{console.log("点赞: "+o),setTimeout(()=>{t()},200)};return e.comments=[{id:"2",parentId:null,uid:"2",address:"来自苏州",content:"知道在学校为什么感觉这么困吗?[大笑2]因为学校,是梦开始的地方。[脱单doge]",likes:11,createTime:"1天前",user:{username:"悟二空",avatar:"https://static.juzicon.com/user/avatar-bf22291e-ea5c-4280-850d-88bc288fcf5d-220408002256-ZBQQ.jpeg",level:1,homeLink:"/2"}}],(o,t)=>{const a=f("u-comment");return g(),k(a,{config:e,upload:"",onSubmit:n,onLike:c},null,8,["config"])}}});const z=j(b,[["__scopeId","data-v-37a6d630"]]);export{z as default};
import{e as l}from"./emoji.51829739.js";import{c as p,U as d}from"../app.d71e0e5d.js";import{d as _,ak as v,G as f,o as g,A as k,_ as j}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const b=_({__name:"upload",setup(h){const e=v({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:l,comments:[],total:10});let s=100;const n=({content:o,parentId:t,files:a,finish:r})=>{console.log("提交评论: "+o,t,a);let m=a.map(u=>p(u)).join("||");const i={id:String(s+=1),parentId:t,uid:e.user.id,address:"来自江苏",content:o,likes:0,createTime:"1分钟前",contentImg:m,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${s+=1}`},reply:null};setTimeout(()=>{r(i),d({message:"评论成功!",type:"info"})},200)},c=(o,t)=>{console.log("点赞: "+o),setTimeout(()=>{t()},200)};return e.comments=[{id:"2",parentId:null,uid:"2",address:"来自苏州",content:"知道在学校为什么感觉这么困吗?[大笑2]因为学校,是梦开始的地方。[脱单doge]",likes:11,createTime:"1天前",user:{username:"悟二空",avatar:"https://static.juzicon.com/user/avatar-bf22291e-ea5c-4280-850d-88bc288fcf5d-220408002256-ZBQQ.jpeg",level:1,homeLink:"/2"}}],(o,t)=>{const a=f("u-comment");return g(),k(a,{config:e,upload:"",onSubmit:n,onLike:c},null,8,["config"])}}});const z=j(b,[["__scopeId","data-v-37a6d630"]]);export{z as default};
import{e as b}from"./emoji.51829739.js";import{a as x,c as j,U as I}from"../app.681ea904.js";import{d as y,ak as z,h as T,G as i,o as S,A as L,B as l,z as e,E as _,t as u,b as M,a as h,M as C,N as H,_ as B}from"./framework.347a35cb.js";import"./theme.c328b151.js";const d=c=>(C("data-v-18fae047"),c=c(),H(),c),N={class:"user-card"},R={class:"user-avatar"},U=d(()=>e("img",{src:"https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"},null,-1)),V={class:"user-content"},A={class:"user-info"},D={href:"",class:"username",target:"_blank"},E={class:"name",style:{"max-width":"10em"}},G={blank:"true",class:"rank"},O={class:"social-info"},$={href:"",class:"attention"},q=d(()=>e("span",null,"关注",-1)),F={href:"",class:"follower"},J=d(()=>e("span",null,"粉丝",-1)),K={href:"",class:"like"},P=d(()=>e("span",null,"获赞",-1)),Q={class:"card-btn"},W=y({__name:"user-card",setup(c){const n=z({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:b,comments:[],total:10}),m=T(!1),g=(s,a)=>{console.log(m.value),m.value=!0,console.log("获取用户信息: "+s);let o;setTimeout(()=>{o={id:String(s),username:"落🤍尘"+s,avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,like:36011,attention:15,follower:6878},m.value=!1,a(o)},200)};let v=100;const k=({content:s,parentId:a,files:o,finish:p})=>{console.log("提交评论: "+s,a,o);let r=o.map(t=>j(t)).join("||");const f={id:String(v+=1),parentId:a,uid:n.user.id,address:"来自江苏",content:s,likes:0,createTime:"1分钟前",contentImg:r,user:{username:n.user.username,avatar:n.user.avatar,level:6,homeLink:`/${v+=1}`},reply:null};setTimeout(()=>{p(f),I({message:"评论成功!",type:"info"})},200)},w=(s,a)=>{console.log("点赞: "+s),setTimeout(()=>{a()},200)};return n.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(s,a)=>{const o=i("el-avatar"),p=i("u-icon"),r=i("el-button"),f=i("u-comment");return S(),L(f,{config:n,onSubmit:k,onLike:w,onShowInfo:g},{card:l(t=>[e("div",N,[e("div",R,[_(o,{style:{"margin-top":"5px"},size:40,fit:"cover",src:t.avatar},{default:l(()=>[U]),_:2},1032,["src"])]),e("div",V,[e("div",A,[e("a",D,[e("span",E,u(t.username),1),e("span",G,[_(p,{size:"24",innerHTML:M(x)(t.level)},null,8,["innerHTML"])])])]),e("div",O,[e("a",$,[e("span",null,u(t.attention),1),q]),e("a",F,[e("span",null,u(t.follower),1),J]),e("a",K,[e("span",null,u(t.like),1),P])]),e("div",Q,[_(r,{type:"primary"},{default:l(()=>[h("关注")]),_:1}),_(r,null,{default:l(()=>[h("发消息")]),_:1})])])])]),_:1},8,["config"])}}});const se=B(W,[["__scopeId","data-v-18fae047"]]);export{se as default};
import{e as b}from"./emoji.51829739.js";import{a as x,c as j,U as I}from"../app.d71e0e5d.js";import{d as y,ak as z,h as T,G as i,o as S,A as L,B as l,z as e,E as _,t as u,b as M,a as h,M as C,N as H,_ as B}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const d=c=>(C("data-v-18fae047"),c=c(),H(),c),N={class:"user-card"},R={class:"user-avatar"},U=d(()=>e("img",{src:"https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"},null,-1)),V={class:"user-content"},A={class:"user-info"},D={href:"",class:"username",target:"_blank"},E={class:"name",style:{"max-width":"10em"}},G={blank:"true",class:"rank"},O={class:"social-info"},$={href:"",class:"attention"},q=d(()=>e("span",null,"关注",-1)),F={href:"",class:"follower"},J=d(()=>e("span",null,"粉丝",-1)),K={href:"",class:"like"},P=d(()=>e("span",null,"获赞",-1)),Q={class:"card-btn"},W=y({__name:"user-card",setup(c){const n=z({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:b,comments:[],total:10}),m=T(!1),g=(s,a)=>{console.log(m.value),m.value=!0,console.log("获取用户信息: "+s);let o;setTimeout(()=>{o={id:String(s),username:"落🤍尘"+s,avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,like:36011,attention:15,follower:6878},m.value=!1,a(o)},200)};let v=100;const k=({content:s,parentId:a,files:o,finish:p})=>{console.log("提交评论: "+s,a,o);let r=o.map(t=>j(t)).join("||");const f={id:String(v+=1),parentId:a,uid:n.user.id,address:"来自江苏",content:s,likes:0,createTime:"1分钟前",contentImg:r,user:{username:n.user.username,avatar:n.user.avatar,level:6,homeLink:`/${v+=1}`},reply:null};setTimeout(()=>{p(f),I({message:"评论成功!",type:"info"})},200)},w=(s,a)=>{console.log("点赞: "+s),setTimeout(()=>{a()},200)};return n.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(s,a)=>{const o=i("el-avatar"),p=i("u-icon"),r=i("el-button"),f=i("u-comment");return S(),L(f,{config:n,onSubmit:k,onLike:w,onShowInfo:g},{card:l(t=>[e("div",N,[e("div",R,[_(o,{style:{"margin-top":"5px"},size:40,fit:"cover",src:t.avatar},{default:l(()=>[U]),_:2},1032,["src"])]),e("div",V,[e("div",A,[e("a",D,[e("span",E,u(t.username),1),e("span",G,[_(p,{size:"24",innerHTML:M(x)(t.level)},null,8,["innerHTML"])])])]),e("div",O,[e("a",$,[e("span",null,u(t.attention),1),q]),e("a",F,[e("span",null,u(t.follower),1),J]),e("a",K,[e("span",null,u(t.like),1),P])]),e("div",Q,[_(r,{type:"primary"},{default:l(()=>[h("关注")]),_:1}),_(r,null,{default:l(()=>[h("发消息")]),_:1})])])])]),_:1},8,["config"])}}});const se=B(W,[["__scopeId","data-v-18fae047"]]);export{se as default};
import{e as l}from"./emoji.51829739.js";import{c as p,U as _}from"../app.681ea904.js";import{d,ak as v,G as g,o as f,A as k,_ as j}from"./framework.347a35cb.js";import"./theme.c328b151.js";const h=d({__name:"user-info",setup(w){const e=v({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:l,comments:[],total:10});let a=100;const n=({content:s,parentId:t,files:o,finish:c})=>{console.log("提交评论: "+s,t,o);let m=o.map(u=>p(u)).join("||");const i={id:String(a+=1),parentId:t,uid:e.user.id,address:"来自江苏",content:s,likes:0,createTime:"1分钟前",contentImg:m,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${a+=1}`},reply:null};setTimeout(()=>{c(i),_({message:"评论成功!",type:"info"})},200)},r=(s,t)=>{console.log("点赞: "+s),setTimeout(()=>{t()},200)};return e.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(s,t)=>{const o=g("u-comment");return f(),k(o,{config:e,onSubmit:n,onLike:r},null,8,["config"])}}});const y=j(h,[["__scopeId","data-v-17571867"]]);export{y as default};
import{e as l}from"./emoji.51829739.js";import{c as p,U as _}from"../app.d71e0e5d.js";import{d,ak as v,G as g,o as f,A as k,_ as j}from"./framework.347a35cb.js";import"./theme.30a1c2b9.js";const h=d({__name:"user-info",setup(w){const e=v({user:{id:1,username:"jack",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",likeIds:[1,2,3]},emoji:l,comments:[],total:10});let a=100;const n=({content:s,parentId:t,files:o,finish:c})=>{console.log("提交评论: "+s,t,o);let m=o.map(u=>p(u)).join("||");const i={id:String(a+=1),parentId:t,uid:e.user.id,address:"来自江苏",content:s,likes:0,createTime:"1分钟前",contentImg:m,user:{username:e.user.username,avatar:e.user.avatar,level:6,homeLink:`/${a+=1}`},reply:null};setTimeout(()=>{c(i),_({message:"评论成功!",type:"info"})},200)},r=(s,t)=>{console.log("点赞: "+s),setTimeout(()=>{t()},200)};return e.comments=[{id:"1",parentId:null,uid:"1",address:"来自上海",content:"缘生缘灭,缘起缘落,我在看别人的故事,别人何尝不是在看我的故事?别人在演绎人生,我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神,只是沧桑了自己[喝酒]",likes:2,contentImg:"https://gitee.com/undraw/undraw-ui/raw/master/public/docs/normal.webp",createTime:"1分钟前",user:{username:"落🤍尘",avatar:"https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100",level:6,homeLink:"/1"}}],(s,t)=>{const o=g("u-comment");return f(),k(o,{config:e,onSubmit:n,onLike:r},null,8,["config"])}}});const y=j(h,[["__scopeId","data-v-17571867"]]);export{y as default};
{"components_counter.md":"caf37a6a","guide_install.md":"7a92c439","index.md":"015c1aa5","other_support.md":"16e3a90f","components_dialog.md":"79bd6589","guide_introduce.md":"a3ed73f9","components_tags.md":"b8505c3f","components_divider.md":"f532def6","components_toast.md":"bec76036","components_anchor.md":"58832687","components_chat.md":"fee09e79","components_fold.md":"efea6cf4","components_search.md":"b921f751","components_editor.md":"014d6170","components_icon.md":"3c4cbdcd","components_notice-bar.md":"480de0eb","update_doc.md":"0c65b83b","components_comment.md":"b237ee1d","guide_usage.md":"0381f916"}
{"components_icon.md":"3c4cbdcd","other_support.md":"16e3a90f","components_editor.md":"014d6170","guide_install.md":"7a92c439","components_toast.md":"bec76036","components_tags.md":"b8505c3f","components_notice-bar.md":"480de0eb","components_counter.md":"caf37a6a","components_search.md":"b921f751","index.md":"015c1aa5","components_divider.md":"f532def6","components_chat.md":"fee09e79","update_doc.md":"0c65b83b","components_fold.md":"efea6cf4","components_dialog.md":"79bd6589","components_anchor.md":"58832687","guide_introduce.md":"a3ed73f9","guide_usage.md":"0381f916","components_comment.md":"b237ee1d"}
此差异已折叠。
此差异已折叠。
......@@ -45,7 +45,8 @@ export interface ConfigApi {
export interface SubmitParamApi {
content: string
parentId: string | null
files: any[]
files?: any[]
replyId?: string | null
finish: (comment: CommentApi) => void
}
......
......@@ -9,7 +9,8 @@ export const InjectSlots = Symbol()
export interface SubmitParam2Api {
content: string
parentId: string | null
files: any[]
replyId?: string | null
files?: any[]
clear: () => void
}
export interface InjectInputBoxApi {
......
......@@ -41,7 +41,6 @@ import {
InjectReplyBoxApi,
SubmitParam2Api
} from '../key'
import { throttle } from 'lodash'
defineOptions({
name: 'UComment'
})
......@@ -50,6 +49,7 @@ interface Props {
config: ConfigApi
page?: boolean
upload?: boolean
relativeTime?: boolean
}
const props = withDefaults(defineProps<Props>(), {
......@@ -61,7 +61,7 @@ const props = withDefaults(defineProps<Props>(), {
const { user, comments, showSize, replyShowSize, total, tools } = toRefs(props.config)
const emit = defineEmits<{
(e: 'submit', { content, parentId, files, finish }: SubmitParamApi): void
(e: 'submit', { content, parentId, files, replyId, finish }: SubmitParamApi): void
(e: 'like', id: string, finish: () => void): void
(e: 'replyPage', { parentId, pageNum, pageSize, finish }: ReplyPageParamApi): void
(e: 'showInfo', id: string, finish: Function): void
......@@ -71,7 +71,7 @@ const emit = defineEmits<{
/**
* 提交评论
*/
const submit = ({ content, parentId, files, clear }: SubmitParam2Api) => {
const submit = ({ content, parentId, replyId, files, clear }: SubmitParam2Api) => {
// 添加评论
const finish = (comment: CommentApi) => {
// 清空输入框内容
......@@ -95,7 +95,7 @@ const submit = ({ content, parentId, files, clear }: SubmitParam2Api) => {
comments.value.unshift(comment)
}
}
emit('submit', { content, parentId, files, finish })
emit('submit', { content, parentId, replyId, files, finish })
}
const inputBoxParam: InjectInputBoxApi = {
upload: props.upload,
......
......@@ -100,7 +100,7 @@
ref="commentRef"
:parent-id="str(id)"
:placeholder="`回复 @${data.user.username}...`"
:replay="data.parentId ? data.user.username : undefined"
:replay="data"
content-btn="发布"
style="margin-top: 12px"
@hide="hide"
......
......@@ -48,6 +48,7 @@ import {
} from '~/index'
import { ElButton } from '~/element'
import { InjectInputBox, InjectInputBoxApi } from '../../key'
import { CommentApi } from 'undraw-ui'
export interface InputBoxApi {
focus(): void
......@@ -57,7 +58,7 @@ interface Props {
placeholder: string
contentBtn: string
parentId?: string
replay?: string
replay?: CommentApi
}
const props = defineProps<Props>()
......@@ -89,9 +90,10 @@ const emoji = inject(InjectionEmojiApi) as EmojiApi
const onSubmit = () => {
submit({
content: props.replay
? `回复 <span style="color: var(--u-color-success-dark-2);">@${props.replay}:</span> ${content.value}`
? `回复 <span style="color: var(--u-color-success-dark-2);">@${props.replay.user.username}:</span> ${content.value}`
: content.value,
parentId: isNull(props.parentId, null),
replyId: isNull(props.replay?.id, null),
files: files2.value,
clear: () => {
//清理输入框提交的数据
......
import { useDark } from '@vueuse/core'
export const isDark = useDark()
import dayjs from 'dayjs'
import "dayjs/locale/zh-cn"
import relativeTime from "dayjs/plugin/relativeTime"
dayjs.locale('zh-cn')
dayjs.extend(relativeTime)
export {
dayjs
}
\ No newline at end of file
......@@ -7,6 +7,6 @@ export * from './storage'
export * from './core'
export * from './basic'
export * from './convert'
export * from './dark'
export * from './clone-deep'
export * from './day'
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册