${(postItem == null ? void 0 : postItem.content_rendered) ?? ""}
").replace(/\s/g, none.value); }); const disabled = vue.computed(() => { if (content.value) { return content.value === replyInfo; } else { return true; } }); function focus() { txtRef.value.focus(); } __expose({ content, focus }); function drop(e2) { e2.preventDefault(); upload(e2.dataTransfer.files[0]); } async function upload(file) { if (!file) return; if (uploadLoading.value) return; uploadLoading.value = true; const formData = new FormData(); formData.append("image", file); const randomIndex = Math.floor(Math.random() * imgurClientIdPool.length); const clidenId = imgurClientIdPool[randomIndex]; const res = await fetch("https://api.imgur.com/3/upload", { method: "POST", headers: { Authorization: `Client-ID ${clidenId}` }, body: formData }); uploadLoading.value = false; if (res.ok) { const resData = await res.json(); if (resData.success) { return insert(" " + resData.data.link + " "); } } eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "上传失败" }); } async function submit() { if (disabled.value || loading.value) return; loading.value = true; let submit_content = content.value.replace(/\[((?!\[).)+\]/g, function(match) { let item2 = classicsEmoticons.find((v) => v.name === match); if (item2) { return item2.low + " "; } return match; }); let show_content = content.value.replace(/https?:\/\/(i\.)?imgur\.com\/((?!http).)+\.(gif|png|jpg|jpeg|GIF|PNG|JPG|JPEG)/g, function(match) { return `
"); let item = { thankCount: 0, isThanked: false, isOp: post.value.username === window.user.username, isDup: false, id: Date.now(), username: window.user.username, avatar: window.user.avatar, date: "几秒前", floor: post.value.replyCount + 1, reply_content: show_content ?? "", children: [], replyUsers: replyUser ? [replyUser] : [], replyFloor: replyFloor || -1, level: useType === "reply-comment" ? 1 : 0 }; item.hideCallUserReplyContent = item.reply_content; if (item.replyUsers.length === 1) { item.hideCallUserReplyContent = item.reply_content.replace(/@ { loading.value = false; let r2 = res.search("你上一条回复的内容和这条相同"); if (r2 > -1) return eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "你上一条回复的内容和这条相同" }); r2 = res.search("请不要在每一个回复中都包括外链，这看起来像是在 spamming"); if (r2 > -1) return eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "请不要在每一个回复中都包括外链，这看起来像是在 spamming" }); let r22 = res.search("创建新回复"); if (r22 > -1) { eventBus.emit(CMD.REFRESH_ONCE, res); eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "回复出现了问题，请使用原版进行回复" }); let clientWidth = window.document.body.clientWidth; let windowWidth = 1200; let left = clientWidth / 2 - windowWidth / 2; let newWin = window.open("创建新回复", "", `width=${windowWidth},height=600,left=${left},top=100`); newWin.document.write(res); let loop = setInterval(function() { if (newWin.closed) { clearInterval(loop); eventBus.emit(CMD.REFRESH_POST); } }, 1e3); return; } content.value = replyInfo; emits("close"); eventBus.emit(CMD.REFRESH_ONCE, res); eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "回复成功" }); eventBus.emit(CMD.ADD_REPLY, item); }, (err) => { console.log("err", err); loading.value = false; eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "回复失败" }); } ).catch((r2) => { console.log("catch", r2); }); } function showEmoticons(e2) { if (isShowEmoticons.value) { return isShowEmoticons.value = false; } let rect = e2.currentTarget.getBoundingClientRect(); emoticonsRef.value.style.left = rect.left + 30 + "px"; emoticonsRef.value.style.bottom = window.innerHeight - rect.top - 20 + "px"; isShowEmoticons.value = true; } function off() { eventBus.emit(CMD.SHOW_CALL, { show: false }); eventBus.off(CMD.SET_CALL); } function checkHeight2() { txtRef.value.style.height = 0; txtRef.value.style.height = txtRef.value.scrollHeight + "px"; } function insert(str) { let cursorPos = txtRef.value.selectionStart; let start = content.value.slice(0, cursorPos); let end = content.value.slice(cursorPos, content.value.length); content.value = start + str + end; let moveCursorPos = start.length + str.length; setTimeout(() => { txtRef.value.focus(); txtRef.value.setSelectionRange(moveCursorPos, moveCursorPos); checkHeight2(); }); } function showCallPopover(text) { let r2 = cursorRef.value.getBoundingClientRect(); eventBus.emit(CMD.SHOW_CALL, { show: true, top: r2.top, left: r2.left, text }); eventBus.off(CMD.SET_CALL); eventBus.on(CMD.SET_CALL, (e2) => { let cursorPos = txtRef.value.selectionStart; let start = content.value.slice(0, cursorPos); let end = content.value.slice(cursorPos, content.value.length); let lastCallPos = start.lastIndexOf("@"); start = content.value.slice(0, lastCallPos + 1); if (e2 === "管理员") { e2 = "Livid @Kai @Olivia @GordianZ @sparanoid"; } if (e2 === "所有人") { e2 = allReplyUsers.value.map((v, i) => { if (i) return "@" + v; else return v; }).join(" "); } content.value = start + e2 + " " + end; let moveCursorPos = start.length + e2.length + 1; setTimeout(() => { txtRef.value.setSelectionRange(moveCursorPos, moveCursorPos); checkHeight2(); }); eventBus.off(CMD.SET_CALL); }); } function onKeydown(e2) { let code = e2.keyCode; switch (code) { case 8: if (content.value === "@") { off(); } break; case 37: case 38: case 39: case 40: setTimeout(() => onInput({ data: "" }), 100); break; case 27: e2.preventDefault(); e2.stopPropagation(); e2.stopImmediatePropagation(); return false; case 13: if (e2.ctrlKey) submit(); if (e2.metaKey) submit(); break; } } function onInput(e2) { let cursorPos = txtRef.value.selectionStart; if (!content.value) return; if (e2.data === " ") { return off(); } if (e2.data === "@") { if (content.value.length !== 1) { if (content.value[cursorPos - 2] === " " || content.value[cursorPos - 2] === "\n") { return showCallPopover(""); } } else { return showCallPopover(""); } off(); } else { let judgeStr = content.value.slice(0, cursorPos); let lastCallPos = judgeStr.lastIndexOf("@"); if (lastCallPos === -1) { return off(); } let callStr = judgeStr.slice(lastCallPos, cursorPos); let hasSpace = callStr.includes(" "); if (hasSpace) { off(); } else { if (lastCallPos === 0) { return showCallPopover(callStr.replace("@", "")); } if (content.value.length !== 1) { if (content.value[lastCallPos - 1] === " " || content.value[lastCallPos - 1] === "\n") { return showCallPopover(callStr.replace("@", "")); } } else { return showCallPopover(callStr.replace("@", "")); } off(); } } } function onPaste(e2) { const dataTransferItemList = e2.clipboardData.items; const items = [].slice.call(dataTransferItemList).filter(function(item) { return item.type.indexOf("image") !== -1; }); if (items.length === 0) { return; } const dataTransferItem = items[0]; const blob = dataTransferItem.getAsFile(); upload(blob); } function onBlur() { document.removeEventListener("paste", onPaste); isFocus.value = false; } function onFocusin() { document.addEventListener("paste", onPaste); } vue.watch(() => show, (n2) => { if (n2.value) isShowEmoticons.value = false; }, { deep: true }); vue.onMounted(() => { $(`.${editorId.value}`).each(function() { this.setAttribute("style", "height:" + this.scrollHeight + "px;overflow-y:hidden;"); }).on("input", function() { this.style.height = 0; this.style.height = this.scrollHeight + "px"; }); }); return (_ctx, _cache) => { return vue.openBlock(), vue.createElementBlock("div", { class: vue.normalizeClass(["post-editor-wrapper", editorClass.value]) }, [ vue.withDirectives(vue.createElementVNode("textarea", { class: vue.normalizeClass(["post-editor", editorId.value]), ref_key: "txtRef", ref: txtRef, onFocus: _cache[0] || (_cache[0] = ($event) => vue.isRef(isFocus) ? isFocus.value = true : isFocus = true), onBlur, onFocusin, placeholder: "请尽量让自己的回复能够对别人有帮助", onInput, onKeydown, onDrop: drop, "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => content.value = $event) }, null, 34), [ [vue.vModelText, content.value] ]), vue.createElementVNode("div", _hoisted_1$f, [ vue.createElementVNode("span", { innerHTML: cursorHtml.value }, null, 8, _hoisted_2$c), vue.createElementVNode("span", { class: "cursor", ref_key: "cursorRef", ref: cursorRef }, "|", 512) ]), vue.createElementVNode("div", _hoisted_3$a, [ vue.createElementVNode("div", _hoisted_4$9, [ (vue.openBlock(), vue.createElementBlock("svg", { onClick: showEmoticons, width: "20", height: "20", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, _hoisted_9$6)), vue.createElementVNode("div", _hoisted_10$5, [ vue.createElementVNode("input", { type: "file", accept: "image/*", onChange: _cache[2] || (_cache[2] = (e2) => upload(e2.currentTarget.files[0])) }, null, 32), _hoisted_11$5 ]), uploadLoading.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$5, "上传中.....")) : vue.createCommentVNode("", true) ]), vue.createElementVNode("div", _hoisted_13$5, [ vue.createVNode(BaseButton, { size: "small", disabled: disabled.value, loading: loading.value, onClick: submit }, { default: vue.withCtx(() => [ vue.createTextVNode("回复 ") ]), _: 1 }, 8, ["disabled", "loading"]) ]) ]), vue.withDirectives(vue.createElementVNode("div", { class: "emoticon-pack", ref_key: "emoticonsRef", ref: emoticonsRef }, [ vue.createElementVNode("i", { class: "fa fa-times", "aria-hidden": "true", onClick: _cache[3] || (_cache[3] = ($event) => isShowEmoticons.value = false) }), _hoisted_14$4, vue.createElementVNode("div", _hoisted_15$4, [ (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(classicsEmoticons, (item) => { return vue.createElementVNode("img", { src: item.high, onClick: ($event) => { insert(item.name); isShowEmoticons.value = false; } }, null, 8, _hoisted_16$4); }), 64)) ]), vue.createElementVNode("div", _hoisted_17$2, [ (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(emojiEmoticons, (item) => { return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [ vue.createElementVNode("div", _hoisted_18$2, vue.toDisplayString(item.title), 1), vue.createElementVNode("div", _hoisted_19$2, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (emoji) => { return vue.openBlock(), vue.createElementBlock("span", { onClick: ($event) => { insert(emoji); isShowEmoticons.value = false; } }, vue.toDisplayString(emoji), 9, _hoisted_20$2); }), 256)) ]) ], 64); }), 64)) ]) ], 512), [ [vue.vShow, isShowEmoticons.value] ]) ], 2); }; } }; const PostEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0612e02f"]]); const _hoisted_1$e = { key: 0, class: "html-wrapper" }; const _hoisted_2$b = ["innerHTML"]; const checkHeight = 900; const _sfc_main$e = { __name: "BaseHtmlRender", props: ["html"], setup(__props) { const config2 = vue.inject("config"); const props = __props; const contentRef = vue.ref(null); const htmlMask = vue.ref(false); const handOpen = vue.ref(false); function mouseup(e2) { if (!config2.value.base64) return; let selectionText = window.win().getSelection().toString(); if (selectionText) { let r2 = selectionText.match(/([A-Za-z0-9+/=]+)/g); if (r2) { if (r2[0].length < 4) return; eventBus.emit(CMD.SHOW_TOOLTIP, { text: r2[0], e: e2 }); } } } vue.watch(config2.value, (newVale) => { if (!newVale.contentAutoCollapse) { htmlMask.value = false; } }); vue.watch([() => contentRef.value, () => props.html], () => { if (!contentRef.value || !props.html) return; if (!config2.value.contentAutoCollapse) return; contentRef.value.querySelectorAll("img").forEach((item) => { item.removeEventListener("load", checkContentHeight); item.addEventListener("load", checkContentHeight); }); checkContentHeight(); }, { immediate: true, flush: "post" }); function checkContentHeight() { if (handOpen.value) return; let rect = contentRef.value.getBoundingClientRect(); htmlMask.value = rect.height >= checkHeight; } return (_ctx, _cache) => { return props.html ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [ vue.createElementVNode("div", { class: vue.normalizeClass({ htmlMask: htmlMask.value }) }, [ vue.createElementVNode("div", { ref_key: "contentRef", ref: contentRef, innerHTML: props.html, onMouseup: mouseup }, null, 40, _hoisted_2$b) ], 2), htmlMask.value ? (vue.openBlock(), vue.createElementBlock("div", { key: 0, class: "expand", onClick: _cache[0] || (_cache[0] = ($event) => { htmlMask.value = false; handOpen.value = true; }) }, "展开")) : vue.createCommentVNode("", true) ])) : vue.createCommentVNode("", true); }; } }; const BaseHtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-f8165980"]]); const _sfc_main$d = { name: "Comment", components: { MoreIcon, BaseHtmlRender, Author, PostEditor, Point }, inject: ["post", "show", "isNight", "config"], props: { modelValue: { reply_content: "" }, type: { type: String, default() { return "list"; } } }, data() { return { edit: false, ding: false, expand: true, expandWrong: false, replyInfo: `@${this.modelValue.username} #${this.modelValue.floor} `, cssStyle: null, floor: this.modelValue.floor }; }, watch: { show(e2) { if (e2) { this.edit = false; } }, postDetailWidth(n2, o) { this.checkIsTooLong(n2); } }, computed: { eventBus() { return eventBus; }, CMD() { return CMD; }, CommentDisplayType() { return CommentDisplayType; }, myClass() { return { isOp: this.modelValue.isOp, ding: this.ding, isLevelOne: this.modelValue.level === 0, ["c_" + this.floor]: this.type !== "top" }; } }, mounted() { this.checkIsTooLong(); }, methods: { checkIsTooLong() { let rect = this.$refs.comment.getBoundingClientRect(); let postDetailWidth = document.body.clientWidth; let ban = postDetailWidth / 2; if (ban < rect.width && rect.width < ban + 25 && this.modelValue.children.length) { this.expand = false; let padding = 2; this.cssStyle = { padding: "1rem 0", width: `calc(${postDetailWidth}px - ${padding}rem)`, transform: `translateX(calc(${rect.width - postDetailWidth}px + ${padding}rem))`, background: this.isNight ? "#18222d" : "white" }; } }, //高亮一下 showDing() { this.ding = true; setTimeout(() => { this.ding = false; }, 2e3); }, toggle() { this.expand = !this.expand; } } }; const _withScopeId$9 = (n2) => (vue.pushScopeId("data-v-312e9541"), n2 = n2(), vue.popScopeId(), n2); const _hoisted_1$d = ["data-floor"]; const _hoisted_2$a = { class: "comment-content" }; const _hoisted_3$9 = { class: "right" }; const _hoisted_4$8 = { class: "w" }; const _hoisted_5$6 = { key: 0, class: "wrong-wrapper" }; const _hoisted_6$6 = ["href"]; const _hoisted_7$5 = { class: "del-line" }; const _hoisted_8$5 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-question-circle-o wrong-icon", "aria-hidden": "true" }, null, -1)); const _hoisted_9$5 = { key: 0, class: "warning" }; const _hoisted_10$4 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1)); const _hoisted_11$4 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1)); const _hoisted_12$4 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1)); const _hoisted_13$4 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1)); const _hoisted_14$3 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1)); const _hoisted_15$3 = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ vue.createElementVNode("a", { href: "https://github.com/zyronon/web-scripts/issues", target: "_blank" }, "这里", -1)); const _hoisted_16$3 = { class: "simple-wrapper" }; function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) { const _component_Author = vue.resolveComponent("Author"); const _component_BaseHtmlRender = vue.resolveComponent("BaseHtmlRender"); const _component_Comment = vue.resolveComponent("Comment", true); return vue.openBlock(), vue.createElementBlock("div", { class: vue.normalizeClass(["comment", $options.myClass]), ref: "comment", "data-floor": $data.floor }, [ vue.createVNode(_component_Author, { modelValue: $data.expand, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.expand = $event), comment: $props.modelValue, type: $props.type }, null, 8, ["modelValue", "comment", "type"]), $data.cssStyle && !$data.expand ? (vue.openBlock(), vue.createElementBlock("div", { key: 0, class: "more ago", onClick: _cache[1] || (_cache[1] = ($event) => $data.expand = !$data.expand) }, " 由于嵌套回复层级太深，自动将后续回复隐藏 ")) : vue.createCommentVNode("", true), $data.expand ? (vue.openBlock(), vue.createElementBlock("div", { key: 1, class: "comment-content-w", style: vue.normalizeStyle($data.cssStyle) }, [ $data.cssStyle ? (vue.openBlock(), vue.createElementBlock("div", { key: 0, class: "more ago", onClick: _cache[2] || (_cache[2] = ($event) => $data.expand = !$data.expand) }, " 由于嵌套回复层级太深，自动将以下回复移至可见范围 ")) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_2$a, [ vue.createElementVNode("div", { class: "left expand-line", onClick: _cache[3] || (_cache[3] = (...args) => $options.toggle && $options.toggle(...args)) }), vue.createElementVNode("div", _hoisted_3$9, [ vue.createElementVNode("div", _hoisted_4$8, [ $props.modelValue.isWrong ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [ vue.createElementVNode("span", { onClick: _cache[4] || (_cache[4] = ($event) => $data.expandWrong = !$data.expandWrong), title: "点击楼层号查看提示" }, [ vue.createElementVNode("a", { href: "/member/" + $props.modelValue.replyUsers[0] }, "@" + vue.toDisplayString($props.modelValue.replyUsers[0]) + " ", 9, _hoisted_6$6), vue.createElementVNode("span", _hoisted_7$5, "#" + vue.toDisplayString($props.modelValue.replyFloor), 1), _hoisted_8$5 ]), $data.expandWrong ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$5, [ vue.createTextVNode(" 这条回复似乎有点问题，指定的楼层号与@的人对应不上 "), _hoisted_10$4, vue.createTextVNode(" 原因可能有下面几种： "), _hoisted_11$4, vue.createTextVNode(" 一、屏蔽用户导致楼层塌陷：你屏蔽了A，自A以后的回复的楼层号都会减1 "), _hoisted_12$4, vue.createTextVNode(" 二、忽略回复导致楼层塌陷：原理同上 "), _hoisted_13$4, vue.createTextVNode(" 三、层主回复时指定错了楼层号（同一，层主屏蔽了别人，导致楼层塌陷） "), _hoisted_14$3, vue.createTextVNode(" 四、脚本解析错误，请在 "), _hoisted_15$3, vue.createTextVNode("反馈 ") ])) : vue.createCommentVNode("", true) ])) : vue.createCommentVNode("", true), $options.config.commentDisplayType === $options.CommentDisplayType.FloorInFloorNoCallUser && this.type !== "top" ? (vue.openBlock(), vue.createBlock(_component_BaseHtmlRender, { key: 1, class: "reply_content", html: $props.modelValue.hideCallUserReplyContent }, null, 8, ["html"])) : (vue.openBlock(), vue.createBlock(_component_BaseHtmlRender, { key: 2, class: "reply_content", html: $props.modelValue.reply_content }, null, 8, ["html"])) ]), vue.createElementVNode("div", _hoisted_16$3, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.modelValue.children, (item, index) => { return vue.openBlock(), vue.createBlock(_component_Comment, { modelValue: $props.modelValue.children[index], "onUpdate:modelValue": ($event) => $props.modelValue.children[index] = $event, key: index }, null, 8, ["modelValue", "onUpdate:modelValue"]); }), 128)) ]) ]) ]), $data.cssStyle ? (vue.openBlock(), vue.createElementBlock("div", { key: 1, class: "more ago", onClick: _cache[5] || (_cache[5] = ($event) => $data.expand = !$data.expand) }, " 由于嵌套回复层级太深，自动将以上回复移至可见范围 ")) : vue.createCommentVNode("", true) ], 4)) : vue.createCommentVNode("", true) ], 10, _hoisted_1$d); } const Comment = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$5], ["__scopeId", "data-v-312e9541"]]); const _sfc_main$c = { name: "Toolbar", components: { Icon, BaseLoading }, inject: [ "isLogin", "post", "pageType" ], data() { return { timer: null, loading: false, loading3: false }; }, methods: { checkIsLogin(emitName = "") { if (!this.isLogin) { eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请先登录！" }); return false; } this.$emit(emitName); return true; }, async toggleFavorite() { if (config.collectBrowserNotice) { eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "别忘记添加到书签哦" }); } if (!this.checkIsLogin()) return; let isFavorite = this.post.isFavorite; let url = `${window.baseUrl}/${isFavorite ? "unfavorite" : "favorite"}/topic/${this.post.id}?once=${this.post.once}`; this.loading = true; let apiRes = await fetch(url); this.loading = false; if (apiRes.redirected) { let htmlText = await apiRes.text(); if (htmlText.search(this.post.isFavorite ? "加入收藏" : "取消收藏")) { eventBus.emit(CMD.MERGE, { collectCount: isFavorite ? this.post.collectCount - 1 : this.post.collectCount + 1 }); eventBus.emit(CMD.SHOW_MSG, { type: "success", text: isFavorite ? "取消成功" : "收藏成功" }); eventBus.emit(CMD.REFRESH_ONCE, htmlText); eventBus.emit(CMD.MERGE, { isFavorite: !isFavorite }); return; } } eventBus.emit(CMD.REFRESH_ONCE); eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "操作失败" }); } } }; const _hoisted_1$c = { class: "toolbar" }; const _hoisted_2$9 = { class: "left" }; const _hoisted_3$8 = { class: "right" }; const _hoisted_4$7 = { key: 2 }; function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) { const _component_BaseLoading = vue.resolveComponent("BaseLoading"); const _component_Icon = vue.resolveComponent("Icon"); return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [ vue.createElementVNode("div", _hoisted_2$9, [ vue.createElementVNode("div", null, vue.toDisplayString($options.post.createDate.substring(0, 16)), 1) ]), vue.createElementVNode("div", _hoisted_3$8, [ vue.createElementVNode("div", { class: vue.normalizeClass(["tool", { disabled: $data.loading }]), onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleFavorite && $options.toggleFavorite(...args)) }, [ $data.loading ? (vue.openBlock(), vue.createBlock(_component_BaseLoading, { key: 0, size: "small" })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [ $options.post.isFavorite ? (vue.openBlock(), vue.createBlock(_component_Icon, { key: 0, color: "rgb(224,42,42)", icon: "iconoir:star-solid" })) : (vue.openBlock(), vue.createBlock(_component_Icon, { key: 1, icon: "iconoir:star" })) ], 64)), $options.post.collectCount !== 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, vue.toDisplayString($options.post.collectCount), 1)) : vue.createCommentVNode("", true) ], 2), vue.createElementVNode("div", { class: "tool", onClick: _cache[1] || (_cache[1] = ($event) => $options.checkIsLogin("reply")) }, [ vue.createVNode(_component_Icon, { icon: "mynaui:message" }) ]) ]) ]); } const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$4], ["__scopeId", "data-v-6234240d"]]); const _withScopeId$8 = (n2) => (vue.pushScopeId("data-v-0869dab5"), n2 = n2(), vue.popScopeId(), n2); const _hoisted_1$b = { class: "comment", ref: "comment" }; const _hoisted_2$8 = ["href"]; const _hoisted_3$7 = ["src"]; const _hoisted_4$6 = { class: "texts" }; const _hoisted_5$5 = { key: 0, class: "point" }; const _hoisted_6$5 = { class: "link-num" }; const _hoisted_7$4 = { class: "my-tag" }; const _hoisted_8$4 = /* @__PURE__ */ _withScopeId$8(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-tag" }, null, -1)); const _hoisted_9$4 = { key: 2, class: "ago" }; const _hoisted_10$3 = { key: 3, class: "mod" }; const _hoisted_11$3 = { key: 4, class: "owner" }; const _hoisted_12$3 = ["href"]; const _hoisted_13$3 = { key: 5, class: "owner" }; const _hoisted_14$2 = { key: 6, class: "mod" }; const _hoisted_15$2 = { key: 7, class: "ago" }; const _hoisted_16$2 = { class: "my-tag" }; const _hoisted_17$1 = /* @__PURE__ */ _withScopeId$8(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-tag" }, null, -1)); const _hoisted_18$1 = { key: 9, class: "point" }; const _hoisted_19$1 = { class: "link-num" }; const _hoisted_20$1 = ["href"]; const _hoisted_21$1 = ["src"]; const _hoisted_22$1 = { class: "Author-right" }; const _hoisted_23$1 = { class: "floor" }; const _hoisted_24$1 = /* @__PURE__ */ _withScopeId$8(() => /* @__PURE__ */ vue.createElementVNode("span", null, "跳转", -1)); const _hoisted_25$1 = [ _hoisted_24$1 ]; const _sfc_main$b = { __name: "SingleComment", props: { comment: { reply_content: "" }, isRight: { type: Boolean, default() { return false; } } }, setup(__props) { const config2 = vue.inject("config"); const isLogin = vue.inject("isLogin"); const tags = vue.inject("tags"); const props = __props; const myTags = vue.computed(() => { return tags[props.comment.username] ?? []; }); function jump() { eventBus.emit(CMD.JUMP, props.comment.floor); } return (_ctx, _cache) => { return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [ !__props.isRight ? (vue.openBlock(), vue.createElementBlock("a", { key: 0, class: "base-avatar", href: `/member/${__props.comment.username}` }, [ vue.createElementVNode("img", { src: __props.comment.avatar, alt: "" }, null, 8, _hoisted_3$7) ], 8, _hoisted_2$8)) : vue.createCommentVNode("", true), vue.createElementVNode("div", { class: vue.normalizeClass(["comment-body", { isRight: __props.isRight }]) }, [ vue.createElementVNode("div", _hoisted_4$6, [ __props.comment.thankCount && __props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [ __props.comment.isThanked ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), { key: 0, color: "red", icon: "icon-park-solid:like" })) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), { key: 1, color: "rgb(224,42,42)", icon: "icon-park-outline:like" })), vue.createElementVNode("div", _hoisted_6$5, vue.toDisplayString(__props.comment.thankCount), 1) ])) : vue.createCommentVNode("", true), vue.unref(isLogin) && vue.unref(config2).openTag && __props.isRight ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(myTags.value, (i) => { return vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, [ _hoisted_8$4, vue.createElementVNode("span", null, vue.toDisplayString(i), 1) ]); }), 256)) : vue.createCommentVNode("", true), __props.isRight ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$4, vue.toDisplayString(__props.comment.date), 1)) : vue.createCommentVNode("", true), __props.comment.isMod && __props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$3, "MOD")) : vue.createCommentVNode("", true), __props.comment.isOp && __props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$3, "OP")) : vue.createCommentVNode("", true), vue.createElementVNode("a", { href: `/member/${__props.comment.username}`, class: "username" }, vue.toDisplayString(__props.comment.username), 9, _hoisted_12$3), __props.comment.isOp && !__props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$3, "OP")) : vue.createCommentVNode("", true), __props.comment.isMod && !__props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2, "MOD")) : vue.createCommentVNode("", true), !__props.isRight ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$2, vue.toDisplayString(__props.comment.date), 1)) : vue.createCommentVNode("", true), vue.unref(isLogin) && vue.unref(config2).openTag && !__props.isRight ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 8 }, vue.renderList(myTags.value, (i) => { return vue.openBlock(), vue.createElementBlock("span", _hoisted_16$2, [ _hoisted_17$1, vue.createElementVNode("span", null, vue.toDisplayString(i), 1) ]); }), 256)) : vue.createCommentVNode("", true), __props.comment.thankCount && !__props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$1, [ __props.comment.isThanked ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), { key: 0, color: "red", icon: "icon-park-solid:like" })) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), { key: 1, color: "rgb(224,42,42)", icon: "icon-park-outline:like" })), vue.createElementVNode("div", _hoisted_19$1, vue.toDisplayString(__props.comment.thankCount), 1) ])) : vue.createCommentVNode("", true) ]), vue.createVNode(BaseHtmlRender, { class: "reply_content", html: __props.comment.reply_content }, null, 8, ["html"]) ], 2), __props.isRight ? (vue.openBlock(), vue.createElementBlock("a", { key: 1, class: "base-avatar", href: `/member/${__props.comment.username}` }, [ vue.createElementVNode("img", { src: __props.comment.avatar, alt: "" }, null, 8, _hoisted_21$1) ], 8, _hoisted_20$1)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_22$1, [ vue.createElementVNode("div", _hoisted_23$1, vue.toDisplayString(__props.comment.floor) + "楼", 1), vue.createElementVNode("div", { class: "tool jump", onClick: jump }, _hoisted_25$1) ]) ], 512); }; } }; const SingleComment = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-0869dab5"]]); function debounce(fn, delay, scope) { let timer = null; return function() { let context = scope || this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); timer = null; }, delay); }; } async function copy(text) { if (navigator.clipboard) { await navigator.clipboard.writeText(text); eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "复制成功" }); return true; } else { eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "复制失败！浏览器不支持！" }); } } const _sfc_main$a = { name: "FromBottomDialog", props: { modelValue: { type: Boolean, default: false }, mode: { type: String, // default: 'dark' default: "light" // default: 'white' }, maskMode: { type: String, default: "dark" }, height: { type: String, default: "70vh" }, showHengGang: { type: Boolean, default: true }, pageId: { type: String, default: null, required: true }, borderRadius: { type: String, default: "1rem 1rem 0 0" }, tag: { type: String, default: "" } }, watch: { modelValue(newVal) { let page = document.getElementById(this.pageId); if (newVal) { page.style.overflow = "hidden"; this.scroll = page.scrollTop; let mask = $(``); mask.on("click", (e2) => { this.hide(false); }); page.appendChild(mask[0]); } else { page.style.overflow = "unset"; let mask = $(".mask"); mask.removeClass("fade-in"); mask.addClass("fade-out"); setTimeout(() => { mask.remove(); }, 250); } } }, data() { return { scroll: 0, startLocationY: 0, moveYDistance: 0, startTime: 0, pagePosition: null }; }, computed: {}, created() { }, methods: { beforeEnter(el) { el.style["transition-duration"] = `250ms`; el.style["transform"] = `translate3d(0,${this.height},0)`; }, enter(el, done) { setTimeout(() => { el.style["transform"] = `translate3d(0,0,0)`; }, 0); setTimeout(() => { el.style["transform"] = `none`; done(); }, 250); }, afterEnter() { }, beforeLeave(el) { el.style["transition-duration"] = `250ms`; el.style["transform"] = `translate3d(0,0,0)`; }, leave(el, done) { let maxHeight = $(".FromBottomDialog").css("max-height"); el.style["transform"] = `translate3d(0,${maxHeight},0)`; setTimeout(done, 250); }, afterLeave() { }, hide(val = false) { this.$emit("update:modelValue", val); this.$emit("cancel"); }, start(e2) { if (this.$refs.dialog.scrollTop !== 0) return; this.startLocationY = e2.touches[0].pageY; this.startTime = Date.now(); this.$refs.dialog.style["transition-duration"] = `0ms`; }, move(e2) { if (this.$refs.dialog.scrollTop !== 0) return; this.moveYDistance = e2.touches[0].pageY - this.startLocationY; if (this.moveYDistance > 0) { this.$refs.dialog.style["transform"] = `translate3d(0,${this.moveYDistance}px,0)`; } }, end(e2) { if (Date.now() - this.startTime < 150 && Math.abs(this.moveYDistance) < 30) { return; } if (this.$refs.dialog.scrollTop !== 0) return; let clientHeight = this.$refs.dialog.clientHeight; this.$refs.dialog.style["transition-duration"] = `250ms`; if (Math.abs(this.moveYDistance) > clientHeight / 2) { this.$refs.dialog.style["transform"] = `translate3d(0,${clientHeight}px,0)`; setTimeout(this.hide, 250); } else { this.$refs.dialog.style["transform"] = `translate3d(0,0,0)`; setTimeout(() => { if (this.$refs.dialog) { this.$refs.dialog.style["transform"] = `none`; } }, 250); } this.moveYDistance = 0; } } }; const __injectCSSVars__ = () => { vue.useCssVars((_ctx) => ({ "0013fa15": _ctx.borderRadius })); }; const __setup__ = _sfc_main$a.setup; _sfc_main$a.setup = __setup__ ? (props, ctx) => { __injectCSSVars__(); return __setup__(props, ctx); } : __injectCSSVars__; const _withScopeId$7 = (n2) => (vue.pushScopeId("data-v-3a54f208"), n2 = n2(), vue.popScopeId(), n2); const _hoisted_1$a = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "gang-content" }, null, -1)); const _hoisted_2$7 = [ _hoisted_1$a ]; const _hoisted_3$6 = { class: "dialog-wrapper" }; function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createBlock(vue.Transition, { onBeforeEnter: $options.beforeEnter, onEnter: $options.enter, onAfterEnter: $options.afterEnter, onBeforeLeave: $options.beforeLeave, onLeave: $options.leave, onAfterLeave: $options.afterLeave, css: false }, { default: vue.withCtx(() => [ $props.modelValue ? (vue.openBlock(), vue.createElementBlock("div", { key: 0, ref: "dialog", class: vue.normalizeClass(["FromBottomDialog", [$props.mode, $props.showHengGang ? "" : "no-heng-gang"]]), style: vue.normalizeStyle({ "max-height": $props.height }), onTouchstart: _cache[0] || (_cache[0] = (...args) => $options.start && $options.start(...args)), onTouchmove: _cache[1] || (_cache[1] = (...args) => $options.move && $options.move(...args)), onTouchend: _cache[2] || (_cache[2] = (...args) => $options.end && $options.end(...args)) }, [ vue.renderSlot(_ctx.$slots, "header", {}, void 0, true), $props.showHengGang ? (vue.openBlock(), vue.createElementBlock("div", { key: 0, class: vue.normalizeClass(["heng-gang", $props.mode]) }, _hoisted_2$7, 2)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$6, [ vue.renderSlot(_ctx.$slots, "default", {}, void 0, true) ]) ], 38)) : vue.createCommentVNode("", true) ]), _: 3 }, 8, ["onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]); } const FromBottomDialog = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$3], ["__scopeId", "data-v-3a54f208"]]); const _withScopeId$6 = (n2) => (vue.pushScopeId("data-v-ae322b31"), n2 = n2(), vue.popScopeId(), n2); const _hoisted_1$9 = { class: "wrapper" }; const _hoisted_2$6 = { class: "options" }; const _hoisted_3$5 = { class: "icon-wrap" }; const _hoisted_4$5 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("span", null, "分享", -1)); const _hoisted_5$4 = { class: "icon-wrap" }; const _hoisted_6$4 = { class: "icon-wrap" }; const _hoisted_7$3 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("span", null, "回复", -1)); const _hoisted_8$3 = { class: "icon-wrap" }; const _hoisted_9$3 = { class: "icon-wrap" }; const _hoisted_10$2 = { class: "icon-wrap" }; const _hoisted_11$2 = { class: "icon-wrap" }; const _hoisted_12$2 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("span", null, "复制链接", -1)); const _hoisted_13$2 = { class: "icon-wrap" }; const _hoisted_14$1 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("span", null, "复制内容", -1)); const _hoisted_15$1 = { class: "icon-wrap" }; const _hoisted_16$1 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("span", null, "刷新", -1)); const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({ __name: "PostOptions", props: { modelValue: { type: Boolean }, post: {} }, emits: ["close", "reply", "refresh", "merge", "update:modelValue"], setup(__props, { emit: __emit }) { let state = vue.reactive({ timer: null, loading: false, loading1: false, loading2: false, loading3: false, loading4: false }); const props = __props; const emit = __emit; const isLogin = vue.inject("isLogin"); const pageType = vue.inject("pageType"); const config2 = vue.inject("config"); function close() { emit("close"); emit("update:modelValue", false); } function checkIsLogin() { if (!isLogin.value) { eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请先登录！" }); return false; } return true; } async function copyLink() { let text = props.post.url; if (await copy(text)) { close(); } } async function copyContent() { let text = props.post.headerTemplate; text = $(`
${text}
`).text();
if (await copy(text)) {
close();
}
}
function share() {
var _a;
let username = ((_a = window.user) == null ? void 0 : _a.username) ?? "";
let url = `https://twitter.com/intent/tweet?url=${location.origin}/t/${props.post.id}?r=${username}&related=v2ex&text=${props.post.title}`;
window.open(url, "_blank");
close();
}
function reply() {
if (!checkIsLogin())
return;
emit("reply");
close();
}
async function toggleIgnore() {
if (!checkIsLogin())
return;
if (state.loading2)
return;
let isIgnore = props.post.isIgnore;
let url = `${location.origin}/${isIgnore ? "unignore" : "ignore"}/topic/${props.post.id}?once=${props.post.once}`;
state.loading2 = true;
let apiRes = await fetch(url);
state.loading2 = false;
if (apiRes.redirected) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: isIgnore ? "取消成功" : "忽略成功" });
} else {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "忽略失败" });
}
if (isIgnore) {
eventBus.emit(CMD.MERGE, { isIgnore: !isIgnore });
} else {
if (pageType.value === PageType.Post) {
location.href = location.origin;
} else {
eventBus.emit(CMD.IGNORE);
}
}
eventBus.emit(CMD.REFRESH_ONCE);
close();
}
async function toggleFavorite() {
if (!checkIsLogin())
return;
if (state.loading)
return;
let isFavorite = props.post.isFavorite;
if (!isFavorite && config2.value.collectBrowserNotice) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "别忘记添加到书签哦" });
}
let url = `${location.origin}/${isFavorite ? "unfavorite" : "favorite"}/topic/${props.post.id}?once=${props.post.once}`;
state.loading = true;
let apiRes = await fetch(url);
state.loading = false;
if (apiRes.redirected) {
let htmlText = await apiRes.text();
if (htmlText.search(isFavorite ? "加入收藏" : "取消收藏")) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: isFavorite ? "取消成功" : "收藏成功" });
eventBus.emit(CMD.MERGE, { collectCount: isFavorite ? props.post.collectCount - 1 : props.post.collectCount + 1 });
eventBus.emit(CMD.REFRESH_ONCE, htmlText);
eventBus.emit(CMD.MERGE, { isFavorite: !isFavorite });
return close();
}
}
eventBus.emit(CMD.REFRESH_ONCE);
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "操作失败，请重试" });
}
async function report() {
if (!checkIsLogin())
return;
if (state.loading1)
return;
let isReport = props.post.isReport;
if (isReport) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "你已对本主题进行了报告" });
return;
}
let url = `${location.origin}/report/topic/${props.post.id}?once=${props.post.once}`;
state.loading1 = true;
let apiRes = await fetch(url);
state.loading1 = false;
if (apiRes.redirected) {
let htmlText = await apiRes.text();
if (htmlText.search("你已对本主题进行了报告")) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "你已对本主题进行了报告" });
eventBus.emit(CMD.REFRESH_ONCE, htmlText);
eventBus.emit(CMD.MERGE, { isReport: !isReport });
return close();
}
}
eventBus.emit(CMD.REFRESH_ONCE);
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "操作失败，请重试" });
}
async function thank() {
if (!isLogin.value) {
return eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请先登录！" });
}
if (props.post.username === window.user.username) {
return eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "不能感谢自己" });
}
let isThanked = props.post.isThanked;
if (isThanked) {
return eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "已经感谢过了" });
}
if (state.loading4)
return;
eventBus.emit(CMD.MERGE, { isThanked: !isThanked });
let url = `${location.origin}/thank/reply/${props.post.id}?once=${props.post.once}`;
state.loading4 = true;
await fetch(url);
state.loading4 = false;
$.post(url).then((res) => {
if (!res.success) {
eventBus.emit(CMD.MERGE, { isThanked: !isThanked });
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: res.message });
}
eventBus.emit(CMD.REFRESH_ONCE, res.once);
}, (err) => {
state.loading4 = false;
eventBus.emit(CMD.MERGE, { isThanked: !isThanked });
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "感谢失败" });
eventBus.emit(CMD.REFRESH_ONCE);
});
close();
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(FromBottomDialog, {
"page-id": "post-detail",
height: "40rem",
"model-value": _ctx.modelValue,
onCancel: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", false))
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$9, [
vue.createElementVNode("div", _hoisted_2$6, [
vue.createElementVNode("div", {
class: "item",
onClick: share
}, [
vue.createElementVNode("div", _hoisted_3$5, [
vue.createVNode(vue.unref(Icon), {
color: "rgb(57,174,85)",
icon: "uil:share"
})
]),
_hoisted_4$5
]),
vue.createElementVNode("div", {
class: "item",
onClick: toggleIgnore
}, [
vue.createElementVNode("div", _hoisted_5$4, [
vue.unref(state).loading2 ? (vue.openBlock(), vue.createBlock(BaseLoading, { key: 0 })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
_ctx.post.isIgnore ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 0,
color: "rgb(224,42,42)",
icon: "mdi:eye-off-outline"
})) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
color: "rgb(57,174,85)",
icon: "mdi:eye-outline"
}))
], 64))
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.post.isIgnore ? "取消" : "") + "忽略", 1)
]),
vue.createElementVNode("div", {
class: "item",
onClick: reply
}, [
vue.createElementVNode("div", _hoisted_6$4, [
vue.createVNode(vue.unref(Icon), {
color: "rgb(57,174,85)",
icon: "mynaui:message"
})
]),
_hoisted_7$3
]),
vue.createElementVNode("div", {
class: "item",
onClick: thank
}, [
vue.createElementVNode("div", _hoisted_8$3, [
_ctx.post.isThanked ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 0,
icon: "flat-color-icons:like"
})) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
color: "rgb(57,174,85)",
icon: "icon-park-outline:like"
}))
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.post.isThanked ? "已" : "") + "感谢", 1)
]),
vue.createElementVNode("div", {
class: "item",
onClick: toggleFavorite
}, [
vue.createElementVNode("div", _hoisted_9$3, [
vue.unref(state).loading ? (vue.openBlock(), vue.createBlock(BaseLoading, { key: 0 })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
_ctx.post.isFavorite ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 0,
color: "rgb(224,42,42)",
icon: "iconoir:star-solid"
})) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
color: "rgb(57,174,85)",
icon: "iconoir:star"
}))
], 64))
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.post.isFavorite ? "取消" : "") + "收藏", 1)
]),
vue.createElementVNode("div", {
class: vue.normalizeClass(["item", [_ctx.post.isReport && "disabled"]]),
onClick: report
}, [
vue.createElementVNode("div", _hoisted_10$2, [
vue.unref(state).loading1 ? (vue.openBlock(), vue.createBlock(BaseLoading, { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
class: "black",
icon: "solar:danger-triangle-outline"
}))
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.post.isReport ? "已报告" : "报告问题"), 1)
], 2),
vue.createElementVNode("div", {
class: "item",
onClick: copyLink
}, [
vue.createElementVNode("div", _hoisted_11$2, [
vue.createVNode(vue.unref(Icon), {
class: "black",
icon: "solar:link-broken"
})
]),
_hoisted_12$2
]),
vue.createElementVNode("div", {
class: "item",
onClick: copyContent
}, [
vue.createElementVNode("div", _hoisted_13$2, [
vue.createVNode(vue.unref(Icon), {
class: "black",
icon: "octicon:copy-24"
})
]),
_hoisted_14$1
]),
vue.createElementVNode("div", {
class: "item",
onClick: _cache[0] || (_cache[0] = ($event) => (emit("refresh"), close()))
}, [
vue.createElementVNode("div", _hoisted_15$1, [
vue.createVNode(vue.unref(Icon), {
class: "black",
icon: "ion:refresh"
})
]),
_hoisted_16$1
])
]),
vue.createVNode(FontSizeType),
vue.createElementVNode("div", {
class: "cancel",
onClick: close
}, "取消")
])
]),
_: 1
}, 8, ["model-value"]);
};
}
});
const PostOptions = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ae322b31"]]);
const _withScopeId$5 = (n2) => (vue.pushScopeId("data-v-8ef13a81"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$8 = { class: "wrapper" };
const _hoisted_2$5 = { class: "options" };
const _hoisted_3$4 = { class: "icon-wrap" };
const _hoisted_4$4 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "忽略", -1));
const _hoisted_5$3 = { class: "icon-wrap" };
const _hoisted_6$3 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "复制", -1));
const _hoisted_7$2 = { class: "icon-wrap" };
const _hoisted_8$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "上下文", -1));
const _hoisted_9$2 = { class: "icon-wrap" };
const _hoisted_10$1 = { class: "icon-wrap" };
const _hoisted_11$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "回复", -1));
const _hoisted_12$1 = { class: "icon-wrap" };
const _hoisted_13$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "跳转", -1));
const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
__name: "CommentOptions",
props: {
modelValue: { type: Boolean },
comment: {},
post: {}
},
emits: ["close", "reply", "merge", "update:modelValue"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const config2 = vue.inject("config");
const isLogin = vue.inject("isLogin");
function close() {
emit("close");
emit("update:modelValue", false);
}
function checkIsLogin() {
if (!isLogin.value) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请先登录！" });
return false;
}
return true;
}
async function handleCopy() {
let text = props.comment.reply_content;
if (config2.value.commentDisplayType === CommentDisplayType.FloorInFloorNoCallUser) {
text = props.comment.hideCallUserReplyContent;
}
text = $(`${text}
`).text();
if (await copy(text)) {
close();
}
}
async function hide() {
if (!checkIsLogin())
return;
let url = `${window.baseUrl}/ignore/reply/${props.comment.id}?once=${props.post.once}`;
eventBus.emit(CMD.REMOVE, props.comment.floor);
close();
$.post(url).then((res) => {
eventBus.emit(CMD.REFRESH_ONCE);
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "隐藏成功" });
}, (err) => {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "隐藏成功,仅本次有效（接口调用失败！）" });
});
}
function jump() {
eventBus.emit(CMD.JUMP, props.comment.floor);
close();
}
function showRelationReply() {
if (!props.comment.replyUsers.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "该回复无上下文" });
return;
}
eventBus.emit(CMD.RELATION_REPLY, {
left: props.comment.replyUsers,
right: props.comment.username,
rightFloor: props.comment.floor
});
close();
}
function recallThank() {
eventBus.emit(CMD.CHANGE_COMMENT_THANK, { id: props.comment.id, type: "recall" });
}
function thank() {
if (!checkIsLogin())
return;
if (props.comment.username === window.user.username) {
return eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "不能感谢自己" });
}
if (props.comment.isThanked) {
return eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "已经感谢过了" });
}
eventBus.emit(CMD.CHANGE_COMMENT_THANK, { id: props.comment.id, type: "add" });
let url = `${window.baseUrl}/thank/reply/${props.comment.id}?once=${props.post.once}`;
$.post(url).then((res) => {
if (!res.success) {
recallThank();
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: res.message });
}
eventBus.emit(CMD.REFRESH_ONCE, res.once);
}, (err) => {
recallThank();
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "感谢失败" });
eventBus.emit(CMD.REFRESH_ONCE);
});
close();
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(FromBottomDialog, {
"page-id": "post-detail",
height: "40rem",
"model-value": _ctx.modelValue,
onCancel: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", false))
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$8, [
vue.createElementVNode("div", _hoisted_2$5, [
vue.createElementVNode("div", {
class: "item",
onClick: hide
}, [
vue.createElementVNode("div", _hoisted_3$4, [
vue.createVNode(vue.unref(Icon), { icon: "solar:forbidden-circle-outline" })
]),
_hoisted_4$4
]),
vue.createElementVNode("div", {
class: "item",
onClick: handleCopy
}, [
vue.createElementVNode("div", _hoisted_5$3, [
vue.createVNode(vue.unref(Icon), { icon: "octicon:copy-24" })
]),
_hoisted_6$3
]),
vue.createElementVNode("div", {
class: vue.normalizeClass(["item", [!_ctx.comment.replyUsers.length && "disabled"]]),
onClick: showRelationReply
}, [
vue.createElementVNode("div", _hoisted_7$2, [
vue.createVNode(vue.unref(Icon), { icon: "iconoir:page-search" })
]),
_hoisted_8$2
], 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(["item", [_ctx.comment.isThanked && "full"]]),
onClick: thank
}, [
vue.createElementVNode("div", _hoisted_9$2, [
_ctx.comment.isThanked ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 0,
icon: "icon-park-solid:like"
})) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
icon: "icon-park-outline:like"
}))
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.comment.isThanked ? "已" : "") + "感谢", 1)
], 2),
vue.createElementVNode("div", {
class: "item",
onClick: _cache[0] || (_cache[0] = ($event) => emit("reply"))
}, [
vue.createElementVNode("div", _hoisted_10$1, [
vue.createVNode(vue.unref(Icon), { icon: "mynaui:message" })
]),
_hoisted_11$1
]),
_ctx.comment.top ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: "item",
onClick: jump
}, [
vue.createElementVNode("div", _hoisted_12$1, [
vue.createVNode(vue.unref(Icon), { icon: "icon-park-outline:to-bottom" })
]),
_hoisted_13$1
])) : vue.createCommentVNode("", true)
]),
vue.createElementVNode("div", {
class: "cancel",
onClick: close
}, "取消")
])
]),
_: 1
}, 8, ["model-value"]);
};
}
});
const CommentOptions = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-8ef13a81"]]);
const _hoisted_1$7 = { class: "comments" };
const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
__name: "RelationReply",
props: {
modelValue: { type: Boolean },
relationReply: {},
targetUser: {},
post: {}
},
emits: ["close", "reply", "merge", "update:modelValue"],
setup(__props, { emit: __emit }) {
const emit = __emit;
vue.inject("config");
vue.inject("isLogin");
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(FromBottomDialog, {
"page-id": "post-detail",
height: "70vh",
"model-value": _ctx.modelValue,
onCancel: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", false))
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$7, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.relationReply, (item, index) => {
return vue.openBlock(), vue.createBlock(SingleComment, {
"is-right": item.username === _ctx.targetUser.right,
key: item.floor,
comment: item
}, null, 8, ["is-right", "comment"]);
}), 128))
])
]),
_: 1
}, 8, ["model-value"]);
};
}
});
const _sfc_main$6 = {
name: "detail",
emits: ["saveReadList", "refresh"],
components: {
BackIcon: _sfc_main$p,
BaseSelect,
RelationReply: _sfc_main$7,
CommentOptions,
FromBottomDialog,
PostOptions,
MoreIcon,
BaseButton,
SingleComment,
Comment,
PostEditor,
Point,
Toolbar,
BaseHtmlRender,
Tooltip,
BaseLoading,
Icon
},
inject: ["allReplyUsers", "user", "post", "tags", "isLogin", "config", "pageType", "isNight"],
props: {
modelValue: {
type: Boolean,
default() {
return false;
}
},
loading: {
type: Boolean,
default() {
return false;
}
},
refreshLoading: {
type: Boolean,
default() {
return false;
}
},
displayType: CommentDisplayType.FloorInFloorNoCallUser
},
data() {
return {
isSticky: false,
showPostOptions: false,
showCommentOptions: false,
selectCallIndex: 0,
showCallList: false,
showRelationReply: false,
replyText: "",
callStyle: {
top: 0,
left: 0
},
targetUser: {
left: [],
right: "",
rightFloor: -1
},
debounceScroll: () => {
},
read: {
floor: 0,
total: 0
},
currentFloor: "",
showOpTag: false,
currentComment: null
};
},
computed: {
eventBus() {
return eventBus;
},
CMD() {
return CMD;
},
replyUser() {
if (this.currentComment)
return this.currentComment.username;
return null;
},
replyFloor() {
if (this.currentComment)
return this.currentComment.floor;
return null;
},
isMy() {
return this.post.member.username === window.user.username;
},
myTags() {
return this.tags[this.post.member.username] ?? [];
},
CommentDisplayType() {
return CommentDisplayType;
},
isPost() {
return this.pageType === PageType.Post;
},
filterCallList() {
if (this.showCallList) {
let list = ["管理员", "所有人"].concat(this.allReplyUsers);
if (this.replyText)
return list.filter((i) => i.search(this.replyText) > -1);
return list;
}
return [];
},
topReply() {
return this.post.replyList.filter((v) => v.thankCount >= this.config.topReplyLoveMinCount).sort((a, b) => b.thankCount - a.thankCount).slice(0, this.config.topReplyCount);
},
replyList() {
if ([CommentDisplayType.FloorInFloor, CommentDisplayType.FloorInFloorNoCallUser].includes(this.displayType))
return this.post.nestedReplies;
if (this.displayType === CommentDisplayType.Like) {
return window.clone(this.post.nestedReplies).sort((a, b) => b.thankCount - a.thankCount);
}
if (this.displayType === CommentDisplayType.V2exOrigin)
return this.post.replyList;
if (this.displayType === CommentDisplayType.FloorInFloorNested)
return this.post.nestedRedundReplies;
if (this.displayType === CommentDisplayType.OnlyOp)
return this.post.replyList.filter((v) => {
var _a;
return v.username === ((_a = this.post.member) == null ? void 0 : _a.username);
});
return [];
},
//关联回复
relationReply() {
if (this.targetUser.left.length && this.targetUser.right) {
return this.post.replyList.filter((v) => {
if (this.targetUser.left.includes(v.username)) {
if (v.floor > this.targetUser.rightFloor) {
if (v.replyUsers.includes(this.targetUser.right)) {
return true;
}
} else {
return true;
}
}
if (v.username === this.targetUser.right) {
for (let i = 0; i < this.targetUser.left.length; i++) {
if (v.replyUsers.includes(this.targetUser.left[i])) {
return true;
}
}
}
});
}
return [];
}
},
watch: {
"post.id"(n2, o) {
if (this.$refs["post-editor"]) {
this.$refs["post-editor"].content = "";
vue.nextTick(() => {
this.scrollTop(false);
});
}
},
"post.headerTemplate"(n2, o) {
let mountEl = document.querySelector(".main-wrapper .post-wrapper .html-wrapper .header");
if (mountEl) {
this.showOpTag = true;
}
},
modelValue: {
handler(newVal) {
if (this.isPost) {
return;
}
if (newVal) {
if (!window.history.state) {
window.history.pushState({}, 0, this.post.href);
}
this.read = this.post.read;
this.currentFloor = "";
vue.nextTick(() => {
window.document.title = this.post.title ?? "V2EX";
});
} else {
this.$emit("saveReadList");
window.document.title = "V2EX";
this.isSticky = false;
this.showRelationReply = false;
if (window.history.state) {
window.history.back();
}
}
}
}
},
mounted() {
this.debounceScroll = debounce(this.scroll, 300, false);
if (this.isLogin) {
const observer = new IntersectionObserver(
([e2]) => e2.target.toggleAttribute("stuck", e2.intersectionRatio < 1),
{ threshold: [1] }
);
observer.observe(this.$refs.replyBox);
window.addEventListener("keydown", this.onKeyDown);
}
eventBus.on(CMD.SHOW_CALL, (val) => {
if (val.show) {
this.showCallList = true;
this.replyText = val.text;
if (this.isPost) {
this.callStyle.top = val.top + $(window.win()).scrollTop() + -40 + "px";
} else {
this.callStyle.top = val.top + $(".post-detail").scrollTop() + 15 + "px";
}
this.callStyle.left = val.left - $(".main")[0].getBoundingClientRect().left + 10 + "px";
if (this.selectCallIndex >= this.filterCallList.length) {
this.selectCallIndex = 0;
}
} else {
this.replyText = "";
this.showCallList = false;
this.selectCallIndex = 0;
}
});
eventBus.on(CMD.RELATION_REPLY, (val) => {
this.targetUser = val;
this.showRelationReply = true;
});
eventBus.on(CMD.JUMP, this.jump);
if (this.isPost) {
window.addEventListener("scroll", this.debounceScroll);
}
eventBus.on(CMD.SHOW_COMMENT_OPTIONS, (comment) => {
this.currentComment = comment;
this.showCommentOptions = true;
});
eventBus.on(CMD.SHOW_EDITOR, (comment) => {
this.currentComment = comment;
this.isSticky = true;
setTimeout(() => {
var _a;
(_a = this.$refs["post-editor"]) == null ? void 0 : _a.focus();
}, 300);
});
},
beforeUnmount() {
window.removeEventListener("keydown", this.onKeyDown);
eventBus.off(CMD.SHOW_CALL);
},
methods: {
clickAvatar() {
window.functions.clickAvatar(".post-wrapper ");
},
addTag() {
eventBus.emit(CMD.ADD_TAG, this.post.member.username);
},
removeTag(tag) {
eventBus.emit(CMD.REMOVE_TAG, { username: this.post.member.username, tag });
},
scroll() {
if (!this.config.rememberLastReadFloor)
return;
let height = window.innerHeight * 0.3;
let comments = $(".comments .comment");
let forCount = 0;
for (let i = 0; i < comments.length; i++) {
forCount++;
let ins = comments[i];
let rect = ins.getBoundingClientRect();
if (rect.top > height) {
let lastReadFloor = Number(ins.dataset["floor"]);
console.log("当前阅读楼层", lastReadFloor);
eventBus.emit(CMD.ADD_READ, {
floor: lastReadFloor > 3 ? lastReadFloor : 0,
total: this.post.replyList.length
});
if (lastReadFloor > 3) {
this.read.floor = 0;
}
break;
}
}
if (forCount === comments.length) {
console.log("看到最后了");
eventBus.emit(CMD.ADD_READ, {
floor: forCount,
total: this.post.replyList.length
});
}
},
jump(floor) {
let lastItem = this.replyList[this.replyList.length - 1];
if (floor === "") {
floor = lastItem.floor;
} else {
try {
floor = Number(floor);
} catch (e2) {
floor = lastItem.floor;
}
if (floor === 0) {
floor = 1;
}
if (floor > lastItem.floor)
floor = lastItem.floor;
}
if (!this.post.replyList.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "没有回复可跳转！" });
this.read.floor = 0;
return;
}
if (floor > this.post.replyList.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "没有找到对应回复！" });
this.read.floor = 0;
return;
}
let comment = $(`.c_${floor}`);
if (!comment.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "没有找到对应回复！" });
this.read.floor = 0;
return;
}
comment[0].scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
comment.addClass("ding");
this.read.floor = 0;
this.currentFloor = floor + 1;
setTimeout(() => {
comment.removeClass("ding");
}, 2e3);
},
jumpLastRead(floor) {
if (this.config.autoJumpLastReadFloor) {
if (!floor)
return;
setTimeout(() => {
console.log("上次跳转", floor);
this.jump(floor);
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "已跳转到上次阅读位置" });
}, 300);
}
},
collapseTopReplyList() {
$(this.$refs.topReply).slideToggle("fast");
},
goBottom() {
this.isSticky = false;
setTimeout(() => {
let postWrapper = document.querySelector(".post-wrapper");
postWrapper.scrollTo({ top: this.$refs["detail"].clientHeight, behavior: "smooth" });
});
},
close() {
this.$emit("update:modelValue", false);
},
setCall(e2) {
eventBus.emit(CMD.SET_CALL, e2);
this.showCallList = false;
},
onKeyDown(e2) {
if (!this.modelValue)
return;
if (!this.showCallList)
return;
let length = this.filterCallList.slice(0, 10).length;
if (e2.keyCode === 13) {
this.setCall(this.filterCallList[this.selectCallIndex]);
e2.preventDefault();
}
if (e2.keyCode === 38) {
this.selectCallIndex--;
if (this.selectCallIndex < 0) {
this.selectCallIndex = length - 1;
}
e2.preventDefault();
}
if (e2.keyCode === 40) {
this.selectCallIndex++;
if (this.selectCallIndex > length - 1) {
this.selectCallIndex = 0;
}
e2.preventDefault();
}
},
scrollTop(anim = true) {
document.querySelector(".post-wrapper").scrollTo({ top: 0, behavior: anim ? "smooth" : "instant" });
}
}
};
const _withScopeId$4 = (n2) => (vue.pushScopeId("data-v-546d3b11"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$6 = { class: "left" };
const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("a", { href: "/" }, "V2EX", -1));
const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "chevron" }, " › ", -1));
const _hoisted_4$3 = ["href"];
const _hoisted_5$2 = { class: "right" };
const _hoisted_6$2 = ["src"];
const _hoisted_7$1 = { class: "my-box post-main-body" };
const _hoisted_8$1 = { class: "box-content" };
const _hoisted_9$1 = { class: "box-header" };
const _hoisted_10 = { class: "gray" };
const _hoisted_11 = ["href"];
const _hoisted_12 = ["src"];
const _hoisted_13 = { class: "info" };
const _hoisted_14 = { class: "top" };
const _hoisted_15 = ["href"];
const _hoisted_16 = {
key: 0,
class: "center"
};
const _hoisted_17 = { class: "my-tag" };
const _hoisted_18 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-tag" }, null, -1));
const _hoisted_19 = ["onClick"];
const _hoisted_20 = { class: "bottom" };
const _hoisted_21 = ["title"];
const _hoisted_22 = ["href"];
const _hoisted_23 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-info-circle" }, null, -1));
const _hoisted_24 = [
_hoisted_23
];
const _hoisted_25 = ["href"];
const _hoisted_26 = {
key: 0,
class: "my-box"
};
const _hoisted_27 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "" }, "高赞回复", -1));
const _hoisted_28 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-reply" }, [
/* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-compress" })
], -1));
const _hoisted_29 = [
_hoisted_27,
_hoisted_28
];
const _hoisted_30 = { ref: "topReply" };
const _hoisted_31 = {
key: 1,
class: "my-cell flex comments-header"
};
const _hoisted_32 = {
key: 2,
class: "my-box comment-wrapper"
};
const _hoisted_33 = {
key: 0,
class: "loading-wrapper"
};
const _hoisted_34 = {
key: 1,
class: "comments"
};
const _hoisted_35 = {
key: 3,
id: "no-comments-yet"
};
const _hoisted_36 = { class: "my-cell flex" };
const _hoisted_37 = { class: "notice-right gray" };
const _hoisted_38 = { class: "p1" };
const _hoisted_39 = ["onClick"];
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
const _component_BackIcon = vue.resolveComponent("BackIcon");
const _component_BaseLoading = vue.resolveComponent("BaseLoading");
const _component_MoreIcon = vue.resolveComponent("MoreIcon");
const _component_BaseHtmlRender = vue.resolveComponent("BaseHtmlRender");
const _component_Toolbar = vue.resolveComponent("Toolbar");
const _component_Comment = vue.resolveComponent("Comment");
const _component_BaseSelect = vue.resolveComponent("BaseSelect");
const _component_PostEditor = vue.resolveComponent("PostEditor");
const _component_post_options = vue.resolveComponent("post-options");
const _component_comment_options = vue.resolveComponent("comment-options");
const _component_relation_reply = vue.resolveComponent("relation-reply");
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: ".post-wrapper" }, [
vue.createElementVNode("div", {
class: vue.normalizeClass(["post-detail", [
$options.isNight ? "isNight" : "",
$options.pageType
]]),
ref: "detail",
id: "post-detail",
onScroll: _cache[20] || (_cache[20] = (...args) => $data.debounceScroll && $data.debounceScroll(...args))
}, [
vue.createElementVNode("div", {
class: "my-box nav-bar",
onDblclick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => $options.scrollTop && $options.scrollTop(...args), ["stop"]))
}, [
vue.createElementVNode("div", _hoisted_1$6, [
!$options.isPost ? (vue.openBlock(), vue.createBlock(_component_BackIcon, {
key: 0,
onClick: vue.withModifiers($options.close, ["stop"])
}, null, 8, ["onClick"])) : vue.createCommentVNode("", true),
$options.isPost ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
_hoisted_2$4,
_hoisted_3$3
], 64)) : vue.createCommentVNode("", true),
vue.createElementVNode("a", {
href: $options.post.node.url
}, vue.toDisplayString($options.post.node.title), 9, _hoisted_4$3)
]),
vue.createElementVNode("div", _hoisted_5$2, [
$props.refreshLoading ? (vue.openBlock(), vue.createBlock(_component_BaseLoading, { key: 0 })) : vue.createCommentVNode("", true),
vue.createVNode(_component_MoreIcon, {
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => $data.showPostOptions = true, ["stop"]))
}),
$options.user.avatar ? (vue.openBlock(), vue.createElementBlock("img", {
key: 1,
onClick: _cache[1] || (_cache[1] = (...args) => $options.clickAvatar && $options.clickAvatar(...args)),
style: { "margin-right": "0" },
class: "avatar mobile",
src: $options.user.avatar
}, null, 8, _hoisted_6$2)) : vue.createCommentVNode("", true)
])
], 32),
vue.createElementVNode("div", _hoisted_7$1, [
vue.createElementVNode("div", _hoisted_8$1, [
vue.createElementVNode("div", _hoisted_9$1, [
vue.createElementVNode("small", _hoisted_10, [
$options.post.member.avatar_large ? (vue.openBlock(), vue.createElementBlock("a", {
key: 0,
class: "base-avatar",
href: `/member/${$options.post.member.username}`
}, [
vue.createElementVNode("img", {
src: $options.post.member.avatar_large
}, null, 8, _hoisted_12)
], 8, _hoisted_11)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_13, [
vue.createElementVNode("div", _hoisted_14, [
vue.createElementVNode("a", {
href: `/member/${$options.post.member.username}`
}, vue.toDisplayString($options.post.member.username), 9, _hoisted_15),
$options.post.member.createDate ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
vue.createTextVNode(" · "),
vue.createElementVNode("span", {
class: vue.normalizeClass($options.post.member.isNew && "danger")
}, vue.toDisplayString($options.post.member.createDate), 3)
], 64)) : vue.createCommentVNode("", true)
]),
$options.isLogin && $options.config.openTag ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.myTags, (i) => {
return vue.openBlock(), vue.createElementBlock("span", _hoisted_17, [
_hoisted_18,
vue.createElementVNode("span", null, vue.toDisplayString(i), 1),
vue.createElementVNode("i", {
class: "fa fa-trash-o remove",
onClick: ($event) => $options.removeTag(i)
}, null, 8, _hoisted_19)
]);
}), 256)),
vue.createElementVNode("span", {
class: "add-tag ago",
onClick: _cache[3] || (_cache[3] = (...args) => $options.addTag && $options.addTag(...args)),
title: "添加标签"
}, "+")
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_20, [
$options.post.createDateAgo ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
vue.createElementVNode("span", {
title: $options.post.createDate
}, vue.toDisplayString($options.post.createDateAgo), 9, _hoisted_21),
vue.createTextVNode(" · ")
], 64)) : vue.createCommentVNode("", true),
vue.createTextVNode(" " + vue.toDisplayString($options.post.clickCount) + " 次点击 ", 1),
$options.isMy ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
vue.createTextVNode(" "),
vue.createElementVNode("a", {
href: `/t/${$options.post.id}/info`
}, _hoisted_24, 8, _hoisted_22),
vue.createTextVNode(" "),
vue.createElementVNode("a", {
href: `/append/topic/${$options.post.id}`,
class: "op"
}, "APPEND", 8, _hoisted_25)
], 64)) : vue.createCommentVNode("", true)
])
])
]),
vue.createElementVNode("h1", null, vue.toDisplayString($options.post.title), 1)
]),
vue.createVNode(_component_BaseHtmlRender, {
html: $options.post.headerTemplate
}, null, 8, ["html"])
]),
vue.createVNode(_component_Toolbar, {
onReply: _cache[4] || (_cache[4] = ($event) => {
$data.isSticky = !$data.isSticky;
$data.currentComment = null;
})
})
]),
$options.topReply.length && $options.config.showTopReply ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26, [
vue.createElementVNode("div", {
class: "my-cell flex",
onClick: _cache[5] || (_cache[5] = (...args) => $options.collapseTopReplyList && $options.collapseTopReplyList(...args))
}, _hoisted_29),
vue.createElementVNode("div", _hoisted_30, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.topReply, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_Comment, {
key: item.floor,
type: "top",
modelValue: $options.topReply[index],
"onUpdate:modelValue": ($event) => $options.topReply[index] = $event
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128))
], 512)
])) : vue.createCommentVNode("", true),
$options.post.replyList.length || $props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
vue.createElementVNode("span", null, vue.toDisplayString($options.post.replyCount) + " 条回复", 1),
vue.createVNode(_component_BaseSelect, {
"display-type": $props.displayType,
"onUpdate:displayType": _cache[6] || (_cache[6] = (e2) => _ctx.$emit("update:displayType", e2))
}, null, 8, ["display-type"])
])) : vue.createCommentVNode("", true),
$options.replyList.length || $props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_32, [
$props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33, [
vue.createVNode(_component_BaseLoading, { size: "large" })
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_34, [
$props.modelValue ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList($options.replyList, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_Comment, {
key: item.floor,
modelValue: $options.replyList[index],
"onUpdate:modelValue": ($event) => $options.replyList[index] = $event
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128)) : vue.createCommentVNode("", true)
]))
])) : vue.createCommentVNode("", true),
!($options.replyList.length || $props.loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_35, "目前尚无回复")) : vue.createCommentVNode("", true),
$options.isLogin ? (vue.openBlock(), vue.createElementBlock("div", {
key: 4,
class: vue.normalizeClass(["my-box", { "sticky": $data.isSticky }]),
ref: "replyBox"
}, [
vue.createElementVNode("div", _hoisted_36, [
vue.createElementVNode("span", null, vue.toDisplayString($data.currentComment ? `回复${$data.currentComment.floor}楼` : "回复主题"), 1),
vue.createElementVNode("div", _hoisted_37, [
$data.isSticky ? (vue.openBlock(), vue.createElementBlock("a", {
key: 0,
style: { "margin-right": "2rem" },
onClick: _cache[7] || (_cache[7] = ($event) => {
$data.isSticky = false;
$data.currentComment = null;
})
}, "取消回复框停靠")) : vue.createCommentVNode("", true),
vue.createElementVNode("a", {
onClick: _cache[8] || (_cache[8] = (...args) => $options.scrollTop && $options.scrollTop(...args))
}, "回到顶部")
])
]),
vue.createElementVNode("div", _hoisted_38, [
vue.createVNode(_component_PostEditor, {
onClose: $options.goBottom,
ref: "post-editor",
useType: $data.currentComment ? "reply-comment" : "reply-post",
replyUser: $options.replyUser,
replyFloor: $options.replyFloor,
onClick: _cache[9] || (_cache[9] = ($event) => $data.isSticky = true)
}, null, 8, ["onClose", "useType", "replyUser", "replyFloor"])
])
], 2)) : vue.createCommentVNode("", true),
$data.showCallList && $options.filterCallList.length ? (vue.openBlock(), vue.createElementBlock("div", {
key: 5,
class: "call-list",
style: vue.normalizeStyle($data.callStyle)
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.filterCallList, (item, index) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["call-item", { select: index === $data.selectCallIndex }]),
onClick: ($event) => $options.setCall(item)
}, [
vue.createElementVNode("a", null, vue.toDisplayString(item), 1)
], 10, _hoisted_39);
}), 256))
], 4)) : vue.createCommentVNode("", true),
vue.createVNode(_component_post_options, {
onMerge: _cache[10] || (_cache[10] = (val) => {
$options.post = Object.assign($options.post, val);
console.log("va", val, $options.post);
}),
post: $options.post,
onReply: _cache[11] || (_cache[11] = ($event) => ($options.eventBus.emit($options.CMD.SHOW_EDITOR, null), $data.showPostOptions = false)),
onRefresh: _cache[12] || (_cache[12] = ($event) => _ctx.$emit("refresh")),
modelValue: $data.showPostOptions,
"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.showPostOptions = $event)
}, null, 8, ["post", "modelValue"]),
vue.createVNode(_component_comment_options, {
onMerge: _cache[14] || (_cache[14] = (val) => $data.currentComment = Object.assign($data.currentComment, val)),
onRecallThank: _cache[15] || (_cache[15] = ($event) => $data.currentComment.isThanked = false),
post: $options.post,
comment: $data.currentComment,
onClose: _cache[16] || (_cache[16] = ($event) => $data.currentComment = null),
onReply: _cache[17] || (_cache[17] = ($event) => ($options.eventBus.emit($options.CMD.SHOW_EDITOR, $data.currentComment), $data.showCommentOptions = false)),
modelValue: $data.showCommentOptions,
"onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $data.showCommentOptions = $event)
}, null, 8, ["post", "comment", "modelValue"]),
vue.createVNode(_component_relation_reply, {
post: $options.post,
"relation-reply": $options.relationReply,
modelValue: $data.showRelationReply,
"onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $data.showRelationReply = $event),
"target-user": $data.targetUser
}, null, 8, ["post", "relation-reply", "modelValue", "target-user"])
], 34)
]);
}
const PostDetail = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2], ["__scopeId", "data-v-546d3b11"]]);
const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-1988f33b"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("svg", {
width: "24",
height: "24",
viewBox: "0 0 48 48",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, [
/* @__PURE__ */ vue.createElementVNode("path", {
d: "M17 32L19.1875 27M31 32L28.8125 27M19.1875 27L24 16L28.8125 27M19.1875 27H28.8125",
stroke: "#929596",
"stroke-width": "4",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}),
/* @__PURE__ */ vue.createElementVNode("path", {
d: "M43.1999 20C41.3468 10.871 33.2758 4 23.5999 4C13.9241 4 5.85308 10.871 4 20L10 18",
stroke: "#929596",
"stroke-width": "4",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}),
/* @__PURE__ */ vue.createElementVNode("path", {
d: "M4 28C5.85308 37.129 13.9241 44 23.5999 44C33.2758 44 41.3468 37.129 43.1999 28L38 30",
stroke: "#929596",
"stroke-width": "4",
"stroke-linecap": "round",
"stroke-linejoin": "round"
})
], -1));
const _hoisted_2$3 = { key: 1 };
const _sfc_main$5 = {
__name: "Base64Tooltip",
setup(__props) {
const tooltip = vue.ref(null);
const show = vue.ref(false);
const originalText = vue.ref("");
const decodeText = vue.ref("");
const styleObject = vue.reactive({
left: "-100vw",
top: "-100vh"
});
vue.onMounted(() => {
eventBus.on(CMD.SHOW_TOOLTIP, ({ text, e: e2 }) => {
setTimeout(() => show.value = true);
originalText.value = text;
decodeText.value = "";
styleObject.left = e2.clientX + "px";
styleObject.top = e2.clientY + 20 + "px";
});
window.addEventListener("click", (e2) => {
if (!tooltip.value)
return;
if (!tooltip.value.contains(e2.target) && show.value) {
show.value = false;
}
}, { capture: true });
const fn = () => show.value && (show.value = false);
$(".post-detail", window.win().doc).on("scroll", fn);
});
function base64ToArrayBuffer(base64) {
let binary_string = window.atob(base64);
let len = binary_string.length;
let bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = binary_string.charCodeAt(i);
}
return bytes.buffer;
}
function decode() {
try {
new Blob([base64ToArrayBuffer(originalText.value)]).text().then((r2) => {
decodeText.value = r2;
});
} catch (e2) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "Base64解码失败！不是标准数据！" });
}
}
return (_ctx, _cache) => {
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
class: "base64_tooltip",
style: vue.normalizeStyle(styleObject),
onClick: decode,
ref_key: "tooltip",
ref: tooltip
}, [
!decodeText.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
vue.createTextVNode(" Base64解码：" + vue.toDisplayString(originalText.value) + " ", 1),
_hoisted_1$5
], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
vue.createElementVNode("span", null, vue.toDisplayString(decodeText.value), 1),
vue.createVNode(BaseButton, {
class: "btn",
size: "small",
onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(copy)(decodeText.value))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("点击复制")
]),
_: 1
})
]))
], 4)), [
[vue.vShow, show.value]
]);
};
}
};
const Base64Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-1988f33b"]]);
const _sfc_main$4 = {
name: "Msg",
components: { Icon },
props: {
type: "",
text: ""
},
created() {
setTimeout(() => {
this.$emit("close");
}, 3e3);
}
};
const _hoisted_1$4 = { class: "right" };
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
const _component_Icon = vue.resolveComponent("Icon");
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["msg", $props.type])
}, [
vue.createElementVNode("div", {
class: "left",
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
}, [
vue.createVNode(_component_Icon, { icon: "ic:round-close" })
]),
vue.createElementVNode("div", _hoisted_1$4, vue.toDisplayString($props.text), 1)
], 2);
}
const Msg = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1], ["__scopeId", "data-v-0dcc0508"]]);
const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-674b86aa"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$3 = {
key: 0,
class: "tag-modal modal"
};
const _hoisted_2$2 = { class: "wrapper" };
const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 添加标签 ", -1));
const _hoisted_4$2 = { class: "option" };
const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("span", null, "用户：", -1));
const _hoisted_6$1 = { class: "btns" };
const _sfc_main$3 = {
__name: "TagModal",
props: ["tags"],
emits: ["update:tags"],
setup(__props, { emit: __emit }) {
const tagModal = vue.reactive({
show: false,
currentUsername: "",
tag: ""
});
const props = __props;
const emit = __emit;
const inputRef = vue.ref();
vue.onMounted(() => {
eventBus.on(CMD.ADD_TAG, (username) => {
tagModal.currentUsername = username;
tagModal.show = true;
vue.nextTick(() => {
inputRef.value.focus();
});
});
});
async function addTag() {
if (!tagModal.tag) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请输入标签" });
return;
}
let oldTag = window.clone(props.tags);
let tempTag = window.clone(props.tags);
let userTags = tempTag[tagModal.currentUsername] ?? [];
let rIndex = userTags.findIndex((v) => v === tagModal.tag);
if (rIndex > -1) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "标签已存在！" });
return;
} else {
userTags.push(tagModal.tag);
}
tempTag[tagModal.currentUsername] = userTags;
emit("update:tags", tempTag);
tagModal.tag = "";
tagModal.show = false;
let res = await window.parse.saveTags(tempTag);
if (!res) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "标签添加失败！" });
emit("update:tags", oldTag);
}
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Transition, null, {
default: vue.withCtx(() => [
tagModal.show ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
vue.createElementVNode("div", {
class: "mask",
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => tagModal.show = false, ["stop"]))
}),
vue.createElementVNode("div", _hoisted_2$2, [
_hoisted_3$2,
vue.createElementVNode("div", _hoisted_4$2, [
_hoisted_5$1,
vue.createElementVNode("div", null, [
vue.createElementVNode("b", null, vue.toDisplayString(tagModal.currentUsername), 1)
])
]),
vue.withDirectives(vue.createElementVNode("input", {
type: "text",
ref_key: "inputRef",
ref: inputRef,
style: { "width": "100%" },
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tagModal.tag = $event),
onKeydown: vue.withKeys(addTag, ["enter"])
}, null, 544), [
[vue.vModelText, tagModal.tag]
]),
vue.createElementVNode("div", _hoisted_6$1, [
vue.createVNode(BaseButton, {
type: "link",
onClick: _cache[2] || (_cache[2] = ($event) => tagModal.show = false)
}, {
default: vue.withCtx(() => [
vue.createTextVNode("取消")
]),
_: 1
}),
vue.createVNode(BaseButton, { onClick: addTag }, {
default: vue.withCtx(() => [
vue.createTextVNode("确定")
]),
_: 1
})
])
])
])) : vue.createCommentVNode("", true)
]),
_: 1
});
};
}
};
const TagModal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-674b86aa"]]);
const _hoisted_1$2 = { class: "msgs" };
const _sfc_main$2 = {
__name: "MsgModal",
setup(__props) {
const msgList = vue.reactive([
// {type: 'success', text: '123', id: Date.now()}
]);
vue.onMounted(() => {
eventBus.on(CMD.SHOW_MSG, (val) => {
msgList.push({ ...val, id: Date.now() });
});
});
function removeMsg(id) {
let rIndex = msgList.findIndex((item) => item.id === id);
if (rIndex > -1) {
msgList.splice(rIndex, 1);
}
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
vue.createElementVNode("div", _hoisted_1$2, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(msgList, (v) => {
return vue.openBlock(), vue.createBlock(Msg, {
key: v.id,
type: v.type,
text: v.text,
onClose: ($event) => removeMsg(v.id)
}, null, 8, ["type", "text", "onClose"]);
}), 128))
])
]);
};
}
};
const MsgModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-93c4dec0"]]);
let u = ".__cf_email__", f = "data-cfemail", d = document.createElement("div");
function e(e2) {
console.error(e2);
}
function r(e2, t) {
let r2 = e2.substr(t, 2);
return parseInt(r2, 16);
}
function n(href, index) {
let o = "", a = r(href, index);
for (let i = index + 2; i < href.length; i += 2) {
let l = r(href, i) ^ a;
o += String.fromCharCode(l);
}
try {
o = decodeURIComponent(escape(o));
} catch (u2) {
e(u2);
}
d.innerHTML = '';
return d.childNodes[0].getAttribute("href") || "";
}
function decodeEmail(body) {
try {
let as = body.find(u);
as.each(function() {
try {
let o = this, a = o.parentNode, i = o.getAttribute(f);
if (i) {
let l = n(i, 0), d2 = document.createTextNode(l);
a.replaceChild(d2, o);
}
} catch (h2) {
e(h2);
}
});
} catch (s) {
e(s);
}
}
const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-19a5903e"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$1 = {
key: 0,
class: "tag-modal modal"
};
const _hoisted_2$1 = { class: "modal-root" };
const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 提醒系统 ", -1));
const _hoisted_4$1 = ["innerHTML"];
const _sfc_main$1 = {
__name: "NotificationModal",
props: ["modelValue", "h"],
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const emit = __emit;
vue.onMounted(() => {
});
function close() {
emit("update:modelValue", false);
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Transition, null, {
default: vue.withCtx(() => [
__props.modelValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
vue.createElementVNode("div", {
class: "mask",
onClick: vue.withModifiers(close, ["stop"])
}),
vue.createElementVNode("div", _hoisted_2$1, [
vue.createElementVNode("div", { class: "modal-header" }, [
_hoisted_3$1,
vue.createElementVNode("i", {
class: "fa fa-times",
onClick: close
})
]),
vue.createElementVNode("div", {
innerHTML: __props.h,
class: "modal-body"
}, null, 8, _hoisted_4$1)
])
])) : vue.createCommentVNode("", true)
]),
_: 1
});
};
}
};
const NotificationModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-19a5903e"]]);
const _sfc_main = {
components: {
BaseButton,
NotificationModal,
BaseLoading,
BaseSwitch,
MsgModal,
TagModal,
Tooltip,
Setting,
PostDetail,
Base64Tooltip,
Msg
},
provide() {
return {
user: vue.computed(() => window.user),
isLogin: vue.computed(() => this.isLogin),
isNight: vue.computed(() => this.isNight),
pageType: vue.computed(() => this.pageType),
tags: vue.computed(() => this.tags),
show: vue.computed(() => this.show),
post: vue.computed(() => this.current),
config: vue.computed(() => this.config),
allReplyUsers: vue.computed(() => {
var _a, _b, _c;
if ((_a = this.current) == null ? void 0 : _a.replyList) {
return Array.from(new Set(((_c = (_b = this.current) == null ? void 0 : _b.replyList) == null ? void 0 : _c.map((v) => v.username)) ?? []));
}
return [];
})
};
},
data() {
return {
loading: window.pageType === PageType.Post,
refreshLoading: false,
loadMore: false,
isLogin: !!window.user.username,
pageType: window.pageType,
isNight: window.isNight,
stopMe: window.stopMe,
//停止使用脚本
show: false,
current: window.clone(window.initPost),
list: [],
config: window.clone(window.config),
tags: window.user.tags,
readList: window.user.readList,
notificationModal: {
show: false,
h: ""
},
step: 0
};
},
computed: {
targetUserTags() {
return this.tags[window.targetUserName] ?? [];
},
isList() {
return [PageType.Home, PageType.Node].includes(this.pageType);
},
isPost() {
return this.pageType === PageType.Post;
},
isMember() {
return this.pageType === PageType.Member;
}
},
watch: {
config: {
handler(newVal) {
let config2 = { [window.user.username ?? "default"]: newVal };
localStorage.setItem("v2ex-config", JSON.stringify(config2));
window.config = newVal;
},
deep: true
},
tags(newVal) {
window.user.tags = newVal;
},
"config.viewType"(newVal) {
if (!newVal)
return;
if (newVal === "card") {
$(".post-item").each(function() {
$(this).addClass("preview");
});
} else {
$(".post-item").each(function() {
$(this).removeClass("preview");
});
}
},
"config.fontSizeType": {
handler(newVal) {
switch (newVal) {
case "small":
return $("html").css("font-size", "8px");
case "normal":
return $("html").css("font-size", "10px");
case "large":
return $("html").css("font-size", "12px");
case "big-large":
return $("html").css("font-size", "14px");
}
},
deep: true
},
show(n2) {
if (n2)
this.step++;
else
this.step--;
this.slide("post");
}
},
created() {
let that = this;
this.initEvent();
window.cb = this.winCb;
if (!window.canParseV2exPage)
return;
document.addEventListener("click", this.clickA, true);
$(document).on("click", ".post-item", function(e2) {
if (e2.currentTarget.getAttribute("script"))
return;
if (that.stopMe)
return true;
if (this.classList.contains("preview")) {
if (e2.target.tagName !== "A" && e2.target.tagName !== "IMG") {
console.log("点空白处", this);
let id = this.dataset["id"];
let href = this.dataset["href"];
if (id) {
that.clickPost(e2, id, href);
} else {
if (href)
location.href = href;
}
}
}
});
window.onpopstate = (event) => {
if (event.state) {
if (!this.show)
this.show = true;
} else {
if (this.show)
this.show = false;
}
};
window.onbeforeunload = () => {
};
window.deleteNotification = (nId, token) => {
console.log("deleteNotification", nId, token);
let item = $("#n_" + nId);
item.slideUp("fast");
$.post({
url: "/delete/notification/" + nId + "?once=" + token,
success() {
$.get({
url: "/notifications/below/" + window.notificationBottom,
success(data, status, request) {
item.remove();
$("#notifications").append(data);
window.notificationBottom = request.getResponseHeader("X-V2EX-New-Notification-Bottom");
},
error() {
item.slideDown("fast");
}
});
},
error() {
item.slideDown("fast");
}
});
};
},
beforeUnmount() {
eventBus.clear();
document.removeEventListener("click", this.clickA, true);
},
methods: {
async getUnreadMessagesCount() {
var _a, _b;
const res = await fetch(`${location.origin}/mission`);
const htmlText = await res.text();
const $page = $(htmlText);
const text = $page.find('#Rightbar a[href^="/notifications"]').text();
if (text.includes("未读提醒")) {
const countStr = (_a = text.match(/\d+/)) == null ? void 0 : _a.at(0);
if (countStr) {
return Number((_b = text.match(/\d+/)) == null ? void 0 : _b.at(0));
}
} else {
return 0;
}
throw new Error("无法获取未读消息数量");
},
clickA(e2) {
if (!(e2 == null ? void 0 : e2.target))
return;
if (e2.target.tagName !== "A")
return;
let that = this;
if (e2.target.getAttribute("script"))
return;
if (that.stopMe)
return true;
let { href, id, title } = functions.parseA(e2.target);
if (href.includes("/settings/night/toggle"))
return;
if (href.includes("/?tab="))
return;
if (href.includes("/go"))
return;
if (href === window.origin + "/#;")
return;
if (href === window.origin + "/")
return;
if (href === window.origin + "/recent")
return;
if (href.includes("/notifications"))
return;
if (href === window.origin + "/script-setting") {
window.functions.clickAvatar(this.show ? ".post-wrapper " : "");
this.slide("setting", this.step++);
that.stopEvent(e2);
return;
}
if (id) {
that.clickPost(e2, id, href, title);
} else {
if (that.config.newTabOpen) {
that.stopEvent(e2);
functions.openNewTab(href);
}
}
},
stopEvent(e2) {
e2.preventDefault();
e2.stopPropagation();
},
saveReadList() {
if (this.config.rememberLastReadFloor) {
window.parse.saveReadList(this.readList);
}
},
async clickPost(e2, id, href, title = "") {
if (id) {
if (this.config.clickPostItemOpenDetail) {
this.stopEvent(e2);
let index = this.list.findIndex((v) => v.id == id);
let postItem = this.clone(window.initPost);
if (index > -1) {
postItem = this.list[index];
}
if (!postItem.title) {
postItem.title = title ?? "加载中";
}
postItem.inList = index > -1;
if (postItem.inList) {
if (postItem.replyCount > MAX_REPLY_LIMIT) {
return functions.openNewTab(`${location.origin}/t/${id}?p=1&script=1`);
}
}
postItem.id = id;
postItem.href = href;
if (!postItem.headerTemplate) {
let template = `